{"version":3,"sources":["context/HomeContext.tsx","utils/customHooks.tsx","Modals/FinanceNonTCIStateModal.tsx","Modals/AcceptOfferSuccessModal.tsx","context/DetailsFlowContext.tsx","Modals/components/RequestInfoForm.tsx","Modals/RequestInfoModal.tsx","Modals/EventInfoModal.tsx","Modals/CashOfferVideoModal.tsx","Modals/AcceptFinanceOptInLanguage.tsx","Modals/AcceptTOU.tsx","components/ApolloWrapper/ApolloWrapper.tsx","context/CashOfferContext.tsx","context/Global.tsx","components/Layout/components/getActiveKeys.ts","components/Layout/components/BidderCount.tsx","components/Layout/components/Footer.tsx","components/Layout/components/MainMenu.tsx","assets/svgs/close.svg","context/NotificationContext.tsx","components/Notifications/NotificationSection.tsx","components/Layout/components/MobileNotification.tsx","components/Layout/components/MobileTopLeftMenu.tsx","components/Layout/components/TopRightMenu.tsx","components/Layout/components/useRouteTracking.tsx","components/Layout/Layout.tsx","components/ScrollToTop/ScrollToTop.tsx","context/SellFlowContext.tsx","SignalRClient.tsx","App.tsx","utils/format.tsx","context/WatchListContext.tsx","components/Profile/AlertList/AlertDropdown.tsx","components/UI/CustomDetailView.tsx","components/Profile/AlertList/AlertFormModal.tsx","utils/validate.tsx","utils/getVehicleDetailUrl.ts","config/env.ts","context/AuthPopupContext.tsx","context/ModalContext.tsx","constants/index.tsx","api/getRefreshToken.ts","components/Profile/DetailTag.tsx","components/Profile/InfoTab/AccountDetailView.tsx","components/Profile/InfoTab/AccountInfoTabView.tsx","components/Profile/AccountList/AccountItemCard.tsx","components/Profile/AccountList/AccountListTabView.tsx","components/Profile/AlertList/AlertButton.tsx","components/Profile/AlertList/AlertItem.tsx","components/Profile/ProfilePage.tsx","components/Layout/images/rumbleon-black-logo.svg","serviceWorker.ts","index.tsx","utils/getTimeWithZone.ts"],"names":["initialState","vehicleCount","undefined","hasRouterBack","totalEventCount","eventCount","marqueeMarketPlaces","liveEvents","events","recentlyViewedVehicles","reserveMetVehicles","recentlyAddedVehicles","userAccounts","userProfile","scrollHeight","HomeStateContext","React","HomeDispatchContext","HomeReducer","state","action","type","args","filter","item","itemCount","length","userLocation","HomeContextProvider","children","dispatch","Provider","value","useHomeState","context","Error","useHomeDispatch","useDebounce","delay","useState","debouncedValue","setDebouncedValue","useEffect","handler","setTimeout","clearTimeout","usePrevious","ref","useRef","current","useAuthInfo","useAuthPopupState","apiKey","mpId","accountId","userId","accountList","useProfileInfo","useListingSignalR","listing","updatedItem","setUpdatedItem","ignore","id","subscriberId","listingSignalRClient","subscribeForUpdates","fetch","environmentVariableList","LISTING_ELASTIC_URL","method","headers","Accept","Authorization","btoa","LISTING_ELASTIC_CREDENTIAL","body","then","response","json","responseJson","responses","firstResponse","hits","latestData","hit","_source","map","console","log","catch","error","warn","unsubscribeFromUpdate","useTimeLeftForBidding","endDate","hideColon","MAX_REMAINING_TIME_TO_SHOW_LABEL_MS","timeLeft","setTimeLeft","remainingTimeMS","Date","getTimeWithLocalTimeZone","getTime","interval","setInterval","clearInterval","display","remainingTimeSec","Math","ceil","minutes","floor","sec","hours","remainingMinutes","timeLeftDisplayValue","shouldDisplayTimeLeft","maxTime","preBidEnabled","bidBuyDetails","String","mpFeatures","split","includes","eventFeatures","FinanceNonTCIStateModal","useModalFlowDispatch","useModalFlowState","showFinanceNonTCIStateModal","closestDealers","css","closable","visible","onCancel","footer","justify","dealership","key","DealerId","xs","lg","src","DealerLogo","width","height","DealerName","href","DealerPortalUrl","AcceptOfferSuccessModal","showAcceptOfferSuccessModal","DetailsFlowStateContext","DetailsFlowDispatchContext","localDetailsFlowState","JSON","parse","localStorage","getItem","DetailsFlowContextReducer","DetailsFlowContextProvider","setItem","stringify","SEND_BUY_LEAD","create","form","detailState","useDetailsFlowState","make","model","listingYear","price","listingId","MESSAGE","formatCurrency","Number","useMutation","buyLeadMutationResult","data","style","onSubmit","e","preventDefault","validateFields","values","a","firstName","lastName","email","phone","message","variables","FirstName","LastName","Email","Phone","Message","ListingId","LeadTypeId","ActivityTypeId","sendLead","success","showRequestInfoModal","notification","placement","alt","gutter","Item","label","getFieldDecorator","initialValue","rules","required","size","showIcon","htmlType","RequestInfoModal","EventInfoModal","showEventInfo","eventInfo","fontWeight","fetchEventDescription","CashOfferVideoModal","playing","setPlaying","showCashOfferVideoModal","destroyOnClose","marginTop","fontSize","ACCEPT_FINANCE_OPT_IN_LANGUAGE_MUTATION","AcceptFinanceOptInLanguage","authDispatch","useAuthPopupDispatch","showAcceptFinanceOptInModal","acceptFinanceOptInLanguage","loading","block","onClick","UserUuid","HasAcceptedV4TnC","ACCEPT_TOU_MUTATION","AcceptTOU","showAcceptTOUModal","ApolloWrapper","expiresOn","refreshToken","history","useHistory","client","cache","InMemoryCache","link","createHttpLink","uri","GRAPHQL_ENDPOINT","authMiddleWare","ApolloLink","operation","forward","expTime","currTime","getRefreshToken","push","ApolloClient","concat","apolloClient","currentStep","completedSteps","decodeData","appraisalRefNo","formData","selectedTrimOrModelList","attachments","promoCode","decodeRequest","createRequest","updateRequest","assignRequest","colorList","CashOfferReducer","payload","CashOfferContext","createContext","CashOfferContextProvider","reducer","initState","lastState","getState","useCallback","useReducer","useEnhancedReducer","GlobalFlowStateContext","GlobalFlowDispatchContext","localGlobalFlowState","GlobalFlowContextReducer","GlobalFlowContextProvider","getActiveKeys","pathname","BidderCount","bidderCount","env","MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL","Footer","menuCss","breakpoints","md","MainMenu","SubMenu","selectedKeys","setSelectedKeys","location","useLocation","activeKeys","isLoggedIn","mode","to","_extends","Object","assign","target","i","arguments","source","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","createElement","className","d","fill","_ref","svgRef","title","props","viewBox","ForwardRef","forwardRef","NotificationStateContext","notificationList","NotificationDispatchContext","NotificationReducer","NotificationContextProvider","useNotificationState","RETRIEVE_NOTIFICATIONS","READ_NOTIFICATIONS","alertTypes","description","memo","visibility","onClose","notificationItems","setNotificationItems","showModal","setShowModal","selectedNotification","setSelectedNotification","useNotificationDispatch","useLazyQuery","fetchPolicy","pollInterval","notifyOnNetworkStatusChange","onCompleted","result","notifications","_","get","onError","getNotifications","updateNotification","readNotification","notificationIds","apiServicesNotificationReadInput","notificationId","markAsRead","listingIdSet","Set","forEach","add","uniqueListingIds","Array","from","subscriberIds","notificationSignalRClient","unreadNotifications","obj","Fragment","AlertFormModal","alertId","notificationTypeId","bodyStyle","letterSpacing","padding","window","search","replace","icon","faCog","top","position","color","cursor","stopPropagation","getVehicleDetailUrl","itemId","Tooltip","dateCreated","moment","fromNow","messageDto","vehicle","bidAmount","subject","handleAddAlert","setVisible","notificationCount","backgroundColor","boxShadow","count","theme","navItemCss","toggleCss","modalCss","MobileTopLeftMenu","username","modalVisible","setModalVisible","handleClose","ghost","faBars","Divider","rel","LINK_CONTACT_US","LINK_FAQ","LINK_HOW_TO_VIDEOS","LINK_TERMS_AND_CONDITION","AUCTION_POLICY","menuSubItemCss","searchText","setSearchText","placeholder","onPressEnter","onChange","prefix","useRouteTracking","stackCount","setStackCount","homeDispatch","newCount","WATCH_LIST_ITEMS","GET_USER_COUNT","GET_USER_PROFILE","Header","Content","layoutCss","logoCss","logoLinkCss","headerCss","headerMobileCss","logoMobileLinkCss","contentCss","AppLayout","useWatchListDispatch","setBidderCount","items","watchListItemsIds","getWishListItems","userCount","getUserCount","zipcode","address","address1","city","getUserProfile","pageTitle","setPageTitle","activityNames","pathName","getPageTitle","redirectUrl","require","ScrollToTop","scrollTo","SellFlowStateContext","SellFlowDispatchContext","localSellFlowState","SellFlowContextReducer","SellFlowContextProvider","SignalRClient","url","updateMethod","subscriptionMethod","_url","_updateMethod","_subscriptionMethod","_connection","_subscribers","_nextSubscriberId","connect","HubConnectionBuilder","withUrl","build","start","on","_handleUpdate","onclose","itemIdSet","subscriber","invoke","callback","SIGNALR_CALLBACK_INVOKING_DELAY_MS","HubConnectionState","Connected","removingSubscriber","find","AsyncHomePage","lazy","AsyncLogin","AsyncInternalLogin","AsyncBuyPage","AsyncEventsPage","AsyncRunListPage","AsyncMarketplacesPage","AsyncRecentlyViewedPage","AsyncWatchlistPage","AsyncItemsBiddingOnPage","AsyncProfilePage","AsyncLogInPopUp","AsyncDetailContainer","AsyncBuyerActivity","AsyncHistoryActivity","AsyncSellerActivity","globalStyle","SIGNALR_URL","App","AuthPopupContext","WatchListContext","HomeContext","Layout","styles","fallback","spinning","path","exact","component","formatNumber","Intl","NumberFormat","format","currency","minimumFractionDigits","getFormattedDateOnly","getTimeWithZone","toLocaleDateString","getFormattedDateTime","toLocaleString","getFormattedLocalDateTime","stripHtml","text","getLimitedText","maxLength","showAll","slice","formatDateForBidHistory","momentTZ","tz","guess","b","expiredDateH","diff","expiredDateD","expiredDateM","expiredDateY","abs","formatMileage","toString","addCommas","num","removeNonNumeric","WatchListStateContext","watchListItemIds","WatchListDispatchContext","WatchListReducer","WatchListContextProvider","useWatchListState","AlertDropdown","alertType","selectedAlertType","selected","setSelected","menu","ALERT_TYPES","overlay","trigger","faCaretDown","marginLeft","marginRight","float","CustomDetailView","detail","isEmail","justifyItems","PROFILE_QUERY","ADD_ALERT","profileData","contactValue","setContactValue","alertTypeId","setAlertTypeId","emailText","setEmailText","mobileText","setMobileText","setAlertType","errorMessage","open","addAlert","addAlertLoading","userResponse","useQuery","user","mobile","sm","onOk","trim","test","deviceAddress","alertTypeIds","deviceTypeId","okText","okButtonProps","border","fontFamily","cancelButtonProps","o","Group","year","listingName","join","HOST_NAME","hostname","configurationList","default","FROM_NOW_DAYS_FOR_RECENT","DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE","DEFAULT_TIME_ZONE","MARKET_PLACE_ID","REACT_APP_GTM_ID","API_ENDPOINT","PRIVATE_USERS","CO_URL","MEDIA_UPLOAD_URL","SF_URL","IAS_CONNECT_ENDPOINT","LISTING_ELASTIC_APP","LISTING_ELASTIC_LINK","EVENT_ELASTIC_APP","EVENT_ELASTIC_CREDENTIAL","EVENT_ELASTIC_LINK","MARKET_PLACE_ELASTIC_APP","MARKET_PLACE_ELASTIC_CREDENTIAL","MARKET_PLACE_ELASTIC_LINK","MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE","configuration","MARKET_PLACE_ELASTIC_URL","EVENT_ELASTIC_URL","getConfig","AuthPopupStateContext","loginVisible","signupVisible","IsLegacyUser","isModerator","UserNotificationPreferences","enableSelling","AuthPopupDispatchContext","localAuthState","AuthPopupReducer","localStoreData","accountNumber","marketplaceId","AuthPopupContextProvider","storedData","updatedStorage","ModalFlowStateContext","ModalFlowDispatchContext","localModalFlowState","ModalFlowContextReducer","ModalFlowContextProvider","useContext","mid","smInt","mdInt","midInt","lgInt","fontFamilies","AktivGroteskBold","AktivGroteskMedium","AktivGroteskRegular","InterstateBold","query","fetchResult","loginResponse","DetailTag","AccountDetailView","xl","address2","country","AccountInfoTabView","createdOn","left","right","margin","marginBottom","AccountItemCard","accountName","regDate","AccountListTabView","loadingUserResponse","AlertButton","checkList","showDeleteConfirm","isBottom","AlertItem","onCheckItem","updateAlertStatus","alertName","updateAlertLoading","checked","overflow","textOverflow","statusId","isSwitched","handleLangChange","confirm","ALERT_QUERY","UPDATE_ALERT","REMOVE_ALERT","ProfilePage","setProfileData","alertData","setAlertData","activeTab","setActiveTab","onCheckList","getAlert","URLSearchParams","alertListResponse","sort","x","y","loadingAlertList","updateAlert","removeAlerts","index","newList","clone","splice","isChecked","content","okType","cancelText","alertIds","name","defaultActiveKey","tabBarGutter","activeKey","tabBarStyle","tabChange","TabPane","forceRender","tab","itemLayout","dataSource","renderItem","alert","alertItemView","module","exports","Boolean","match","TagManager","initialize","gtmId","container","document","getElementById","ReactDOM","render","navigator","serviceWorker","ready","registration","unregister","momentTz","toDate","timezone"],"mappings":"sQAuEMA,EAAe,CACnBC,kBAAcC,EACdC,eAAe,EACfC,qBAAiBF,EACjBG,gBAAYH,EACZI,oBAAqB,GACrBC,WAAY,GACZC,OAAQ,GACRC,uBAAwB,GACxBC,mBAAoB,GACpBC,sBAAuB,GACvBC,aAAc,GACdC,YAAa,GACbC,aAAc,GAEVC,EAAmBC,gBAA2BhB,GAE9CiB,EAAsBD,qBAC1Bd,GAGIgB,EAAc,WAAyD,IAAxDC,EAAuD,uDAAxCnB,EAAcoB,EAA0B,uCAC1E,OAAQA,EAAOC,MACb,IAAK,yBACH,OAAO,2BAAKF,GAAZ,IAAmBT,mBAAoBU,EAAOE,OAChD,IAAK,qBACH,OAAO,2BAAKH,GAAZ,IAAmBR,sBAAuBS,EAAOE,OACnD,IAAK,wBACH,OAAO,2BACFH,GADL,IAEEf,gBAAiBgB,EAAOE,OAG5B,IAAK,aACH,OAAO,2BACFH,GADL,IAEEX,OAAQY,EAAOE,KAAKC,QAAO,SAACC,GAAD,OAAeA,EAAKC,UAAY,KAC3DpB,WAAYe,EAAOE,KAAKI,SAE5B,IAAK,oBACH,OAAO,2BAAKP,GAAZ,IAAmBlB,aAAcmB,EAAOE,OAC1C,IAAK,oBACH,OAAO,2BAAKH,GAAZ,IAAmBb,oBAAqBc,EAAOE,OACjD,IAAK,kBACH,OAAO,2BAAKH,GAAZ,IAAmBZ,WAAYa,EAAOE,OACxC,IAAK,+BACH,OAAO,2BAAKH,GAAZ,IAAmBV,uBAAwBW,EAAOE,OACpD,IAAK,oBACH,OAAO,2BAAKH,GAAZ,IAAmBQ,aAAcP,EAAOE,OAC1C,IAAK,oBACH,OAAO,2BAAKH,GAAZ,IAAmBP,aAAcQ,EAAOE,OAC1C,IAAK,mBACH,OAAO,2BAAKH,GAAZ,IAAmBN,YAAaO,EAAOE,OACzC,IAAK,kBACH,OAAO,2BAAKH,GAAZ,IAAmBhB,cAAeiB,EAAOE,OAC3C,IAAK,oBACH,OAAO,2BAAKH,GAAZ,IAAmBL,aAAcM,EAAOE,OAC1C,QACE,OAAOH,IAIPS,EAAsB,SAAC,GAAqC,IAAnCC,EAAkC,EAAlCA,SAAkC,EACrCb,aAAiBE,EAAalB,GADO,mBACxDmB,EADwD,KACjDW,EADiD,KAE/D,OACE,cAACf,EAAiBgB,SAAlB,CAA2BC,MAAOb,GAChC,cAACF,EAAoBc,SAArB,CAA8BC,MAAOF,GAClCD,KAKHI,EAAe,WACnB,IAAMC,EAAUlB,aAAiBD,GACjC,QAAgBb,IAAZgC,EACF,MAAM,IAAIC,MAAM,4DAElB,OAAOD,GAGHE,EAAkB,WACtB,IAAMF,EAAUlB,aAAiBC,GACjC,QAAgBf,IAAZgC,EACF,MAAM,IAAIC,MACR,6DAGJ,OAAOD,I,kUCnJF,SAASG,EACdL,EACAM,GACC,IAAD,EAC4CC,mBAAYP,GADxD,mBACOQ,EADP,KACuBC,EADvB,KAYA,OATAC,qBAAU,WACR,IAAMC,EAAUC,YAAW,WACzBH,EAAkBT,KACjBM,GACH,OAAO,WACLO,aAAaF,MAEd,CAACX,IAEGQ,EAGF,SAASM,EAAed,GAC7B,IAAMe,EAAMC,mBAIZ,OAHAN,qBAAU,WACRK,EAAIE,QAAUjB,KAETe,EAAIE,QAEN,SAASC,IAoBb,IAAD,EACyDC,cAEzD,MAAO,CACLC,OAJF,EACQA,QAGY,KAClBC,KALF,EACgBA,MAIA,KACdC,UANF,EACsBA,WAKI,KACxBC,OAPF,EACiCA,QAMb,KAClBC,YARF,EACyCA,aAOX,IAIzB,SAASC,IAoBb,IAAD,EACyDN,cAEzD,MAAO,CACLC,OAJF,EACQA,QAGY,KAClBC,KALF,EACgBA,MAIA,KACdC,UANF,EACsBA,WAKI,KACxBC,OAPF,EACiCA,QAMb,KAClBC,YARF,EACyCA,aAOX,IAIzB,IAAME,EAAoB,SAC/BC,GACI,IAAD,EACmCpB,mBAAc,MADjD,mBACIqB,EADJ,KACiBC,EADjB,KA2DH,OAxDAnB,qBAAU,WACR,IAAIoB,GAAS,EAIb,GAFAD,EAAe,OAEJ,OAAPF,QAAO,IAAPA,OAAA,EAAAA,EAASI,KAAsB,KAAT,OAAPJ,QAAO,IAAPA,OAAA,EAAAA,EAASI,IAAU,CACpC,IAAMC,EAAeC,IAAqBC,oBAArB,OACnBP,QADmB,IACnBA,OADmB,EACnBA,EAASI,IACT,WACEI,MAAM,GAAD,OAAIC,IAAwBC,oBAA5B,aAA4D,CAC/DC,OAAQ,OACRC,QAAS,CACP,eAAgB,uBAChBC,OAAQ,mBACRC,cAAc,SAAD,OAAWC,KACtBN,IAAwBO,8BAG5BC,KAAK,mDAAD,OAAqDjB,EAAQI,GAA7D,qBAEHc,MAAK,SAACC,GACL,OAAOA,EAASC,UAEjBF,MAAK,SAACG,GAAkB,IAAD,EACtB,IACc,OAAZA,QAAY,IAAZA,OAAA,EAAAA,EAAcC,aACF,OAAZD,QAAY,IAAZA,GAAA,UAAAA,EAAcC,iBAAd,eAAyBvD,QAAS,EAClC,CAAC,IAAD,MACMwD,EAAgBF,EAAaC,UAAU,GAC7C,IACGnB,IAAD,OACAoB,QADA,IACAA,GADA,UACAA,EAAeC,YADf,aACA,EAAqBA,QACR,OAAbD,QAAa,IAAbA,GAAA,UAAAA,EAAeC,YAAf,mBAAqBA,YAArB,eAA2BzD,QAAS,EACpC,CAAC,IAAD,EAEM0D,GADI,OAAGF,QAAH,IAAGA,GAAH,UAAGA,EAAeC,YAAlB,aAAG,EAAqBA,MAE/B5D,QAAO,SAAC8D,GAAD,SAAe,OAACA,QAAD,IAACA,OAAD,EAACA,EAAKC,YAC5BC,KAAI,SAACF,GAAD,OAAcA,EAAIC,WACrBF,GAAcA,EAAW1D,OAAS,IACpC8D,QAAQC,IAAI,0BAA2BL,EAAW,IAClDvB,EAAeuB,EAAW,UAKjCM,OAAM,SAACC,GAAD,OACLH,QAAQI,KAAK,8BAA+BD,SAIpD,OAAO,WACL7B,GAAS,EACTG,IAAqB4B,sBAAsB7B,OAG9C,CAACL,IACGC,GASIkC,EAAwB,SACnCC,EACAC,GAC4B,IAAD,EACKzD,mBAC9B0D,OAFyB,mBACpBC,EADoB,KACVC,EADU,KAK3BzD,qBAAU,WACR,GAAIqD,EAAS,CACX,IAAMK,EACJ,IAAIC,KAAKC,YAAyBP,IAAUQ,WAC5C,IAAIF,MAAOE,UACb,GACEH,GA/KkC,QAgLlCA,GAAmB,IACnB,CACA,IAAMI,EAAWC,aAAY,WAC3BN,EACE,IAAIE,KAAKC,YAAyBP,IAAUQ,WAC1C,IAAIF,MAAOE,aAEd,KACH,OAAO,kBAAMG,cAAcF,QAG9B,CAACT,IAEJ,IAAIY,EAAkB,GAEtB,GAAIT,GAhMsC,UAgMaA,GAAY,IAAM,CACvE,IAAMU,EAAmBC,KAAKC,KAAKZ,EAAW,KACxCa,EAAUF,KAAKG,MAAMJ,EAAmB,IACxCK,EAAML,EAAmB,GAE/B,GAAIG,GAAW,GAAI,CACjB,IAAMG,EAAQL,KAAKG,MAAMD,EAAU,IAC7BI,EAAmBJ,EAAU,GACnCJ,EAAUX,EAAS,UACZkB,EADY,aAEbC,EAAmB,EAAIA,EAAmB,IAAMA,EAFnC,eAIZD,EAJY,aAKbC,EAAmB,EAAIA,EAAmB,IAAMA,EALnC,UAQnBR,EADSI,GAAW,GACb,UAAMA,EAAN,KAEGf,EAAS,UACZe,EADY,aACAE,EAAM,EAAIA,EAAM,IAAMA,EADtB,eAEZF,EAFY,aAEAE,EAAM,EAAIA,EAAM,IAAMA,EAFtB,KAMvB,MAAO,CACLG,qBAAsBT,EACtBU,wBAAyBV,EACzBT,SAAUA,EACVoB,QA5NwC,WAgO/BC,EAAgB,SAACC,GAC5B,SACEC,OAAOD,EAAcE,YAAYC,MAAM,KAAKC,SAAS,QACpDH,OAAOD,EAAcK,eAAeF,MAAM,KAAKC,SAAS,S,0nBC1J9CE,EAxE2B,WACxC,IAAMhG,EAAWiG,cACX5G,EAAQ6G,cAWNC,EAAqD9G,EAArD8G,4BAbsC,EAae9G,EAAxB+G,sBAbS,MAaQ,GAbR,EAc9C,OACE,yBACE,mBACEC,IAAG,EAMHC,UAAQ,EACRC,QAASJ,EACTK,SArBc,WAClBxG,EAAS,CACPT,KAAM,kCACNC,KAAM,CACJ2G,6BAA6B,MAkB7BM,OAAQ,MAER,yBACE,uBACE,yFAGA,0FAKF,mBACElH,KAAK,OACLmH,QAAQ,gBACRL,IAAG,GAOFD,EAAe3C,KAAI,SAACkD,GACnB,OACE,mBAAKC,IAAG,OAAED,QAAF,IAAEA,OAAF,EAAEA,EAAYE,SAAUC,GAAI,GAAIC,GAAI,GAC1C,qBACEC,KAAe,OAAVL,QAAU,IAAVA,OAAA,EAAAA,EAAYM,aAAc,GAC/BC,MAAO,GACPC,OAAQ,KAEV,+BAAKR,QAAL,IAAKA,OAAL,EAAKA,EAAYS,YACjB,mBAAGC,MAAgB,OAAVV,QAAU,IAAVA,OAAA,EAAAA,EAAYW,kBAAmB,IAAxC,0BC9BHC,EA5B2B,WACxC,IAAMvH,EAAWiG,cAETuB,EADMtB,cACNsB,4BACR,OACE,yBACE,mBACEjB,QAASiB,EACTlB,UAAQ,EACRG,OAAQ,KACRD,SAAU,kBACRxG,EAAS,CACPT,KAAM,kCACNC,KAAM,CACJgI,6BAA6B,OAKnC,qH,iKCKFC,EAA0BvI,qBAC9Bd,GAGIsJ,EAA6BxI,qBACjCd,GAIEuJ,EAAwB,GAC5B,IACEA,EAAwBC,KAAKC,MAC3BC,aAAaC,QALO,mCAKqB,MAE3C,MAAOlE,IACPH,QAAQG,MAAM,4BAEhB,IAAMmE,EAA4B,SAAC3I,EAAcC,GAC/C,OAAQA,EAAOC,MACb,IAAK,cAKL,IAAK,uBACH,OAAO,2BACFF,GACAC,EAAOE,MAEd,IAAK,gBACH,MAAO,GACT,QACE,OAAOH,IAIP4I,EAA6B,SAAC,GAA2C,IAAzClI,EAAwC,EAAxCA,SAAwC,EAClDb,aACxB8I,EACAL,GAH0E,mBACrEtI,EADqE,KAC9DW,EAD8D,KAS5E,OAJAd,aAAgB,WAEd4I,aAAaI,QApCO,iCAoCkBN,KAAKO,UAAU9I,MACpD,CAACA,IAEF,cAACoI,EAAwBxH,SAAzB,CAAkCC,MAAOb,GACvC,cAACqI,EAA2BzH,SAA5B,CAAqCC,MAAOF,GACzCD,K,SClEHqI,EAAa,ktG,2zEAoSJ,MAAKC,QAAL,EAhS0B,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACpCtI,EAAWiG,cAEXsC,GADQlH,cDkEY,WAC1B,IAAMjB,EAAUlB,aAAiBuI,GACjC,QAAgBrJ,IAAZgC,EACF,MAAM,IAAIC,MACR,kEAGJ,OAAOD,ECxEaoI,IAKZC,EAA+CF,EAA/CE,KAAMC,EAAyCH,EAAzCG,MAAOC,EAAkCJ,EAAlCI,YAAaC,EAAqBL,EAArBK,MAAOC,EAAcN,EAAdM,UACnCC,EAAO,kCAA8BH,EAA9B,YAA6CF,EAA7C,YAAqDC,EAArD,uBAAyEK,YACpFC,OAAOJ,IADI,iBATwC,EAaaK,YAEhEb,GAfmD,mBAa9Cc,EAb8C,YAaErF,GAbF,EAarBsF,KAbqB,EAaEtF,OA6CvD,OACE,qBACEuF,MAAO,CAAEjC,OAAQ,QACjBd,IAAG,GASH,mBAAMgD,SArDY,SAACC,GACrBA,EAAEC,iBACFjB,EAAKkB,eAAL,uCAAoB,WAAO3F,EAAO4F,GAAd,6BAAAC,EAAA,yDAClBhG,QAAQC,IAAI8F,GACP5F,EAFa,wBAGR8F,EAA+CF,EAA/CE,UAAWC,EAAoCH,EAApCG,SAAUC,EAA0BJ,EAA1BI,MAAOC,EAAmBL,EAAnBK,MAAOC,EAAYN,EAAZM,QAH3B,kBAKSb,EAAsB,CAC3Cc,UAAW,CACTC,UAAWN,EACXO,SAAUN,EACVO,MAAON,EACPO,MAAON,EACPO,QAASN,EACTO,UAAWtB,OAAOH,GAClB0B,WAAY,EACZC,eAAgB,KAdN,gBAKNrB,EALM,EAKNA,KAaRzF,QAAQC,IAAIwF,IACoB,KAAxB,OAAJA,QAAI,IAAJA,GAAA,UAAAA,EAAMsB,gBAAN,eAAgBC,WAClB1K,EAAS,CACPT,KAAM,0BACNC,KAAM,CACJmL,sBAAsB,KAI1BC,EAAA,EAAaF,QAAQ,CACnBX,QAAS,0CACTc,UAAW,gBA7BD,4GAApB,2DAoDI,uBACE,mBAAK/D,GAAI,GAAIC,GAAI,IACf,qBAAKC,IAAK,GAAI8D,IAAI,OAGtB,uBACE,0EAEF,mBAAKC,OAAQ,GACX,mBAAKjE,GAAI,GAAIC,GAAI,IACf,kBAAMiE,KAAN,CAAWC,MAAM,cACd3C,EAAK4C,kBAAkB,YAAa,CACnCC,aA/EI,iBAgFJC,MAAO,CACL,CACEC,UAAU,KAJf/C,CAQC,mBACEjC,IAAG,OAwBX,mBAAKS,GAAI,GAAIC,GAAI,IACf,kBAAMiE,KAAN,CAAWC,MAAM,aACd3C,EAAK4C,kBAAkB,WAAY,CAClCC,aAjHG,gBAkHHC,MAAO,CACL,CACEC,UAAU,KAJf/C,CAQC,mBACEjC,IAAG,EAkBHiF,KAAK,aAMb,mBAAKxE,GAAI,GAAIC,GAAI,IACf,kBAAMiE,KAAN,CAAWC,MAAM,SACd3C,EAAK4C,kBAAkB,QAAS,CAC/BC,aAnJA,aAoJAC,MAAO,CACL,CACE7L,KAAM,QACN8L,UAAU,KALf/C,CASC,mBACEjC,IAAG,EAkBHiF,KAAK,aAMb,mBAAKxE,GAAI,GAAIC,GAAI,IACf,kBAAMiE,KAAN,CAAWC,MAAM,SACd3C,EAAK4C,kBAAkB,QAAS,CAC/BC,aAtLC,cAuLDC,MAAO,CACL,CACEC,UAAU,KAJf/C,CAQC,mBACEjC,IAAG,EAkBHiF,KAAK,aAMb,mBAAKxE,GAAI,GAAIC,GAAI,IACf,kBAAMiE,KAAN,CAAWC,MAAM,WACd3C,EAAK4C,kBAAkB,UAAW,CACjCC,aAAcrC,EACdsC,MAAO,CACL,CACEC,UAAU,KAJf/C,CAQC,cAAC,IAAD,CACEjC,IAAG,OAmBVxC,GACC,mBACEiD,GAAI,GACJC,GAAI,GACJV,IAAG,GAIH,mBACE9G,KAAK,QACLgM,UAAQ,EACRxB,QAAS,iCAKf,mBAAKjD,GAAI,GAAIC,GAAI,IACf,mBACEyE,SAAS,SACTjM,KAAK,UACL+L,KAAK,QACLjF,IAAG,GAJL,8B,uPC/OGoF,EArCoB,WACjC,IAAMzL,EAAWiG,cACX5G,EAAQ6G,cACd,OACE,yBACE,mBACEG,IAAG,EAYH+C,MAAO,GACP7C,QAASlH,EAAMsL,qBACflE,OAAQ,KACRH,UAAQ,EACRE,SAAU,kBACRxG,EAAS,CACPT,KAAM,0BACNC,KAAM,CACJmL,sBAAsB,OAK5B,cAAC,EAAD,S,yQCqFOe,EArHkB,WAC/B,IAAM1L,EAAWiG,cACX5G,EAAQ6G,cA+Ed,OACE,yBACE,mBACEG,IAAG,EAaH+C,MAAO,GACP7C,QAASlH,EAAMsM,cACflF,OAAQ,KACRH,UAAQ,EACRE,SAAU,kBACRxG,EAAS,CACPT,KAAM,0BACNC,KAAM,CACJmM,eAAe,EACfC,UAAW,QAtGO,WAC5B,OAAQvM,EAAMuM,WACZ,IAAK,OACH,OACE,gCACE,6CACA,uNAKA,wBACE,+JAKA,yBACA,+NAKA,yBACA,8NAUR,IAAK,YACH,OACE,gCACE,8CACA,mBAAGxC,MAAO,CAAEyC,WAAY,SAAxB,sFAKA,wNAMA,kGAIA,wBACE,2EACA,yBACA,kDACA,yBACA,oHAIA,yBACA,wQA4CLC,M,gtCCaMC,EAzHuB,WACpC,IAAM/L,EAAWiG,cACX5G,EAAQ6G,cAF4B,EAIZhH,IAAMuB,UAAS,GAJH,mBAInCuL,EAJmC,KAI1BC,EAJ0B,KAKlCC,EAA4B7M,EAA5B6M,wBACR,OACE,qBACE7F,IAAG,GAYH,mBACEE,QAAS2F,EACT5F,UAAQ,EACRG,OAAQ,KACRJ,IAAG,EA0BH+C,MAAO,CAAElC,MAAO,QAASC,OAAQ,SACjCX,SAAU,WACRyF,GAAW,GACXvI,QAAQC,IAAIqI,GACZhM,EAAS,CACPT,KAAM,kCACNC,KAAM,CACJ0M,yBAAyB,MAI/BC,gBAAc,IAEZH,GACA,qBACE5C,MAAO,CAAEgD,UAAW,KAAMP,WAAY,OAAQQ,SAAU,SAD1D,iHAQDL,GACC,qBACE3F,IAAG,GADL,mBAgCF,qBACEW,IAAK,8CACLE,MAAO,OACPC,OAAQ,OACRd,IAAG,O,UCzGPiG,GAAuC,g2C,yqCA4I9BC,GAxI8B,WAC3C,IAAMC,EAAeC,cACfzM,EAAWiG,cAGTyG,EADMxG,cACNwG,4BALyC,EAOCzD,YAChDqD,IAR+C,mBAO1CK,EAP0C,KAOZC,EAPY,KAOZA,QA0CrC,OACE,yBACE,mBACErG,QAASmG,EACTpG,UAAQ,EACRG,OAAQ,KACRJ,IAAG,GASHG,SAAU,kBACRxG,EAAS,CACPT,KAAM,kCACNC,KAAM,CACJkN,6BAA6B,OAKnC,mBACErG,IAAG,KASL,mBACE9G,KAAK,OACLmH,QAAQ,MAERqE,OAAQ,EACR1E,IAAG,IAUH,mBAAKS,GAAI,GAAIC,GAAI,GACf,mBACE8F,OAAK,EACLtN,KAAK,UACLuN,QAnEU,WACpBlC,EAAA,EAAa/G,MAAM,CACjBkG,QACE,6GAEJyC,EAAa,CAAEjN,KAAM,YACrBS,EAAS,CACPT,KAAM,kBACNC,KAAM,CACJkN,6BAA6B,MA2DvBrG,IAAG,IAJL,YAeF,mBAAKS,GAAI,GAAIC,GAAI,GACf,mBACE8F,OAAK,EACLD,QAASA,EACTrN,KAAK,UACLuN,QA5GS,WACnB,IACEH,EAA2B,CACzB3C,UAAW,CACT+C,SAZK,YAaLC,kBAAkB,KAItBhN,EAAS,CACPT,KAAM,kBACNC,KAAM,CACJkN,6BAA6B,KAGjC,MAAO7I,IACP2I,EAAa,CAAEjN,KAAM,YACrBqL,EAAA,EAAa/G,MAAM,CACjBkG,QACE,+GA0FI1D,IAAG,IALL,eCvHN4G,GAAmB,gzC,irBAqIVC,GAnIa,WAC1B,IAAMV,EAAeC,cACfzM,EAAWiG,cAGTkH,EADMjH,cACNiH,mBALwB,EAOClE,YAAsBgE,IAPvB,mBAOZL,GAPY,UAOZA,SA+CpB,OACE,yBACE,mBACErG,QAAS4G,EACT7G,UAAQ,EACRG,OAAQ,KACRJ,IAAG,GASHG,SAAU,kBACRxG,EAAS,CACPT,KAAM,kCACNC,KAAM,CACJ2N,oBAAoB,OAK1B,mBACE5N,KAAK,OACLmH,QAAQ,MAERqE,OAAQ,EACR1E,IAAG,IAUH,mBAAKS,GAAI,GAAIC,GAAI,GACf,mBACE8F,OAAK,EACLtN,KAAK,UACLuN,QAzDU,WACpBlC,EAAA,EAAa/G,MAAM,CACjBkG,QACE,6GAEJyC,EAAa,CAAEjN,KAAM,YACrBS,EAAS,CACPT,KAAM,kBACNC,KAAM,CACJ2N,oBAAoB,MAiDd9G,IAAG,IAJL,YAeF,mBAAKS,GAAI,GAAIC,GAAI,GACf,mBACE8F,OAAK,EACLD,QAASA,EACTrN,KAAK,UACLuN,QAzGS,WACnB,IAQE9M,EAAS,CACPT,KAAM,kBACNC,KAAM,CACJ2N,oBAAoB,KAIxBnN,EAAS,CACPT,KAAM,sCACNC,KAAM,CACJkN,6BAA6B,KAGjC,MAAO7I,IACP2I,EAAa,CAAEjN,KAAM,YACrBqL,EAAA,EAAa/G,MAAM,CACjBkG,QACE,+GAgFI1D,IAAG,IALL,e,mEC7DG+G,GA/CwB,SAAC,GAAkB,IAAhBrN,EAAe,EAAfA,SAClCC,EAAWyM,cACTY,EAAchM,cAAdgM,UAF+C,EAGtBhM,cAAzBiM,EAH+C,EAG/CA,aAAchM,EAHiC,EAGjCA,OAChBiM,EAAUC,eAwChB,OAAO,cAAC,KAAD,CAAgBC,OAtCF,WACnB,IAAMC,EAAQ,IAAIC,KACZC,EAAOC,aAAe,CAC1BC,IAAKxL,KAAwByL,mBAEzBC,EAAiB,IAAIC,MAAW,SAACC,EAAWC,GAChD,GAAId,EAAW,CACb,IAAMe,EAAU,IAAI7J,KAAK8I,GACnBgB,EAAW,IAAI9J,KAEnB6J,EAAQ3J,UAAY4J,EAAS5J,UAAY,KACzC6I,GACAhM,GAEAgN,aAAgBhB,EAAchM,GAAQyB,MAAK,SAACC,GACtCA,GACFU,QAAQC,IAAIX,GACZhD,EAAS,CACPT,KAAM,qBACNC,KAAMwD,MAGRuK,EAAQgB,KAAK,KACbvO,EAAS,CACPT,KAAM,gBAMhB,OAAO4O,EAAQD,MAMjB,OAJe,IAAIM,KAAa,CAC9Bd,QACAE,KAAMa,aAAOT,EAAgBJ,KAIFc,IAAiB3O,I,UClC5C7B,GAAe,CACnByQ,YAAa,EACbC,eAAgB,GAChBC,WAAY,KACZC,eAAgB,KAChBC,SAAU,KACVC,wBAAyB,KACzBC,YAAa,GACbC,UAAW,GACXC,cAAe,OACfC,cAAe,OACfC,cAAe,OACfC,cAAe,OACfzL,MAAO,KACP0L,UAAW,IAGPC,GAAmB,SAACnQ,EAAYC,GACpC,OAAQA,EAAOC,MACb,IAvC4B,mBAwC1B,OAAO,2BACFF,GADL,IAEEsP,YAAarP,EAAOmQ,UAExB,IA3CmB,qBA4CjB,OAAO,2BACFpQ,GADL,IAEEuP,eAAgBtP,EAAOmQ,UAE3B,IA/CgB,kBAgDd,OAAO,2BACFpQ,GADL,IAEEwP,WAAYvP,EAAOmQ,UAEvB,IAnDkB,oBAoDhB,OAAO,2BACFpQ,GADL,IAEEyP,eAAgBxP,EAAOmQ,UAE3B,IAvDc,gBAwDZ,OAAO,2BACFpQ,GADL,IAEE0P,SAAUzP,EAAOmQ,UAErB,IA3DgC,kCA4D9B,OAAO,2BACFpQ,GADL,IAEE2P,wBAAyB1P,EAAOmQ,UAEpC,IA/DgB,kBAgEd,OAAO,2BACFpQ,GADL,IAEE4P,YAAa3P,EAAOmQ,UAExB,IAnEe,iBAoEb,OAAO,2BACFpQ,GADL,IAEE6P,UAAW5P,EAAOmQ,UAEtB,IAvEmB,qBAwEjB,OAAO,2BACFpQ,GADL,IAEE8P,cAAe7P,EAAOmQ,UAE1B,IA3EmB,qBA4EjB,OAAO,2BACFpQ,GADL,IAEE+P,cAAe9P,EAAOmQ,UAE1B,IA/EmB,qBAgFjB,OAAO,2BACFpQ,GADL,IAEEgQ,cAAe/P,EAAOmQ,UAE1B,IAnFmB,qBAoFjB,OAAO,2BACFpQ,GADL,IAEEiQ,cAAehQ,EAAOmQ,UAE1B,IAvFU,YAwFR,OAAO,2BACFpQ,GADL,IAEEwE,MAAOvE,EAAOmQ,UAElB,IA3Fe,iBA4Fb,OAAO,2BACFpQ,GADL,IAEEkQ,UAAWjQ,EAAOmQ,UAEtB,IA/FkB,oBAgGhB,OAAO,2BACFpQ,GADL,IAEEwP,WAAY,OAEhB,IAnGoB,sBAoGlB,OAAO,2BACFxP,GADL,IAEEyP,eAAgB,OAEpB,IAvGgB,kBAwGd,OAAO,2BACFzP,GADL,IAEE0P,SAAU,OAEd,IA3GY,cA4GV,OAAO,2BACF1P,GADL,IAEEwE,MAAO,OAEX,IA/GY,cAgHV,OAAO3F,GACT,QACE,OAAOmB,IAIPqQ,GAAmBC,wBAAmB,MAe/BC,GAA2B,SAAC,GAAuB,IAArB7P,EAAoB,EAApBA,SAAoB,EAZpC,SAAC8P,EAASC,GACnC,IAAMC,EAAY7O,iBAAO,MACnB8O,EAAWC,uBAAY,kBAAMF,EAAU5O,UAAS,IACtD,MAAM,GAAN,oBACK+O,sBACD,SAAC7Q,EAAOC,GAAR,OAAoByQ,EAAU5O,QAAU0O,EAAQxQ,EAAOC,KACvDwQ,IAHJ,CAKEE,IAKkCG,CAClCX,GACAtR,IAH2D,mBACtDmB,EADsD,KAC/CW,EAD+C,KACrCgQ,EADqC,KAM7D,OACE,cAACN,GAAiBzP,SAAlB,CACEC,MAAO,CACLb,QACAW,WACAgQ,aAGDjQ,IC7JDqQ,GAAyBlR,IAAMyQ,mBACnCvR,GAGIiS,GAA4BnR,IAAMyQ,mBACtCvR,GAIEkS,GAAuB,GAC3B,IACEA,GAAuB1I,KAAKC,MAC1BC,aAAaC,QALO,6BAKqB,MAE3C,MAAOlE,IACPH,QAAQG,MAAM,4BAEhB,IAAM0M,GAA2B,SAAClR,EAAcC,GAC9C,OAAQA,EAAOC,MACb,IAAK,aACH,OAAO,2BACFF,GACAC,EAAOE,MAEd,QACE,OAAOH,IAIPmR,GAA4B,SAAC,GAA0C,IAAxCzQ,EAAuC,EAAvCA,SAAuC,EAChDb,IAAMgR,WAC9BK,GACAD,IAHwE,mBACnEjR,EADmE,KAC5DW,EAD4D,KAS1E,OAJAd,IAAM0B,WAAU,WAEdkH,aAAaI,QA7BO,2BA6BkBN,KAAKO,UAAU9I,MACpD,CAACA,IAEF,cAAC+Q,GAAuBnQ,SAAxB,CAAiCC,MAAOb,GACtC,cAACgR,GAA0BpQ,SAA3B,CAAoCC,MAAOF,GACxCD,K,wDCAM0Q,OA3Df,SAAuBC,GACrB,OAAIA,EAAS5K,SAAS,WACb,CAAC,UACC4K,EAAS5K,SAAS,eACpB,CAAC,cACC4K,EAAS5K,SAAS,iBACpB,CAAC,gBACC4K,EAAS5K,SAAS,aACpB,CAAC,YACC4K,EAAS5K,SAAS,YACpB,CAAC,WACC4K,EAAS5K,SAAS,UACpB,CAAC,SACC4K,EAAS5K,SAAS,WACpB,CAAC,UACC4K,EAAS5K,SAAS,QACpB,CAAC,OACC4K,EAAS5K,SAAS,SACpB,CAAC,OAAQ,OACP4K,EAAS5K,SAAS,YACpB,CAAC,WACC4K,EAAS5K,SAAS,KACpB,CAAC,QAGD,I,oQCUI6K,GA3ByB,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,YACzC,OAAIA,GAAeC,KAAIC,wCACd,KAGP,qBACEzK,IAAG,IAYH,sCACA,0BACG,IADH,YAEW,2BAAKuK,EAAL,QCTFG,GAJU,WACvB,OAAO,M,2BCPHC,GAAU3K,cAAH,mqCAyDU4K,KAAYC,GAzDtB,iKAkJEC,IAhFC,KAAKC,QACM,WAAO,IAAD,EACSlS,WAAyB,IADlC,mBACxBmS,EADwB,KACVC,EADU,KAE3BC,EAAWC,eAUf,OARAtS,aAAgB,WAAO,IACbwR,EAAaa,EAAbb,SACFe,EAAahB,GAAcC,GACjCY,EAAgBG,KACf,CAACF,EAASb,WAEUrP,cAAfqQ,WAMN,oBAAMC,KAAK,aAAatL,IAAK2K,GAASK,aAAcA,GAClD,mBAAMrG,KAAN,CAAWpE,IAAI,OAAO3E,GAAG,aACvB,cAAC,KAAD,CAAMA,GAAG,WAAW2P,GAAG,KAAvB,SAIF,mBAAM5G,KAAN,CAAWpE,IAAI,MAAM3E,GAAG,eACtB,cAAC,KAAD,CAAMA,GAAG,aAAa2P,GAAG,QAAzB,WAIF,mBAAM5G,KAAN,CAAWpE,IAAI,UACb,cAAC,KAAD,CAAMgL,GAAG,WAAT,WAKF,mBAAM5G,KAAN,CAAWpE,IAAI,cACb,cAAC,KAAD,CAAMgL,GAAG,eAAT,cAEF,mBAAM5G,KAAN,CAAWpE,IAAI,YACb,cAAC,KAAD,CAAMgL,GAAG,oBAAT,cAEF,mBAAM5G,KAAN,CAAWpE,IAAI,SACb,cAAC,KAAD,CAAMgL,GAAG,0BACP,sBAAM3P,GAAG,iBAAT,YAGJ,mBAAM+I,KAAN,CAAWpE,IAAI,UACb,cAAC,KAAD,CAAMgL,GAAG,6BACP,sBAAM3P,GAAG,eAAT,aAGJ,mBAAM+I,KAAN,CAAWpE,IAAI,WACb,cAAC,KAAD,CAAMgL,GAAG,YAAT,aArCG,O,sFC1FX,SAASC,KAA2Q,OAA9PA,GAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUtS,OAAQqS,IAAK,CAAE,IAAIE,EAASD,UAAUD,GAAI,IAAK,IAAIrL,KAAOuL,EAAcL,OAAOM,UAAUC,eAAeC,KAAKH,EAAQvL,KAAQoL,EAAOpL,GAAOuL,EAAOvL,IAAY,OAAOoL,IAA2BO,MAAMC,KAAMN,WAEhT,SAASO,GAAyBN,EAAQO,GAAY,GAAc,MAAVP,EAAgB,MAAO,GAAI,IAAkEvL,EAAKqL,EAAnED,EAEzF,SAAuCG,EAAQO,GAAY,GAAc,MAAVP,EAAgB,MAAO,GAAI,IAA2DvL,EAAKqL,EAA5DD,EAAS,GAAQW,EAAab,OAAOc,KAAKT,GAAqB,IAAKF,EAAI,EAAGA,EAAIU,EAAW/S,OAAQqS,IAAOrL,EAAM+L,EAAWV,GAAQS,EAASG,QAAQjM,IAAQ,IAAaoL,EAAOpL,GAAOuL,EAAOvL,IAAQ,OAAOoL,EAFxMc,CAA8BX,EAAQO,GAAuB,GAAIZ,OAAOiB,sBAAuB,CAAE,IAAIC,EAAmBlB,OAAOiB,sBAAsBZ,GAAS,IAAKF,EAAI,EAAGA,EAAIe,EAAiBpT,OAAQqS,IAAOrL,EAAMoM,EAAiBf,GAAQS,EAASG,QAAQjM,IAAQ,GAAkBkL,OAAOM,UAAUa,qBAAqBX,KAAKH,EAAQvL,KAAgBoL,EAAOpL,GAAOuL,EAAOvL,IAAU,OAAOoL,EAMne,IAAI,GAEJ,IAAMkB,cAAc,OAAQ,KAAM,IAAMA,cAAc,QAAS,KAAM,kBAEjE,GAEJ,IAAMA,cAAc,OAAQ,CAC1BC,UAAW,IACXC,EAAG,kBAGD,GAEJ,IAAMF,cAAc,OAAQ,CAC1BE,EAAG,wGACHC,KAAM,YAGJ,GAEJ,IAAMH,cAAc,OAAQ,CAC1BC,UAAW,IACXC,EAAG,kBAGD,GAAW,SAAkBE,GAC/B,IAAIC,EAASD,EAAKC,OACdC,EAAQF,EAAKE,MACbC,EAAQhB,GAAyBa,EAAM,CAAC,SAAU,UAEtD,OAAO,IAAMJ,cAAc,MAAOrB,GAAS,CACzC3K,MAAO,GACPC,OAAQ,GACRuM,QAAS,YACTzS,IAAKsS,GACJE,GAAQD,EAAQ,IAAMN,cAAc,QAAS,KAAMM,GAAS,KAAM,GAAO,GAAO,GAAO,KAGxFG,GAAa,IAAMC,YAAW,SAAUH,EAAOxS,GACjD,OAAO,IAAMiS,cAAc,GAAUrB,GAAS,CAC5C0B,OAAQtS,GACPwS,O,IAEU,I,wFC3BTI,GAA2B3U,gBAA2B,CAC1D4U,iBAAkB,KAGdC,GAA8B7U,qBAClCd,GAGI4V,GAAsB,SAAC3U,EAAcC,GACzC,OAAQA,EAAOC,MACb,IAAK,wBACH,OAAO,2BACFF,GADL,IAEEyU,iBAAkBxU,EAAOE,OAG7B,QACE,OAAOH,IAIP4U,GAA8B,SAAC,GAEH,IADhClU,EAC+B,EAD/BA,SAC+B,EACLb,aAAiB8U,GAAqB,CAC9DF,iBAAkB,KAFW,mBACxBzU,EADwB,KACjBW,EADiB,KAK/B,OACE,cAAC6T,GAAyB5T,SAA1B,CAAmCC,MAAOb,GACxC,cAAC0U,GAA4B9T,SAA7B,CAAsCC,MAAOF,GAC1CD,KAKHmU,GAAuB,WAC3B,IAAM9T,EAAUlB,aAAiB2U,IACjC,QAAgBzV,IAAZgC,EACF,MAAM,IAAIC,MACR,4EAGJ,OAAOD,GC7CH+T,GAAsB,01FACtBC,GAAkB,k2EAOlBC,GAAa,CACjB,CAAEpS,GAAI,KAAMqS,YAAa,4BACzB,CAAErS,GAAI,KAAMqS,YAAa,gCACzB,CAAErS,GAAI,KAAMqS,YAAa,yBACzB,CAAErS,GAAI,KAAMqS,YAAa,uBACzB,CAAErS,GAAI,KAAMqS,YAAa,uBACzB,CAAErS,GAAI,KAAMqS,YAAa,qBACzB,CAAErS,GAAI,KAAMqS,YAAa,gBACzB,CAAErS,GAAI,KAAMqS,YAAa,6BACzB,CAAErS,GAAI,KAAMqS,YAAa,8B,s2GAydZpV,OAAMqV,MArcwB,SAAC,GAA6B,IAA3BC,EAA0B,EAA1BA,WAAYC,EAAc,EAAdA,QAAc,EACvCrT,eAAzBE,EADgE,EAChEA,OAAQC,EADwD,EACxDA,KAAME,EADkD,EAClDA,OAChB8L,EAAUC,eAFwD,EAGtB/M,mBAEhD,IALsE,mBAGjEiU,EAHiE,KAG9CC,EAH8C,OAMtCzV,IAAMuB,UAAS,GANuB,mBAMjEmU,EANiE,KAMtDC,EANsD,OAOhB3V,IAAMuB,WAPU,mBAOjEqU,EAPiE,KAO3CC,EAP2C,KASlE/U,EDEwB,WAC9B,IAAMI,EAAUlB,aAAiB6U,IACjC,QAAgB3V,IAAZgC,EACF,MAAM,IAAIC,MACR,6EAGJ,OAAOD,ECTU4U,GATuD,EAUnCC,YACnCd,GACA,CACEe,YAAa,eACbC,aAAcX,EAAa,IAAO,IAClCY,6BAA6B,EAC7BpL,UAAW,CACT1I,OAAQA,EACRC,KAAMA,GAER8T,YAAa,SAACC,GACZ,IAAMC,EAAoCC,KAAEC,IAC1CtM,EACA,iCACA,IAEFwL,EAAqBY,GACrBvV,EAAS,CACPT,KAAM,wBACNC,KAAM+V,KAGVG,QAAS,eAhC2D,mBAUjEC,EAViE,KAU7CxM,EAV6C,KAU7CA,KAV6C,EAyC3CF,YAAsBmL,GAAoB,CACrEiB,YAAY,WAAD,4BAAE,WAAOC,GAAP,SAAA5L,EAAA,sDACXiM,IADW,2CAAF,mDAAC,GAGZD,QAAS,SAAC7R,GACR,KAAQA,MAAM,0CALX+R,EAzCiE,6BAoFzDC,EApFyD,8EAoFxE,WAAgCC,GAAhC,SAAApM,EAAA,+EAEUkM,EAAmB,CACvB5L,UAAW,CACT1I,OAAQA,EACRC,KAAMA,EACNE,OAAQA,EACRsU,iCAAkCD,EAAgBrS,KAChD,SAACuS,GACC,MAAO,CAAEA,eAAgBA,EAAgBC,YAAY,SATjE,sDAeI,KAAQpS,MAAM,uCAflB,yDApFwE,sBAiDxE3E,IAAM0B,WAAU,WACd+U,MACC,IAEHzW,IAAM0B,WAAU,WACd,IAAMsV,EAAe,IAAIC,KACxBzB,GAAqB,IAAI0B,SAAQ,SAACxL,GAAD,OAChCsL,EAAaG,IAAIzL,EAAa/B,cAGhC,IAAMyN,EAAmBC,MAAMC,KAAKN,GACpC,GAAII,EAAiB1W,OAAS,EAAG,CAC/B,IAAM6W,EAA0B,GAUhC,OATAH,EAAiBF,SAAQ,SAACvN,GACxB,IAAM3G,EAAewU,GAA0BtU,oBAC7CyG,GACA,WACE8M,OAGJc,EAAclI,KAAKrM,MAEd,kBACLuU,EAAcL,SAAQ,SAAClU,GAAD,OACpBwU,GAA0B3S,sBAAsB7B,UAGrD,CAACwS,IAyNJ,IAtLEa,EACAU,EAqLIU,GAAuBjC,GAAqB,IAAIjV,QACpD,SAACmX,GAAD,OAA4B,IAAnBA,EAAIX,eAEYvB,GAAqB,IAAIjV,QAClD,SAACmX,GAAD,OAA4B,IAAnBA,EAAIX,cAGf,OACE,cAAC,IAAMY,SAAP,KACGjC,GAAaE,GACZ,cAACgC,GAAA,EAAD,CACEC,QAAO,OAAEjC,QAAF,IAAEA,OAAF,EAAEA,EAAsBkC,mBAC/BxQ,SAAU,kBAAMqO,GAAa,MAGjC,oBACExO,IAAKA,cAAF,8QAiBsB4K,KAAYC,GAjBlC,6EAsBHsC,MAAM,gBACN3I,UAAU,QACVvE,UAAU,EACVmO,QAAS,SAACnL,GACRmL,EAAQnL,IAEV/C,QAASiO,EACTyC,UAAW,CAAEC,cAAe,SAAUC,QAAS,GAAIhQ,OAAQ,KAE3D,qBACEd,IAAG,IAaH,cAAC,KAAD,CACEuL,GAAE,sBACF9E,QAAS,SAACxD,GACRmL,EAAQnL,GADM,MAEe8N,OAAO7F,SAA5Bb,EAFM,EAENA,SAAU2G,EAFJ,EAEIA,OACd,kCAAG3G,GAAH,OAAc2G,GAAU,KAC1B9J,EAAQ+J,QAAR,yBAIJ,cAAC,KAAD,CACEC,KAAMC,KACNpO,MAAO,CAAEqO,IAAK,SAAUC,SAAU,cAEpC,sBACErR,IAAG,IADL,mBAYDsQ,EAAoB/W,OAAS,GAC5B,sBACEyG,IAAG,GAOH+C,MAAO,CACLuO,MAAOhB,EAAoB/W,OAAS,EAAI,UAAY,OACpDgY,OACEjB,EAAoB/W,OAAS,EAAI,UAAY,gBAEjDkN,QACE6J,EAAoB/W,OAAS,EACzB,kBACEiW,EACEnB,EAAkBjR,KAAI,SAAC/D,GAAD,OAAUA,EAAKsW,yBAEzC5X,GAnBR,cA2BJ,qBACEiI,IAAG,KAzST4P,GAmToD,EAjTvB,KAH7BV,EAoT+BoB,GAjTb/W,OAEd,sBACEyG,IAAG,IAKF4P,EAAa,2BAA6B,wBAK1CV,EACJ9V,QAAO,SAACC,GAAD,OAAUA,EAAKuW,aAAeA,KACrCxS,KAAI,SAAC/D,GACJ,OACE,qBACEoN,QAAS,SAACxD,GACRA,EAAEuO,kBACFvO,EAAEC,iBACFkL,EAAQnL,GACRiE,EAAQgB,KACNuJ,aAAoB,CAClBC,OAAQrY,EAAKmJ,cAInBjC,IAAKlH,EAAKsW,eACV3P,IAAG,IAcH,qBACEA,IAAG,IASH,2BACGgO,GAAW5Q,KAAI,SAACmH,GACf,OAAIA,EAAa3I,KAAOvC,EAAKsX,mBACpBpM,EAAa0J,YAGf,SAGX,cAAC0D,GAAA,EAAD,CAASnN,UAAU,UAAU2I,MAAO9T,EAAKuY,aACvC,uBACE5R,IAAG,IAMF6R,KAAOxY,EAAKuY,aAAaE,aAKhC,qBACE9R,IAAG,IAIH,qBACEyG,QAAS,SAACxD,GACRiE,EAAQgB,KACNuJ,aAAoB,CAClBC,OAAQrY,EAAKmJ,aAGjB4L,EAAQnL,KAGV,uBACEjD,IAAG,IAWF3G,EAAK0Y,WAAa1Y,EAAK0Y,WAAWC,QAAU,KAAM,IAClD3Y,EAAK4Y,UAAYvP,YAAerJ,EAAK4Y,WAAa,KAIvD,qBACEjS,IAAG,IAKH,uBACEA,IAAG,IASF3G,EAAK6Y,SAER,qBACElS,IAAG,IAMY,GAAd4P,GACC,cAAC+B,GAAA,EAAD,CAASnN,UAAU,OAAO2I,MAAO,gBAC/B,cAAC,GAAD,CACEnN,IAAG,GAOHyG,QAAS,SAACxD,GACRA,EAAEC,iBACFD,EAAEuO,kBACFhC,EAAiB,CAACnW,EAAKsW,wBASrC,qBACE3P,IAAG,IAIH,mBACEyG,QAAS,SAACxD,GAAD,OA3KA,SAACA,EAAoB5J,GAC1C4J,EAAEC,iBACFD,EAAEuO,kBACFhD,GAAcD,GACdG,EAAwBrV,GAuKI8Y,CAAelP,EAAG5J,IAClC2G,IAAG,GAMH9G,KAAK,WARP,cAcF,oC,6jBC9PGL,WAjFsB,WAAO,IAClCwS,EAAerQ,cAAfqQ,WADiC,EAEXxS,YAAe,GAFJ,mBAElCqH,EAFkC,KAEzBkS,EAFyB,OAGDvZ,WAAyB,IAHxB,mBAGlCmS,EAHkC,KAGpBC,EAHoB,KAIrCC,EAAWC,eACPsC,EAAqBI,KAArBJ,iBAOR,GANA5U,aAAgB,WAAO,IACbwR,EAAaa,EAAbb,SACFe,EAAahB,GAAcC,GACjCY,EAAgBG,KACf,CAACF,EAASb,YAERgB,EACH,OAAO,KAET,IAAMgH,EAAoB5E,EAAiBrU,QAAO,SAACC,GAAD,OAAWA,EAAKuW,cAC/DrW,OACH,OACE,cAAC,WAAD,KAEE,oBACEyR,aAAcA,EACdM,KAAK,aACLtL,IAAG,IAeFqL,GACC,mBAAM1G,KAAN,CACE3E,IAAG,GAGHyG,QAAS,WACP2L,GAAW,KAGb,oBACErP,MAAO,CACLuP,gBAAiB,OACjBhB,MAAO,UACPiB,UAAW,2BAEbC,MAAOH,GAAqB,GAAK,MAAQA,GAEzC,oBACEnZ,KAAK,OACLuZ,MAAM,SACNzS,IAAKA,cAAF,SACQqS,EAAoB,GAAK,UADjC,oHAQP,cAAC,GAAD,CACElE,WAAYjO,EACZkO,QAAS,SAACnL,GACRA,EAAEC,iBACFD,EAAEuO,kBACFY,GAAW,Y,UC9DrBM,GAAU,wKAKVC,GAAS,6SAYTC,GAAQ,u9C,kyBA0SCC,GApOqB,WAClC,IAAM3L,EAAUC,eACVxN,EAAWyM,cAFuB,EAGEpL,cAAlCsI,EAHgC,EAGhCA,UAAWC,EAHqB,EAGrBA,SAAUuP,EAHW,EAGXA,SAErBzH,EAAerQ,cAAfqQ,WALgC,EAMAxS,YAAwB,GANxB,mBAMjCka,EANiC,KAMnBC,EANmB,KAQlCC,EAAc,WAElBD,GAAgB,IAVsB,EAaAna,WAAyB,IAbzB,mBAajCmS,EAbiC,KAanBC,EAbmB,KAcpCC,EAAWC,eACftS,aAAgB,WAAO,IACbwR,EAAaa,EAAbb,SACFe,EAAahB,GAAcC,GACjCY,EAAgBG,KACf,CAACF,EAASb,WAiBb,OAAKgB,EAIH,qBACErL,IAAG,IAKH,mBACEA,IAAK2S,GACLO,OAAO,EAEPha,KAAK,UACLuN,QAtBkB,WAEpBuM,GADmB,IAAjBD,KAuBA,cAAC,KAAD,CACE7B,KAAMiC,KACNpQ,MAAO,CACLuO,MAAO,cAIb,mBACEpR,QAAS6S,EACT5S,SAAU8S,EACVhT,UAAU,EACVG,OAAQ,KACRJ,IAAK4S,IAEL,oBAAMtH,KAAK,SAASN,aAAcA,GAChC,mBAAMrG,KAAN,CACEpE,IAAI,UACJP,IAAG,IAIH,cAAC,KAAD,CACEuL,GAAG,WACH9E,QAASwM,EACTjT,IAAG,mBAAE,CACH0S,GADG,IAAF,yDASH,sBACE1S,IAAG,IAOFsD,EARH,IAQeC,GAEf,sBACEvD,IAAG,IAMF8S,KAIP,mBAAMnO,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,QACpD,cAAC,KAAD,CAAMgL,GAAG,IAAI9E,QAASwM,EAAajT,IAAK0S,IAAxC,SAKF,mBAAM/N,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,OACpD,cAAC,KAAD,CAAMkG,QAASwM,EAAajT,IAAK0S,GAAYnH,GAAG,QAAhD,WAIF,mBAAM5G,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,UACpD,cAAC,KAAD,CAAMkG,QAASwM,EAAajT,IAAK0S,GAAYnH,GAAG,WAAhD,WASF,mBAAM5G,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,cACpD,cAAC,KAAD,CAAMkG,QAASwM,EAAajT,IAAK0S,GAAYnH,GAAG,eAAhD,cAIF,mBAAM5G,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,YACpD,cAAC,KAAD,CAAMkG,QAASwM,EAAajT,IAAK0S,GAAYnH,GAAG,aAAhD,cAIF,mBAAM5G,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,SACpD,cAAC,KAAD,CAAMgL,GAAG,0BAAT,UAEF,mBAAM5G,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,UACpD,cAAC,KAAD,CAAMgL,GAAG,6BAAT,WAEF,mBAAM5G,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,WACpD,cAAC,KAAD,CAAMgL,GAAG,YAAT,YAEF,mBAAM6H,QAAN,MAYA,mBAAMA,QAAN,MACA,mBAAMzO,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,cACpD,mBACEkG,QAASwM,EACTjT,IAAK0S,GACLW,IAAI,sBACJ1H,OAAO,SACP3K,KAAM/E,KAAwBqX,iBALhC,eAUF,mBAAM3O,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,OACpD,mBACEkG,QAASwM,EACTjT,IAAK0S,GACLW,IAAI,sBACJ1H,OAAO,SACP3K,KAAM/E,KAAwBsX,UALhC,QAUF,mBAAM5O,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,iBACpD,mBACEkG,QAASwM,EACTjT,IAAK0S,GACLW,IAAI,sBACJ1H,OAAO,SACP3K,KAAM/E,KAAwBuX,oBALhC,kBAUF,mBAAM7O,KAAN,CACE8B,QAAS,kBAAMuM,GAAgB,IAC/BzS,IAAI,wBAEJ,mBACEkG,QAASwM,EACTjT,IAAK0S,GACLW,IAAI,sBACJ1H,OAAO,SACP3K,KAAM/E,KAAwBwX,0BALhC,yBAUF,mBAAM9O,KAAN,CAAWpE,IAAI,sBAAsBP,IAAK0S,IACxC,mBACE/G,OAAO,SACP0H,IAAI,sBACJrS,KAAM/E,KAAwByX,gBAHhC,mBAQF,mBAAMN,QAAN,MACA,mBAAMzO,KAAN,CAAW8B,QAAS,kBAAMuM,GAAgB,IAAQzS,IAAI,KACpD,cAAC,KAAD,CAAMgL,GAAG,SAAS9E,QArMP,WACnBuM,GAAgB,GAChB9L,EAAQgB,KAAK,KACbvO,EAAS,CACPT,KAAM,aAiMyC8G,IAAK0S,IAA9C,cArLD,MChILiB,GAAc,iQ,yuEAiSL9a,WAxRyC,SAAC,GAAqB,IAAnB0R,EAAkB,EAAlBA,YACnD5Q,EAAWyM,cAD0D,EAErBpL,cAA9CqQ,EAFmE,EAEnEA,WAAY/H,EAFuD,EAEvDA,UAAWC,EAF4C,EAE5CA,SAAUuP,EAFkC,EAElCA,SACnC5L,EAAUC,eAH2D,EAI7CtO,YAAe,GAJ8B,mBAIpEqH,EAJoE,KAI3DkS,EAJ2D,OAKnCvZ,WAAyB,IALU,mBAKpEmS,EALoE,KAKtDC,EALsD,OAMvCpS,WAAe,IANwB,mBAMpE+a,EANoE,KAMxDC,EANwD,KAOvE3I,EAAWC,eACPsC,EAAqBI,KAArBJ,iBACR5U,aAAgB,WAAO,IACbwR,EAAaa,EAAbb,SACFe,EAAahB,GAAcC,GACjCY,EAAgBG,KACf,CAACF,EAASb,WAEb,IAMMgI,EAAoB5E,EAAiBrU,QAAO,SAACC,GAAD,OAAWA,EAAKuW,cAC/DrW,OAEH,OAAK8R,EAIH,cAAC,WAAD,KACE,qBACErL,IAAG,IAKH,cAAC,GAAD,CAAauK,YAAaA,IAE1B,mBACEtF,KAAK,QACL6O,YAAY,cACZC,aAAc,WAxBhBH,IACFC,EAAc,IACd3M,EAAQgB,KAAR,yBAA+B0L,EAA/B,UAuBII,SAAU,SAAC/Q,GAAD,OAAO4Q,EAAc5Q,EAAE0I,OAAO9R,QACxCA,MAAO+Z,EACP5T,IAAG,GAaHiU,OACE,oBACE/a,KAAK,SACLuZ,MAAM,WACNzS,IAAG,OAOT,oBACEgL,aAAcA,EACdM,KAAK,aACLtL,IAAG,IAqBFqL,GACC,mBAAM1G,KAAN,CACE3E,IAAG,GAGHyG,QAAS,WACP2L,GAAW,KAGb,oBACErP,MAAO,CACLuP,gBAAiB,OACjBhB,MAAO,UACPiB,UAAW,2BAEbC,MAAOH,GAAqB,GAAK,MAAQA,GAEzC,oBACEnZ,KAAK,OACLuZ,MAAM,SACNzS,IAAKA,cAAF,SACQqS,EAAoB,GAAK,UADjC,0HASP,cAAC,GAAD,CACElE,WAAYjO,EACZkO,QAAS,SAACnL,GACRA,EAAEC,iBACFD,EAAEuO,kBACFY,GAAW,OAMnB,mBAAMrH,QAAN,CACEoC,MACE,qBACEvR,GAAG,YACHoE,IAAG,IAqBH,oBACEA,IAAG,IAQFsD,EAAU,GAAKC,EAAS,MAK/B,mBAAMoB,KAAN,CACEpE,IAAI,UACJP,IAAG,IAIH,cAAC,KAAD,CACEuL,GAAG,WACHvL,IAAG,mBAAE,CAAC,IAAH,+CAQH,sBACEA,IAAG,IAQFsD,EATH,IASeC,GAEf,sBACEvD,IAAG,IAQF8S,KAKP,mBAAMnO,KAAN,CAAWpE,IAAI,aAAaP,IAAK2T,IAC/B,mBACEhI,OAAO,SACP0H,IAAI,sBACJrS,KAAM/E,KAAwBqX,iBAE7B,IALH,eASF,mBAAM3O,KAAN,CAAWpE,IAAI,MAAMP,IAAK2T,IACxB,mBACEhI,OAAO,SACP0H,IAAI,sBACJrS,KAAM/E,KAAwBsX,UAHhC,SAQF,mBAAM5O,KAAN,CAAWpE,IAAI,gBAAgBP,IAAK2T,IAClC,mBACEhI,OAAO,SACP0H,IAAI,sBACJrS,KAAM/E,KAAwBuX,oBAE7B,IALH,kBAUF,mBAAM7O,KAAN,CAAWpE,IAAI,sBAAsBP,IAAK2T,IACxC,mBACEhI,OAAO,SACP0H,IAAI,sBACJrS,KAAM/E,KAAwBwX,0BAHhC,uBASF,mBAAM9O,KAAN,CAAWpE,IAAI,sBAAsBP,IAAK2T,IACxC,mBACEhI,OAAO,SACP0H,IAAI,sBACJrS,KAAM/E,KAAwByX,gBAHhC,mBAQF,mBAAM/O,KAAN,CACEpE,IAAI,cACJ3E,GAAG,cACHoE,IAAK2T,GACLlN,QAAS,SAAC0I,GACRjI,EAAQgB,KAAK,KACbvO,EAAS,CACPT,KAAM,cAPZ,cA3OD,QCzBIgb,OAlBf,WAA6B,IAAD,EACUrb,WAAe,GADzB,mBACnBsb,EADmB,KACPC,EADO,KAElBpc,EAAkB8B,eAAlB9B,cACAqT,EAAerQ,cAAfqQ,WAEFgJ,EAAepa,eACjBiR,EAAWC,eAEftS,aAAgB,WACd,IAAMyb,EAAWH,EAAa,EAC9BC,EAAcE,GACTjJ,EAEMiJ,EAAW,IAAMtc,GAC1Bqc,EAAa,CAAEnb,KAAM,kBAAmBC,MAAM,IAF9Cib,EAAc,KAIf,CAAClJ,K,UCAAqJ,GAAgB,w6DAChBC,GAAc,m8CACdC,GAAgB,+vHAEdC,G,KAAAA,OAAQC,G,KAAAA,QACVC,GAAS,+NAWTC,GAAU7U,cAAH,oIAQU4K,KAAYC,GARtB,0DAaUD,KAAYC,GAbtB,sDAkBPiK,GAAW,4GAGXC,GAAS,6UAmBTC,GAAkBhV,cAAH,+MAaE4K,KAAYC,GAbd,8IAwBfoK,GAAiB,+LAQjBC,GAAU,0H,6xBA4ODC,GAlOoB,SAAC,GAAkB,IAAhBzb,EAAe,EAAfA,SAAe,EACtByR,eAArBd,EAD2C,EAC3CA,SAD2C,KACjC2G,OACmBhW,eAA7BqQ,EAF2C,EAE3CA,WAAYpQ,EAF+B,EAE/BA,OAAQC,EAFuB,EAEvBA,KACtBvB,EAAWyb,eACXf,EAAepa,eACrBia,KALmD,MAMbrb,WAAe,GANF,mBAM5C0R,EAN4C,KAM/B8K,EAN+B,OAQxBzG,YAAa2F,GAAkB,CACxD5Q,UAAW,CACT1I,SACAC,QAEF2T,YAAa,eACbC,aAAczD,EAAa,IAAQ,EACnC2D,YAAY,WAAD,4BAAE,WAAOC,GAAP,iBAAA5L,EAAA,uDACLiS,EAAQnG,KAAEC,IAAIH,EAAQ,+BAAgC,KAClD1V,SACFgc,EAAoBD,EAAMlY,KAAI,SAAC/D,GAAD,OAAeA,EAAKqY,UACxD/X,EAAS,CAAET,KAAM,uBAAwBC,KAAMoc,KAJtC,2CAAF,mDAAC,KAPPC,EAR4C,sBAwB5B5G,YAAa4F,GAAgB,CAClD7Q,UAAW,CACT1I,SACAC,QAEF2T,YAAa,eACbC,aAAczD,EAAa,IAAQ,EACnC2D,YAAY,WAAD,4BAAE,WAAOC,GAAP,eAAA5L,EAAA,sDACLoS,EAAYtG,KAAEC,IAClBH,EACA,sCACA,KAEFoG,EAAeI,GANJ,2CAAF,mDAAC,KAPPC,EAxB4C,sBAwC1B9G,YAAa6F,GAAkB,CACtD5F,YAAa,eACblL,UAAW,CACT1I,SACAC,QAEF8T,YAAY,WAAD,4BAAE,WAAOC,GAAP,eAAA5L,EAAA,sDACL3K,EAAcyW,KAAEC,IAAIH,EAAQ,qBAClCoF,EAAa,CACXnb,KAAM,oBACNC,KAAM,CACJwc,QAASjd,EAAYid,QACrBC,QAASld,EAAYmd,SACrBC,KAAMpd,EAAYod,KAClB9c,MAAON,EAAYM,SAGvBqb,EAAa,CACXnb,KAAM,oBACNC,KAAMT,EAAY2C,cAbT,2CAAF,mDAAC,KANP0a,EAxC4C,sBAgEjBld,aAhEiB,mBAgE5Cmd,EAhE4C,KAgEjCC,EAhEiC,KAiE/C/K,EAAWC,eAcf,GAZAtS,aAAgB,WACd,IAAMuS,EAAahB,GAAcC,GACjC4L,EXjKG,SAAsBC,GAC3B,IAAKA,EAAc3c,OACjB,MAAO,GAET,IAAM4c,EAAWD,EAAc,GAC/B,MAAiB,WAAbC,EACK,SACe,SAAbA,EACF,kBACe,eAAbA,EACF,YACe,iBAAbA,EACF,eACe,aAAbA,EACF,UACe,YAAbA,EACF,UACe,UAAbA,EACF,iBACe,WAAbA,EACF,kBACe,QAAbA,EACF,SACe,YAAbA,EACF,UACe,SAAbA,EACF,OAEF,GWqIQC,CAAahL,MACzB,CAACF,EAASb,WACbxR,aAAgB,WACVwS,IACFmK,IACAE,IACAK,OAED,CAAC1K,KAECA,GAA0B,UAAZhB,GAAoC,mBAAZA,EAA+B,CACxE,IAAMgM,EAAW,UAAMtF,OAAO7F,SAASb,UAAtB,OAAiC0G,OAAO7F,SAAS8F,QAClE,MAAoB,MAAhBqF,GAAuBA,EAAY5W,SAAS,SACvC,cAAC,KAAD,CAAU8L,GAAE,WAGnB,cAAC,KAAD,CACEA,GAAE,6BAAwBwF,OAAO7F,SAASb,UAAxC,OAAmD0G,OAAO7F,SAAS8F,UAK3E,OACE,8BAEE,oBAAQhR,IAAK4U,IAsCX,cAACF,GAAD,CACE1U,IAAKA,cACD+U,GADD,6DAMH,cAAC,KAAD,CAAMxJ,GAAG,IAAIvL,IAAK8U,IAChB,qBACErQ,IAAI,OACJ9D,IAAK2V,EAAQ,KACbtW,IAAK6U,MAGT,qBACE7U,IAAG,IAIH,cAAC,GAAD,OAEF,cAAC,GAAD,CAAcuK,YAAaA,KAE7B,cAACmK,GAAD,CACE1U,IAAKA,cACDgV,GADD,6DAMH,qBACEhV,IAAKA,cAAF,WACUqL,EAAa,OAAS,OADhC,wFAMH,qBACErL,IAAG,IAMH,cAAC,GAAD,MACA,qBAAKA,IAAKiV,IACR,oBACEjV,IAAG,IAMFgW,KAKP,qBACEhW,IAAG,IAKH,qBACEA,IAAG,IAIH,cAAC,GAAD,CAAauK,YAAaA,KAE5B,cAAC,KAAD,CAAMgB,GAAG,QACP,oBACErS,KAAK,SACLuZ,MAAM,WACNzS,IAAG,MAOP,cAAC,GAAD,SAKN,cAAC2U,GAAD,CAAS3U,IAAKkV,IAAaxb,GAC3B,cAAC,GAAD,SClVO,SAAS6c,KAAe,IAC7BlM,EAAac,eAAbd,SAMR,OAJA9P,qBAAU,WACRwW,OAAOyF,SAAS,EAAG,KAClB,CAACnM,IAEG,KC+ET,IAAMoM,GAAuB5d,qBAAuCd,GAE9D2e,GAA0B7d,qBAC9Bd,GAIE4e,GAAqB,GACzB,IACEA,GAAqBpV,KAAKC,MACxBC,aAAaC,QALO,gCAKqB,MAE3C,MAAOlE,IACPH,QAAQG,MAAM,4BAEhB,IAAMoZ,GAAyB,SAAC5d,EAAcC,GAC5C,OAAQA,EAAOC,MACb,IAAK,iBAKL,IAAK,iBACH,OAAO,2BACFF,GACAC,EAAOE,MAEd,IAAK,gBACH,MAAO,GACT,QACE,OAAOH,IAIP6d,GAA0B,SAAC,GAEI,IADnCnd,EACkC,EADlCA,SACkC,EACRb,aACxB+d,GACAD,IAHgC,mBAC3B3d,EAD2B,KACpBW,EADoB,KASlC,OAJAd,aAAgB,WAEd4I,aAAaI,QAtCO,8BAsCkBN,KAAKO,UAAU9I,MACpD,CAACA,IAEF,cAACyd,GAAqB7c,SAAtB,CAA+BC,MAAOb,GACpC,cAAC0d,GAAwB9c,SAAzB,CAAkCC,MAAOF,GACtCD,K,oBCOMod,GA5Hb,WAAYC,EAAaC,EAAsBC,GAA6B,IAAD,iCAXnEC,KAAe,GAWoD,KAVnEC,cAAwB,GAU2C,KATnEC,oBAA8B,GASqC,KARnEC,YAAoC,KAQ+B,KAPnEC,aAIF,GAGqE,KAFnEC,kBAA4B,EAEuC,KAM3EC,QAN2E,sBAM5C,4BAAAnU,EAAA,6DAC7B,EAAKgU,aAAc,IAAII,MAAuBC,QAAQ,EAAKR,MAAMS,QADpC,kBAGrB,EAAKN,YAAYO,QAHI,OAI3B,EAAKP,YAAYQ,GAAG,EAAKV,cAAe,EAAKW,eAC7C,EAAKT,YAAYU,SAAQ,SAACva,GACxBH,QAAQI,KAAK,iCAAkCD,MAE7C,EAAK8Z,aAAa/d,OAAS,IACvBye,EAAY,IAAIlI,IACtB,EAAKwH,aAAavH,SAAQ,SAACkI,GAAD,OACxBD,EAAUhI,IAAIiI,EAAWvG,WAGLxB,MAAMC,KAAK6H,GACnBjI,SAAQ,SAAC2B,GAAY,IAAD,EAChC,YAAK2F,mBAAL,SACIa,OAAO,EAAKd,oBAAqB1F,GAAQ,GAC1ChV,OACAa,OAAM,SAACC,GAAD,OACLH,QAAQI,KACN,iDACAD,UAtBiB,gDA4B3BH,QAAQI,KAAK,6BAAb,MA5B2B,yDAN4C,KAsCnEqa,cAA0C,SAACpG,GACjDjX,YAAW,WACT,EAAK6c,aAAavH,SAAQ,SAACkI,GACrBA,EAAWvG,SAAWA,GACxBuG,EAAWE,gBAGdlc,KAAwBmc,oCAE3B3d,YAAW,WACT,EAAK6c,aAAavH,SAAQ,SAACkI,GACrBA,EAAWvG,SAAWA,GACxBuG,EAAWE,gBAG+C,EAA7Dlc,KAAwBmc,qCArD8C,KAwD3Erc,oBAAuE,SACrE2V,EACAyG,GAEA,IAUuC,EAVjCtc,EAAe,EAAK0b,mBAC1B,EAAKA,mBAAqB,EAGxB,EAAKF,aACL,EAAKA,YAAYre,QAAUqf,KAAmBC,aAKZ,IAHP,EAAKhB,aAAale,QAC3C,SAAC6e,GAAD,OAAgBA,EAAWvG,SAAWA,KAEjBnY,SACrB,YAAK8d,mBAAL,SACIa,OAAO,EAAKd,oBAAqB1F,GAAQ,GAC1ChV,OACAa,OAAM,SAACC,GAAD,OACLH,QAAQI,KACN,iDACAD,QAWV,OALA,EAAK8Z,aAAapP,KAAK,CACrBtM,GAAIC,EACJ6V,SACAyG,aAEKtc,GAxFkE,KA2F3E6B,sBAAwD,SAAC7B,GACvD,GACE,EAAKwb,aACL,EAAKA,YAAYre,QAAUqf,KAAmBC,UAC9C,CACA,IASqC,EAT/BC,EAAqB,EAAKjB,aAAakB,MAC3C,SAACP,GAAD,OAAgBA,EAAWrc,KAAOC,KAEpC,GAAI0c,EAMF,GAAgC,IALP,EAAKjB,aAAale,QACzC,SAAC6e,GAAD,OACEA,EAAWvG,SAAW6G,EAAmB7G,QACzCuG,EAAWrc,KAAOC,KAEDtC,OACnB,YAAK8d,mBAAL,SACIa,OAAO,EAAKd,oBAAqBmB,EAAmB7G,QAAQ,GAC7DhV,OACAa,OAAM,SAACC,GAAD,OACLH,QAAQI,KACN,iDACAD,MAMZ,EAAK8Z,aAAe,EAAKA,aAAale,QACpC,SAAC6e,GAAD,OAAgBA,EAAWrc,KAAOC,MAtHpCsQ,KAAK+K,KAAOH,EACZ5K,KAAKgL,cAAgBH,EACrB7K,KAAKiL,oBAAsBH,GCMzBwB,GAAgBC,gBAAK,kBAAM,+EAC3BC,GAAaD,gBAAK,kBAAM,mCACxBE,GAAqBF,gBAAK,kBAC9B,mCAGIG,GAAeH,gBAAK,kBAAM,+EAC1BI,GAAkBJ,gBAAK,kBAC3B,mCAEIK,GAAmBL,gBAAK,kBAC5B,yDAEIM,GAAwBN,gBAAK,kBACjC,mCAEIO,GAA0BP,gBAAK,kBACnC,uEAEIQ,GAAqBR,gBAAK,kBAC9B,uEAEIS,GAA0BT,gBAAK,kBACnC,uEAEIU,GAAmBV,gBAAK,kBAAM,4CAE9BW,GAAkBX,gBAAK,kBAC3B,mCAGIY,GAAuBZ,gBAAK,kBAChC,+EAGIa,GAAqBb,gBAAK,kBAC9B,8EAEIc,GAAuBd,gBAAK,kBAChC,yDAGIe,GAAsBf,gBAAK,kBAC/B,8EAGIgB,GAAW,kKAQJ5d,GAAuB,IAAIgb,GAAJ,UAC/B7a,KAAwB0d,YADO,eAElC,iBACA,qBAEF7d,GACG0b,UACA9a,MAAK,SAACd,GAAD,OAAQyB,QAAQC,IAAI,aAAc1B,MACvC2B,OAAM,SAACC,GAAD,OACLH,QAAQI,KAAK,uDAAwDD,MAGnC,IAAIsZ,GAAJ,UACjC7a,KAAwB0d,YADS,qBAEpC,0BACA,8BAGCnC,UACA9a,OACAa,OAAM,SAACC,GAAD,OACLH,QAAQI,KACN,6DACAD,MAIC,IAAM6S,GAA4B,IAAIyG,GAAJ,UACpC7a,KAAwB0d,YADY,wBAEvC,6BACA,iCAEFtJ,GACGmH,UACA9a,OACAa,OAAM,SAACC,GAAD,OACLH,QAAQI,KACN,gEACAD,M,8IA8HSoc,IA1HO,WACpB,OACE,cAACC,EAAA,EAAD,KACE,cAAC,GAAD,KACE,cAAC,IAAD,KACE,cAAC,GAAD,KACE,cAAC,EAAD,KACE,cAACC,GAAA,EAAD,KACE,cAAC,GAAD,KACE,cAAC,GAAD,KACE,cAACC,GAAA,EAAD,KACE,cAAC,GAAD,KACE,cAACC,GAAD,KACE,cAAC,SAAD,CAAQC,OAAQP,KAChB,cAAC,EAAD,MACA,cAAC,GAAD,MACA,cAAC,GAAD,MACA,cAAC,EAAD,MACA,cAAC,EAAD,MACA,cAAC,EAAD,MACA,cAAC,EAAD,MACA,cAAC,WAAD,CACEQ,SACE,qBACEla,IAAG,IAOH,mBAAMma,UAAQ,MAIlB,cAAC5D,GAAD,MACA,cAAC,KAAD,KACE,cAAC,KAAD,CAAO6D,KAAK,IAAIC,OAAK,EAACC,UAAW7B,KACjC,cAAC,KAAD,CACE4B,OAAK,EACLD,KAAK,SACLE,UAAWf,KAEb,cAAC,KAAD,CACEc,OAAK,EACLD,KAAK,UACLE,UAAWb,KAEb,cAAC,KAAD,CACEY,OAAK,EACLD,KAAK,OACLE,UAAWzB,KAEb,cAAC,KAAD,CACEwB,OAAK,EACLD,KAAK,UACLE,UAAWxB,KAEb,cAAC,KAAD,CACEuB,OAAK,EACLD,KAAK,WACLE,UAAWd,KAEb,cAAC,KAAD,CACEa,OAAK,EACLD,KAAK,YACLE,UAAWvB,KAEb,cAAC,KAAD,CACEsB,OAAK,EACLD,KAAK,cACLE,UAAWpB,KAEb,cAAC,KAAD,CACEmB,OAAK,EACLD,KAAK,iBACLE,UAAWnB,KAEb,cAAC,KAAD,CACEkB,OAAK,EACLD,KAAK,mBACLE,UAAWrB,KAEb,cAAC,KAAD,CACEoB,OAAK,EACLD,KAAK,gBACLE,UAAWtB,KAEb,cAAC,KAAD,CACEqB,OAAK,EACLD,KAAK,WACLE,UAAWlB,KAEb,cAAC,KAAD,CACEiB,OAAK,EACLD,KAAK,0CACLE,UAAWhB,KAGb,cAAC,KAAD,CAAOc,KAAK,SAASE,UAAW3B,KAChC,cAAC,KAAD,CACEyB,KAAK,kBACLE,UAAW1B,KAEb,cAAC,KAAD,CAAO0B,UAAW7B,MAEpB,cAACY,GAAD,oB,icClOfkB,EAAe,SAAC1gB,GAAD,OAC1B,IAAI2gB,KAAKC,aAAa,SAASC,OAAO7gB,IAE3B6I,EAAiB,SAAC7I,GAAD,OAC5B,IAAI2gB,KAAKC,aAAa,QAAS,CAC7B1X,MAAO,WACP4X,SAAU,MACVC,sBAAuB,IACtBF,OAAO7gB,IAECghB,EAAuB,SAAChhB,GAEnC,OADmB,IAAIqE,KAAK4c,YAAgBjhB,IAC1BkhB,mBAAmB,UAG1BC,EAAuB,SAACnhB,GAEnC,OADmB,IAAIqE,KAAK4c,YAAgBjhB,IAC1BohB,eAAe,UAGtBC,EAA4B,SAACrhB,GAExC,OADmB,IAAIqE,KAAKC,YAAyBtE,IACnCohB,eAAe,UAGtBE,EAAY,SAACC,GACxB,GAAa,KAATA,GAAeA,EACjB,OAAOA,EAAKnK,QAAQ,iBAAkB,KAS7BoK,EAAiB,SAAC,GAIP,IAHtBD,EAGqB,EAHrBA,KACAE,EAEqB,EAFrBA,UACAC,EACqB,EADrBA,QAEA,OAAIH,EAAK7hB,OAAS+hB,IAAcC,EACxB,GAAN,OAAUH,EAAKI,MAAM,EAAGF,GAAxB,OAEKF,GAiFIK,EAA0B,SAAC5hB,GACtC,IAAMwJ,EAAIqY,IAASC,GAAGD,IAASC,GAAGC,SAC5BC,EAAIH,IAASC,GAAG9hB,EAAO6hB,IAASC,GAAGC,SACnCE,EAAeD,EAAEE,KAAK1Y,EAAG,SACzB2Y,EAAeH,EAAEE,KAAK1Y,EAAG,QACzB4Y,EAAeJ,EAAEE,KAAK1Y,EAAG,UACzB6Y,EAAeL,EAAEE,KAAK1Y,EAAG,SAG/B,OAFoBwY,EAAEE,KAAK1Y,EAAG,SAET,EACjByY,GAAgB,GACdE,GAAgB,GACdC,GAAgB,GAAKA,GAAgB,GACnC,UACKvd,KAAKyd,IAAID,GADdA,GAAgB,EAAhB,0BAGA,UACGxd,KAAKyd,IAAIF,IADM,IAAlBA,EAAA,4BAGF,UACGvd,KAAKyd,IAAIH,IADM,IAAlBA,EAAA,wBAGF,WACItd,KAAKyd,IAAIL,IADK,IAAlBA,EAAA,0BAbC,UAgBAD,EAAE/J,YA+CEsK,EAAgB,SAACviB,GAAD,OAC3BA,EAAMwiB,WAAWpL,QAAQ,0BAA2B,QAW/C,IAAMqL,EAAY,eAACC,EAAD,uDAAY,GAAZ,OACvBA,EAAIF,WAAWpL,QAAQ,wBAAyB,MACrCuL,EAAmB,eAACD,EAAD,uDAAY,GAAZ,OAC9BA,EAAIF,WAAWpL,QAAQ,UAAW,M,uKC5M9BwL,EAAwB5jB,gBAA2B,CACvD6jB,iBAAkB,KAGdC,EAA2B9jB,qBAC/Bd,GAGI6kB,EAAmB,SAAC5jB,EAAcC,GACtC,OAAQA,EAAOC,MACb,IAAK,uBACH,OAAO,2BACFF,GADL,IAEE0jB,iBAAkBzjB,EAAOE,OAG7B,QACE,OAAOH,IAIP6jB,EAA2B,SAAC,GAA0C,IAAxCnjB,EAAuC,EAAvCA,SAAuC,EAC/Cb,aAAiB+jB,EAAkB,CAC3DF,iBAAkB,KAFqD,mBAClE1jB,EADkE,KAC3DW,EAD2D,KAKzE,OACE,cAAC8iB,EAAsB7iB,SAAvB,CAAgCC,MAAOb,GACrC,cAAC2jB,EAAyB/iB,SAA1B,CAAmCC,MAAOF,GACvCD,KAKHojB,EAAoB,WACxB,IAAM/iB,EAAUlB,aAAiB4jB,GACjC,QAAgB1kB,IAAZgC,EACF,MAAM,IAAIC,MACR,sEAGJ,OAAOD,GAGHqb,EAAuB,WAC3B,IAAMrb,EAAUlB,aAAiB8jB,GACjC,QAAgB5kB,IAAZgC,EACF,MAAM,IAAIC,MACR,uEAGJ,OAAOD,I,++CClDIgjB,EAAiC,SAAC,GAIxC,IAHL/I,EAGI,EAHJA,SACAgJ,EAEI,EAFJA,UACAC,EACI,EADJA,kBACI,EAC4BpkB,IAAMuB,SAG5B,MAJN,mBACG8iB,EADH,KACaC,EADb,KAKEC,EACJ,uBACGC,cAAYjgB,KAAI,SAAC/D,GAChB,OACE,kBAAMsL,KAAN,CACEpE,IAAKlH,EAAKuC,GACV6K,QAAS,WACP0W,EAAY9jB,GACZ2a,EAAS3a,EAAKuC,MAGhB,mBACEoE,IAAG,GAIF3G,EAAK4U,kBAYlB,OAJApV,IAAM0B,WAAU,WACd4iB,EAAYF,GAAqB,QAChC,CAACD,EAAWC,IAGb,mBACEvc,GAAI,GACJV,IAAG,GAKH,qBACEA,IAAG,GAaFkd,GACC,mBACEld,IAAG,GADL,cAkBF,mBAAUsd,QAASF,EAAMG,QAAS,CAAC,SAAU/Y,UAAU,gBACrD,mBACEsI,UAAU,oBACVrG,QAAS,SAACxD,GACRA,EAAEC,iBACFD,EAAEuO,mBAEJzO,MAAO,CACL+N,QAASoM,EAAW,EAAI,IAE1Bld,IAAG,GAaFkd,EACC,sBACEld,IAAG,GAIFkd,EAASjP,aAGZ,aAEF,cAAC,IAAD,CACEiD,KAAMsM,IACNza,MAAO,CACLuO,MAAO,UACPtL,SAAU,OACVyX,WAAY,GACZ1X,UAAW,EACX2X,YAAa,GACbC,MAAO,gB,kkCC5HVC,EAAoC,SAAC,GAK3C,IAJLzQ,EAII,EAJJA,MACA0Q,EAGI,EAHJA,OACAC,EAEI,EAFJA,QACA9J,EACI,EADJA,SAEA,OACE,qBAAKjR,MAAO,CAAEuP,gBAAiB,YAC7B,qBACEtS,IAAG,GAaH,mBACEA,IAAG,GAYFmN,GAEH,uBACEnN,IAAG,EAiBH+C,MAAO,CAAEgb,aAAc,QACvB7kB,KAAM4kB,EAAU,QAAU,MAC1BhK,YAAwB,KAAX+J,EAAgB,4BAA8BA,EAC3DhkB,MAAOgkB,EACP7J,SAAU,SAAC/Q,GAAD,OAAQ+Q,EAAWA,EAAS/Q,GAAK,W,kCCnD/C+a,EAAa,mzHACbC,EAAS,g2FAEFZ,EAAc,CACzB,CAAEzhB,GAAI,KAAMqS,YAAa,QACzB,CAAErS,GAAI,KAAMqS,YAAa,aACzB,CAAErS,GAAI,KAAMqS,YAAa,kBACzB,CAAErS,GAAI,KAAMqS,YAAa,gBACzB,CAAErS,GAAI,KAAMqS,YAAa,gBACzB,CAAErS,GAAI,KAAMqS,YAAa,cACzB,CAAErS,GAAI,KAAMqS,YAAa,gBACzB,CAAErS,GAAI,KAAMqS,YAAa,6BACzB,CAAErS,GAAI,KAAMqS,YAAa,8B,wqCA+RZwC,IA1PyB,SAAC,GAA2B,IAAzBtQ,EAAwB,EAAxBA,SAAUuQ,EAAc,EAAdA,QAAc,EAC7CtW,mBAAc,IAA7B8jB,EAD4D,sBAG3B9jB,mBAAiB,GAHU,mBAG5D+jB,EAH4D,KAG9CC,EAH8C,OAI3BhkB,mBAAwB,MAJG,mBAI1DikB,EAJ0D,KAI7CC,EAJ6C,OAKxCvjB,cAAjBG,EALyD,EAKzDA,KAAMD,EALmD,EAKnDA,OALmD,EAM/BpC,WAAe,IANgB,mBAM1D0lB,EAN0D,KAM/CC,EAN+C,OAO7B3lB,WAAe,IAPc,mBAO1D4lB,EAP0D,KAO9CC,EAP8C,OAQ/B7lB,YAAe,GARgB,mBAQ1DmkB,EAR0D,KAQ/C2B,EAR+C,OAUhB/P,YAAaqP,EAAW,CACvEpP,YAAa,eACbG,YAAa,SAACrS,GAEZ,GAAiB,UADAwS,IAAEC,IAAIzS,EAAU,yBAA0B,MACjC,CACxB,IAAMiiB,EAAezP,IAAEC,IACrBzS,EACA,0BACA,uCAEF4H,EAAA,EAAasa,KAAK,CAChBnb,QAAS,QACTuK,YAAa2Q,EACb1lB,KAAM,eAGRqL,EAAA,EAAasa,KAAK,CAChBnb,QAAS,UACTuK,YAAa,uBACb/U,KAAM,YAERiH,KAGJkP,QAAS,WACP9K,EAAA,EAAasa,KAAK,CAChBnb,QAAS,QACTuK,YAAa,8CACb/U,KAAM,aAtCqD,oBAU1D4lB,GAV0D,MAUrCC,GAVqC,MAU9CxY,QAiCLyY,GAAiBC,YAE5BjB,EAAe,CAChBra,UAAW,CACTzI,KAAMA,EACND,OAAQA,GAEV+T,YAAa,SAACgQ,GACRA,IACFd,EAAcc,EAAaA,aAAaE,KACxCV,EAAaN,EAAY1a,OACzBkb,EAAcR,EAAYiB,UAG9B9P,QAAS,WACP9K,EAAA,EAAasa,KAAK,CAChBnb,QAAS,QACTuK,YAAa,6CACb/U,KAAM,eAlBJ4J,KAsBJkc,KACFd,EAAcc,GAAaA,aAAaE,MAG1CrmB,aAAgB,WACV6X,GACF4N,EAAe5N,KAEhB,IAMH,OACE,mBACEvD,MAAM,YACNnN,IAAKA,cAAF,uJAOoB4K,IAAYwU,GAPhC,0GAcHlf,SAAS,EACTD,UAAU,EACVof,KAAM,WACAhB,GAAeF,IACI,IAAjBA,GAAuBI,EAAUe,OAET,IAAjBnB,GC3GjB,uEAAuEoB,KD2GjBhB,GAEpB,IAAjBJ,GAAuBM,EAAWa,QAG3CR,GAAS,CACPnb,UAAW,CACT1I,OAAQA,EACRC,KAAMA,EACNskB,cACE,UAAiB,IAAjBrB,EAAwBI,EAAiBE,GAC3CgB,aAAa,GAAD,OAAKpB,GACjBqB,aAAcvB,KAGlBC,EAAgB,GAChBO,GAAc3B,IAbdtZ,EAAA,EAAQjG,KAAK,4BAFbiG,EAAA,EAAQjG,KAAK,sBAFbiG,EAAA,EAAQjG,KAAK,+BAqBnB0C,SAAU,WACRA,IACAie,EAAgB,GAChBO,GAAc3B,IAEhB2C,OAAQ,SACRC,cAAe,CACb7c,MAAO,CACLuP,gBAAiB,QACjBhB,MAAO+M,GAAeF,EAAe,UAAY,UACjD0B,OAAQ,EACRtN,UAAW,OACXuN,WAAY,wBAGhBC,kBAAmB,CACjBhd,MAAO,CACLuP,gBAAiB,QACjBhB,MAAO,UACPuO,OAAQ,EACRtN,UAAW,OACXuN,WAAY,yBAIhB,mBAAM3F,SAAU4E,IACd,mBACE/e,IAAKA,cAAF,iDAGoB4K,IAAYwU,GAHhC,sEAOH1a,OAAQ,GAER,cAAC,EAAD,CACEuY,kBAAmB9N,IAAEqJ,KAAK6E,GAAa,SAAC2C,GACtC,OAAOA,EAAEpkB,KAAO8U,KAElBsD,SAAU,SAACpY,GACT0iB,EAAe1iB,IAEjBohB,UAAWA,IAEb,mBACEtc,GAAI,EACJV,IAAG,GAKH,mBACEA,IAAG,GADL,kBAaA,kBAAOigB,MAAP,CAAajM,SAhHD,SAAC/Q,GACrBmb,EAAgBnb,EAAE0I,OAAO9R,QA+GqBA,MAAOskB,GAC3C,mBACEne,IAAG,EAQHnG,MAAO,GATT,SAaA,mBACEmG,IAAG,EAQHnG,MAAO,GATT,WAgBY,IAAjBskB,GACC,qBACEne,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,gBACP0Q,OAAQU,EACRT,SAAS,EACT9J,SAAU,SAAC/Q,GAAD,OAAOub,EAAavb,EAAE0I,OAAO9R,WAI3B,IAAjBskB,GACC,qBACEne,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,eACP0Q,OAAQY,EACRX,SAAS,EACT9J,SAAU,SAAC/Q,GAAD,OAAOyb,EAAczb,EAAE0I,OAAO9R,e,iCEnSvC,SAAS4X,EAAT,GAAoF,IAArDC,EAAoD,EAApDA,OAAOwO,EAA6C,EAA7CA,KAAM9d,EAAuC,EAAvCA,KAAMC,EAAiC,EAAjCA,MACvDgU,EATHtF,OAAO7F,UAC0B,SAA7B6F,OAAO7F,SAASb,UAAiD,IAA1B0G,OAAO7F,SAAS8F,OAChD,aAAN,OAAoBD,OAAO7F,SAASb,UAApC,OAA+C0G,OAAO7F,SAAS8F,QAGhE,GAKP,GAAGkP,GAAQ9d,GAAQC,EAAM,CACrB,IACM8d,EADS,CAAED,EAAM9d,EAAMC,GAAOjJ,QAAO,SAAAC,GAAI,YAAatB,IAATsB,KACzB+mB,KAAK,KAAK5gB,MAAM,KAAK4gB,KAAK,KAAK5gB,MAAM,KAAK4gB,KAAK,IAEzE,GADA/iB,QAAQC,MACLyT,OACH,MAAM,SAAN,OAAgBW,EAAhB,YAA0ByO,GAA1B,OAAwC9J,GAE5C,MAAM,SAAN,OAAgB3E,GAAhB,OAAyB2E,GAlB7B,mC,2CCoCMgK,EAAYtP,OAAO7F,SAASoV,SAE5BC,EAAiD,CACrDC,QAAS,CACPC,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBACnBC,gBAAiB,MACjBC,iBAAkB,cAClBC,aAAc,2DACdC,cAAe,CAAC,UAAW,UAAW,WACtCrZ,iBAAkB,sDAClBsZ,OAAQ,wCACRC,iBAAkB,wCAClBC,OAAQ,oCACRC,qBAAsB,kDACtBC,oBAAqB,iBACrB5kB,2BAA4B,yBAC5B6kB,qBACE,uEACFC,kBAAmB,eACnBC,yBAA0B,yBAC1BC,mBACE,uEACFC,yBAA0B,qBAC1BC,gCAAiC,yBACjCC,0BACE,uEACFhI,YAAa,uDACbvB,mCAAoC,IACpC3N,wCAAyC,EACzCmX,qCAAsC,EACtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,gDAqClB,6BAA8B,CAC5B+M,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBAEnBC,gBAAiB,MACjBC,iBAAkB,cAElBC,aAAc,qDACdpZ,iBAAkB,gDAClBsZ,OAAQ,wCACRC,iBAAkB,GAClBC,OAAQ,GACRH,cAAe,GAEfI,qBAAsB,+CAEtBC,oBAAqB,6BACrB5kB,2BAA4B,6BAC5B6kB,qBACE,uEAEFC,kBAAmB,2BACnBC,yBAA0B,6BAC1BC,mBACE,uEAEFC,yBAA0B,iCAC1BC,gCAAiC,6BACjCC,0BACE,uEAEFhI,YAAa,iDACbvB,mCAAoC,IACpC3N,wCAAyC,GACzCmX,qCAAsC,EAEtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,gDAElB,iCAAkC,CAChC+M,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBAEnBC,gBAAiB,MACjBC,iBAAkB,cAElBC,aAAc,yDACdpZ,iBAAkB,oDAClBsZ,OAAQ,sCACRC,iBAAkB,sCAClBC,OAAQ,kCACRH,cAAe,GAEfI,qBAAsB,gDAEtBC,oBAAqB,kBACrB5kB,2BAA4B,6BAC5B6kB,qBACE,uEAEFC,kBAAmB,gBACnBC,yBAA0B,6BAC1BC,mBACE,uEAEFC,yBAA0B,sBAC1BC,gCAAiC,6BACjCC,0BACE,uEAEFhI,YAAa,iDACbvB,mCAAoC,IACpC3N,wCAAyC,GACzCmX,qCAAsC,EAEtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,gDAElB,gCAAiC,CAC/B+M,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBACnBC,gBAAiB,MACjBC,iBAAkB,cAClBE,cAAe,GACfD,aAAc,wDACdpZ,iBAAkB,mDAClBsZ,OAAQ,qCACRC,iBAAkB,qCAClBC,OAAQ,iCACRC,qBAAsB,+CACtBC,oBAAqB,mBACrB5kB,2BAA4B,2BAC5B6kB,qBACE,uEACFC,kBAAmB,iBACnBC,yBAA0B,2BAC1BC,mBACE,uEACFC,yBAA0B,uBAC1BC,gCAAiC,2BACjCC,0BACE,uEACFhI,YAAa,oDACbvB,mCAAoC,IACpC3N,wCAAyC,EACzCmX,qCAAsC,EACtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,gDAElB,gCAAiC,CAC/B+M,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBAEnBC,gBAAiB,MACjBC,iBAAkB,cAClBE,cAAe,GAEfD,aAAc,wDACdpZ,iBAAkB,mDAClBsZ,OAAQ,qCACRC,iBAAkB,qCAClBC,OAAQ,kCAERC,qBAAsB,iDAEtBC,oBAAqB,iBACrB5kB,2BAA4B,6BAC5B6kB,qBACE,uEAEFC,kBAAmB,eACnBC,yBAA0B,6BAC1BC,mBACE,uEAEFC,yBAA0B,qBAC1BC,gCAAiC,6BACjCC,0BACE,uEAEFhI,YAAa,oDACbvB,mCAAoC,IACpC3N,wCAAyC,EACzCmX,qCAAsC,EAEtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,gDAElB,mCAAoC,CAClC+M,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBACnBC,gBAAiB,MACjBC,iBAAkB,cAClBE,cAAe,CAAC,UAAW,UAAW,WACtCD,aAAc,2DACdpZ,iBAAkB,sDAClBsZ,OAAQ,wCACRC,iBAAkB,wCAClBC,OAAQ,oCACRC,qBAAsB,kDACtBC,oBAAqB,iBACrB5kB,2BAA4B,yBAC5B6kB,qBACE,uEACFC,kBAAmB,eACnBC,yBAA0B,yBAC1BC,mBACE,uEACFC,yBAA0B,qBAC1BC,gCAAiC,yBACjCC,0BACE,uEACFhI,YAAa,uDACbvB,mCAAoC,IACpC3N,wCAAyC,EACzCmX,qCAAsC,EAEtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,gDAElB,8BAA+B,CAC7B+M,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBACnBC,gBAAiB,MACjBC,iBAAkB,cAClBE,cAAe,CAAC,UAAW,UAAW,WACtCD,aAAc,sDACdpZ,iBAAkB,iDAClBsZ,OAAQ,iCACRE,OAAQ,6BACRD,iBAAkB,iCAClBE,qBAAsB,+CACtBC,oBAAqB,mBACrB5kB,2BAA4B,2BAC5B6kB,qBACE,uEACFC,kBAAmB,iBACnBC,yBAA0B,2BAC1BC,mBACE,uEACFC,yBAA0B,uBAC1BC,gCAAiC,2BACjCC,0BACE,uEACFhI,YAAa,kDACbvB,mCAAoC,IACpC3N,wCAAyC,GACzCmX,qCAAsC,EACtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,gDAElB,4BAA6B,CAC3B+M,yBAA0B,GAC1BC,mCAAoC,GACpCC,kBAAmB,sBACnBC,gBAAiB,MACjBG,cAAe,CAAC,UAAW,UAAW,WACtCF,iBAAkB,cAClBC,aAAc,sDACdpZ,iBAAkB,iDAClBsZ,OAAQ,iCACRE,OAAQ,6BACRD,iBAAkB,iCAClBE,qBAAsB,2CACtBC,oBAAqB,mBACrB5kB,2BAA4B,2BAC5B6kB,qBACE,uEACFC,kBAAmB,iBACnBC,yBAA0B,2BAC1BC,mBACE,uEACFC,yBAA0B,uBAC1BC,gCAAiC,2BACjCC,0BACE,uEACFhI,YAAa,gDACbvB,mCAAoC,IACpC3N,wCAAyC,GACzCmX,qCAAsC,EACtCtO,gBAAiB,2CACjBC,SAAU,qCACVC,mBACE,yDACFC,yBAA0B,gDAC1BC,eAAgB,iDA0BpB,IAAMzX,EAhBN,WACE,IAAI4lB,EAAgBtB,EAAkBC,QAYtC,OAVID,EAAkBF,KACpBwB,EAAgBtB,EAAkBF,IAEN,2BACzBwB,GADyB,IAE5BC,yBAAyB,GAAD,OAAKD,EAAcR,qBAAnB,YAA2CQ,EAAcT,qBACjFW,kBAAkB,GAAD,OAAKF,EAAcL,mBAAnB,YAAyCK,EAAcP,mBACxEplB,oBAAoB,GAAD,OAAK2lB,EAAcR,qBAAnB,YAA2CQ,EAAcT,uBAMhDY,GACjB/lB,O,sKC1XTgmB,EAAwBppB,gBAA2B,CACvDqpB,cAAc,EACdC,eAAe,EACfC,cAAc,EACd/W,YAAY,EACZgX,aAAa,EACbC,4BAA6B,IAC7BC,eAAe,IAGXC,EAA2B3pB,qBAC/Bd,GAIE0qB,EAAiB,CACnBP,cAAc,EACdC,eAAe,EACf9W,YAAY,EACZgX,aAAa,EACbpnB,YAAQlD,EACRmD,UAAMnD,EACNoD,eAAWpD,EACXqD,YAAQrD,EACRsD,YAAa,GACbknB,eAAe,GAEjB,IACEE,EAAiBlhB,KAAKC,MAAMC,aAAaC,QAdnB,2BAc+C,MACrE,MAAOlE,GACPH,QAAQG,MAAM,4BAEhB,IAAMklB,EAAmB,SAAC1pB,EAAcC,GACtC,OAAQA,EAAOC,MACb,IAAK,aACH,OAAO,2BACFF,GADL,IAEEkpB,cAAc,EACdC,eAAe,IAEnB,IAAK,kBACH,OAAO,2BACFnpB,GADL,IAEEkpB,cAAc,EACdC,eAAe,IAEnB,IAAK,qBACH,IAAMQ,EAAiB,CACrB1nB,OAAQhC,EAAOE,KAAK8B,OACpB+L,UAAW/N,EAAOE,KAAK6N,UACvBC,aAAchO,EAAOE,KAAK8N,aAC1B/L,KAAMjC,EAAOE,KAAK+B,KAClBC,UAAWlC,EAAOE,KAAK+lB,KAAK/jB,UAC5BC,OAAQnC,EAAOE,KAAK+lB,KAAK9jB,OACzB0X,SAAU7Z,EAAOE,KAAK+lB,KAAKpM,SAC3BxP,UAAWrK,EAAOE,KAAK+lB,KAAK5b,UAC5BC,SAAUtK,EAAOE,KAAK+lB,KAAK3b,SAC3BlI,YAAapC,EAAOE,KAAK+lB,KAAK7jB,aAAe,GAC7CknB,cAAetpB,EAAOE,KAAK+lB,KAAKqD,eAGlC,OADA9gB,aAAaI,QA9CK,yBA8CoBN,KAAKO,UAAU6gB,IAC9C,2BACF3pB,GADL,IAEEmpB,eAAe,EACfD,cAAc,EACd7W,YAAY,EACZuX,cAAe3pB,EAAOE,KAAK+lB,KAAK0D,cAChCC,cAAe5pB,EAAOE,KAAK+lB,KAAK2D,eAC7BF,GAGP,IAAK,UACH,MAAO,CACLR,eAAe,EACfD,cAAc,EACd7W,YAAY,EACZgX,aAAa,GAEjB,QACE,OAAOrpB,IAIP8pB,EAA2B,SAAC,GAA0C,IAAxCppB,EAAuC,EAAvCA,SAAuC,EAC/Cb,aAAiB6pB,EAAkBD,GADY,mBAClEzpB,EADkE,KAC3DW,EAD2D,KAYzE,OAVAd,aAAgB,WACd4I,aAAaI,QAxEO,yBA0ElBN,KAAKO,UAAL,2BACK9I,GADL,IAEEkpB,cAAc,EACdC,eAAe,SAKnB,cAACF,EAAsBroB,SAAvB,CAAgCC,MAAOb,GACrC,cAACwpB,EAAyB5oB,SAA1B,CAAmCC,MAAOF,GACvCD,KAKHsB,EAAoB,WACxB,IAAMjB,EAAUlB,aAAiBopB,GAEjC,QAAgBlqB,IAAZgC,EACF,MAAM,IAAIC,MACR,sEAGJ,IAAM+oB,EAAathB,aAAaC,QAjGV,0BAkGhBshB,EAAiBD,EAAaxhB,KAAKC,MAAMuhB,GAAc,GAC7D,OAAO,2BAAKhpB,GAAYipB,IAGpB5c,EAAuB,WAC3B,IAAMrM,EAAUlB,aAAiB2pB,GACjC,QAAgBzqB,IAAZgC,EACF,MAAM,IAAIC,MACR,uEAGJ,OAAOD,I,+KCpHHkpB,EAAwBpqB,IAAMyQ,mBAAiCvR,GAE/DmrB,EAA2BrqB,IAAMyQ,mBACrCvR,GAIEorB,EAAsB,GAC1B,IACEA,EAAsB5hB,KAAKC,MACzBC,aAAaC,QALO,iCAKqB,MAE3C,MAAOlE,GACPH,QAAQG,MAAM,4BAEhB,IAAM4lB,EAA0B,SAACpqB,EAAcC,GAC7C,OAAQA,EAAOC,MACb,IAAK,qBAKL,IAAK,qBAKL,IAAK,kCAKL,IAAK,kCAKL,IAAK,wBAKL,IAAK,wBAKL,IAAK,0BAKL,IAAK,0BAKL,IAAK,kCAKL,IAAK,kCAKL,IAAK,mBAKL,IAAK,mBAKL,IAAK,cAKL,IAAK,kBAKL,IAAK,kBAKL,IAAK,sCAKL,IAAK,sCAKL,IAAK,8BAKL,IAAK,8BACH,OAAO,2BACFF,GACAC,EAAOE,MAEd,QACE,OAAOH,IAIPqqB,EAA2B,SAAC,GAAyC,IAAvC3pB,EAAsC,EAAtCA,SAAsC,EAC9Cb,IAAMgR,WAC9BuZ,EACAD,GAHsE,mBACjEnqB,EADiE,KAC1DW,EAD0D,KASxE,OAJAd,IAAM0B,WAAU,WAEdkH,aAAaI,QAvHO,+BAuHkBN,KAAKO,UAAU9I,MACpD,CAACA,IAEF,cAACiqB,EAAsBrpB,SAAvB,CAAgCC,MAAOb,GACrC,cAACkqB,EAAyBtpB,SAA1B,CAAmCC,MAAOF,GACvCD,KAMHmG,EAAoB,WACxB,IAAM9F,EAAUlB,IAAMyqB,WAAWL,GACjC,QAAgBlrB,IAAZgC,EACF,MAAM,IAAIC,MACR,oEAGJ,OAAOD,GAGH6F,EAAuB,WAC3B,IAAM7F,EAAUlB,IAAMyqB,WAAWJ,GACjC,QAAgBnrB,IAAZgC,EACF,MAAM,IAAIC,MACR,uEAGJ,OAAOD,I,gCCzMT,oEAAO,IAAM6Q,EAAc,CACzBwU,GAAI,QACJvU,GAAI,QACJ0Y,IAAK,SACL7iB,GAAI,SAEJ8iB,MAAO,IACPC,MAAO,IACPC,OAAQ,KACRC,MAAO,MAEIC,EAAe,CAC1BC,iBAAkB,mBAClBC,mBAAoB,qBACpBC,oBAAqB,sBACrBC,eAAgB,mB,yHCZH,SAAe/b,EAA9B,oC,4CAAe,WACbhB,EACAhM,GAFa,mBAAAoI,EAAA,+EAKerH,MAAMwO,IAAI9C,iBAAkB,CACpDvL,OAAQ,OACRC,QAAS,CAAE,eAAgB,oBAC3BK,KAAM8E,KAAKO,UAAU,CACnBmiB,MAAM,8DAAD,OACuChd,EADvC,+zBATE,cAKLid,EALK,gBA6CYA,EAAYtnB,OA7CxB,UA6CLD,EA7CK,SA8CLwnB,EAAgBhV,IAAEC,IAAIzS,EAAU,qBAAsB,SACvCwnB,EAAcld,aA/CxB,0CAgDFkd,GAhDE,iCAkDJ,MAlDI,2DAoDJ,MApDI,2D,m4BC0CAC,EArCoB,SAAC,GAAuB,IAArBjX,EAAoB,EAApBA,MAAO0Q,EAAa,EAAbA,OAC3C,OACE,qBACE7d,IAAG,GAKH,mBACEA,IAAG,GASFmN,GAEH,mBACEnN,IAAG,GAUF6d,K,6zEC8LMwG,EArN4B,SAAC,GAAqB,IAAnBnG,EAAkB,EAAlBA,YAC5C,OACE,8BACE,mBACEle,IAAG,EAKH0E,OAAQ,GAER,mBACEjE,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAG,GAIH,cAAC,EAAD,CAAWmN,MAAO,aAAc0Q,OAAQK,EAAY5a,aAEtD,mBACE7C,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAG,GAIH,cAAC,EAAD,CAAWmN,MAAO,YAAa0Q,OAAQK,EAAY3a,YAErD,mBACE9C,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,eACP0Q,OAA8B,KAAtBK,EAAYza,MAAe,KAAOya,EAAYza,SAG1D,mBACEhD,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJ7K,IAAKA,cAAF,wCAEoB4K,IAAYC,GAFhC,yEAOH,cAAC,EAAD,CACEsC,MAAO,gBACP0Q,OAA+B,KAAvBK,EAAYiB,OAAgB,KAAOjB,EAAYiB,WAI7D,mBACEnf,IAAG,EAKH0E,OAAQ,GAER,mBACEjE,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAKA,cAAF,wCAEoB4K,IAAYC,GAFhC,yEAOH,cAAC,EAAD,CACEsC,MAAO,gBACP0Q,OAA+B,KAAvBK,EAAYiB,OAAgB,KAAOjB,EAAYiB,UAG3D,mBACE1e,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,GACJ4jB,GAAI,GACJtkB,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,gBACP0Q,OAA8B,KAAtBK,EAAY1a,MAAe,KAAO0a,EAAY1a,UAI5D,qBACExD,IAAG,IAQL,mBACEA,IAAG,EAKH0E,OAAQ,GAER,mBACEhE,GAAI,EACJV,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,mBACP0Q,OAAiC,KAAzBK,EAAYrI,SAAkB,KAAOqI,EAAYrI,YAG7D,mBACEnV,GAAI,EACJV,IAAG,IAIL,mBACEU,GAAI,EACJV,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,mBACP0Q,OAAiC,KAAzBK,EAAYqG,SAAkB,KAAOrG,EAAYqG,aAI/D,mBACEvkB,IAAG,EAKH0E,OAAQ,GAER,mBACEjE,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,OACP0Q,OAA6B,KAArBK,EAAYpI,KAAc,KAAOoI,EAAYpI,QAGzD,mBACErV,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,QACP0Q,OAA8B,KAAtBK,EAAYllB,MAAe,KAAOklB,EAAYllB,SAG1D,mBACEyH,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAG,GAIH,cAAC,EAAD,CACEmN,MAAO,UACP0Q,OAAgC,KAAxBK,EAAYsG,QAAiB,KAAOtG,EAAYsG,c,8kCCvGrDC,EAvG6B,SAAC,GAAqB,IAAnBvG,EAAkB,EAAlBA,YAC7C,OACE,8BACE,qBACEle,IAAKA,cAAF,qBACoB4K,IAAYwU,GADhC,oVAoBH,oBACEpf,IAAG,GASF,UAAGke,EAAY5a,WAAc,IAA7B,UAAsC4a,EAAY3a,WAErD,mBACEvD,IAAG,GASFke,EAAY1a,OAEf,mBACExD,IAAG,GADL,gBAWgB6R,IAAOqM,EAAYwG,WAAWhK,OAAO,mBAGvD,qBACE1a,IAAKA,cAAF,qBACoB4K,IAAYwU,GADhC,qRAaHrc,MAAO,CACLuP,gBAAiB,UACjBqS,KAAM,EACNC,MAAO,EACPC,OAAQ,SACR/T,QAAS,GACTgU,aAAc,KAGhB,oBACE9kB,IAAG,GADL,uBAYA,cAAC,EAAD,CAAmBke,YAAaA,O,k6BCvBzB6G,EAzE0B,SAAC,GAAc,IAAZ1rB,EAAW,EAAXA,KAC1C,OACE,mBACE2G,IAAG,GASH,yBACE,mBACES,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,GACJ4jB,GAAI,GACJtkB,IAAG,GAMH,oBACEA,IAAG,GAUF3G,EAAK2rB,cAGV,mBACEvkB,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,GACJ4jB,GAAI,GACJtkB,IAAG,GAMH,mBACEA,IAAKA,cAAF,uLAQoB4K,IAAYwU,GARhC,wEAaFvN,IAAOxY,EAAK4rB,SAASvK,OAAO,a,qXClB1BwK,EA3C6B,SAAC,GAGtC,IAFLhH,EAEI,EAFJA,YACAiH,EACI,EADJA,oBAEI9pB,EAA6B,GAIjC,OAHI6iB,GAAeA,EAAY7iB,cAC7BA,EAAc6iB,EAAY7iB,aAG1B,qBACE2E,IAAG,EAaH+C,MAAO,CACLlC,MAAO,MACPyR,gBAAiB,UACjBqS,KAAM,EACNC,MAAO,EACPC,OAAQ,SACRC,aAAc,KAGfK,EACC,mBAAMhL,SAAUgL,IAEhB9pB,EAAY+B,KAAI,SAAC/D,EAAmBkH,GAClC,OAAO,cAAC,EAAD,CAAiBlH,KAAMA,S,o1CC0DzB+rB,GAnGsB,SAAC,GAK/B,IAJLC,EAII,EAJJA,UACAC,EAGI,EAHJA,kBACA/W,EAEI,EAFJA,UACAgX,EACI,EADJA,SAEA,OACE,wBACE9e,QAAS4e,EAAU9rB,OAAS+rB,EAAoB/W,EAChDvO,IACEulB,EACIF,EAAU9rB,OAAV,MAiCA8rB,EAAU9rB,OAAV,OAkDL8rB,EAAU9rB,OAAS,eAAiB,iB,knCCY5BisB,GAtGoB,SAAC,GAO7B,IANLH,EAMI,EANJA,UACAI,EAKI,EALJA,YACAC,EAII,EAJJA,kBACArsB,EAGI,EAHJA,KACAssB,EAEI,EAFJA,UACAC,EACI,EADJA,mBAMA,OACE,qBACE5lB,IAAG,IAIH,mBACEA,IAAG,IAKH,mBACES,GAAI,GACJ2e,GAAI,GACJvU,GAAI,GACJnK,GAAI,GACJ4jB,GAAI,GACJtkB,IAAG,IAKH,oBACEgU,SAAU,kBAAMyR,EAAYpsB,EAAKqX,UACjCmV,QAASR,EAAU7Y,QAAQnT,EAAKqX,UAAY,EAC5C1Q,IAAG,KAKL,qBACEA,IAAG,GASH+C,MAAO,CACL+iB,SAAU,SACVC,aAAc,WACdrI,YAAa,KAGf,oBACE1d,IAAG,IAQF2lB,GAEFtsB,EAAKmmB,gBAIV,mBACE/e,GAAI,EACJ2e,GAAI,EACJvU,GAAI,EACJnK,GAAI,EACJ4jB,GAAI,EACJtkB,IAAG,IAMF4lB,EACC,mBAAMzL,SAAUyL,IAEhB,oBACEC,QAA2B,IAAlBxsB,EAAK2sB,SACdhS,SAAU,SAACiS,IAnFE,SAACA,GACxBP,EAAkBO,EAAY5sB,GAmFlB6sB,CAAiBD,U,6DCxFzBE,G,IAAAA,QACFnI,GAAa,mzHACboI,GAAW,snEAEXC,GAAY,qyGACZC,GAAY,+uDAEV3R,G,IAAAA,QAEK0I,GAAc,CACzB,CAAEzhB,GAAI,KAAMqS,YAAa,QACzB,CAAErS,GAAI,KAAMqS,YAAa,aACzB,CAAErS,GAAI,KAAMqS,YAAa,kBACzB,CAAErS,GAAI,KAAMqS,YAAa,gBACzB,CAAErS,GAAI,KAAMqS,YAAa,gBACzB,CAAErS,GAAI,KAAMqS,YAAa,cACzB,CAAErS,GAAI,KAAMqS,YAAa,gBACzB,CAAErS,GAAI,KAAMqS,YAAa,6BACzB,CAAErS,GAAI,KAAMqS,YAAa,8B,wtBAoaZsY,UAjYe,WAAO,IAAD,EACEnsB,mBAAc,IADhB,mBAC7B8jB,EAD6B,KAChBsI,EADgB,OAEFpsB,mBAAsB,IAFpB,mBAE7BqsB,EAF6B,KAElBC,EAFkB,OAGFtsB,mBAAS,KAHP,mBAG7BusB,EAH6B,KAGlBC,EAHkB,OAIHxsB,mBAAmB,IAJhB,mBAI7BirB,EAJ6B,KAIlBwB,EAJkB,OAKNzsB,oBAAkB,GALZ,mBAK7B8F,EAL6B,KAKpBkS,EALoB,OAMTrX,eAAjBG,EAN0B,EAM1BA,KAAMD,EANoB,EAMpBA,OACRiM,EAAUC,eAEhBtO,aAAgB,WACdiuB,MACC,IAEHjuB,aAAgB,WAEd,OADa,IAAIkuB,gBAAgBhW,OAAO7F,SAAS8F,QAAQ5B,IAAI,QAE3D,IAAK,WACHwX,EAAa,YACb,MACF,IAAK,SACHA,EAAa,UACb,MACF,QACEA,EAAa,WAGhB,CAAC7V,OAAO7F,SAAS8F,SA1Bc,MA4BgBpC,YAAawX,GAAa,CAC1EvX,YAAa,eACblL,UAAW,CACTzI,OACAD,UAEF+T,YAAa,SAACC,GACZ,GAAIA,GAAUA,EAAO+X,kBAAmB,CACtC,IAAM1R,EAAQrG,EAAO+X,kBAAkB1R,MACvCA,EAAM2R,MAAK,SAAUC,EAAwBC,GAC3C,IAAI9jB,EAAI6jB,EAAExW,QAEV,OADMyW,EAAEzW,QACGrN,KAEbqjB,EAAapR,KAGjBjG,QAAS,WACP9K,EAAA,EAAasa,KAAK,CAChBnb,QAAS,QACTuK,YAAa,oBACb/U,KAAM,eAjDsB,mBA4B3B4tB,EA5B2B,KA4BNM,EA5BM,KA4Bf7gB,QA5Be,EAsDqBqI,YACrDyX,GACA,CACExX,YAAa,eACbG,YAAa,WACX8X,KAEFzX,QAAS,WACP9K,EAAA,EAAasa,KAAK,CAChBnb,QAAS,QACTuK,YAAa,gDACb/U,KAAM,aAjEoB,mBAsD3BmuB,EAtD2B,KAsDHzB,EAtDG,KAsDZrf,QAtDY,EAuEXqI,YAAa0X,GAAc,CAChDzX,YAAa,eACbG,YAAa,WACX8X,OAHGQ,EAvE2B,oBA8EjBnC,EAAwBlG,YAEtCjB,GAAe,CAChBra,UAAW,CACTzI,KAAMA,EACND,OAAQA,GAEV+T,YAAa,SAACgQ,GACRA,IACFd,EAAc/O,KAAEC,IAAI4P,EAAc,oBAAqB,IACvDwH,EAAetI,KAGnB7O,QAAS,WACP9K,EAAA,EAAasa,KAAK,CAChBnb,QAAS,QACTuK,YAAa,6CACb/U,KAAM,eAjBJqN,QAsBFgI,EAAY,WAChB6D,GAAW,IAOb,SAASqT,EAAY7pB,GACnB,IAAM2rB,EAAQlC,EAAU7Y,QAAQ5Q,GAC5B4rB,EAAUrY,KAAEsY,MAAMpC,GAClBkC,GAAS,EACXC,EAAQE,OAAOH,EAAO,GAEtBC,EAAO,sBAAOA,GAAP,CAAgB5rB,IAEzBirB,EAAYW,GAGd,IAAM9B,EAAiB,uCAAG,WAAOiC,EAAoBtuB,GAA3B,SAAAgK,EAAA,sEAClBgkB,EAAY,CAChB1jB,UAAW,CACT1I,OAAQA,EACRC,KAAMA,EACNskB,cAAe,gBACfnB,YAAa1b,OAAOtJ,EAAKglB,aACzB3N,QAASrX,EAAKqX,QACdgP,aAAcrmB,EAAKqmB,aACnBsG,SAAU2B,EAAY,EAAI,KATN,2CAAH,wDA4FvB,SAASrC,IACP,OAAOa,GAAQ,CACbhZ,MAAO,sDACP+D,KAAM,GACN0W,QAAS,GACTjI,OAAQ,SACRkI,OAAQ,SACRC,WAAY,SACZzI,KAPa,WAQXiI,EAAa,CACX3jB,UAAW,CACTzI,KAAMA,EACND,OAAQA,EACR8sB,SAAU1C,EAAUjF,KAAK,QAG7ByG,EAAY,KAEd1mB,SAjBa,WAkBX9C,QAAQC,IAAI,WAEdsiB,cAAe,CACb7c,MAAO,CACLuP,gBAAiB,QACjBhB,MAAO,UACPuO,OAAQ,EACRtN,UAAW,SAGfwN,kBAAmB,CACjBhd,MAAO,CACLuP,gBAAiB,QACjBhB,MAAO,UACPuO,OAAQ,EACRtN,UAAW,WAWnB,OAAK2L,EAKH,8BACE,cAAC,KAAD,KACE,sCACA,sBAAM8J,KAAK,cAAcJ,QAAQ,aAGnC,uBACE,qBACE5nB,IAAKA,cAAF,mKASoB4K,IAAY2Y,IAThC,uEAeH,oBACEvjB,IAAG,IADL,YAca,WAAd2mB,GACC,qBACE3mB,IAAKA,cAAF,qBACoB4K,IAAYwU,GADhC,6DAMH,cAAC,GAAD,CACEiG,UAAWA,EACXC,kBAAmBA,EACnB/W,UAAWA,EACXgX,UAAU,KAIhB,cAAC5Q,GAAD,KACE,qBACE3U,IAAG,IAkBH,mBACEioB,iBAAiB,OACjBC,aAAc,EACdC,UAAWxB,EACX3mB,IAAG,GAOHooB,YAAa,CACX9V,gBAAiB,WAEnB0B,SAAU,SAACmU,GAAD,OAjGtB,SAAmBA,GACjBvB,EAAauB,GACbjhB,EAAQ+J,QAAR,uBAAgCkX,IA+FGE,CAAUF,KAEnC,kBAAMG,QAAN,CAAcC,aAAa,EAAOC,IAAI,cAAcjoB,IAAI,QACtD,cAAC,EAAD,CAAoB2d,YAAaA,KAEnC,kBAAMoK,QAAN,CAAcC,aAAa,EAAOC,IAAI,WAAWjoB,IAAI,YACnD,cAAC,EAAD,CACE2d,YAAaA,EACbiH,oBAAqBA,KA7NjC,kBAAMmD,QAAN,CACEE,IAAI,SACJjoB,IAAI,SACJP,IAAKA,cAAF,qBACoB4K,IAAYwU,GADhC,yBAMFlf,EACC,cAACuQ,GAAA,EAAD,CACEtQ,SAAU,WACRiS,GAAW,GACX0U,OAGF,KAEJ,mBACE9mB,IAAKA,cAAF,qBACoB4K,IAAYwU,GADhC,0CAMHrc,MAAO,CACLlC,MAAO,MACPyR,gBAAiB,UACjBqS,KAAM,EACNC,MAAO,EACPC,OAAQ,SACRC,aAAc,IAEhBve,SAAUkgB,EAAUltB,QAAU6tB,EAC9BqB,WAAW,aACXC,WAAYjC,EACZkC,WAAY,SAACtvB,GAAD,OAMpB,SAAuBA,GACrB,IAAIssB,EAAoB,KAQxB,OAPAtI,GAAYtN,SAAQ,SAAC6Y,GACnB,OAAIvvB,EAAKglB,cAAgBuK,EAAMhtB,GACrB+pB,EAAYiD,EAAM3a,YAErB0X,KAIP,kBAAMhhB,KAAN,CACE3E,IAAKA,cAAF,8FAKoB4K,IAAYwU,GALhC,mEAWH,cAAC,GAAD,CACEiG,UAAWA,EACXhsB,KAAMA,EACNosB,YAAW,sBAAE,sBAAApiB,EAAA,+EAAYoiB,EAAYpsB,EAAKqX,UAA7B,2CACbiV,UAAWA,EACXD,kBAAmBA,EACnBE,mBAAoBA,KAlCEiD,CAAcxvB,UAiMvB,WAAdstB,GACC,qBACE3mB,IAAKA,cAAF,qBACoB4K,IAAYwU,GADhC,6DAMH,cAAC,GAAD,CACEiG,UAAWA,EACXC,kBAAmBA,EACnB/W,UAAWA,EACXgX,UAAQ,OAvHX,O,oBC7UXuD,EAAOC,QAAU,IAA0B,iD,gJCYvBC,QACW,cAA7BjY,OAAO7F,SAASoV,UAEe,UAA7BvP,OAAO7F,SAASoV,UAEhBvP,OAAO7F,SAASoV,SAAS2I,MACvB,2D,uECDJ5rB,QAAQC,IAAM,aAGhB4rB,IAAWC,WAAW,CACpBC,MAAOntB,IAAwB4kB,kBAAoB,KAGrD,IAAMwI,EAAYC,SAASC,eAAe,QAE1CC,IAASC,OACP,cAAC,IAAD,KACE,cAAC7P,EAAA,EAAD,OAEFyP,GD2GI,kBAAmBK,WACrBA,UAAUC,cAAcC,MAAMltB,MAAK,SAAAmtB,GACjCA,EAAaC,iB,gCE3InB,iGAEahP,EAAkB,SAACjhB,GAE9B,OADekwB,IAASpO,GAAG9hB,EAAO2Q,IAAImW,mBAAmBqJ,UAI9C7rB,EAA2B,SAACtE,GACvC,IAAMowB,EAAWF,IAASpO,GAAGC,QAE7B,OADemO,IAASpO,GAAG9hB,EAAOowB,GAAUD,UAI/BlP,O","file":"static/js/main.8bb0b748.chunk.js","sourcesContent":["/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { EventItem } from \"../components/EventsPage/EventCard\";\r\nimport { LiveCarousalEventType } from \"../components/Home/components/LiveEventCarousal\";\r\nimport { VehicleCardProp } from \"../components/VehicleCard/VehicleCard\";\r\n\r\ntype Action =\r\n  | { type: \"SET_VEHICLE_COUNT\"; args: number }\r\n  | { type: \"SET_ROUTER_BACK\"; args: boolean }\r\n  | { type: \"SET_MARKET_PLACES\"; args: MarqueeMarketPlaceType[] }\r\n  | { type: \"SET_LIVE_EVENTS\"; args: LiveCarousalEventType[] }\r\n  | { type: \"SET_EVENTS\"; args: EventItem[] }\r\n  | { type: \"SET_RESERVE_MET_EVENTS\"; args: VehicleCardProp[] }\r\n  | { type: \"SET_RECENTLY_ADDED\"; args: VehicleCardProp[] }\r\n  | { type: \"SET_USER_LOCATION\"; args?: UserLocation | null }\r\n  | { type: \"SET_USER_ACCOUNTS\"; args: MiniUserType[] }\r\n  | { type: \"SET_USER_PROFILE\"; args: UserAccount[] }\r\n  | { type: \"SET_SCROLL_HEIGHT\"; args: number }\r\n  | { type: \"SET_RECENTLY_VIEWED_VEHICLES\"; args: VehicleCardProp[] }\r\n  | { type: \"SET_TOTAL_EVENT_COUNT\"; args: number };\r\n\r\ntype Dispatch = (action: Action) => void;\r\n\r\ntype HomeProviderProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\ntype MiniUserType = {\r\n  accountName: string;\r\n  zipcode: string;\r\n  accountId: number;\r\n  accountNumber: string;\r\n};\r\ntype UserAccount = {\r\n  accountName: string;\r\n  accountId: number;\r\n  accountNumber: string;\r\n  enableSelling: boolean;\r\n};\r\n\r\nexport type MarqueeMarketPlaceType = {\r\n  logoUrl: string;\r\n  marketplaceId: number;\r\n  marketplaceName: string;\r\n};\r\n\r\nexport type UserLocation = {\r\n  zipcode: string;\r\n  address: string;\r\n  city: string;\r\n  state: string;\r\n};\r\n\r\ntype State = {\r\n  vehicleCount?: number;\r\n  totalEventCount?: number;\r\n  eventCount?: number;\r\n  marqueeMarketPlaces: MarqueeMarketPlaceType[];\r\n  liveEvents: LiveCarousalEventType[];\r\n  events: EventItem[];\r\n  recentlyViewedVehicles: VehicleCardProp[];\r\n  reserveMetVehicles: VehicleCardProp[];\r\n  recentlyAddedVehicles: VehicleCardProp[];\r\n  userLocation?: null | UserLocation;\r\n  userAccounts: MiniUserType[];\r\n  userProfile: UserAccount[];\r\n  hasRouterBack: boolean;\r\n  scrollHeight: number;\r\n};\r\nconst initialState = {\r\n  vehicleCount: undefined,\r\n  hasRouterBack: false,\r\n  totalEventCount: undefined,\r\n  eventCount: undefined,\r\n  marqueeMarketPlaces: [],\r\n  liveEvents: [],\r\n  events: [],\r\n  recentlyViewedVehicles: [],\r\n  reserveMetVehicles: [],\r\n  recentlyAddedVehicles: [],\r\n  userAccounts: [],\r\n  userProfile: [],\r\n  scrollHeight: 0,\r\n};\r\nconst HomeStateContext = React.createContext<State>(initialState);\r\n\r\nconst HomeDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\n\r\nconst HomeReducer = (state: State = initialState, action: Action): State => {\r\n  switch (action.type) {\r\n    case \"SET_RESERVE_MET_EVENTS\":\r\n      return { ...state, reserveMetVehicles: action.args };\r\n    case \"SET_RECENTLY_ADDED\":\r\n      return { ...state, recentlyAddedVehicles: action.args };\r\n    case \"SET_TOTAL_EVENT_COUNT\":\r\n      return {\r\n        ...state,\r\n        totalEventCount: action.args,\r\n      };\r\n\r\n    case \"SET_EVENTS\":\r\n      return {\r\n        ...state,\r\n        events: action.args.filter((item: any) => item.itemCount > 0),\r\n        eventCount: action.args.length,\r\n      };\r\n    case \"SET_VEHICLE_COUNT\":\r\n      return { ...state, vehicleCount: action.args };\r\n    case \"SET_MARKET_PLACES\":\r\n      return { ...state, marqueeMarketPlaces: action.args };\r\n    case \"SET_LIVE_EVENTS\":\r\n      return { ...state, liveEvents: action.args };\r\n    case \"SET_RECENTLY_VIEWED_VEHICLES\":\r\n      return { ...state, recentlyViewedVehicles: action.args };\r\n    case \"SET_USER_LOCATION\":\r\n      return { ...state, userLocation: action.args };\r\n    case \"SET_USER_ACCOUNTS\":\r\n      return { ...state, userAccounts: action.args };\r\n    case \"SET_USER_PROFILE\":\r\n      return { ...state, userProfile: action.args };\r\n    case \"SET_ROUTER_BACK\":\r\n      return { ...state, hasRouterBack: action.args };\r\n    case \"SET_SCROLL_HEIGHT\":\r\n      return { ...state, scrollHeight: action.args };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst HomeContextProvider = ({ children }: HomeProviderProps) => {\r\n  const [state, dispatch] = React.useReducer(HomeReducer, initialState);\r\n  return (\r\n    <HomeStateContext.Provider value={state}>\r\n      <HomeDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </HomeDispatchContext.Provider>\r\n    </HomeStateContext.Provider>\r\n  );\r\n};\r\nconst useHomeState = () => {\r\n  const context = React.useContext(HomeStateContext);\r\n  if (context === undefined) {\r\n    throw new Error(\"useHomeContext must be used within a HomeContextProvider\");\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useHomeDispatch = () => {\r\n  const context = React.useContext(HomeDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useHomeDispatch must be used within a HomeContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport { HomeContextProvider, useHomeState, useHomeDispatch };\r\n","import getTimeWithZone, { getTimeWithLocalTimeZone } from \"./getTimeWithZone\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\n\r\nimport { BidAndBuyDataType } from \"../components/VehicleDetail/VehicleDetailsDataTypes\";\r\nimport environmentVariableList from \"../config/env\";\r\nimport { listingSignalRClient } from \"../App\";\r\nimport { useAuthPopupState } from \"../context/AuthPopupContext\";\r\n\r\nconst MAX_REMAINING_TIME_TO_SHOW_LABEL_MS = 24 * 3600 * 1000 - 1; // 1 day\r\nconst MAX_REMAINING_TIME_TO_CONSIDER_MS = 2 * 24 * 3600 * 1000; // 2 days - performance improvement\r\n\r\nexport function useDebounce<T extends string | number>(\r\n  value: T,\r\n  delay: number\r\n) {\r\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\r\n\r\n  useEffect(() => {\r\n    const handler = setTimeout(() => {\r\n      setDebouncedValue(value);\r\n    }, delay);\r\n    return () => {\r\n      clearTimeout(handler);\r\n    };\r\n  }, [value]);\r\n\r\n  return debouncedValue;\r\n}\r\n\r\nexport function usePrevious<T>(value: T): T | undefined {\r\n  const ref = useRef<T>();\r\n  useEffect(() => {\r\n    ref.current = value;\r\n  });\r\n  return ref.current;\r\n}\r\nexport function useAuthInfo<T>(): {\r\n  apiKey: string | null;\r\n  mpId: number | null;\r\n  accountId: number | null;\r\n  userId: string | null;\r\n\r\n  accountList: {\r\n    accountId: number;\r\n    accountName: string;\r\n    accountNumber: string;\r\n    userId: string | number;\r\n    enableSelling: boolean;\r\n    badgeNumber: string;\r\n    city: string;\r\n    state: string;\r\n    paymentTypesArray: [];\r\n    defaultPaymentType: string;\r\n    enableBidding: boolean;\r\n    isPrimaryAccount: boolean;\r\n  }[];\r\n} {\r\n  const { apiKey, mpId, accountId, userId, accountList } = useAuthPopupState();\r\n\r\n  return {\r\n    apiKey: apiKey || null,\r\n    mpId: mpId || null,\r\n    accountId: accountId || null,\r\n    userId: userId || null,\r\n    accountList: accountList || [],\r\n  };\r\n}\r\n\r\nexport function useProfileInfo<T>(): {\r\n  apiKey: string | null;\r\n  mpId: number | null;\r\n  accountId: number | null;\r\n  userId: string | null;\r\n\r\n  accountList: {\r\n    accountId: number;\r\n    accountName: string;\r\n    accountNumber: string;\r\n    userId: string | number;\r\n    enableSelling: boolean;\r\n    badgeNumber: string;\r\n    city: string;\r\n    state: string;\r\n    paymentTypesArray: [];\r\n    defaultPaymentType: string;\r\n    enableBidding: boolean;\r\n    isPrimaryAccount: boolean;\r\n  }[];\r\n} {\r\n  const { apiKey, mpId, accountId, userId, accountList } = useAuthPopupState();\r\n\r\n  return {\r\n    apiKey: apiKey || null,\r\n    mpId: mpId || null,\r\n    accountId: accountId || null,\r\n    userId: userId || null,\r\n    accountList: accountList || [],\r\n  };\r\n}\r\n\r\nexport const useListingSignalR = (\r\n  listing: { id: number; [propName: string]: any } | null | undefined\r\n) => {\r\n  const [updatedItem, setUpdatedItem] = useState<any>(null);\r\n\r\n  useEffect(() => {\r\n    let ignore = false;\r\n\r\n    setUpdatedItem(null);\r\n\r\n    if (listing?.id || listing?.id === 0) {\r\n      const subscriberId = listingSignalRClient.subscribeForUpdates(\r\n        listing?.id,\r\n        () => {\r\n          fetch(`${environmentVariableList.LISTING_ELASTIC_URL}/_msearch`, {\r\n            method: \"POST\",\r\n            headers: {\r\n              \"Content-Type\": \"application/x-ndjson\",\r\n              Accept: \"application/json\",\r\n              Authorization: `Basic ${btoa(\r\n                environmentVariableList.LISTING_ELASTIC_CREDENTIAL\r\n              )}`,\r\n            },\r\n            body: `{\"preference\":\"page\"}\\n{\"query\":{\"terms\":{\"id\":[${listing.id}]}},\"size\":1}\\n`,\r\n          })\r\n            .then((response) => {\r\n              return response.json();\r\n            })\r\n            .then((responseJson) => {\r\n              if (\r\n                responseJson?.responses &&\r\n                responseJson?.responses?.length > 0\r\n              ) {\r\n                const firstResponse = responseJson.responses[0];\r\n                if (\r\n                  !ignore &&\r\n                  firstResponse?.hits?.hits &&\r\n                  firstResponse?.hits?.hits?.length > 0\r\n                ) {\r\n                  const hits = firstResponse?.hits?.hits;\r\n                  const latestData = hits\r\n                    .filter((hit: any) => !!hit?._source)\r\n                    .map((hit: any) => hit._source);\r\n                  if (latestData && latestData.length > 0) {\r\n                    console.log(\"elastic signal-r update\", latestData[0]);\r\n                    setUpdatedItem(latestData[0]);\r\n                  }\r\n                }\r\n              }\r\n            })\r\n            .catch((error) =>\r\n              console.warn(\"Listing update failed with:\", error)\r\n            );\r\n        }\r\n      );\r\n      return () => {\r\n        ignore = true;\r\n        listingSignalRClient.unsubscribeFromUpdate(subscriberId);\r\n      };\r\n    }\r\n  }, [listing]);\r\n  return updatedItem;\r\n};\r\n\r\ninterface UseTimeLeftForBiddingI {\r\n  timeLeftDisplayValue: string;\r\n  shouldDisplayTimeLeft: boolean;\r\n  timeLeft: number;\r\n  maxTime: number;\r\n}\r\nexport const useTimeLeftForBidding = (\r\n  endDate: string,\r\n  hideColon?: boolean\r\n): UseTimeLeftForBiddingI => {\r\n  const [timeLeft, setTimeLeft] = useState<number>(\r\n    MAX_REMAINING_TIME_TO_SHOW_LABEL_MS + 1\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (endDate) {\r\n      const remainingTimeMS =\r\n        new Date(getTimeWithLocalTimeZone(endDate)).getTime() -\r\n        new Date().getTime();\r\n      if (\r\n        remainingTimeMS <= MAX_REMAINING_TIME_TO_CONSIDER_MS &&\r\n        remainingTimeMS >= 1000\r\n      ) {\r\n        const interval = setInterval(() => {\r\n          setTimeLeft(\r\n            new Date(getTimeWithLocalTimeZone(endDate)).getTime() -\r\n              new Date().getTime()\r\n          );\r\n        }, 250);\r\n        return () => clearInterval(interval);\r\n      }\r\n    }\r\n  }, [endDate]);\r\n\r\n  let display: string = \"\";\r\n\r\n  if (timeLeft <= MAX_REMAINING_TIME_TO_SHOW_LABEL_MS && timeLeft >= 1000) {\r\n    const remainingTimeSec = Math.ceil(timeLeft / 1000);\r\n    const minutes = Math.floor(remainingTimeSec / 60);\r\n    const sec = remainingTimeSec % 60;\r\n\r\n    if (minutes >= 60) {\r\n      const hours = Math.floor(minutes / 60);\r\n      const remainingMinutes = minutes % 60;\r\n      display = hideColon\r\n        ? `${hours}H ${\r\n            remainingMinutes > 9 ? remainingMinutes : \"0\" + remainingMinutes\r\n          }M`\r\n        : `${hours}H:${\r\n            remainingMinutes > 9 ? remainingMinutes : \"0\" + remainingMinutes\r\n          }M`;\r\n    } else if (minutes >= 15) {\r\n      display = `${minutes}M`;\r\n    } else {\r\n      display = hideColon\r\n        ? `${minutes}M ${sec > 9 ? sec : \"0\" + sec}S`\r\n        : `${minutes}M:${sec > 9 ? sec : \"0\" + sec}S`;\r\n    }\r\n  }\r\n\r\n  return {\r\n    timeLeftDisplayValue: display,\r\n    shouldDisplayTimeLeft: !!display,\r\n    timeLeft: timeLeft,\r\n    maxTime: MAX_REMAINING_TIME_TO_SHOW_LABEL_MS,\r\n  };\r\n};\r\n\r\nexport const preBidEnabled = (bidBuyDetails: BidAndBuyDataType) => {\r\n  if (\r\n    String(bidBuyDetails.mpFeatures).split(\",\").includes(\"492\") &&\r\n    !String(bidBuyDetails.eventFeatures).split(\",\").includes(\"39\")\r\n  ) {\r\n    return true;\r\n  }\r\n\r\n  return false;\r\n};\r\n","import { Col, Modal, Row } from \"antd\";\r\nimport {\r\n  useModalFlowDispatch,\r\n  useModalFlowState,\r\n} from \"../context/ModalContext\";\r\n\r\nimport React from \"react\";\r\nimport { css } from \"@emotion/core\";\r\n\r\nconst FinanceNonTCIStateModal: React.FC = () => {\r\n  const dispatch = useModalFlowDispatch();\r\n  const state = useModalFlowState();\r\n\r\n  const handleClose = () => {\r\n    dispatch({\r\n      type: \"HIDE_FINANCE_NON_TCISTATE_MODAL\",\r\n      args: {\r\n        showFinanceNonTCIStateModal: false,\r\n      },\r\n    });\r\n  };\r\n\r\n  const { showFinanceNonTCIStateModal, closestDealers = [] } = state;\r\n  return (\r\n    <div>\r\n      <Modal\r\n        css={css`\r\n          width: 50% !important;\r\n          @media (max-width: 768px) {\r\n            width: 100% !important;\r\n          }\r\n        `}\r\n        closable\r\n        visible={showFinanceNonTCIStateModal}\r\n        onCancel={handleClose}\r\n        footer={null}\r\n      >\r\n        <div>\r\n          <Row>\r\n            <h3>\r\n              Oops, The state you selected is not qualified for our Finance\r\n            </h3>\r\n            <h4>\r\n              But you can still check out these closest Dealers for Finance\r\n            </h4>\r\n          </Row>\r\n\r\n          <Row\r\n            type=\"flex\"\r\n            justify=\"space-between\"\r\n            css={css`\r\n              margin-top: 2%;\r\n              @media (max-width: 768px) {\r\n                width: 100% !important;\r\n              }\r\n            `}\r\n          >\r\n            {closestDealers.map((dealership) => {\r\n              return (\r\n                <Col key={dealership?.DealerId} xs={24} lg={8}>\r\n                  <img\r\n                    src={dealership?.DealerLogo || \"\"}\r\n                    width={50}\r\n                    height={50}\r\n                  />\r\n                  <h3>{dealership?.DealerName}</h3>\r\n                  <a href={dealership?.DealerPortalUrl || \"\"}>Visit Website</a>\r\n                </Col>\r\n              );\r\n            })}\r\n\r\n            {/* <Col span={8}>Dealer 2</Col>\r\n\r\n            <Col span={8}>Dealer 3</Col> */}\r\n          </Row>\r\n        </div>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FinanceNonTCIStateModal;\r\n","import {\r\n  useModalFlowDispatch,\r\n  useModalFlowState,\r\n} from \"../context/ModalContext\";\r\n\r\nimport { Modal } from \"antd\";\r\nimport React from \"react\";\r\n\r\nconst AcceptOfferSuccessModal: React.FC = () => {\r\n  const dispatch = useModalFlowDispatch();\r\n  const state = useModalFlowState();\r\n  const { showAcceptOfferSuccessModal } = state;\r\n  return (\r\n    <div>\r\n      <Modal\r\n        visible={showAcceptOfferSuccessModal}\r\n        closable\r\n        footer={null}\r\n        onCancel={() =>\r\n          dispatch({\r\n            type: \"HIDE_ACCEPT_OFFER_SUCCESS_MODAL\",\r\n            args: {\r\n              showAcceptOfferSuccessModal: false,\r\n            },\r\n          })\r\n        }\r\n      >\r\n        <h3>\r\n          Thank you for Accepting your Offer, You will be contacted by\r\n          Phone/Email you provided.\r\n        </h3>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AcceptOfferSuccessModal;\r\n","/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { VehicleDetailAttachments } from \"../generated/graphql\";\r\n\r\ntype State = {\r\n  listingId?: number | string;\r\n  vin?: string;\r\n  listingYear?: number;\r\n  make?: string;\r\n  model?: string;\r\n  trim?: string | null;\r\n  itemTypeId?: number;\r\n  interiorColor?: string | null;\r\n  zip?: string | null;\r\n  mileage?: number | null;\r\n  price?: number | null;\r\n  attachments?: Array<VehicleDetailAttachments>;\r\n  thumbnailAttachmentId?: number;\r\n};\r\n\r\ntype Action =\r\n  | { type: \"ADD_DETAILS\"; args: State }\r\n  | { type: \"SET_THUMB_ATTACHMENT\"; args: State }\r\n  | { type: \"RESET_DETAILS\" };\r\n\r\ntype Dispatch = (action: Action) => void;\r\ntype DetailsFlowContextProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst DetailsFlowStateContext = React.createContext<State | undefined>(\r\n  undefined\r\n);\r\n\r\nconst DetailsFlowDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\nconst localStorageKey = \"DETAILS_FLOW_LOCAl_STORAGE_KEY\";\r\n\r\nlet localDetailsFlowState = {};\r\ntry {\r\n  localDetailsFlowState = JSON.parse(\r\n    localStorage.getItem(localStorageKey) || \"{}\"\r\n  );\r\n} catch (error) {\r\n  console.error(\"Parse local state failed\");\r\n}\r\nconst DetailsFlowContextReducer = (state: State, action: Action) => {\r\n  switch (action.type) {\r\n    case \"ADD_DETAILS\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SET_THUMB_ATTACHMENT\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"RESET_DETAILS\":\r\n      return {};\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst DetailsFlowContextProvider = ({ children }: DetailsFlowContextProps) => {\r\n  const [state, dispatch] = React.useReducer(\r\n    DetailsFlowContextReducer,\r\n    localDetailsFlowState\r\n  );\r\n  React.useEffect(() => {\r\n    // save  flow info to local storage\r\n    localStorage.setItem(localStorageKey, JSON.stringify(state));\r\n  }, [state]);\r\n  return (\r\n    <DetailsFlowStateContext.Provider value={state}>\r\n      <DetailsFlowDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </DetailsFlowDispatchContext.Provider>\r\n    </DetailsFlowStateContext.Provider>\r\n  );\r\n};\r\n\r\nconst useDetailsFlowState = () => {\r\n  const context = React.useContext(DetailsFlowStateContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useSellFlowState must be used within a SellFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useDetailsFlowDispatch = () => {\r\n  const context = React.useContext(DetailsFlowDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useSellFlowDispatch must be used within a SellFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport {\r\n  DetailsFlowContextProvider,\r\n  useDetailsFlowState,\r\n  useDetailsFlowDispatch,\r\n};\r\n","import { Alert, Button, Col, Form, Input, Row, notification } from \"antd\";\r\n\r\nimport { FormComponentProps } from \"antd/lib/form\";\r\nimport { Mutation } from \"../../generated/graphql\";\r\nimport React from \"react\";\r\nimport TextArea from \"antd/lib/input/TextArea\";\r\nimport { css } from \"@emotion/core\";\r\nimport { formatCurrency } from \"../../utils/format\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useAuthPopupState } from \"../../context/AuthPopupContext\";\r\nimport { useDetailsFlowState } from \"../../context/DetailsFlowContext\";\r\nimport { useModalFlowDispatch } from \"../../context/ModalContext\";\r\nimport { useMutation } from \"react-apollo\";\r\n\r\nconst SEND_BUY_LEAD = loader(\"../graphql/buyLead.graphql\");\r\n\r\ninterface Props extends FormComponentProps {}\r\n\r\nconst RequestInfoForm: React.FC<Props> = ({ form }) => {\r\n  const dispatch = useModalFlowDispatch();\r\n  const state = useAuthPopupState();\r\n  const detailState = useDetailsFlowState();\r\n  const FirstName = \"temp-FirstName\";\r\n  const LastName = \"temp-LastName\";\r\n  const Email = \"temp-Email\";\r\n  const Mobile = \"temp-Mobile\";\r\n  const { make, model, listingYear, price, listingId } = detailState;\r\n  const MESSAGE = `I am interested in your ${listingYear} ${make} ${model} listed for ${formatCurrency(\r\n    Number(price)\r\n  )} for TradeIn.`;\r\n\r\n  const [buyLeadMutationResult, { data: buyLeadResponse, error }] = useMutation<\r\n    Mutation\r\n  >(SEND_BUY_LEAD);\r\n\r\n  const handleRequest = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    form.validateFields(async (error, values) => {\r\n      console.log(values);\r\n      if (!error) {\r\n        const { firstName, lastName, email, phone, message } = values;\r\n        try {\r\n          const { data } = await buyLeadMutationResult({\r\n            variables: {\r\n              FirstName: firstName,\r\n              LastName: lastName,\r\n              Email: email,\r\n              Phone: phone,\r\n              Message: message,\r\n              ListingId: Number(listingId),\r\n              LeadTypeId: 4,\r\n              ActivityTypeId: 1,\r\n            },\r\n          });\r\n\r\n          console.log(data);\r\n          if (data?.sendLead?.success === true) {\r\n            dispatch({\r\n              type: \"HIDE_REQUEST_INFO_MODAL\",\r\n              args: {\r\n                showRequestInfoModal: false,\r\n              },\r\n            });\r\n\r\n            notification.success({\r\n              message: \"We have sent your message to the Dealer\",\r\n              placement: \"bottomLeft\",\r\n            });\r\n          }\r\n        } catch (error) {\r\n          // notification.error({ message: \"Could not send your message\" });\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{ height: \"100%\" }}\r\n      css={css`\r\n        @media (max-width: 768px) {\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          height: 100vh !important;\r\n        }\r\n      `}\r\n    >\r\n      <Form onSubmit={handleRequest}>\r\n        <Row>\r\n          <Col xs={24} lg={12}>\r\n            <img src={\"\"} alt=\"\" />\r\n          </Col>\r\n        </Row>\r\n        <Row>\r\n          <h3>Send a message about Trade-In on this vehicle</h3>\r\n        </Row>\r\n        <Row gutter={8}>\r\n          <Col xs={24} lg={12}>\r\n            <Form.Item label=\"First Name\">\r\n              {form.getFieldDecorator(\"firstName\", {\r\n                initialValue: FirstName,\r\n                rules: [\r\n                  {\r\n                    required: false,\r\n                  },\r\n                ],\r\n              })(\r\n                <Input\r\n                  css={css`\r\n                    border: 0;\r\n                    border-bottom: 1px solid;\r\n                    outline: none;\r\n                    // height: 100%;\r\n                    width: 100%;\r\n                    background: #eeeeee 0% 0% no-repeat padding-box;\r\n                    border-radius: 4px 4px 0px 0px;\r\n                    opacity: 1;\r\n                    padding-left: 1rem;\r\n                    height: 48px !important;\r\n                    input {\r\n                      height: 48px !important;\r\n                    }\r\n                    @media (max-width: 786px) {\r\n                      font-size: 14px;\r\n                    }\r\n                  `}\r\n                  // size=\"large\"\r\n                />\r\n              )}\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          <Col xs={24} lg={12}>\r\n            <Form.Item label=\"Last Name\">\r\n              {form.getFieldDecorator(\"lastName\", {\r\n                initialValue: LastName,\r\n                rules: [\r\n                  {\r\n                    required: false,\r\n                  },\r\n                ],\r\n              })(\r\n                <Input\r\n                  css={css`\r\n                    border: 0;\r\n                    border-bottom: 1px solid;\r\n                    outline: none;\r\n                    // height: 100%;\r\n                    width: 100%;\r\n                    background: #eeeeee 0% 0% no-repeat padding-box;\r\n                    border-radius: 4px 4px 0px 0px;\r\n                    opacity: 1;\r\n                    padding-left: 1rem;\r\n                    height: 48px !important;\r\n                    input {\r\n                      height: 48px !important;\r\n                    }\r\n                    @media (max-width: 786px) {\r\n                      font-size: 14px;\r\n                    }\r\n                  `}\r\n                  size=\"large\"\r\n                />\r\n              )}\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          <Col xs={24} lg={12}>\r\n            <Form.Item label=\"Email\">\r\n              {form.getFieldDecorator(\"email\", {\r\n                initialValue: Email,\r\n                rules: [\r\n                  {\r\n                    type: \"email\",\r\n                    required: false,\r\n                  },\r\n                ],\r\n              })(\r\n                <Input\r\n                  css={css`\r\n                    border: 0;\r\n                    border-bottom: 1px solid;\r\n                    outline: none;\r\n                    // height: 100%;\r\n                    width: 100%;\r\n                    background: #eeeeee 0% 0% no-repeat padding-box;\r\n                    border-radius: 4px 4px 0px 0px;\r\n                    opacity: 1;\r\n                    padding-left: 1rem;\r\n                    height: 48px !important;\r\n                    input {\r\n                      height: 48px !important;\r\n                    }\r\n                    @media (max-width: 786px) {\r\n                      font-size: 14px;\r\n                    }\r\n                  `}\r\n                  size=\"large\"\r\n                />\r\n              )}\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          <Col xs={24} lg={12}>\r\n            <Form.Item label=\"Phone\">\r\n              {form.getFieldDecorator(\"phone\", {\r\n                initialValue: Mobile,\r\n                rules: [\r\n                  {\r\n                    required: false,\r\n                  },\r\n                ],\r\n              })(\r\n                <Input\r\n                  css={css`\r\n                    border: 0;\r\n                    border-bottom: 1px solid;\r\n                    outline: none;\r\n                    // height: 100%;\r\n                    width: 100%;\r\n                    background: #eeeeee 0% 0% no-repeat padding-box;\r\n                    border-radius: 4px 4px 0px 0px;\r\n                    opacity: 1;\r\n                    padding-left: 1rem;\r\n                    height: 48px !important;\r\n                    input {\r\n                      height: 48px !important;\r\n                    }\r\n                    @media (max-width: 786px) {\r\n                      font-size: 14px;\r\n                    }\r\n                  `}\r\n                  size=\"large\"\r\n                />\r\n              )}\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          <Col xs={24} lg={24}>\r\n            <Form.Item label=\"Message\">\r\n              {form.getFieldDecorator(\"message\", {\r\n                initialValue: MESSAGE,\r\n                rules: [\r\n                  {\r\n                    required: false,\r\n                  },\r\n                ],\r\n              })(\r\n                <TextArea\r\n                  css={css`\r\n                    height: 100px !important;\r\n                    border: 0;\r\n                    border-bottom: 1px solid;\r\n                    outline: none;\r\n                    // height: 100%;\r\n                    width: 100%;\r\n                    background: #eeeeee 0% 0% no-repeat padding-box;\r\n                    border-radius: 4px 4px 0px 0px;\r\n                    opacity: 1;\r\n                    padding-left: 1rem;\r\n                    @media (max-width: 768px) {\r\n                    }\r\n                  `}\r\n                />\r\n              )}\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          {error && (\r\n            <Col\r\n              xs={24}\r\n              lg={24}\r\n              css={css`\r\n                margin-bottom: 4%;\r\n              `}\r\n            >\r\n              <Alert\r\n                type=\"error\"\r\n                showIcon\r\n                message={\"Could not send your message\"}\r\n              />\r\n            </Col>\r\n          )}\r\n\r\n          <Col xs={24} lg={12}>\r\n            <Button\r\n              htmlType=\"submit\"\r\n              type=\"primary\"\r\n              size=\"large\"\r\n              css={css`\r\n                height: 48px !important;\r\n                @media (max-width: 768px) {\r\n                  width: 100%;\r\n                }\r\n              `}\r\n            >\r\n              Request Information\r\n            </Button>\r\n          </Col>\r\n        </Row>\r\n      </Form>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Form.create()(RequestInfoForm);\r\n","import {\r\n  useModalFlowDispatch,\r\n  useModalFlowState,\r\n} from \"../context/ModalContext\";\r\n\r\nimport { Modal } from \"antd\";\r\nimport React from \"react\";\r\nimport ReactInfoForm from \"./components/RequestInfoForm\";\r\nimport { css } from \"@emotion/core\";\r\n\r\nconst RequestInfoModal: React.FC = () => {\r\n  const dispatch = useModalFlowDispatch();\r\n  const state = useModalFlowState();\r\n  return (\r\n    <div>\r\n      <Modal\r\n        css={css`\r\n          @media (max-width: 768px) {\r\n            height: 80vh;\r\n            margin: 0;\r\n            top: 0;\r\n            max-width: 100%;\r\n            .ant-modal-body {\r\n              height: 100vh !important;\r\n              overflow: hidden;\r\n            }\r\n          }\r\n        `}\r\n        style={{}}\r\n        visible={state.showRequestInfoModal}\r\n        footer={null}\r\n        closable\r\n        onCancel={() =>\r\n          dispatch({\r\n            type: \"HIDE_REQUEST_INFO_MODAL\",\r\n            args: {\r\n              showRequestInfoModal: false,\r\n            },\r\n          })\r\n        }\r\n      >\r\n        <ReactInfoForm />\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RequestInfoModal;\r\n","import {\r\n  useModalFlowDispatch,\r\n  useModalFlowState,\r\n} from \"../context/ModalContext\";\r\n\r\nimport { Modal } from \"antd\";\r\nimport React from \"react\";\r\nimport { css } from \"@emotion/core\";\r\n\r\nconst EventInfoModal: React.FC = () => {\r\n  const dispatch = useModalFlowDispatch();\r\n  const state = useModalFlowState();\r\n\r\n  const fetchEventDescription = () => {\r\n    switch (state.eventInfo) {\r\n      case \"asIs\":\r\n        return (\r\n          <>\r\n            <h3>Seasoned Vehicles</h3>\r\n            <p>\r\n              “Seasoned Vehicles” are units that are selected by our technology\r\n              by analyzing factors such as year, price range, mileage,\r\n              condition, etc. to place them in the appropriate event.\r\n            </p>\r\n            <ul>\r\n              <li>\r\n                Seasoned Vehicles should be checked by your shop as some may\r\n                require typical reconditioning and/or detailing to be frontline\r\n                ready.\r\n              </li>\r\n              <br />\r\n              <li>\r\n                All Seasoned Vehicles are sold “as-is”, however, with your\r\n                satisfaction as our top priority, you can return any Seasoned\r\n                Vehicle for any reason for a $500 fee, with no shipping charges.\r\n              </li>\r\n              <br />\r\n              <li>\r\n                Buyers should review all listing photos carefully and expect\r\n                Seasoned Vehicles may have some rust, oxidation, or damage\r\n                (appropriate for the age & mileage). TMU/Title issues will be\r\n                announced.\r\n              </li>\r\n            </ul>\r\n          </>\r\n        );\r\n\r\n      case \"hyperlane\":\r\n        return (\r\n          <>\r\n            <h3>Hyperlane Vehicles</h3>\r\n            <p style={{ fontWeight: \"bold\" }}>\r\n              Hyperlane Vehicles are available for a very limited time and need\r\n              to be sold FAST!\r\n            </p>\r\n\r\n            <p>\r\n              All Hyperlane Vehicles come with RumbleOn’s Limited Guarantee.\r\n              This means they conform to the same quality standards and policies\r\n              as the units in our Tuesday “RMBL” auctions.\r\n            </p>\r\n\r\n            <p>\r\n              The RumbleOn Limited Guarantee covers the three (3) items listed\r\n              below:\r\n            </p>\r\n            <ul>\r\n              <li>The vehicle will come with a good, clear title.</li>\r\n              <br />\r\n              <li>The mileage is actual.</li>\r\n              <br />\r\n              <li>\r\n                The vehicle was not grossly misrepresented in the announcements,\r\n                description, or photos.\r\n              </li>\r\n              <br />\r\n              <li>\r\n                We disclose all pertinent information we are aware of at the\r\n                time of sale, however, bidders and buyers should be aware we\r\n                have not performed any kind of inspection, and buyers should\r\n                assume there could be other conditions that exist.\r\n              </li>\r\n            </ul>\r\n          </>\r\n        );\r\n\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n  return (\r\n    <div>\r\n      <Modal\r\n        css={css`\r\n          font-family: aktiv-grotesk;\r\n          @media (max-width: 768px) {\r\n            height: 80vh;\r\n            margin: 0;\r\n            top: 0;\r\n            max-width: 100%;\r\n            .ant-modal-body {\r\n              height: 100vh !important;\r\n              overflow: hidden;\r\n            }\r\n          }\r\n        `}\r\n        style={{}}\r\n        visible={state.showEventInfo}\r\n        footer={null}\r\n        closable\r\n        onCancel={() =>\r\n          dispatch({\r\n            type: \"HIDE_REQUEST_INFO_MODAL\",\r\n            args: {\r\n              showEventInfo: false,\r\n              eventInfo: \"\",\r\n            },\r\n          })\r\n        }\r\n      >\r\n        {fetchEventDescription()}\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default EventInfoModal;\r\n","import {\r\n  useModalFlowDispatch,\r\n  useModalFlowState,\r\n} from \"../context/ModalContext\";\r\n\r\nimport FlashSaleLogo from \"../assets/images/flash-sale.png\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Modal } from \"antd\";\r\nimport React from \"react\";\r\nimport ReactPlayer from \"react-player\";\r\nimport { css } from \"@emotion/core\";\r\n\r\nconst CashOfferVideoModal: React.FC = () => {\r\n  const dispatch = useModalFlowDispatch();\r\n  const state = useModalFlowState();\r\n\r\n  const [playing, setPlaying] = React.useState(true);\r\n  const { showCashOfferVideoModal } = state;\r\n  return (\r\n    <div\r\n      css={css`\r\n        background-color: #ffffff;\r\n        box-shadow: 0px 0px 1px;\r\n        .ant-modal {\r\n          @media (min-width: 768px) {\r\n            width: 600px !important;\r\n            height: 400px !important;\r\n          }\r\n          background-color: lightgray;\r\n        }\r\n      `}\r\n    >\r\n      <Modal\r\n        visible={showCashOfferVideoModal}\r\n        closable\r\n        footer={null}\r\n        css={css`\r\n          .ant-modal {\r\n            .ant-modal-close-x {\r\n              padding-bottom: 4% !important;\r\n            }\r\n            @media (min-width: 768px) {\r\n              width: 600px !important;\r\n              /* height: 500px !important; */\r\n            }\r\n            background-color: #ffffff;\r\n          }\r\n          .ant-modal-content {\r\n            @media (min-width: 768px) {\r\n              width: 600px !important;\r\n              /* height: 600px !important; */\r\n            }\r\n            background-color: #ffffff;\r\n          }\r\n          .ant-modal-body {\r\n            @media (min-width: 768px) {\r\n              width: 600px !important;\r\n              /* height: 600px !important; */\r\n            }\r\n            background-color: #ffffff;\r\n          }\r\n        `}\r\n        style={{ width: \"600px\", height: \"400px\" }}\r\n        onCancel={() => {\r\n          setPlaying(false);\r\n          console.log(playing);\r\n          dispatch({\r\n            type: \"HIDE_ACCEPT_OFFER_SUCCESS_MODAL\",\r\n            args: {\r\n              showCashOfferVideoModal: false,\r\n            },\r\n          });\r\n        }}\r\n        destroyOnClose\r\n      >\r\n        {!playing && (\r\n          <div\r\n            style={{ marginTop: \"4%\", fontWeight: \"bold\", fontSize: \"16px\" }}\r\n          >\r\n            Loading Something Important, Watch our short Video to understand and\r\n            get familiar with our Brand new platform\r\n          </div>\r\n        )}\r\n\r\n        {playing && (\r\n          <div\r\n            css={css`\r\n              margin-top: 8%:\r\n              margin-bottom: 8%;\r\n              font-size: 22px;\r\n              font-weight: bold;\r\n              text-align: center;\r\n              @media (max-width: 768px) {\r\n                font-size: 18px;\r\n              }\r\n            `}\r\n          >\r\n            {/* DEALER DIRECT EXCHANGE EVENT */}\r\n            {/* DEALER DIRECT FLASH SALE */}\r\n            NO RESERVE SALE\r\n          </div>\r\n        )}\r\n\r\n        {/* Uncomment for enabling video */}\r\n        {/* <ReactPlayer\r\n          // src={\"\"}\r\n          url={\"https://youtu.be/I6AmBqdsVfE&feature=emb_title\"}\r\n          // url={\"https://youtu.be/UK4ecXNdqt8&feature=emb_title\"}\r\n          autoPlay={false}\r\n          playing={playing}\r\n          controls={true}\r\n          playIcon={<FontAwesomeIcon type=\"icon\" icon=\"play\" />}\r\n          width={\"100%\"}\r\n          onReady={() => setPlaying(true)}\r\n          height={playing ? \"300px\" : \"300px\"}\r\n        ></ReactPlayer> */}\r\n\r\n        <img\r\n          src={\"https://sellimg.rumbleon.com/flash-sale.png\"}\r\n          width={\"100%\"}\r\n          height={\"100%\"}\r\n          css={css`\r\n            background-color: #ffffff;\r\n            box-shadow: 0px 0px 1px;\r\n            object-fit: fill;\r\n            background-position: center;\r\n          `}\r\n        />\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CashOfferVideoModal;\r\n","import { Button, Col, Modal, Row, notification } from \"antd\";\r\nimport {\r\n  useAuthPopupDispatch,\r\n  useAuthPopupState,\r\n} from \"../context/AuthPopupContext\";\r\nimport {\r\n  useModalFlowDispatch,\r\n  useModalFlowState,\r\n} from \"../context/ModalContext\";\r\n\r\nimport { Mutation } from \"../generated/graphql\";\r\nimport React from \"react\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useMutation } from \"react-apollo\";\r\n\r\nconst ACCEPT_FINANCE_OPT_IN_LANGUAGE_MUTATION = loader(\r\n  \"./graphql/updateFinanceOptInLangugeForLegacyUsers.graphql\"\r\n);\r\n\r\nconst AcceptFinanceOptInLanguage: React.FC = () => {\r\n  const authDispatch = useAuthPopupDispatch();\r\n  const dispatch = useModalFlowDispatch();\r\n  const Uuid = \"temp-uuid\";\r\n  const state = useModalFlowState();\r\n  const { showAcceptFinanceOptInModal } = state;\r\n\r\n  const [acceptFinanceOptInLanguage, { loading }] = useMutation<Mutation>(\r\n    ACCEPT_FINANCE_OPT_IN_LANGUAGE_MUTATION\r\n  );\r\n\r\n  const handleAccept = () => {\r\n    try {\r\n      acceptFinanceOptInLanguage({\r\n        variables: {\r\n          UserUuid: Uuid,\r\n          HasAcceptedV4TnC: true,\r\n        },\r\n      });\r\n\r\n      dispatch({\r\n        type: \"HIDE_ACCEPT_TOU\",\r\n        args: {\r\n          showAcceptFinanceOptInModal: false,\r\n        },\r\n      });\r\n    } catch (error) {\r\n      authDispatch({ type: \"LOG_OUT\" });\r\n      notification.error({\r\n        message:\r\n          \"You have been logged out. In order to use this site, you must accept our Terms of Use and Privacy Policy\",\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleDecline = () => {\r\n    notification.error({\r\n      message:\r\n        \"You have been logged out. In order to use this site, you must accept our Terms of Use and Privacy Policy\",\r\n    });\r\n    authDispatch({ type: \"LOG_OUT\" });\r\n    dispatch({\r\n      type: \"HIDE_ACCEPT_TOU\",\r\n      args: {\r\n        showAcceptFinanceOptInModal: false,\r\n      },\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Modal\r\n        visible={showAcceptFinanceOptInModal}\r\n        closable\r\n        footer={null}\r\n        css={css`\r\n          width: 800px !important;\r\n          height: 500px;\r\n          .ant-modal-close-x {\r\n            display: none;\r\n          }\r\n          @media (max-width: 990px) {\r\n          }\r\n        `}\r\n        onCancel={() =>\r\n          dispatch({\r\n            type: \"HIDE_ACCEPT_OFFER_SUCCESS_MODAL\",\r\n            args: {\r\n              showAcceptFinanceOptInModal: false,\r\n            },\r\n          })\r\n        }\r\n      >\r\n        <Row\r\n          css={css`\r\n            padding-top: 4%;\r\n            height: 500px;\r\n            overflow: auto;\r\n            @media (max-width: 990px) {\r\n            }\r\n          `}\r\n        ></Row>\r\n\r\n        <Row\r\n          type=\"flex\"\r\n          justify=\"end\"\r\n          // align=\"middle\"\r\n          gutter={8}\r\n          css={css`\r\n            height: 60px;\r\n            text-align: right;\r\n            padding-top: 4%;\r\n            @media (max-width: 7680px) {\r\n              text-align: center;\r\n              height: 80px;\r\n            }\r\n          `}\r\n        >\r\n          <Col xs={24} lg={6}>\r\n            <Button\r\n              block\r\n              type=\"default\"\r\n              onClick={handleDecline}\r\n              css={css`\r\n                width: 100%;\r\n                border: 1px solid gray;\r\n                @media (max-width: 990px) {\r\n                }\r\n              `}\r\n            >\r\n              Decline\r\n            </Button>\r\n          </Col>\r\n\r\n          <Col xs={24} lg={6}>\r\n            <Button\r\n              block\r\n              loading={loading}\r\n              type=\"primary\"\r\n              onClick={handleAccept}\r\n              css={css`\r\n                @media (max-width: 768px) {\r\n                  margin-top: 2%;\r\n                  width: 100%;\r\n                }\r\n              `}\r\n            >\r\n              Accept\r\n            </Button>\r\n          </Col>\r\n        </Row>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AcceptFinanceOptInLanguage;\r\n","import { Button, Col, Modal, Row, notification } from \"antd\";\r\nimport {\r\n  useAuthPopupDispatch,\r\n  useAuthPopupState,\r\n} from \"../context/AuthPopupContext\";\r\nimport {\r\n  useModalFlowDispatch,\r\n  useModalFlowState,\r\n} from \"../context/ModalContext\";\r\n\r\nimport { Mutation } from \"../generated/graphql\";\r\nimport React from \"react\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useMutation } from \"react-apollo\";\r\n\r\nconst ACCEPT_TOU_MUTATION = loader(\"./graphql/updateTOUForLegacyUsers.graphql\");\r\n\r\nconst AcceptTOU: React.FC = () => {\r\n  const authDispatch = useAuthPopupDispatch();\r\n  const dispatch = useModalFlowDispatch();\r\n  const Uuid = \"temp-uuid\";\r\n  const state = useModalFlowState();\r\n  const { showAcceptTOUModal } = state;\r\n\r\n  const [acceptTOU, { loading }] = useMutation<Mutation>(ACCEPT_TOU_MUTATION);\r\n\r\n  const handleAccept = () => {\r\n    try {\r\n      // acceptTOU({\r\n      //   variables: {\r\n      //     UserUuid: Uuid,\r\n      //     HasAcceptedV4TnC: true,\r\n      //   },\r\n      // });\r\n\r\n      dispatch({\r\n        type: \"HIDE_ACCEPT_TOU\",\r\n        args: {\r\n          showAcceptTOUModal: false,\r\n        },\r\n      });\r\n\r\n      dispatch({\r\n        type: \"SHOW_ACCEPT_FINANCE_OPT_IN_LANGUAGE\",\r\n        args: {\r\n          showAcceptFinanceOptInModal: true,\r\n        },\r\n      });\r\n    } catch (error) {\r\n      authDispatch({ type: \"LOG_OUT\" });\r\n      notification.error({\r\n        message:\r\n          \"You have been logged out. In order to use this site, you must accept our Terms of Use and Privacy Policy\",\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleDecline = () => {\r\n    notification.error({\r\n      message:\r\n        \"You have been logged out. In order to use this site, you must accept our Terms of Use and Privacy Policy\",\r\n    });\r\n    authDispatch({ type: \"LOG_OUT\" });\r\n    dispatch({\r\n      type: \"HIDE_ACCEPT_TOU\",\r\n      args: {\r\n        showAcceptTOUModal: false,\r\n      },\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Modal\r\n        visible={showAcceptTOUModal}\r\n        closable\r\n        footer={null}\r\n        css={css`\r\n          width: 800px !important;\r\n          height: 500px;\r\n          .ant-modal-close-x {\r\n            display: none;\r\n          }\r\n          @media (max-width: 990px) {\r\n          }\r\n        `}\r\n        onCancel={() =>\r\n          dispatch({\r\n            type: \"HIDE_ACCEPT_OFFER_SUCCESS_MODAL\",\r\n            args: {\r\n              showAcceptTOUModal: false,\r\n            },\r\n          })\r\n        }\r\n      >\r\n        <Row\r\n          type=\"flex\"\r\n          justify=\"end\"\r\n          // align=\"middle\"\r\n          gutter={8}\r\n          css={css`\r\n            height: 60px;\r\n            text-align: right;\r\n            padding-top: 4%;\r\n            @media (max-width: 7680px) {\r\n              text-align: center;\r\n              height: 80px;\r\n            }\r\n          `}\r\n        >\r\n          <Col xs={24} lg={6}>\r\n            <Button\r\n              block\r\n              type=\"default\"\r\n              onClick={handleDecline}\r\n              css={css`\r\n                width: 100%;\r\n                border: 1px solid gray;\r\n                @media (max-width: 990px) {\r\n                }\r\n              `}\r\n            >\r\n              Decline\r\n            </Button>\r\n          </Col>\r\n\r\n          <Col xs={24} lg={6}>\r\n            <Button\r\n              block\r\n              loading={loading}\r\n              type=\"primary\"\r\n              onClick={handleAccept}\r\n              css={css`\r\n                @media (max-width: 768px) {\r\n                  margin-top: 2%;\r\n                  width: 100%;\r\n                }\r\n              `}\r\n            >\r\n              Accept\r\n            </Button>\r\n          </Col>\r\n        </Row>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AcceptTOU;\r\n","import * as React from \"react\";\r\n\r\nimport { ApolloClient, InMemoryCache } from \"apollo-boost\";\r\nimport { ApolloLink, concat } from \"apollo-link\";\r\nimport {\r\n  useAuthPopupDispatch,\r\n  useAuthPopupState,\r\n} from \"../../context/AuthPopupContext\";\r\n\r\nimport { ApolloProvider } from \"react-apollo\";\r\nimport _ from \"lodash\";\r\nimport { createHttpLink } from \"apollo-link-http\";\r\nimport environmentVariableList from \"../../config/env\";\r\nimport getRefreshToken from \"../../api/getRefreshToken\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\ninterface Props {\r\n  children: React.ReactChildren | React.ReactElement;\r\n}\r\n\r\nconst ApolloWrapper: React.FC<Props> = ({ children }) => {\r\n  const dispatch = useAuthPopupDispatch();\r\n  const { expiresOn } = useAuthPopupState();\r\n  const { refreshToken, apiKey } = useAuthPopupState();\r\n  const history = useHistory();\r\n\r\n  const apolloClient = () => {\r\n    const cache = new InMemoryCache();\r\n    const link = createHttpLink({\r\n      uri: environmentVariableList.GRAPHQL_ENDPOINT,\r\n    });\r\n    const authMiddleWare = new ApolloLink((operation, forward) => {\r\n      if (expiresOn) {\r\n        const expTime = new Date(expiresOn);\r\n        const currTime = new Date();\r\n        if (\r\n          expTime.getTime() < currTime.getTime() - 10000 &&\r\n          refreshToken &&\r\n          apiKey\r\n        ) {\r\n          getRefreshToken(refreshToken, apiKey).then((response) => {\r\n            if (response) {\r\n              console.log(response);\r\n              dispatch({\r\n                type: \"POST_LOGIN_SUCCESS\",\r\n                args: response,\r\n              });\r\n            } else {\r\n              history.push(\"/\");\r\n              dispatch({\r\n                type: \"LOG_OUT\",\r\n              });\r\n            }\r\n          });\r\n        }\r\n      }\r\n      return forward(operation);\r\n    });\r\n    const client = new ApolloClient({\r\n      cache,\r\n      link: concat(authMiddleWare, link),\r\n    });\r\n    return client;\r\n  };\r\n  return <ApolloProvider client={apolloClient()}>{children}</ApolloProvider>;\r\n};\r\n\r\nexport default ApolloWrapper;\r\n","//@ts-nocheck\r\n\r\nimport React, {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useReducer,\r\n  useRef,\r\n} from \"react\";\r\n\r\nexport const SET_CURRENT_STEP = \"SET_CURRENT_STEP\",\r\n  SET_COMPLETED_STEP = \"SET_COMPLETED_STEP\",\r\n  SET_DECODE_DATA = \"SET_DECODE_DATA\",\r\n  SET_APPRAISAL_REF = \"SET_APPRAISAL_REF\",\r\n  SET_FORM_DATA = \"SET_FORM_DATA\",\r\n  SET_SELECTED_TRIM_OR_MODEL_LIST = \"SET_SELECTED_TRIM_OR_MODEL_LIST\",\r\n  SET_ATTACHMENTS = \"SET_ATTACHMENTS\",\r\n  SET_PROMO_CODE = \"SET_PROMO_CODE\",\r\n  SET_DECODE_REQUEST = \"SET_DECODE_REQUEST\",\r\n  SET_CREATE_REQUEST = \"SET_CREATE_REQUEST\",\r\n  SET_UPDATE_REQUEST = \"SET_UPDATE_REQUEST\",\r\n  SET_ASSIGN_REQUEST = \"SET_ASSIGN_REQUEST\",\r\n  SET_ERROR = \"SET_ERROR\",\r\n  SET_COLOR_LIST = \"SET_COLOR_LIST\",\r\n  RESET_DECODE_DATA = \"RESET_DECODE_DATA\",\r\n  RESET_APPRAISAL_REF = \"RESET_APPRAISAL_REF\",\r\n  RESET_FORM_DATA = \"RESET_FORM_DATA\",\r\n  RESET_ERROR = \"RESET_ERROR\",\r\n  RESET_STATE = \"RESET_STATE\";\r\n\r\nconst initialState = {\r\n  currentStep: 1,\r\n  completedSteps: [],\r\n  decodeData: null,\r\n  appraisalRefNo: null,\r\n  formData: null,\r\n  selectedTrimOrModelList: null, //trim or model in step 1\r\n  attachments: [],\r\n  promoCode: \"\",\r\n  decodeRequest: \"idle\",\r\n  createRequest: \"idle\",\r\n  updateRequest: \"idle\",\r\n  assignRequest: \"idle\",\r\n  error: null,\r\n  colorList: [],\r\n};\r\n\r\nconst CashOfferReducer = (state: any, action: any) => {\r\n  switch (action.type) {\r\n    case SET_CURRENT_STEP:\r\n      return {\r\n        ...state,\r\n        currentStep: action.payload,\r\n      };\r\n    case SET_COMPLETED_STEP:\r\n      return {\r\n        ...state,\r\n        completedSteps: action.payload,\r\n      };\r\n    case SET_DECODE_DATA:\r\n      return {\r\n        ...state,\r\n        decodeData: action.payload,\r\n      };\r\n    case SET_APPRAISAL_REF:\r\n      return {\r\n        ...state,\r\n        appraisalRefNo: action.payload,\r\n      };\r\n    case SET_FORM_DATA:\r\n      return {\r\n        ...state,\r\n        formData: action.payload,\r\n      };\r\n    case SET_SELECTED_TRIM_OR_MODEL_LIST:\r\n      return {\r\n        ...state,\r\n        selectedTrimOrModelList: action.payload,\r\n      };\r\n    case SET_ATTACHMENTS:\r\n      return {\r\n        ...state,\r\n        attachments: action.payload,\r\n      };\r\n    case SET_PROMO_CODE:\r\n      return {\r\n        ...state,\r\n        promoCode: action.payload,\r\n      };\r\n    case SET_DECODE_REQUEST:\r\n      return {\r\n        ...state,\r\n        decodeRequest: action.payload,\r\n      };\r\n    case SET_CREATE_REQUEST:\r\n      return {\r\n        ...state,\r\n        createRequest: action.payload,\r\n      };\r\n    case SET_UPDATE_REQUEST:\r\n      return {\r\n        ...state,\r\n        updateRequest: action.payload,\r\n      };\r\n    case SET_ASSIGN_REQUEST:\r\n      return {\r\n        ...state,\r\n        assignRequest: action.payload,\r\n      };\r\n    case SET_ERROR:\r\n      return {\r\n        ...state,\r\n        error: action.payload,\r\n      };\r\n    case SET_COLOR_LIST:\r\n      return {\r\n        ...state,\r\n        colorList: action.payload,\r\n      };\r\n    case RESET_DECODE_DATA:\r\n      return {\r\n        ...state,\r\n        decodeData: null,\r\n      };\r\n    case RESET_APPRAISAL_REF:\r\n      return {\r\n        ...state,\r\n        appraisalRefNo: null,\r\n      };\r\n    case RESET_FORM_DATA:\r\n      return {\r\n        ...state,\r\n        formData: null,\r\n      };\r\n    case RESET_ERROR:\r\n      return {\r\n        ...state,\r\n        error: null,\r\n      };\r\n    case RESET_STATE:\r\n      return initialState;\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst CashOfferContext = createContext<any>(null);\r\n\r\n//use this to get latest state\r\nconst useEnhancedReducer = (reducer, initState) => {\r\n  const lastState = useRef(null);\r\n  const getState = useCallback(() => lastState.current, []);\r\n  return [\r\n    ...useReducer(\r\n      (state, action) => (lastState.current = reducer(state, action)),\r\n      initState\r\n    ),\r\n    getState,\r\n  ];\r\n};\r\n\r\nexport const CashOfferContextProvider = ({ children }: any) => {\r\n  const [state, dispatch, getState] = useEnhancedReducer(\r\n    CashOfferReducer,\r\n    initialState\r\n  );\r\n\r\n  return (\r\n    <CashOfferContext.Provider\r\n      value={{\r\n        state,\r\n        dispatch,\r\n        getState,\r\n      }}\r\n    >\r\n      {children}\r\n    </CashOfferContext.Provider>\r\n  );\r\n};\r\n\r\nexport const useCashOfferContext = () => {\r\n  const context = useContext(CashOfferContext);\r\n  if (context === undefined) {\r\n    throw new Error(\"Something is wrong with useCashOfferContext!\");\r\n  }\r\n  return context;\r\n};\r\n","import { ClosestDealersResult, Maybe } from \"../generated/graphql\";\r\n\r\nimport React from \"react\";\r\n\r\ntype State = {\r\n  center?: {\r\n    lat: any;\r\n    lng: any;\r\n  };\r\n};\r\n\r\ntype Action = { type: \"SET_CENTER\"; args: State };\r\n\r\ntype Dispatch = (action: Action) => void;\r\ntype GlobalFlowContextProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst GlobalFlowStateContext = React.createContext<State | undefined>(\r\n  undefined\r\n);\r\n\r\nconst GlobalFlowDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\nconst localStorageKey = \"GLOBAL_LOCAl_STORAGE_KEY\";\r\n\r\nlet localGlobalFlowState = {};\r\ntry {\r\n  localGlobalFlowState = JSON.parse(\r\n    localStorage.getItem(localStorageKey) || \"{}\"\r\n  );\r\n} catch (error) {\r\n  console.error(\"Parse local state failed\");\r\n}\r\nconst GlobalFlowContextReducer = (state: State, action: Action) => {\r\n  switch (action.type) {\r\n    case \"SET_CENTER\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst GlobalFlowContextProvider = ({ children }: GlobalFlowContextProps) => {\r\n  const [state, dispatch] = React.useReducer(\r\n    GlobalFlowContextReducer,\r\n    localGlobalFlowState\r\n  );\r\n  React.useEffect(() => {\r\n    // save  flow info to local storage\r\n    localStorage.setItem(localStorageKey, JSON.stringify(state));\r\n  }, [state]);\r\n  return (\r\n    <GlobalFlowStateContext.Provider value={state}>\r\n      <GlobalFlowDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </GlobalFlowDispatchContext.Provider>\r\n    </GlobalFlowStateContext.Provider>\r\n  );\r\n};\r\n\r\nconst useGlobalFlowState = () => {\r\n  const context = React.useContext(GlobalFlowStateContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useGlobalFlowState must be used within a GlobalFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useGlobalFlowDispatch = () => {\r\n  const context = React.useContext(GlobalFlowDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useGlobalFlowDispatch must be used within a GlobalFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport { GlobalFlowContextProvider, useGlobalFlowState, useGlobalFlowDispatch };\r\n","function getActiveKeys(pathname: string): string[] {\r\n  if (pathname.includes(\"/events\")) {\r\n    return [\"events\"];\r\n  } else if (pathname.includes(\"/watch-list\")) {\r\n    return [\"watch-list\"];\r\n  } else if (pathname.includes(\"/market-place\")) {\r\n    return [\"market-place\"];\r\n  } else if (pathname.includes(\"/run-list\")) {\r\n    return [\"run-list\"];\r\n  } else if (pathname.includes(\"/history\")) {\r\n    return [\"history\"];\r\n  } else if (pathname.includes(\"/buyer\")) {\r\n    return [\"buyer\"];\r\n  } else if (pathname.includes(\"/seller\")) {\r\n    return [\"seller\"];\r\n  } else if (pathname.includes(\"/buy\")) {\r\n    return [\"buy\"];\r\n  } else if (pathname.includes(\"/item\")) {\r\n    return [\"item\", \"buy\"];\r\n  } else if (pathname.includes(\"/profile\")) {\r\n    return [\"profile\"];\r\n  } else if (pathname.includes(\"/\")) {\r\n    return [\"home\"];\r\n  }\r\n  {\r\n    return [];\r\n  }\r\n}\r\n\r\nexport function getPageTitle(activityNames: string[]): string {\r\n  if (!activityNames.length) {\r\n    return \"\";\r\n  }\r\n  const pathName = activityNames[0];\r\n  if (pathName === \"events\") {\r\n    return \"EVENTS\";\r\n  } else if (pathName === \"item\") {\r\n    return \"VEHICLE DETAILS\";\r\n  } else if (pathName === \"watch-list\") {\r\n    return \"WATCHLIST\";\r\n  } else if (pathName === \"market-place\") {\r\n    return \"MARKETPLACES\";\r\n  } else if (pathName === \"run-list\") {\r\n    return \"RUNLIST\";\r\n  } else if (pathName === \"history\") {\r\n    return \"HISTORY\";\r\n  } else if (pathName === \"buyer\") {\r\n    return \"BUYER ACTIVITY\";\r\n  } else if (pathName === \"seller\") {\r\n    return \"SELLER ACTIVITY\";\r\n  } else if (pathName === \"buy\") {\r\n    return \"BROWSE\";\r\n  } else if (pathName === \"profile\") {\r\n    return \"PROFILE\";\r\n  } else if (pathName === \"home\") {\r\n    return \"HOME\";\r\n  }\r\n  return \"\";\r\n}\r\nexport default getActiveKeys;\r\n","import * as React from \"react\";\r\n\r\nimport { css } from \"@emotion/core\";\r\nimport env from \"../../../config/env\";\r\n\r\ninterface PropType {\r\n  bidderCount: number;\r\n}\r\nconst BidderCount: React.FC<PropType> = ({ bidderCount }) => {\r\n  if (bidderCount <= env.MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL) {\r\n    return null;\r\n  }\r\n  return (\r\n    <div\r\n      css={css`\r\n        border: 1px solid #c1ec77;\r\n        padding: 4px 6px;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n        line-height: 1;\r\n        font-size: 12px;\r\n        background: #7cc105;\r\n        margin-right: 16px;\r\n        color: white;\r\n      `}\r\n    >\r\n      <span> Online </span>\r\n      <span>\r\n        {\" \"}\r\n        Bidders: <b> {bidderCount} </b>\r\n      </span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BidderCount;\r\n","import * as React from \"react\";\r\n\r\nimport { css } from \"@emotion/core\";\r\n\r\nconst containerCss = css`\r\n  padding: 20px 12%;\r\n  text-align: center;\r\n  background: whitesmoke;\r\n  /* Mobile style */\r\n  @media (max-width: 992px) {\r\n    padding: 10px;\r\n  }\r\n`;\r\nconst tradeMarkCss = css`\r\n  font-size: 12px;\r\n`;\r\nconst Footer: React.FC = () => {\r\n  return null;\r\n};\r\n\r\nexport default Footer;\r\n","import * as React from \"react\";\r\n\r\nimport { Icon, Menu } from \"antd\";\r\nimport { Link, useLocation } from \"react-router-dom\";\r\n\r\nimport { breakpoints } from \"../../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport getActiveKeys from \"./getActiveKeys\";\r\nimport { useAuthPopupState } from \"../../../context/AuthPopupContext\";\r\n\r\nconst menuCss = css`\r\n  border: none !important;\r\n  .ant-menu-submenu-title {\r\n    color: #2b2b2b !important;\r\n    font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n    font-weight: 400;\r\n    font-size: 18px;\r\n  }\r\n  .ant-menu-item > a {\r\n    color: #2b2b2b !important;\r\n    font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n    font-weight: 400;\r\n    font-size: 18px;\r\n  }\r\n  .ant-menu-item {\r\n    border: none !important;\r\n    background: white !important;\r\n    text-align: center;\r\n  }\r\n  @media (max-width: 1280px) {\r\n    .ant-menu-item {\r\n      padding: 0 8px !important;\r\n    }\r\n    .ant-menu-submenu-title {\r\n      padding: 0 8px !important;\r\n    }\r\n  }\r\n  .ant-menu-item-selected > a {\r\n    border-bottom: 2px solid #1b51cf !important;\r\n    font-weight: bold !important;\r\n  }\r\n  .ant-menu-item.ant-menu-item-selected {\r\n    background: white !important;\r\n  }\r\n  .ant-menu-submenu > a {\r\n    color: #2b2b2b !important;\r\n    font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n    font-weight: 400;\r\n    font-size: 18px;\r\n  }\r\n  .ant-menu-submenu {\r\n    border: none !important;\r\n    background: white !important;\r\n    text-align: center;\r\n    max-width: 110px;\r\n    margin-right: 10px;\r\n}\r\n  }\r\n  .ant-menu-submenu-selected .ant-menu-submenu-title span{\r\n    border-bottom: 2px solid #1b51cf !important;\r\n    padding-bottom: 3px;\r\n  }\r\n  .ant-menu-submenu-selected > a {\r\n    border-bottom: 2px solid #1b51cf !important;\r\n    font-weight: bold !important;\r\n  }\r\n\r\n  @media (max-width: ${breakpoints.md}) {\r\n    display: none;\r\n  }\r\n  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\r\n    background: #a6a7a9;\r\n  }\r\n\r\n  line-height: 25px !important;\r\n`;\r\nconst SubMenu = Menu.SubMenu;\r\nconst MainMenu: React.FC = () => {\r\n  const [selectedKeys, setSelectedKeys] = React.useState<string[]>([]);\r\n  let location = useLocation();\r\n\r\n  React.useEffect(() => {\r\n    const { pathname } = location;\r\n    const activeKeys = getActiveKeys(pathname);\r\n    setSelectedKeys(activeKeys);\r\n  }, [location.pathname]);\r\n\r\n  const { isLoggedIn } = useAuthPopupState();\r\n\r\n  if (!isLoggedIn) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Menu mode=\"horizontal\" css={menuCss} selectedKeys={selectedKeys}>\r\n      <Menu.Item key=\"home\" id=\"home-menu\">\r\n        <Link id=\"home-key\" to=\"/\">\r\n          Home\r\n        </Link>\r\n      </Menu.Item>\r\n      <Menu.Item key=\"buy\" id=\"browse-menu\">\r\n        <Link id=\"browse-key\" to=\"/buy\">\r\n          Browse\r\n        </Link>\r\n      </Menu.Item>\r\n      <Menu.Item key=\"events\">\r\n        <Link to=\"/events\">Events</Link>\r\n      </Menu.Item>\r\n      {/* <Menu.Item key=\"market-place\">\r\n        <Link to=\"/market-place\">Marketplaces</Link>\r\n      </Menu.Item> */}\r\n      <Menu.Item key=\"watch-list\">\r\n        <Link to=\"/watch-list\">Watchlist</Link>\r\n      </Menu.Item>\r\n      <Menu.Item key=\"run-list\">\r\n        <Link to=\"/run-list?page=1\">Run Lists</Link>\r\n      </Menu.Item>\r\n      <Menu.Item key=\"buyer\">\r\n        <Link to=\"/buyer?tab=bids&page=1\">\r\n          <span id=\"buyer-menu-id\"> Buyer</span>\r\n        </Link>\r\n      </Menu.Item>\r\n      <Menu.Item key=\"seller\">\r\n        <Link to=\"/seller?tab=listed&page=1\">\r\n          <span id=\"seller-menu\"> Seller</span>\r\n        </Link>\r\n      </Menu.Item>\r\n      <Menu.Item key=\"history\">\r\n        <Link to=\"/history\">History</Link>\r\n      </Menu.Item>\r\n      {/* <SubMenu\r\n        key=\"activity\"\r\n        title={\r\n          <>\r\n            <span id=\"activity-menu-id\">Activity</span>{\" \"}\r\n            <Icon type=\"caret-down\" />\r\n          </>\r\n        }\r\n      >\r\n        <Menu.Item key=\"history\">\r\n          <Link to=\"/history\">History</Link>\r\n        </Menu.Item>\r\n        <Menu.Item key=\"buyer\">\r\n          <Link to=\"/buyer?tab=bids&page=1\">\r\n            <span id=\"buyer-menu-id\"> Buyer</span>\r\n          </Link>\r\n        </Menu.Item>\r\n        <Menu.Item key=\"seller\">\r\n          <Link to=\"/seller?tab=listed&page=1\">\r\n            <span id=\"seller-menu\"> Seller</span>\r\n          </Link>\r\n        </Menu.Item>\r\n      </SubMenu> */}\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"defs\", null, React.createElement(\"style\", null, \".a{fill:none}\"));\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n  className: \"a\",\n  d: \"M0 0h24v24H0z\"\n});\n\nvar _ref4 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n  d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\",\n  fill: \"#4c4c4c\"\n});\n\nvar _ref5 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n  className: \"a\",\n  d: \"M0 0h24v24H0z\"\n});\n\nvar SvgClose = function SvgClose(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef\n  }, props), title ? React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n  return React.createElement(SvgClose, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/close.ca7751f2.svg\";\nexport { ForwardRef as ReactComponent };","/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\ntype NotificationItem = {\r\n  dateCreated: string;\r\n  deviceType: number;\r\n  listingId: number;\r\n  markAsRead: boolean;\r\n  notificationId: number;\r\n  offerStatus: string;\r\n  receiverUserId: number;\r\n  subject: string;\r\n};\r\n\r\ntype Action = { type: \"SET_NOTIFICATION_LIST\"; args: any };\r\ntype Dispatch = (action: Action) => void;\r\ntype State = {\r\n  notificationList: NotificationItem[];\r\n};\r\ntype NotificationProviderProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst NotificationStateContext = React.createContext<State>({\r\n  notificationList: [],\r\n});\r\n\r\nconst NotificationDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\n\r\nconst NotificationReducer = (state: State, action: Action) => {\r\n  switch (action.type) {\r\n    case \"SET_NOTIFICATION_LIST\":\r\n      return {\r\n        ...state,\r\n        notificationList: action.args,\r\n      };\r\n\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst NotificationContextProvider = ({\r\n  children,\r\n}: NotificationProviderProps) => {\r\n  const [state, dispatch] = React.useReducer(NotificationReducer, {\r\n    notificationList: [],\r\n  });\r\n\r\n  return (\r\n    <NotificationStateContext.Provider value={state}>\r\n      <NotificationDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </NotificationDispatchContext.Provider>\r\n    </NotificationStateContext.Provider>\r\n  );\r\n};\r\nconst useNotificationState = () => {\r\n  const context = React.useContext(NotificationStateContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useNotificationContext must be used within a NotificationContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useNotificationDispatch = () => {\r\n  const context = React.useContext(NotificationDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useNotificationDispatch must be used within a NotificationContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport {\r\n  NotificationContextProvider,\r\n  useNotificationState,\r\n  useNotificationDispatch,\r\n};\r\n","import { Button, Divider, Drawer, message, notification } from \"antd\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { Mutation, Query } from \"../../generated/graphql\";\r\nimport React, { useState } from \"react\";\r\nimport { useLazyQuery, useMutation } from \"react-apollo\";\r\n\r\nimport AlertFormModal from \"../Profile/AlertList/AlertFormModal\";\r\nimport { ReactComponent as CloseIcon } from \"../../assets/svgs/close.svg\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Tooltip } from \"@material-ui/core\";\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport { faCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { formatCurrency } from \"../../utils/format\";\r\nimport getVehicleDetailUrl from \"../../utils/getVehicleDetailUrl\";\r\nimport { loader } from \"graphql.macro\";\r\nimport moment from \"moment\";\r\nimport { notificationSignalRClient } from \"../../App\";\r\nimport { useAuthInfo } from \"../../utils/customHooks\";\r\nimport { useNotificationDispatch } from \"../../context/NotificationContext\";\r\n\r\nconst RETRIEVE_NOTIFICATIONS = loader(\"./getNotifications.graphql\");\r\nconst READ_NOTIFICATIONS = loader(\"./readNotification.graphql\");\r\n\r\ninterface Props {\r\n  visibility: boolean;\r\n  onClose: (e: React.MouseEvent<HTMLElement>) => void;\r\n}\r\n\r\nconst alertTypes = [\r\n  { id: 1007, description: \"Sold Confirmation Alerts\" },\r\n  { id: 1008, description: \"Purchase Confirmation Alerts\" },\r\n  { id: 1004, description: \"Received Offer Alerts\" },\r\n  { id: 1005, description: \"Placed Offer Alerts\" },\r\n  { id: 1028, description: \"Received Bid Alerts\" },\r\n  { id: 1029, description: \"Placed Bid Alerts\" },\r\n  { id: 1006, description: \"Outbid Alert\" },\r\n  { id: 1016, description: \"Watchlist Item Live Alert\" },\r\n  { id: 3005, description: \"Transaction Status Update\" },\r\n  // { id: 1002, description: \"Wishlist Alert\" },\r\n];\r\n\r\ntype NotificationItem = {\r\n  bidAmount: number;\r\n  dateCreated: string;\r\n  deviceType: number;\r\n  listingId: number;\r\n  markAsRead: boolean;\r\n  notificationId: number;\r\n  offerStatus: string;\r\n  notificationTypeId: number;\r\n  receiverUserId: number;\r\n  subject: string;\r\n  messageDto?: {\r\n    vehicle: string;\r\n  };\r\n};\r\n\r\nconst NotificationSection: React.FC<Props> = ({ visibility, onClose }) => {\r\n  const { apiKey, mpId, userId } = useAuthInfo();\r\n  const history = useHistory();\r\n  const [notificationItems, setNotificationItems] = useState<\r\n    NotificationItem[]\r\n  >([]);\r\n  const [showModal, setShowModal] = React.useState(false);\r\n  const [selectedNotification, setSelectedNotification] = React.useState<any>();\r\n\r\n  const dispatch = useNotificationDispatch();\r\n  const [getNotifications, { data }] = useLazyQuery<Query>(\r\n    RETRIEVE_NOTIFICATIONS,\r\n    {\r\n      fetchPolicy: \"network-only\",\r\n      pollInterval: visibility ? 2000 : 5000,\r\n      notifyOnNetworkStatusChange: true,\r\n      variables: {\r\n        apiKey: apiKey,\r\n        mpId: mpId,\r\n      },\r\n      onCompleted: (result) => {\r\n        const notifications: NotificationItem[] = _.get(\r\n          data,\r\n          \"notificationListResponse.items\",\r\n          []\r\n        );\r\n        setNotificationItems(notifications);\r\n        dispatch({\r\n          type: \"SET_NOTIFICATION_LIST\",\r\n          args: notifications,\r\n        });\r\n      },\r\n      onError: () => {\r\n        // notification.open({\r\n        //   message: \"Error\",\r\n        //   description: \"Something went wrong while getting notifications\",\r\n        //   type: \"warning\",\r\n        // });\r\n      },\r\n    }\r\n  );\r\n  const [updateNotification] = useMutation<Mutation>(READ_NOTIFICATIONS, {\r\n    onCompleted: async (result) => {\r\n      getNotifications();\r\n    },\r\n    onError: (error) => {\r\n      message.error(\"Something went wrong updating error\");\r\n    },\r\n  });\r\n  React.useEffect(() => {\r\n    getNotifications();\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const listingIdSet = new Set<number>();\r\n    (notificationItems || []).forEach((notification) =>\r\n      listingIdSet.add(notification.listingId)\r\n    );\r\n\r\n    const uniqueListingIds = Array.from(listingIdSet);\r\n    if (uniqueListingIds.length > 0) {\r\n      const subscriberIds: number[] = [];\r\n      uniqueListingIds.forEach((listingId) => {\r\n        const subscriberId = notificationSignalRClient.subscribeForUpdates(\r\n          listingId,\r\n          () => {\r\n            getNotifications();\r\n          }\r\n        );\r\n        subscriberIds.push(subscriberId);\r\n      });\r\n      return () =>\r\n        subscriberIds.forEach((subscriberId) =>\r\n          notificationSignalRClient.unsubscribeFromUpdate(subscriberId)\r\n        );\r\n    }\r\n  }, [notificationItems]);\r\n\r\n  // React.useEffect(() => {\r\n  //   if (showModal === false) {\r\n  //     onClose;\r\n  //   }\r\n  // }, [showModal]);\r\n\r\n  async function readNotification(notificationIds: number[]) {\r\n    try {\r\n      await updateNotification({\r\n        variables: {\r\n          apiKey: apiKey,\r\n          mpId: mpId,\r\n          userId: userId,\r\n          apiServicesNotificationReadInput: notificationIds.map(\r\n            (notificationId) => {\r\n              return { notificationId: notificationId, markAsRead: true };\r\n            }\r\n          ),\r\n        },\r\n      });\r\n    } catch (error) {\r\n      message.error(\"Something went wrong updating error\");\r\n    }\r\n  }\r\n\r\n  const handleAddAlert = (e: React.FormEvent, item: any) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setShowModal(!showModal);\r\n    setSelectedNotification(item);\r\n  };\r\n\r\n  function renderNotificationItems(\r\n    notifications: NotificationItem[],\r\n    markAsRead: boolean\r\n  ) {\r\n    if (notifications.length === 0) {\r\n      return (\r\n        <span\r\n          css={css`\r\n            font-size: 14px;\r\n            padding-left: 10px;\r\n          `}\r\n        >\r\n          {markAsRead ? \"No cleared notifications\" : \"No new notifications\"}\r\n        </span>\r\n      );\r\n    }\r\n\r\n    return notifications\r\n      .filter((item) => item.markAsRead === markAsRead)\r\n      .map((item) => {\r\n        return (\r\n          <div\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              e.preventDefault();\r\n              onClose(e);\r\n              history.push(\r\n                getVehicleDetailUrl({\r\n                  itemId: item.listingId,\r\n                })\r\n              );\r\n            }}\r\n            key={item.notificationId}\r\n            css={css`\r\n              margin-bottom: 25px;\r\n              color: #2b2b2b;\r\n              letter-spacing: 0.13px;\r\n              cursor: pointer;\r\n              position: relative;\r\n              border-radius: 4px;\r\n              padding: 10px;\r\n              margin-bottom: 10px;\r\n              &:hover {\r\n                background: whitesmoke;\r\n              }\r\n            `}\r\n          >\r\n            <div\r\n              css={css`\r\n                display: block;\r\n                font-size: 14px;\r\n                margin-bottom: 4px;\r\n                font-family: InterstateRegular;\r\n                text-transform: uppercase;\r\n                color: #4c4c4c;\r\n              `}\r\n            >\r\n              <label>\r\n                {alertTypes.map((notification) => {\r\n                  if (notification.id === item.notificationTypeId) {\r\n                    return notification.description;\r\n                  }\r\n\r\n                  return null;\r\n                })}\r\n              </label>\r\n              <Tooltip placement=\"top-end\" title={item.dateCreated}>\r\n                <label\r\n                  css={css`\r\n                    float: right;\r\n                    text-transform: uppercase;\r\n                    font-size: 14px;\r\n                  `}\r\n                >\r\n                  {moment(item.dateCreated).fromNow()}\r\n                </label>\r\n              </Tooltip>\r\n            </div>\r\n\r\n            <div\r\n              css={css`\r\n                display: inline-block;\r\n              `}\r\n            >\r\n              <div\r\n                onClick={(e) => {\r\n                  history.push(\r\n                    getVehicleDetailUrl({\r\n                      itemId: item.listingId,\r\n                    })\r\n                  );\r\n                  onClose(e);\r\n                }}\r\n              >\r\n                <label\r\n                  css={css`\r\n                    font-weight: bold;\r\n                    display: block;\r\n                    font-size: 15px;\r\n                    margin-bottom: 3px;\r\n                    margin-right: 20px;\r\n                    cursor: pointer;\r\n                    text-transform: uppercase;\r\n                    font-family: AktivGroteskMedium;\r\n                  `}\r\n                >\r\n                  {item.messageDto ? item.messageDto.vehicle : null}{\" \"}\r\n                  {item.bidAmount ? formatCurrency(item.bidAmount) : \"\"}\r\n                </label>\r\n              </div>\r\n\r\n              <div\r\n                css={css`\r\n                  height: 24px;\r\n                  display: flex;\r\n                `}\r\n              >\r\n                <label\r\n                  css={css`\r\n                    font-size: 16px;\r\n                    margin-bottom: 3px;\r\n                    cursor: pointer;\r\n                    font-family: AktivGroteskRegular;\r\n                    font-size: 15px;\r\n                    color: #4c4c4c;\r\n                  `}\r\n                >\r\n                  {item.subject}\r\n                </label>\r\n                <div\r\n                  css={css`\r\n                    right: 10px;\r\n                    margin-right: 0px;\r\n                    position: absolute;\r\n                  `}\r\n                >\r\n                  {markAsRead == false && (\r\n                    <Tooltip placement=\"left\" title={\"Mark As Read\"}>\r\n                      <CloseIcon\r\n                        css={css`\r\n                          cursor: pointer;\r\n                          width: 22px;\r\n                          &:hover {\r\n                            width: 20px;\r\n                          }\r\n                        `}\r\n                        onClick={(e) => {\r\n                          e.preventDefault();\r\n                          e.stopPropagation();\r\n                          readNotification([item.notificationId]);\r\n                        }}\r\n                      />\r\n                    </Tooltip>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              css={css`\r\n                padding: 2% 0%;\r\n              `}\r\n            >\r\n              <Button\r\n                onClick={(e) => handleAddAlert(e, item)}\r\n                css={css`\r\n                  background: #85ce06;\r\n                  border: 1px solid #ffffff;\r\n                  color: #ffffff;\r\n                  border-radius: 22px;\r\n                `}\r\n                type=\"primary\"\r\n              >\r\n                Add Alert\r\n              </Button>\r\n            </div>\r\n\r\n            <Divider />\r\n          </div>\r\n        );\r\n      });\r\n  }\r\n\r\n  const unreadNotifications = (notificationItems || []).filter(\r\n    (obj) => obj.markAsRead === false\r\n  );\r\n  const readNotifications = (notificationItems || []).filter(\r\n    (obj) => obj.markAsRead === true\r\n  );\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {showModal && selectedNotification && (\r\n        <AlertFormModal\r\n          alertId={selectedNotification?.notificationTypeId}\r\n          onCancel={() => setShowModal(false)}\r\n        />\r\n      )}\r\n      <Drawer\r\n        css={css`\r\n          .ant-drawer-title {\r\n            font-family: InterstateBold;\r\n          }\r\n          .ant-drawer-header {\r\n            padding-bottom: 8px !important;\r\n          }\r\n          .ant-drawer-content-wrapper {\r\n            width: 350px !important;\r\n            @media (max-width: 560px) {\r\n              width: 100% !important;\r\n            }\r\n          }\r\n          .anticon {\r\n            color: black;\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            @media (min-width: ${breakpoints.md}) {\r\n              display: none;\r\n            }\r\n          }\r\n        `}\r\n        title=\"NOTIFICATIONS\"\r\n        placement=\"right\"\r\n        closable={true}\r\n        onClose={(e: any) => {\r\n          onClose(e);\r\n        }}\r\n        visible={visibility}\r\n        bodyStyle={{ letterSpacing: \"0.13px\", padding: 15, height: 64 }}\r\n      >\r\n        <div\r\n          css={css`\r\n            border-bottom: solid;\r\n            border-top: solid;\r\n            border-width: 1px;\r\n            border-color: #e0e0e0;\r\n            padding: 20px;\r\n            margin-bottom: 15px;\r\n            font-size: 14px;\r\n            letter-spacing: 0.13px;\r\n            margin-left: -20px;\r\n            margin-right: -20px;\r\n          `}\r\n        >\r\n          <Link\r\n            to={`/profile?tab=alerts`}\r\n            onClick={(e) => {\r\n              onClose(e);\r\n              const { pathname, search } = window.location;\r\n              if (`${pathname}${search || \"\"}` !== `/profile?tab=alerts`) {\r\n                history.replace(`/profile?tab=alerts`);\r\n              }\r\n            }}\r\n          >\r\n            <FontAwesomeIcon\r\n              icon={faCog}\r\n              style={{ top: \"-0.5px\", position: \"relative\" }}\r\n            />\r\n            <span\r\n              css={css`\r\n                margin-left: 10px;\r\n                font-size: 16px;\r\n                font-weight: medium;\r\n                font-family: AktivGroteskMedium;\r\n                color: #2b2b2b;\r\n              `}\r\n            >\r\n              Alert settings\r\n            </span>\r\n          </Link>\r\n          {unreadNotifications.length > 0 && (\r\n            <span\r\n              css={css`\r\n                float: right;\r\n                font-size: 16px;\r\n                letter-spacing: 0.13px;\r\n                font-weight: medium;\r\n                font-family: AktivGroteskMedium;\r\n              `}\r\n              style={{\r\n                color: unreadNotifications.length > 0 ? \"#1B51CF\" : \"grey\",\r\n                cursor:\r\n                  unreadNotifications.length > 0 ? \"pointer\" : \"context-menu\",\r\n              }}\r\n              onClick={\r\n                unreadNotifications.length > 0\r\n                  ? () =>\r\n                      readNotification(\r\n                        notificationItems.map((item) => item.notificationId)\r\n                      )\r\n                  : undefined\r\n              }\r\n            >\r\n              Clear all\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        <div\r\n          css={css`\r\n            border-bottom: solid;\r\n            border-width: 1px;\r\n            border-color: #e0e0e0;\r\n            margin-left: -20px;\r\n            margin-right: -20px;\r\n            padding-left: 20px;\r\n            padding-right: 20px;\r\n          `}\r\n        >\r\n          {renderNotificationItems(unreadNotifications, false)}\r\n        </div>\r\n\r\n        {/* <div\r\n          css={css`\r\n            padding-top: 20px;\r\n\r\n            font-size: 16px;\r\n            // color: #4c4c4c;\r\n            letter-spacing: 0.13px;\r\n          `}\r\n        >\r\n          <span\r\n            css={css`\r\n              font-weight: bold;\r\n              font-family: InterstateBold;\r\n              padding-left: 10px;\r\n            `}\r\n          >\r\n            CLEARED NOTIFICATIONS\r\n          </span>\r\n          <div\r\n            css={css`\r\n              padding-top: 16px;\r\n            `}\r\n          >\r\n            {renderNotificationItems(readNotifications, true)}\r\n          </div>\r\n        </div> */}\r\n      </Drawer>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport default React.memo(NotificationSection);\r\n","import * as React from \"react\";\r\n\r\nimport { Badge, Icon, Menu } from \"antd\";\r\n\r\nimport NotificationSection from \"../../Notifications/NotificationSection\";\r\nimport { css } from \"@emotion/core\";\r\nimport getActiveKeys from \"./getActiveKeys\";\r\nimport { useAuthPopupState } from \"../../../context/AuthPopupContext\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { useNotificationState } from \"../../../context/NotificationContext\";\r\n\r\nconst MobileNotification: React.FC = () => {\r\n  const { isLoggedIn } = useAuthPopupState();\r\n  const [visible, setVisible] = React.useState(false);\r\n  const [selectedKeys, setSelectedKeys] = React.useState<string[]>([]);\r\n  let location = useLocation();\r\n  const { notificationList } = useNotificationState();\r\n  React.useEffect(() => {\r\n    const { pathname } = location;\r\n    const activeKeys = getActiveKeys(pathname);\r\n    setSelectedKeys(activeKeys);\r\n  }, [location.pathname]);\r\n\r\n  if (!isLoggedIn) {\r\n    return null;\r\n  }\r\n  const notificationCount = notificationList.filter((item) => !item.markAsRead)\r\n    .length;\r\n  return (\r\n    <React.Fragment>\r\n      {/* Desktop */}\r\n      <Menu\r\n        selectedKeys={selectedKeys}\r\n        mode=\"horizontal\"\r\n        css={css`\r\n          font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n          font-weight: 400;\r\n          color: #2b2b2b;\r\n          border-bottom: none !important;\r\n          .ant-menu-item-selected {\r\n            border-bottom: 2px solid transparent;\r\n            color: rgba(0, 0, 0, 0.65);\r\n          }\r\n          .ant-menu-item,\r\n          .ant-menu-submenu-title {\r\n            padding: 0 16px;\r\n          }\r\n        `}\r\n      >\r\n        {isLoggedIn && (\r\n          <Menu.Item\r\n            css={css`\r\n              border-bottom: 2px solid transparent !important;\r\n            `}\r\n            onClick={() => {\r\n              setVisible(true);\r\n            }}\r\n          >\r\n            <Badge\r\n              style={{\r\n                backgroundColor: \"#fff\",\r\n                color: \"#99120e\",\r\n                boxShadow: \"0 0 0 1px #99120e inset\",\r\n              }}\r\n              count={notificationCount >= 99 ? \"99+\" : notificationCount}\r\n            >\r\n              <Icon\r\n                type=\"bell\"\r\n                theme=\"filled\"\r\n                css={css`\r\n                  color: ${notificationCount > 0 && \"#99120e\"};\r\n                  font-size: 21px !important;\r\n                  margin-right: 0px !important;\r\n                `}\r\n              />\r\n            </Badge>\r\n\r\n            <NotificationSection\r\n              visibility={visible}\r\n              onClose={(e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                setVisible(false);\r\n              }}\r\n            />\r\n          </Menu.Item>\r\n        )}\r\n      </Menu>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport default React.memo(MobileNotification);\r\n","import * as React from \"react\";\r\n\r\nimport { Button, Icon, Menu, Modal } from \"antd\";\r\nimport { Link, useHistory, useLocation } from \"react-router-dom\";\r\nimport {\r\n  faBars,\r\n  faHamburger,\r\n  faSearch,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport {\r\n  useAuthPopupDispatch,\r\n  useAuthPopupState,\r\n} from \"../../../context/AuthPopupContext\";\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { css } from \"@emotion/core\";\r\nimport environmentVariableList from \"../../../config/env\";\r\nimport getActiveKeys from \"./getActiveKeys\";\r\nimport { useAuthInfo } from \"../../../utils/customHooks\";\r\n\r\nconst navItemCss = css`\r\n  font-weight: bold !important;\r\n  font-size: 15px;\r\n  color: #2b2b2b;\r\n`;\r\nconst toggleCss = css`\r\n  background-color: transparent !important;\r\n  color: #2b2b2b;\r\n  font-size: 20px !important;\r\n  padding: 0 !important;\r\n  // width: 50px;\r\n  height: 30px;\r\n  box-shadow: 0 0 0 0 !important;\r\n  margin-top: 10px;\r\n  outline: 0;\r\n  border: none !important;\r\n`;\r\nconst modalCss = css`\r\n  margin: 0 !important;\r\n  max-width: 100% !important;\r\n  top: 0 !important;\r\n  z-index: 99999;\r\n  font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n  font-weight: bold;\r\n  width: 90% !important;\r\n  height: 100% !important;\r\n  @media (min-width: 576px) {\r\n    width: 60% !important;\r\n    left: 0 !important;\r\n    position: absolute;\r\n  }\r\n  .ant-modal-body {\r\n    padding: 0 !important;\r\n  }\r\n  .ant-modal-close-x {\r\n    display: block;\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    line-height: 40px;\r\n    text-align: center;\r\n    text-transform: none;\r\n    text-rendering: auto;\r\n  }\r\n  .ant-modal-content {\r\n    height: 100%;\r\n  }\r\n  .ant-menu-item > a {\r\n    color: #2b2b2b;\r\n    font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n    font-weight: bold !important;\r\n  }\r\n  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\r\n    color: #1b51cf !important;\r\n    background: #e4e9f6 0% 0% no-repeat padding-box;\r\n    border-radius: 4px;\r\n    margin: 4px !important;\r\n  }\r\n\r\n  .ant-menu-item-selected > a,\r\n  .ant-menu-item-selected > a:hover {\r\n    color: #1b51cf;\r\n  }\r\n  .ant-menu-submenu-title {\r\n    font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n    font-weight: bold;\r\n    font-size: 15px;\r\n    color: #2b2b2b;\r\n  }\r\n  li.ant-menu-item {\r\n    padding-left: 24px !important;\r\n    font-size: 15px;\r\n    font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n    font-weight: bold;\r\n    margin: 0 !important;\r\n    background: white;\r\n  }\r\n  .ant-menu-inline .ant-menu-item,\r\n  .ant-menu-inline .ant-menu-submenu-title {\r\n    width: calc(100% - 8px) !important;\r\n  }\r\n  .ant-menu-inline .ant-menu-item::after {\r\n    border-right: none !important;\r\n  }\r\n`;\r\n\r\nconst MobileTopLeftMenu: React.FC = () => {\r\n  const history = useHistory();\r\n  const dispatch = useAuthPopupDispatch();\r\n  const { firstName, lastName, username } = useAuthPopupState();\r\n\r\n  const { isLoggedIn } = useAuthPopupState();\r\n  const [modalVisible, setModalVisible] = React.useState<boolean>(false);\r\n\r\n  const handleClose = () => {\r\n    // const visible = false;\r\n    setModalVisible(false);\r\n  };\r\n\r\n  const [selectedKeys, setSelectedKeys] = React.useState<string[]>([]);\r\n  let location = useLocation();\r\n  React.useEffect(() => {\r\n    const { pathname } = location;\r\n    const activeKeys = getActiveKeys(pathname);\r\n    setSelectedKeys(activeKeys);\r\n  }, [location.pathname]);\r\n\r\n  const handleLogout = () => {\r\n    setModalVisible(false);\r\n    history.push(\"/\");\r\n    dispatch({\r\n      type: \"LOG_OUT\",\r\n    });\r\n  };\r\n\r\n  const toggleCollapsed = () => {\r\n    if (modalVisible === false) {\r\n      setModalVisible(true);\r\n    } else {\r\n      setModalVisible(false);\r\n    }\r\n  };\r\n  if (!isLoggedIn) {\r\n    return null;\r\n  }\r\n  return (\r\n    <div\r\n      css={css`\r\n        /* Hide in medium and large */\r\n        padding: 0 !important;\r\n      `}\r\n    >\r\n      <Button\r\n        css={toggleCss}\r\n        ghost={true}\r\n        // icon=\"menu\"\r\n        type=\"primary\"\r\n        onClick={toggleCollapsed}\r\n      >\r\n        <FontAwesomeIcon\r\n          icon={faBars}\r\n          style={{\r\n            color: \"#4C4C4C\",\r\n          }}\r\n        />\r\n      </Button>\r\n      <Modal\r\n        visible={modalVisible}\r\n        onCancel={handleClose}\r\n        closable={true}\r\n        footer={null}\r\n        css={modalCss}\r\n      >\r\n        <Menu mode=\"inline\" selectedKeys={selectedKeys}>\r\n          <Menu.Item\r\n            key=\"profile\"\r\n            css={css`\r\n              height: 60px !important;\r\n            `}\r\n          >\r\n            <Link\r\n              to=\"/profile\"\r\n              onClick={handleClose}\r\n              css={[\r\n                navItemCss,\r\n                css`\r\n                  margin: 10px 0;\r\n                  line-height: 1;\r\n                }\r\n                `,\r\n              ]}\r\n            >\r\n              <span\r\n                css={css`\r\n                  margin: 0;\r\n                  line-height: 1;\r\n                  display: block;\r\n                  font-size: 20px;\r\n                `}\r\n              >\r\n                {firstName} {lastName}\r\n              </span>\r\n              <span\r\n                css={css`\r\n                  margin: 0;\r\n                  line-height: 1;\r\n                  font-weight: 400;\r\n                `}\r\n              >\r\n                {username}\r\n              </span>\r\n            </Link>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"home\">\r\n            <Link to=\"/\" onClick={handleClose} css={navItemCss}>\r\n              Home\r\n            </Link>\r\n          </Menu.Item>\r\n\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"buy\">\r\n            <Link onClick={handleClose} css={navItemCss} to=\"/buy\">\r\n              Browse\r\n            </Link>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"events\">\r\n            <Link onClick={handleClose} css={navItemCss} to=\"/events\">\r\n              Events\r\n            </Link>\r\n          </Menu.Item>\r\n          {/* <Menu.Item onClick={() => setModalVisible(false)} key=\"market-place\">\r\n            <Link onClick={handleClose} css={navItemCss} to=\"/market-place\">\r\n              Marketplaces\r\n            </Link>\r\n          </Menu.Item> */}\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"watch-list\">\r\n            <Link onClick={handleClose} css={navItemCss} to=\"/watch-list\">\r\n              Watchlist\r\n            </Link>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"run-list\">\r\n            <Link onClick={handleClose} css={navItemCss} to=\"/run-list\">\r\n              Run Lists\r\n            </Link>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"buyer\">\r\n            <Link to=\"/buyer?tab=bids&page=1\">Buyer</Link>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"seller\">\r\n            <Link to=\"/seller?tab=listed&page=1\">Seller</Link>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"history\">\r\n            <Link to=\"/history\">History</Link>\r\n          </Menu.Item>\r\n          <Menu.Divider />\r\n          {/* <Menu.SubMenu key=\"activity\" title={\"Activity\"}>\r\n            <Menu.Item onClick={() => setModalVisible(false)} key=\"history\">\r\n              <Link to=\"/history\">History</Link>\r\n            </Menu.Item>\r\n            <Menu.Item onClick={() => setModalVisible(false)} key=\"buyer\">\r\n              <Link to=\"/buyer?tab=bids&page=1\">Buyer</Link>\r\n            </Menu.Item>\r\n            <Menu.Item onClick={() => setModalVisible(false)} key=\"seller\">\r\n              <Link to=\"/seller?tab=listed&page=1\">Seller</Link>\r\n            </Menu.Item>\r\n          </Menu.SubMenu> */}\r\n          <Menu.Divider />\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"contact-us\">\r\n            <a\r\n              onClick={handleClose}\r\n              css={navItemCss}\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n              href={environmentVariableList.LINK_CONTACT_US}\r\n            >\r\n              Contact Us\r\n            </a>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"faq\">\r\n            <a\r\n              onClick={handleClose}\r\n              css={navItemCss}\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n              href={environmentVariableList.LINK_FAQ}\r\n            >\r\n              FAQ\r\n            </a>\r\n          </Menu.Item>\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"how-to-videos\">\r\n            <a\r\n              onClick={handleClose}\r\n              css={navItemCss}\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n              href={environmentVariableList.LINK_HOW_TO_VIDEOS}\r\n            >\r\n              How to Videos\r\n            </a>\r\n          </Menu.Item>\r\n          <Menu.Item\r\n            onClick={() => setModalVisible(false)}\r\n            key=\"terms-and-conditions\"\r\n          >\r\n            <a\r\n              onClick={handleClose}\r\n              css={navItemCss}\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n              href={environmentVariableList.LINK_TERMS_AND_CONDITION}\r\n            >\r\n              Terms and Conditions\r\n            </a>\r\n          </Menu.Item>\r\n          <Menu.Item key=\"terms-and-condition\" css={navItemCss}>\r\n            <a\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              href={environmentVariableList.AUCTION_POLICY}\r\n            >\r\n              Auction Policy\r\n            </a>\r\n          </Menu.Item>\r\n          <Menu.Divider />\r\n          <Menu.Item onClick={() => setModalVisible(false)} key=\"6\">\r\n            <Link to=\"/login\" onClick={handleLogout} css={navItemCss}>\r\n              Logout\r\n            </Link>\r\n          </Menu.Item>\r\n        </Menu>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MobileTopLeftMenu;\r\n","import * as React from \"react\";\r\n\r\nimport { Badge, Icon, Input, Menu } from \"antd\";\r\nimport { Link, useHistory, useLocation } from \"react-router-dom\";\r\nimport {\r\n  useAuthPopupDispatch,\r\n  useAuthPopupState,\r\n} from \"../../../context/AuthPopupContext\";\r\n\r\nimport BidderCount from \"./BidderCount\";\r\nimport NotificationSection from \"../../Notifications/NotificationSection\";\r\nimport { css } from \"@emotion/core\";\r\nimport environmentVariableList from \"../../../config/env\";\r\nimport getActiveKeys from \"./getActiveKeys\";\r\nimport { useNotificationState } from \"../../../context/NotificationContext\";\r\n\r\nconst menuSubItemCss = css`\r\n  margin-bottom: 0 !important;\r\n  margin-top: 0 !important;\r\n  height: 33px !important;\r\n  line-height: 33px !important;\r\n  font-family: AktivGroteskBold;\r\n  font-weight: bold;\r\n`;\r\n\r\nconst TopRightMenu: React.FC<{ bidderCount: number }> = ({ bidderCount }) => {\r\n  const dispatch = useAuthPopupDispatch();\r\n  const { isLoggedIn, firstName, lastName, username } = useAuthPopupState();\r\n  const history = useHistory();\r\n  const [visible, setVisible] = React.useState(false);\r\n  const [selectedKeys, setSelectedKeys] = React.useState<string[]>([]);\r\n  const [searchText, setSearchText] = React.useState(\"\");\r\n  let location = useLocation();\r\n  const { notificationList } = useNotificationState();\r\n  React.useEffect(() => {\r\n    const { pathname } = location;\r\n    const activeKeys = getActiveKeys(pathname);\r\n    setSelectedKeys(activeKeys);\r\n  }, [location.pathname]);\r\n\r\n  const searchFunction = () => {\r\n    if (searchText) {\r\n      setSearchText(\"\");\r\n      history.push(`/buy?search=%22${searchText}%22`);\r\n    }\r\n  };\r\n  const notificationCount = notificationList.filter((item) => !item.markAsRead)\r\n    .length;\r\n\r\n  if (!isLoggedIn) {\r\n    return null;\r\n  }\r\n  return (\r\n    <React.Fragment>\r\n      <div\r\n        css={css`\r\n          display: flex;\r\n          align-items: center;\r\n        `}\r\n      >\r\n        <BidderCount bidderCount={bidderCount} />\r\n\r\n        <Input\r\n          size=\"large\"\r\n          placeholder=\"Site Search\"\r\n          onPressEnter={() => searchFunction()}\r\n          onChange={(e) => setSearchText(e.target.value)}\r\n          value={searchText}\r\n          css={css`\r\n            max-width: 200px;\r\n            input {\r\n              border: none !important;\r\n              background-color: #eeeeee;\r\n              color: #4c4c4c;\r\n              padding-left: 40px !important;\r\n              ::placeholder {\r\n                color: #4c4c4c;\r\n                opacity: 1;\r\n              }\r\n            }\r\n          `}\r\n          prefix={\r\n            <Icon\r\n              type=\"search\"\r\n              theme=\"outlined\"\r\n              css={css`\r\n                font-size: 12px !important;\r\n              `}\r\n            />\r\n          }\r\n        />\r\n        {/* Desktop */}\r\n        <Menu\r\n          selectedKeys={selectedKeys}\r\n          mode=\"horizontal\"\r\n          css={css`\r\n            font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n            font-weight: 400;\r\n            color: #2b2b2b;\r\n            border-bottom: none !important;\r\n            line-height: 25px !important;\r\n            .ant-menu-item-selected {\r\n              border-bottom: none !important;\r\n              color: rgba(0, 0, 0, 0.65);\r\n            }\r\n            .ant-menu-submenu {\r\n              border: none !important;\r\n              background: white !important;\r\n              text-align: center;\r\n            }\r\n            .ant-menu-item,\r\n            .ant-menu-submenu-title {\r\n              padding: 0 10px !important;\r\n            }\r\n          `}\r\n        >\r\n          {isLoggedIn && (\r\n            <Menu.Item\r\n              css={css`\r\n                border-bottom: 2px solid transparent !important;\r\n              `}\r\n              onClick={() => {\r\n                setVisible(true);\r\n              }}\r\n            >\r\n              <Badge\r\n                style={{\r\n                  backgroundColor: \"#fff\",\r\n                  color: \"#99120e\",\r\n                  boxShadow: \"0 0 0 1px #99120e inset\",\r\n                }}\r\n                count={notificationCount >= 99 ? \"99+\" : notificationCount}\r\n              >\r\n                <Icon\r\n                  type=\"bell\"\r\n                  theme=\"filled\"\r\n                  css={css`\r\n                    color: ${notificationCount > 0 && \"#99120e\"};\r\n                    font-size: 20px !important;\r\n                    padding-left: 10px;\r\n                    margin-right: 0px !important;\r\n                  `}\r\n                />\r\n              </Badge>\r\n\r\n              <NotificationSection\r\n                visibility={visible}\r\n                onClose={(e) => {\r\n                  e.preventDefault();\r\n                  e.stopPropagation();\r\n                  setVisible(false);\r\n                }}\r\n              />\r\n            </Menu.Item>\r\n          )}\r\n\r\n          <Menu.SubMenu\r\n            title={\r\n              <div\r\n                id=\"menu-icon\"\r\n                css={css`\r\n                  border-radius: 50%;\r\n                  background: purple;\r\n                  display: flex;\r\n                  flex: 1;\r\n                  width: 35px;\r\n                  height: 35px;\r\n                  justify-content: center;\r\n                  align-items: center;\r\n                  border: 3px solid white;\r\n                `}\r\n              >\r\n                {/* <Icon\r\n                  type=\"user-filled\"\r\n                  css={css`\r\n                    margin: 0 !important;\r\n                    padding: 2%;\r\n                    color: white;\r\n                    font-weight: bold;\r\n                  `}\r\n                /> */}\r\n                <h3\r\n                  css={css`\r\n                    margin: 0 !important;\r\n                    padding: 2%;\r\n                    color: white;\r\n                    font-size: 14px;\r\n                    font-weight: bold;\r\n                  `}\r\n                >\r\n                  {firstName[0] + lastName[0]}\r\n                </h3>\r\n              </div>\r\n            }\r\n          >\r\n            <Menu.Item\r\n              key=\"profile\"\r\n              css={css`\r\n                margin-bottom: 5px;\r\n              `}\r\n            >\r\n              <Link\r\n                to=\"/profile\"\r\n                css={[\r\n                  css`\r\n                    margin: 10px 0;\r\n                    line-height: 1;\r\n                    font-family: AktivGroteskBold;\r\n                  `,\r\n                ]}\r\n              >\r\n                <span\r\n                  css={css`\r\n                    margin: 0;\r\n                    line-height: 1;\r\n                    display: block;\r\n                    font-size: 14px;\r\n                    font-family: AktivGroteskBold;\r\n                  `}\r\n                >\r\n                  {firstName} {lastName}\r\n                </span>\r\n                <span\r\n                  css={css`\r\n                    margin: 0;\r\n                    line-height: 1;\r\n                    font-weight: 400;\r\n                    font-size: 12px;\r\n                    font-family: AktivGroteskBold;\r\n                  `}\r\n                >\r\n                  {username}\r\n                </span>\r\n              </Link>\r\n            </Menu.Item>\r\n\r\n            <Menu.Item key=\"contact-us\" css={menuSubItemCss}>\r\n              <a\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                href={environmentVariableList.LINK_CONTACT_US}\r\n              >\r\n                {\" \"}\r\n                Contact Us\r\n              </a>\r\n            </Menu.Item>\r\n            <Menu.Item key=\"faq\" css={menuSubItemCss}>\r\n              <a\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                href={environmentVariableList.LINK_FAQ}\r\n              >\r\n                FAQs\r\n              </a>\r\n            </Menu.Item>\r\n            <Menu.Item key=\"how-to-Videos\" css={menuSubItemCss}>\r\n              <a\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                href={environmentVariableList.LINK_HOW_TO_VIDEOS}\r\n              >\r\n                {\" \"}\r\n                How-to Videos\r\n              </a>\r\n            </Menu.Item>\r\n\r\n            <Menu.Item key=\"terms-and-condition\" css={menuSubItemCss}>\r\n              <a\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                href={environmentVariableList.LINK_TERMS_AND_CONDITION}\r\n              >\r\n                Terms & Conditions\r\n              </a>\r\n            </Menu.Item>\r\n\r\n            <Menu.Item key=\"terms-and-condition\" css={menuSubItemCss}>\r\n              <a\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                href={environmentVariableList.AUCTION_POLICY}\r\n              >\r\n                Auction Policy\r\n              </a>\r\n            </Menu.Item>\r\n            <Menu.Item\r\n              key=\"logout-menu\"\r\n              id=\"logout-menu\"\r\n              css={menuSubItemCss}\r\n              onClick={(_) => {\r\n                history.push(\"/\");\r\n                dispatch({\r\n                  type: \"LOG_OUT\",\r\n                });\r\n              }}\r\n            >\r\n              Logout\r\n            </Menu.Item>\r\n          </Menu.SubMenu>\r\n        </Menu>\r\n      </div>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport default React.memo(TopRightMenu);\r\n","import * as React from \"react\";\r\n\r\nimport { useHomeDispatch, useHomeState } from \"../../../context/HomeContext\";\r\n\r\nimport { useAuthPopupState } from \"../../../context/AuthPopupContext\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nfunction useRouteTracking() {\r\n  const [stackCount, setStackCount] = React.useState(0);\r\n  const { hasRouterBack } = useHomeState();\r\n  const { isLoggedIn } = useAuthPopupState();\r\n\r\n  const homeDispatch = useHomeDispatch();\r\n  let location = useLocation();\r\n\r\n  React.useEffect(() => {\r\n    const newCount = stackCount + 1;\r\n    setStackCount(newCount);\r\n    if (!isLoggedIn) {\r\n      setStackCount(0);\r\n    } else if (newCount > 1 && !hasRouterBack) {\r\n      homeDispatch({ type: \"SET_ROUTER_BACK\", args: true });\r\n    }\r\n  }, [location]);\r\n}\r\nexport default useRouteTracking;\r\n","import * as React from \"react\";\r\n\r\nimport { Alert, Icon, Layout } from \"antd\";\r\nimport { Link, Redirect, useLocation } from \"react-router-dom\";\r\nimport getActiveKeys, { getPageTitle } from \"./components/getActiveKeys\";\r\n\r\nimport BidderCount from \"./components/BidderCount\";\r\nimport Footer from \"./components/Footer\";\r\nimport MainMenu from \"./components/MainMenu\";\r\nimport MobileNotification from \"./components/MobileNotification\";\r\nimport MobileTopLeftMenu from \"./components/MobileTopLeftMenu\";\r\nimport { TopBanner } from \"../UI/TopBanner\";\r\nimport TopRightMenu from \"./components/TopRightMenu\";\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useAuthPopupState } from \"../../context/AuthPopupContext\";\r\nimport { useHomeDispatch } from \"../../context/HomeContext\";\r\nimport { useLazyQuery } from \"react-apollo\";\r\nimport useRouteTracking from \"./components/useRouteTracking\";\r\nimport { useWatchListDispatch } from \"../../context/WatchListContext\";\r\n\r\nconst WATCH_LIST_ITEMS = loader(\"./watchListItemsResponse.graphql\");\r\nconst GET_USER_COUNT = loader(\"./getLoggedInUsersCountResponse.graphql\");\r\nconst GET_USER_PROFILE = loader(\"./userProfile.graphql\");\r\n\r\nconst { Header, Content } = Layout;\r\nconst layoutCss = css`\r\n  width: 100%;\r\n  margin: 0px auto;\r\n  background: #whitesmoke;\r\n  .ant-layout-content {\r\n    background: whitesmoke !important;\r\n  }\r\n  .ant-layout-header {\r\n    height: 66px;\r\n  }\r\n`;\r\nconst logoCss = css`\r\n  /* Mobile style */\r\n  background-repeat: no-repeat;\r\n  background-position: 100%;\r\n  height: 66px;\r\n  margin-left: 12px;\r\n  float: left;\r\n  margin-right: 12px;\r\n  @media (max-width: ${breakpoints.md}) {\r\n    max-width: 190px;\r\n    text-align: center;\r\n  }\r\n  /* Desktop style */\r\n  @media (min-width: ${breakpoints.md}) {\r\n    max-width: 219px;\r\n  }\r\n`;\r\n\r\nconst logoLinkCss = css`\r\n  padding-left: 15px;\r\n`;\r\nconst headerCss = css`\r\n  background: white;\r\n  display: flex;\r\n  box-shadow: 0px 1px 2px lightgray;\r\n  padding: 5px !important;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 66px;\r\n  z-index: 100;\r\n  @media (max-width: 1103px) {\r\n    display: none;\r\n  }\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\nconst headerMobileCss = css`\r\n  background: white;\r\n  padding: 0 16px !important;\r\n  padding-left: 25px !important;\r\n  z-index: 1;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 10;\r\n  border-bottom: 1px solid #e6e6e6;\r\n  @media (min-width: 1104px) {\r\n    display: none;\r\n  }\r\n  @media (max-width: ${breakpoints.md}) {\r\n    padding: 0 !important;\r\n  }\r\n  @media (max-width: 294px) {\r\n    padding: 2% !important;\r\n  }\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst logoMobileLinkCss = css`\r\n  overflow: hidden;\r\n  padding-left: 15px;\r\n  @media (max-width: 294px) {\r\n    padding-left: 4px !important;\r\n  }\r\n`;\r\n\r\nconst contentCss = css`\r\n  padding: 0;\r\n  @media print {\r\n    padding: 0;\r\n  }\r\n`;\r\ninterface Props {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst AppLayout: React.FC<Props> = ({ children }) => {\r\n  const { pathname, search } = useLocation();\r\n  const { isLoggedIn, apiKey, mpId } = useAuthPopupState();\r\n  const dispatch = useWatchListDispatch();\r\n  const homeDispatch = useHomeDispatch();\r\n  useRouteTracking();\r\n  const [bidderCount, setBidderCount] = React.useState(0);\r\n\r\n  const [getWishListItems] = useLazyQuery(WATCH_LIST_ITEMS, {\r\n    variables: {\r\n      apiKey,\r\n      mpId,\r\n    },\r\n    fetchPolicy: \"network-only\",\r\n    pollInterval: isLoggedIn ? 20000 : 0,\r\n    onCompleted: async (result) => {\r\n      const items = _.get(result, \"watchListItemsResponse.items\", []);\r\n      if (items.length) {\r\n        const watchListItemsIds = items.map((item: any) => item.itemId);\r\n        dispatch({ type: \"SET_WATCH_LIST_ITEMS\", args: watchListItemsIds });\r\n      }\r\n    },\r\n  });\r\n\r\n  const [getUserCount] = useLazyQuery(GET_USER_COUNT, {\r\n    variables: {\r\n      apiKey,\r\n      mpId,\r\n    },\r\n    fetchPolicy: \"network-only\",\r\n    pollInterval: isLoggedIn ? 10000 : 0,\r\n    onCompleted: async (result) => {\r\n      const userCount = _.get(\r\n        result,\r\n        \"getLoggedInUsersCountResponse.count\",\r\n        \"0\"\r\n      );\r\n      setBidderCount(userCount);\r\n    },\r\n  });\r\n  const [getUserProfile] = useLazyQuery(GET_USER_PROFILE, {\r\n    fetchPolicy: \"network-only\",\r\n    variables: {\r\n      apiKey,\r\n      mpId,\r\n    },\r\n    onCompleted: async (result) => {\r\n      const userProfile = _.get(result, \"userResponse.user\");\r\n      homeDispatch({\r\n        type: \"SET_USER_LOCATION\",\r\n        args: {\r\n          zipcode: userProfile.zipcode,\r\n          address: userProfile.address1,\r\n          city: userProfile.city,\r\n          state: userProfile.state,\r\n        },\r\n      });\r\n      homeDispatch({\r\n        type: \"SET_USER_ACCOUNTS\",\r\n        args: userProfile.accountList,\r\n      });\r\n    },\r\n  });\r\n\r\n  const [pageTitle, setPageTitle] = React.useState<string>();\r\n  let location = useLocation();\r\n\r\n  React.useEffect(() => {\r\n    const activeKeys = getActiveKeys(pathname);\r\n    setPageTitle(getPageTitle(activeKeys));\r\n  }, [location.pathname]);\r\n  React.useEffect(() => {\r\n    if (isLoggedIn) {\r\n      getWishListItems();\r\n      getUserCount();\r\n      getUserProfile();\r\n    }\r\n  }, [isLoggedIn]);\r\n\r\n  if (!isLoggedIn && pathname != \"/login\" && pathname != \"/internal-login\") {\r\n    const redirectUrl = `${window.location.pathname}${window.location.search}`;\r\n    if (redirectUrl === \"/\" || redirectUrl.includes(\"login\")) {\r\n      return <Redirect to={`/login`} />;\r\n    }\r\n    return (\r\n      <Redirect\r\n        to={`/login?redirectUrl=${window.location.pathname}${window.location.search}`}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {/* {pathname === \"/\" && <TopBanner />} */}\r\n      <Layout css={layoutCss}>\r\n        {/* {isLoggedIn && (\r\n        <Alert\r\n          message={\r\n            \"This is a preview of the next event. Vehicles will be added daily.\"\r\n          }\r\n          css={css`\r\n          height: fit-content;\r\n          margin-top: 66px;\r\n          text-align: center;\r\n          color: gray;\r\n          background: blanchedalmond;\r\n          span {\r\n            font-size: 22px;\r\n          }\r\n          i {\r\n            position unset;\r\n            padding-right: 1%;\r\n            font-size: 22px;\r\n          }\r\n          @media (max-width: 768px) {\r\n            span {\r\n              font-size: 16px;\r\n              padding-left: 4%;\r\n            }\r\n            i {\r\n              width: 10%;\r\n              font-size: 16px;\r\n            }\r\n          }\r\n        `}\r\n          banner\r\n          type=\"info\"\r\n          showIcon={true}\r\n          closable\r\n        />\r\n      )} */}\r\n\r\n        <Header\r\n          css={css`\r\n            ${headerCss}\r\n            position: sticky;\r\n            top: 0;\r\n          `}\r\n        >\r\n          <Link to=\"/\" css={logoLinkCss}>\r\n            <img\r\n              alt=\"logo\"\r\n              src={require(\"./images/rumbleon-black-logo.svg\")}\r\n              css={logoCss}\r\n            ></img>\r\n          </Link>\r\n          <div\r\n            css={css`\r\n              padding-left: 20px;\r\n            `}\r\n          >\r\n            <MainMenu />\r\n          </div>\r\n          <TopRightMenu bidderCount={bidderCount} />\r\n        </Header>\r\n        <Header\r\n          css={css`\r\n            ${headerMobileCss}\r\n            position: sticky;\r\n            top: 0;\r\n          `}\r\n        >\r\n          <div\r\n            css={css`\r\n              display: ${isLoggedIn ? \"flex\" : \"none\"};\r\n              align-items: center;\r\n              justify-content: space-between;\r\n            `}\r\n          >\r\n            <div\r\n              css={css`\r\n                display: flex;\r\n                align-items: center;\r\n                padding-left: 16px;\r\n              `}\r\n            >\r\n              <MobileTopLeftMenu />\r\n              <div css={logoMobileLinkCss}>\r\n                <h1\r\n                  css={css`\r\n                    color: #2b2b2b;\r\n                    font: normal normal bold 20px/28px Interstate;\r\n                    padding-top: 6px;\r\n                  `}\r\n                >\r\n                  {pageTitle}\r\n                </h1>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              css={css`\r\n                display: flex;\r\n                align-items: center;\r\n              `}\r\n            >\r\n              <div\r\n                css={css`\r\n                  margin-top: -7px;\r\n                `}\r\n              >\r\n                <BidderCount bidderCount={bidderCount} />\r\n              </div>\r\n              <Link to=\"/buy\">\r\n                <Icon\r\n                  type=\"search\"\r\n                  theme=\"outlined\"\r\n                  css={css`\r\n                    font-size: 21px !important;\r\n                    margin-right: 0px !important;\r\n                    margin-top: -4px;\r\n                  `}\r\n                />\r\n              </Link>\r\n              <MobileNotification />\r\n            </div>\r\n          </div>\r\n        </Header>\r\n\r\n        <Content css={contentCss}>{children}</Content>\r\n        <Footer />\r\n      </Layout>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default AppLayout;\r\n","import { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nexport default function ScrollToTop() {\r\n  const { pathname } = useLocation();\r\n\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, [pathname]);\r\n\r\n  return null;\r\n}\r\n","/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {\r\n  VehicleAttachmentInput,\r\n  VehicleOptionInput,\r\n} from \"../generated/graphql\";\r\n\r\ntype State = {\r\n  listingId?: number | string;\r\n  Vin?: string;\r\n  listingYear?: number;\r\n  category?: string;\r\n  make?: string;\r\n  model?: string;\r\n  inputMake?:string;\r\n  inputModel?: string;\r\n  isother?:boolean;\r\n  trim?: string | null;\r\n  itemTypeId?: number;\r\n  isMileageUnknown?: boolean;\r\n  zip?: string | null;\r\n  mileage?: number | null;\r\n  primaryColorId?: number | null;\r\n  secondaryColorId?: number | null;\r\n  engineSize?: string | null;\r\n  engineType?: string | null;\r\n  bodyStyle?: string | null;\r\n  driveTrain?: string | null;\r\n  transmission?: string | null;\r\n  transmissionTypeId?: number | null;\r\n  titledInState?: string | null;\r\n  titleStatusId?: number | null;\r\n  hasABS?: boolean | null;\r\n  hasBeenSmokedIn?: boolean | null;\r\n  hasWarranty?: boolean | null;\r\n  hasDamage?: boolean | null;\r\n  damageDescription?: string | null;\r\n  hasBeenOperated?: boolean | null;\r\n  overallConditionId?: number | null;\r\n  physicalConditionId?: number | null;\r\n  mechanicalConditionId?: number | null;\r\n  tireConditionId?: number | null;\r\n  price?: number | null;\r\n  categoryId?: number | null;\r\n  listingDescription?: string | null;\r\n  listingOptions?: string | null;\r\n  listingAbout?: string | null;\r\n  priceMSRP?: number | null;\r\n  pricePPMV?: number | null;\r\n  priceNADA?: number | null;\r\n  priceFMV?: number | null;\r\n  priceRanking?: number | null;\r\n  hasOutstandingLoan?: boolean | null;\r\n  sourceTypeId?: number | null;\r\n  loanBank?: string | null;\r\n  loanAmount?: number | null;\r\n  willSwap?: boolean | null;\r\n  address1?: string | null;\r\n  address2?: string | null;\r\n  city?: string | null;\r\n  state?: string | null;\r\n  country?: string | null;\r\n  bookDate?: string | null;\r\n  bookData?: string | null;\r\n  manualVINEntry?: boolean | null;\r\n  // manualInputVINEntry?: boolean | null;\r\n  attachments?: VehicleAttachmentInput[] | null;\r\n  options?: VehicleOptionInput[] | null;\r\n  id?: string | null; // this is the trim id from vin decode\r\n  decoder?: string | null; // kbb, nada etc from vindecode\r\n  fuelType?: string | null;\r\n  highwayMileage?: number | null;\r\n  cityMileage?: number | null;\r\n  isFromConsumerWeb?: boolean | null;\r\n  currentSteps?: string | \"1\";\r\n};\r\n\r\ntype Action =\r\n  | { type: \"CREATE_LISTING\"; args: State }\r\n  | { type: \"UPDATE_LISTING\"; args: State }\r\n  | { type: \"RESET_LISTING\" };\r\n\r\ntype Dispatch = (action: Action) => void;\r\ntype SellFlowContextProviderProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SellFlowStateContext = React.createContext<State | undefined>(undefined);\r\n\r\nconst SellFlowDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\nconst localStorageKey = \"SELL_FLOW_LOCAL_STORAGE_KEY\";\r\n\r\nlet localSellFlowState = {};\r\ntry {\r\n  localSellFlowState = JSON.parse(\r\n    localStorage.getItem(localStorageKey) || \"{}\"\r\n  );\r\n} catch (error) {\r\n  console.error(\"Parse local state failed\");\r\n}\r\nconst SellFlowContextReducer = (state: State, action: Action) => {\r\n  switch (action.type) {\r\n    case \"CREATE_LISTING\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"UPDATE_LISTING\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"RESET_LISTING\":\r\n      return {};\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst SellFlowContextProvider = ({\r\n  children,\r\n}: SellFlowContextProviderProps) => {\r\n  const [state, dispatch] = React.useReducer(\r\n    SellFlowContextReducer,\r\n    localSellFlowState\r\n  );\r\n  React.useEffect(() => {\r\n    // save sell flow info to local storage\r\n    localStorage.setItem(localStorageKey, JSON.stringify(state));\r\n  }, [state]);\r\n  return (\r\n    <SellFlowStateContext.Provider value={state}>\r\n      <SellFlowDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </SellFlowDispatchContext.Provider>\r\n    </SellFlowStateContext.Provider>\r\n  );\r\n};\r\n\r\nconst useSellFlowState = () => {\r\n  const context = React.useContext(SellFlowStateContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useSellFlowState must be used within a SellFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useSellFlowDispatch = () => {\r\n  const context = React.useContext(SellFlowDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useSellFlowDispatch must be used within a SellFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport { SellFlowContextProvider, useSellFlowState, useSellFlowDispatch };\r\n","import {\r\n  HubConnection,\r\n  HubConnectionBuilder,\r\n  HubConnectionState,\r\n} from \"@microsoft/signalr\";\r\n\r\nimport environmentVariableList from \"./config/env\";\r\n\r\nclass SignalRClient {\r\n  private _url: string = \"\";\r\n  private _updateMethod: string = \"\";\r\n  private _subscriptionMethod: string = \"\";\r\n  private _connection: HubConnection | null = null;\r\n  private _subscribers: {\r\n    id: number;\r\n    itemId: number;\r\n    callback: () => any;\r\n  }[] = [];\r\n  private _nextSubscriberId: number = 0;\r\n\r\n  constructor(url: string, updateMethod: string, subscriptionMethod: string) {\r\n    this._url = url;\r\n    this._updateMethod = updateMethod;\r\n    this._subscriptionMethod = subscriptionMethod;\r\n  }\r\n\r\n  connect: () => Promise<void> = async () => {\r\n    this._connection = new HubConnectionBuilder().withUrl(this._url).build();\r\n    try {\r\n      await this._connection.start();\r\n      this._connection.on(this._updateMethod, this._handleUpdate);\r\n      this._connection.onclose((error) => {\r\n        console.warn(\"SignalR connection was closed:\", error);\r\n      });\r\n      if (this._subscribers.length > 0) {\r\n        const itemIdSet = new Set<number>();\r\n        this._subscribers.forEach((subscriber) =>\r\n          itemIdSet.add(subscriber.itemId)\r\n        );\r\n\r\n        const uniqueItemIds = Array.from(itemIdSet);\r\n        uniqueItemIds.forEach((itemId) => {\r\n          this._connection\r\n            ?.invoke(this._subscriptionMethod, itemId, true)\r\n            .then()\r\n            .catch((error) =>\r\n              console.warn(\r\n                \"SignalR subscription method invokation failed:\",\r\n                error\r\n              )\r\n            );\r\n        });\r\n      }\r\n    } catch (error) {\r\n      console.warn(\"SignalR connection failed:\", error);\r\n    }\r\n  };\r\n\r\n  private _handleUpdate: (itemId: number) => void = (itemId) => {\r\n    setTimeout(() => {\r\n      this._subscribers.forEach((subscriber) => {\r\n        if (subscriber.itemId === itemId) {\r\n          subscriber.callback();\r\n        }\r\n      });\r\n    }, environmentVariableList.SIGNALR_CALLBACK_INVOKING_DELAY_MS);\r\n\r\n    setTimeout(() => {\r\n      this._subscribers.forEach((subscriber) => {\r\n        if (subscriber.itemId === itemId) {\r\n          subscriber.callback();\r\n        }\r\n      });\r\n    }, environmentVariableList.SIGNALR_CALLBACK_INVOKING_DELAY_MS * 2);\r\n  };\r\n\r\n  subscribeForUpdates: (itemId: number, callback: () => any) => number = (\r\n    itemId,\r\n    callback\r\n  ) => {\r\n    const subscriberId = this._nextSubscriberId;\r\n    this._nextSubscriberId += 1;\r\n\r\n    if (\r\n      this._connection &&\r\n      this._connection.state === HubConnectionState.Connected\r\n    ) {\r\n      const currentSubscribers = this._subscribers.filter(\r\n        (subscriber) => subscriber.itemId === itemId\r\n      );\r\n      if (currentSubscribers.length === 0) {\r\n        this._connection\r\n          ?.invoke(this._subscriptionMethod, itemId, true)\r\n          .then()\r\n          .catch((error) =>\r\n            console.warn(\r\n              \"SignalR subscription method invokation failed:\",\r\n              error\r\n            )\r\n          );\r\n      }\r\n    }\r\n\r\n    this._subscribers.push({\r\n      id: subscriberId,\r\n      itemId,\r\n      callback,\r\n    });\r\n    return subscriberId;\r\n  };\r\n\r\n  unsubscribeFromUpdate: (subscriberId: number) => void = (subscriberId) => {\r\n    if (\r\n      this._connection &&\r\n      this._connection.state === HubConnectionState.Connected\r\n    ) {\r\n      const removingSubscriber = this._subscribers.find(\r\n        (subscriber) => subscriber.id === subscriberId\r\n      );\r\n      if (removingSubscriber) {\r\n        const otherSubscribers = this._subscribers.filter(\r\n          (subscriber) =>\r\n            subscriber.itemId === removingSubscriber.itemId &&\r\n            subscriber.id !== subscriberId\r\n        );\r\n        if (otherSubscribers.length === 0) {\r\n          this._connection\r\n            ?.invoke(this._subscriptionMethod, removingSubscriber.itemId, false)\r\n            .then()\r\n            .catch((error) =>\r\n              console.warn(\r\n                \"SignalR subscription method invokation failed:\",\r\n                error\r\n              )\r\n            );\r\n        }\r\n      }\r\n    }\r\n    this._subscribers = this._subscribers.filter(\r\n      (subscriber) => subscriber.id !== subscriberId\r\n    );\r\n  };\r\n}\r\n\r\nexport default SignalRClient;\r\n","import {\r\n  AcceptOfferSuccessModal,\r\n  CashOfferVideoModal,\r\n  EventInfoModal,\r\n  FinanceNonTCIStateModal,\r\n  RequestInfoModal,\r\n} from \"./Modals\";\r\nimport { Global, css } from \"@emotion/core\";\r\nimport React, { Suspense, lazy } from \"react\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\n\r\nimport AcceptFinanceOptInLanguage from \"./Modals/AcceptFinanceOptInLanguage\";\r\nimport AcceptTOU from \"./Modals/AcceptTOU\";\r\nimport ApolloWrapper from \"./components/ApolloWrapper/ApolloWrapper\";\r\nimport { AuthPopupContextProvider } from \"./context/AuthPopupContext\";\r\nimport { CashOfferContextProvider } from \"./context/CashOfferContext\";\r\nimport { DetailsFlowContextProvider } from \"./context/DetailsFlowContext\";\r\nimport { GlobalFlowContextProvider } from \"./context/Global\";\r\nimport { HomeContextProvider } from \"./context/HomeContext\";\r\nimport Layout from \"./components/Layout/Layout\";\r\nimport { ModalFlowContextProvider } from \"./context/ModalContext\";\r\nimport { NotificationContextProvider } from \"./context/NotificationContext\";\r\nimport ScrollToTop from \"./components/ScrollToTop/ScrollToTop\";\r\nimport { SellFlowContextProvider } from \"./context/SellFlowContext\";\r\nimport SignalRClient from \"./SignalRClient\";\r\nimport { Spin } from \"antd\";\r\nimport { WatchListContextProvider } from \"./context/WatchListContext\";\r\nimport environmentVariableList from \"./config/env\";\r\n\r\nconst AsyncHomePage = lazy(() => import(\"./components/Home/Home\"));\r\nconst AsyncLogin = lazy(() => import(\"./components/Login/Login\"));\r\nconst AsyncInternalLogin = lazy(() =>\r\n  import(\"./components/Login/InternalLogin\")\r\n);\r\n\r\nconst AsyncBuyPage = lazy(() => import(\"./components/BuyPage/BuyPage\"));\r\nconst AsyncEventsPage = lazy(() =>\r\n  import(\"./components/EventsPage/EventsPage\")\r\n);\r\nconst AsyncRunListPage = lazy(() =>\r\n  import(\"./components/RunList/RunListUpdated\")\r\n);\r\nconst AsyncMarketplacesPage = lazy(() =>\r\n  import(\"./components/Marketplaces/MarketplacesPage\")\r\n);\r\nconst AsyncRecentlyViewedPage = lazy(() =>\r\n  import(\"./components/RecentlyViewed/RecentlyViewedPage\")\r\n);\r\nconst AsyncWatchlistPage = lazy(() =>\r\n  import(\"./components/WatchList/WatchListPage\")\r\n);\r\nconst AsyncItemsBiddingOnPage = lazy(() =>\r\n  import(\"./components/ItemsBiddingOn/ItemsBiddingOnPage\")\r\n);\r\nconst AsyncProfilePage = lazy(() => import(\"./components/Profile/ProfilePage\"));\r\n\r\nconst AsyncLogInPopUp = lazy(() =>\r\n  import(\"./components/LoginPopUp/LoginPopUp\")\r\n);\r\n\r\nconst AsyncDetailContainer = lazy(() =>\r\n  import(\"./components/VehicleDetail/VehicleDetail\")\r\n);\r\n\r\nconst AsyncBuyerActivity = lazy(() =>\r\n  import(\"./components/Activity/buyerActivity/BuyerActivityUpdated\")\r\n);\r\nconst AsyncHistoryActivity = lazy(() =>\r\n  import(\"./components/Activity/historyActivity/HistoryActivity\")\r\n);\r\n\r\nconst AsyncSellerActivity = lazy(() =>\r\n  import(\"./components/Activity/sellerActivity/SellerActivity\")\r\n);\r\n\r\nconst globalStyle = css`\r\n  body,\r\n  li,\r\n  p {\r\n    font-family: \"aktiv-grotesk\", Arial, Helvetica, sans-serif !important;\r\n  }\r\n`;\r\n\r\nexport const listingSignalRClient = new SignalRClient(\r\n  `${environmentVariableList.SIGNALR_URL}/ListingHub`,\r\n  \"ItemInfoUpdate\",\r\n  \"ItemInfoSubscribe\"\r\n);\r\nlistingSignalRClient\r\n  .connect()\r\n  .then((id) => console.log(\"cponnected\", id))\r\n  .catch((error) =>\r\n    console.warn(\"SignalR ListingHub connection initialization failed:\", error)\r\n  );\r\n\r\nexport const watchListSignalRClient = new SignalRClient(\r\n  `${environmentVariableList.SIGNALR_URL}/WatchListItemHub`,\r\n  \"WatchListItemInfoUpdate\",\r\n  \"WatchListItemInfoSubscribe\"\r\n);\r\nwatchListSignalRClient\r\n  .connect()\r\n  .then()\r\n  .catch((error) =>\r\n    console.warn(\r\n      \"SignalR WatchListItemHub connection initialization failed:\",\r\n      error\r\n    )\r\n  );\r\n\r\nexport const notificationSignalRClient = new SignalRClient(\r\n  `${environmentVariableList.SIGNALR_URL}/NotificationItemHub`,\r\n  \"NotificationItemInfoUpdate\",\r\n  \"NotificationItemInfoSubscribe\"\r\n);\r\nnotificationSignalRClient\r\n  .connect()\r\n  .then()\r\n  .catch((error) =>\r\n    console.warn(\r\n      \"SignalR NotificationItemHub connection initialization failed:\",\r\n      error\r\n    )\r\n  );\r\n\r\nconst App: React.FC = () => {\r\n  return (\r\n    <AuthPopupContextProvider>\r\n      <GlobalFlowContextProvider>\r\n        <ModalFlowContextProvider>\r\n          <SellFlowContextProvider>\r\n            <DetailsFlowContextProvider>\r\n              <WatchListContextProvider>\r\n                <CashOfferContextProvider>\r\n                  <NotificationContextProvider>\r\n                    <HomeContextProvider>\r\n                      <ApolloWrapper>\r\n                        <Layout>\r\n                          <Global styles={globalStyle} />\r\n                          <AcceptOfferSuccessModal />\r\n                          <AcceptTOU />\r\n                          <AcceptFinanceOptInLanguage />\r\n                          <FinanceNonTCIStateModal />\r\n                          <EventInfoModal />\r\n                          <RequestInfoModal />\r\n                          <CashOfferVideoModal />\r\n                          <Suspense\r\n                            fallback={\r\n                              <div\r\n                                css={css`\r\n                                  text-align: center;\r\n                                  padding-top: 35vh;\r\n                                  min-height: 75vh;\r\n                                  min-width: 80vw;\r\n                                `}\r\n                              >\r\n                                <Spin spinning />\r\n                              </div>\r\n                            }\r\n                          >\r\n                            <ScrollToTop />\r\n                            <Switch>\r\n                              <Route path=\"/\" exact component={AsyncHomePage} />\r\n                              <Route\r\n                                exact\r\n                                path=\"/buyer\"\r\n                                component={AsyncBuyerActivity}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/seller\"\r\n                                component={AsyncSellerActivity}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/buy\"\r\n                                component={AsyncBuyPage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/events\"\r\n                                component={AsyncEventsPage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/history\"\r\n                                component={AsyncHistoryActivity}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/run-list\"\r\n                                component={AsyncRunListPage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/watch-list\"\r\n                                component={AsyncWatchlistPage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/items-bidding\"\r\n                                component={AsyncItemsBiddingOnPage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/recently-viewed\"\r\n                                component={AsyncRecentlyViewedPage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/market-place\"\r\n                                component={AsyncMarketplacesPage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/profile\"\r\n                                component={AsyncProfilePage}\r\n                              />\r\n                              <Route\r\n                                exact\r\n                                path=\"/item/:listingId/:listingName?/:typeId?\"\r\n                                component={AsyncDetailContainer}\r\n                              />\r\n\r\n                              <Route path=\"/login\" component={AsyncLogin} />\r\n                              <Route\r\n                                path=\"/internal-login\"\r\n                                component={AsyncInternalLogin}\r\n                              />\r\n                              <Route component={AsyncHomePage} />\r\n                            </Switch>\r\n                            <AsyncLogInPopUp />\r\n                          </Suspense>\r\n                        </Layout>\r\n                      </ApolloWrapper>\r\n                    </HomeContextProvider>\r\n                  </NotificationContextProvider>\r\n                </CashOfferContextProvider>\r\n              </WatchListContextProvider>\r\n            </DetailsFlowContextProvider>\r\n          </SellFlowContextProvider>\r\n        </ModalFlowContextProvider>\r\n      </GlobalFlowContextProvider>\r\n    </AuthPopupContextProvider>\r\n  );\r\n};\r\n\r\nexport default App;\r\n","import { getTimeWithLocalTimeZone, getTimeWithZone } from \"./getTimeWithZone\";\r\n\r\nimport moment from \"moment\";\r\nimport momentTZ from \"moment-timezone\";\r\n\r\nexport const formatNumber = (value: number) =>\r\n  new Intl.NumberFormat(\"en-US\").format(value);\r\n\r\nexport const formatCurrency = (value: number) =>\r\n  new Intl.NumberFormat(\"en-US\", {\r\n    style: \"currency\",\r\n    currency: \"USD\",\r\n    minimumFractionDigits: 0,\r\n  }).format(value);\r\n\r\nexport const getFormattedDateOnly = (value: string): string => {\r\n  const parsedDate = new Date(getTimeWithZone(value));\r\n  return parsedDate.toLocaleDateString(\"en-US\");\r\n};\r\n\r\nexport const getFormattedDateTime = (value: string): string => {\r\n  const parsedDate = new Date(getTimeWithZone(value));\r\n  return parsedDate.toLocaleString(\"en-US\");\r\n};\r\n\r\nexport const getFormattedLocalDateTime = (value: string): string => {\r\n  const parsedDate = new Date(getTimeWithLocalTimeZone(value));\r\n  return parsedDate.toLocaleString(\"en-US\");\r\n};\r\n\r\nexport const stripHtml = (text: string) => {\r\n  if (text !== \"\" && text) {\r\n    return text.replace(/<(?:.|\\n)*?>/gm, \"\");\r\n  }\r\n};\r\n\r\ninterface GetLimitedTextI {\r\n  text: string;\r\n  maxLength: number;\r\n  showAll: boolean;\r\n}\r\nexport const getLimitedText = ({\r\n  text,\r\n  maxLength,\r\n  showAll,\r\n}: GetLimitedTextI) => {\r\n  if (text.length > maxLength && !showAll) {\r\n    return `${text.slice(0, maxLength)}...`;\r\n  }\r\n  return text;\r\n};\r\n\r\nexport const formatPhoneNumber = (phone: string) => {\r\n  //Filter only numbers from the input\r\n  let cleaned = (\"\" + phone).replace(/\\D/g, \"\");\r\n\r\n  //Check if the input is of correct length\r\n  let match = cleaned.match(/^(\\d{3})(\\d{3})(\\d{4})$/);\r\n\r\n  if (match) {\r\n    return \"(\" + match[1] + \") \" + match[2] + \"-\" + match[3];\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nexport const makeTimeText = (timeA: number, timeB: number, maxValues = 6) => {\r\n  // const duration = momentTZ.duration(864123456, 'milliseconds');\r\n  const duration = momentTZ.duration(timeB - timeA, \"milliseconds\");\r\n\r\n  const timeBlock = {\r\n    yrs: duration.years(),\r\n    mo: duration.months(),\r\n    days: duration.days(),\r\n    hrs: duration.hours(),\r\n    min: duration.minutes(),\r\n    sec: duration.seconds(),\r\n  };\r\n\r\n  return Object.entries(timeBlock)\r\n    .filter((entry) => {\r\n      // filters out zero values except for seconds\r\n      const [label, time] = entry;\r\n      return time > 0 || label === \"sec\";\r\n    })\r\n\r\n    .slice(0, maxValues) // default is all the non-zeros\r\n    .map((entry, index, arr) => {\r\n      let [label, val] = entry;\r\n\r\n      // make sigular if value is 1\r\n      if (val === 1 && [\"yrs\", \"days\", \"hrs\"].includes(label)) {\r\n        label = label.slice(0, -1);\r\n      }\r\n\r\n      return `${val} ${label}`;\r\n    })\r\n    .join(\" \");\r\n};\r\n\r\nexport const formatDate = (value: string) => {\r\n  const a = moment();\r\n  const b = moment(value);\r\n  const expiredDateH = b.diff(a, \"hours\");\r\n  const expiredDateD = b.diff(a, \"days\");\r\n  const expiredDateM = b.diff(a, \"months\");\r\n  const expiredDateY = b.diff(a, \"years\");\r\n  const expiredDate = b.diff(a, \"hours\");\r\n  // return parsedDate.toLocaleDateString(\"en-US\");\r\n  return expiredDate < 0\r\n    ? expiredDateH < -24\r\n      ? expiredDateD < -30\r\n        ? expiredDateM < -1 && expiredDateM < -12\r\n          ? expiredDateY > -1\r\n            ? `expired ${Math.abs(expiredDateY)} years ago`\r\n            : `expired ${Math.abs(expiredDateY)} year ago`\r\n          : expiredDateM === -1\r\n          ? `expired ${Math.abs(expiredDateM)} month ago`\r\n          : `expired ${Math.abs(expiredDateM)} months ago`\r\n        : expiredDateD === -1\r\n        ? `expired ${Math.abs(expiredDateD)} day ago`\r\n        : `expired ${Math.abs(expiredDateD)} days ago`\r\n      : expiredDateH === -1\r\n      ? ` expired ${Math.abs(expiredDateH)} hour ago`\r\n      : ` expired ${Math.abs(expiredDateH)} hours ago`\r\n    : `expires ${b.fromNow()}`;\r\n};\r\n// `${Math.abs(expiredDateD)} hours ago`\r\n// `${Math.abs(expiredDateH)} hours ago`\r\n\r\nexport const formatDateForBidHistory = (value: string) => {\r\n  const a = momentTZ.tz(momentTZ.tz.guess());\r\n  const b = momentTZ.tz(value, momentTZ.tz.guess());\r\n  const expiredDateH = b.diff(a, \"hours\");\r\n  const expiredDateD = b.diff(a, \"days\");\r\n  const expiredDateM = b.diff(a, \"months\");\r\n  const expiredDateY = b.diff(a, \"years\");\r\n  const expiredDate = b.diff(a, \"hours\");\r\n  // return parsedDate.toLocaleDateString(\"en-US\");\r\n  return expiredDate < 0\r\n    ? expiredDateH < -24\r\n      ? expiredDateD < -30\r\n        ? expiredDateM < -1 && expiredDateM < -12\r\n          ? expiredDateY > -1\r\n            ? `${Math.abs(expiredDateY)} years ago`\r\n            : `${Math.abs(expiredDateY)} year ago`\r\n          : expiredDateM === -1\r\n          ? `${Math.abs(expiredDateM)} month ago`\r\n          : `${Math.abs(expiredDateM)} months ago`\r\n        : expiredDateD === -1\r\n        ? `${Math.abs(expiredDateD)} day ago`\r\n        : `${Math.abs(expiredDateD)} days ago`\r\n      : expiredDateH === -1\r\n      ? ` ${Math.abs(expiredDateH)} hour ago`\r\n      : ` ${Math.abs(expiredDateH)} hours ago`\r\n    : `${b.fromNow()}`;\r\n};\r\n\r\nexport const statusFormatter = (value: number) => {\r\n  switch (value) {\r\n    case 1:\r\n      return \"Incomplete\";\r\n    case 2:\r\n      return \"In Review\";\r\n    case 3:\r\n      return \"Approved\";\r\n    case 4:\r\n      return \"Sold\";\r\n    case 5:\r\n      return \"Denied\";\r\n    case 6:\r\n      return \"Deleted\";\r\n    case 7:\r\n      return \"Removed\";\r\n    case 8:\r\n      return \"Accepted\";\r\n    case 9:\r\n      return \"Published\";\r\n    case 10:\r\n      return \"Expired\";\r\n    case 11:\r\n      return \"In Review\";\r\n    case 12:\r\n      return \"Edited\";\r\n    default:\r\n      return \"\";\r\n  }\r\n};\r\n\r\nexport const tokenFormatter = (token: string) => {\r\n  const base64Url = token.split(\".\")[1];\r\n  const base64 = base64Url.replace(/-/g, \"+\").replace(/_/g, \"/\");\r\n  const jsonPayload = decodeURIComponent(\r\n    atob(base64)\r\n      .split(\"\")\r\n      .map((c) => \"%\" + (\"00\" + c.charCodeAt(0).toString(16)).slice(-2))\r\n      .join(\"\")\r\n  );\r\n\r\n  return JSON.parse(jsonPayload);\r\n};\r\n\r\nexport const formatMileage = (value: number) =>\r\n  value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\r\n\r\nexport function shuffleArray<T>(array: Array<T>): Array<T> {\r\n  const newArray = array.slice();\r\n  for (let i = newArray.length - 1; i > 0; i -= 1) {\r\n    const j = Math.floor(Math.random() * (i + 1));\r\n    [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\r\n  }\r\n  return newArray;\r\n}\r\n\r\nexport const addCommas = (num: any = \"\") =>\r\n  num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\nexport const removeNonNumeric = (num: any = \"\") =>\r\n  num.toString().replace(/[^0-9]/g, \"\");\r\n\r\nexport function daysRemaining(date: string) {\r\n  var eventDate = moment(getTimeWithLocalTimeZone(date));\r\n  var todaysDate = moment();\r\n  return eventDate.diff(todaysDate, \"minutes\");\r\n}\r\n\r\nexport function convertMinutes(num: number) {\r\n  let d = Math.floor(num / 1440); // 60*24\r\n  let h = Math.floor((num - d * 1440) / 60);\r\n  let m = Math.round(num % 60);\r\n\r\n  if (d > 0) {\r\n    return d + \"D \" + h + \"H \" + m + \"M\";\r\n  } else if (h > 0) {\r\n    return h + \"H \" + m + \"M\";\r\n  } else if (m > 0) {\r\n    return m + \"M\";\r\n  }\r\n  return \"-\";\r\n}\r\n","/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\ntype Action = { type: \"SET_WATCH_LIST_ITEMS\"; args: any };\r\ntype Dispatch = (action: Action) => void;\r\ntype State = {\r\n  watchListItemIds: number[];\r\n};\r\ntype WatchListProviderProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst WatchListStateContext = React.createContext<State>({\r\n  watchListItemIds: [],\r\n});\r\n\r\nconst WatchListDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\n\r\nconst WatchListReducer = (state: State, action: Action) => {\r\n  switch (action.type) {\r\n    case \"SET_WATCH_LIST_ITEMS\":\r\n      return {\r\n        ...state,\r\n        watchListItemIds: action.args,\r\n      };\r\n\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst WatchListContextProvider = ({ children }: WatchListProviderProps) => {\r\n  const [state, dispatch] = React.useReducer(WatchListReducer, {\r\n    watchListItemIds: [],\r\n  });\r\n\r\n  return (\r\n    <WatchListStateContext.Provider value={state}>\r\n      <WatchListDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </WatchListDispatchContext.Provider>\r\n    </WatchListStateContext.Provider>\r\n  );\r\n};\r\nconst useWatchListState = () => {\r\n  const context = React.useContext(WatchListStateContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useWatchListContext must be used within a WatchListContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useWatchListDispatch = () => {\r\n  const context = React.useContext(WatchListDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useWatchListDispatch must be used within a WatchListContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport { WatchListContextProvider, useWatchListState, useWatchListDispatch };\r\n","import { Col, Dropdown, Menu } from \"antd\";\r\n\r\nimport { ALERT_TYPES } from \"../ProfilePage\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport { css } from \"@emotion/core\";\r\nimport { faCaretDown } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\ninterface Props {\r\n  alertType?: boolean;\r\n  onChange: (id: number) => void;\r\n  selectedAlertType?: any;\r\n}\r\n\r\nexport const AlertDropdown: React.FC<Props> = ({\r\n  onChange,\r\n  alertType,\r\n  selectedAlertType,\r\n}) => {\r\n  const [selected, setSelected] = React.useState<{\r\n    id: number;\r\n    description: string;\r\n  } | null>(null);\r\n  const menu = (\r\n    <Menu>\r\n      {ALERT_TYPES.map((item) => {\r\n        return (\r\n          <Menu.Item\r\n            key={item.id}\r\n            onClick={() => {\r\n              setSelected(item);\r\n              onChange(item.id);\r\n            }}\r\n          >\r\n            <p\r\n              css={css`\r\n                margin-bottom: 2px;\r\n              `}\r\n            >\r\n              {item.description}\r\n            </p>\r\n          </Menu.Item>\r\n        );\r\n      })}\r\n    </Menu>\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    setSelected(selectedAlertType || null);\r\n  }, [alertType, selectedAlertType]);\r\n\r\n  return (\r\n    <Col\r\n      lg={15}\r\n      css={css`\r\n        background: #ffffff;\r\n        display: flex;\r\n      `}\r\n    >\r\n      <div\r\n        css={css`\r\n          width: 100%;\r\n          height: 64px;\r\n          background: #eeeeee 0% 0% no-repeat padding-box;\r\n          border-radius: 4px 4px 0px 0px;\r\n          padding: 12px 12px 0px 12px;\r\n          opacity: 1;\r\n          text-align: center;\r\n          margin: 10px;\r\n          border-bottom-style: solid;\r\n          border-bottom-width: 1px;\r\n        `}\r\n      >\r\n        {selected && (\r\n          <p\r\n            css={css`\r\n              height: 16px;\r\n              color: var(--light-charcoal);\r\n              text-align: left;\r\n              font: normal normal normal 12px/20px Interstate;\r\n              letter-spacing: 0px;\r\n              color: #4c4c4c;\r\n              text-transform: uppercase;\r\n              opacity: 1;\r\n              margin-bottom: 0px;\r\n              margin-top: -4px;\r\n            `}\r\n          >\r\n            Alert type\r\n          </p>\r\n        )}\r\n\r\n        <Dropdown overlay={menu} trigger={[\"click\"]} placement=\"bottomCenter\">\r\n          <a\r\n            className=\"ant-dropdown-link\"\r\n            onClick={(e) => {\r\n              e.preventDefault();\r\n              e.stopPropagation();\r\n            }}\r\n            style={{\r\n              padding: selected ? 0 : 10,\r\n            }}\r\n            css={css`\r\n              text-align: left;\r\n              font: normal normal normal 16px AktivGroteskRegular;\r\n              letter-spacing: 0.13px;\r\n              color: #2b2b2b;\r\n              opacity: 1;\r\n              text-transform: none;\r\n              float: left;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              width: 100%;\r\n            `}\r\n          >\r\n            {selected ? (\r\n              <span\r\n                css={css`\r\n                  padding-top: 8px;\r\n                `}\r\n              >\r\n                {selected.description}\r\n              </span>\r\n            ) : (\r\n              \"Alert type\"\r\n            )}\r\n            <FontAwesomeIcon\r\n              icon={faCaretDown}\r\n              style={{\r\n                color: \"#4C4C4C\",\r\n                fontSize: \"12px\",\r\n                marginLeft: 10,\r\n                marginTop: 5,\r\n                marginRight: 10,\r\n                float: \"right\",\r\n              }}\r\n            />\r\n          </a>\r\n        </Dropdown>\r\n      </div>\r\n    </Col>\r\n  );\r\n};\r\n","import { Col } from \"antd\";\r\nimport React from \"react\";\r\nimport { css } from \"@emotion/core\";\r\n\r\ninterface Props {\r\n  title: string;\r\n  detail: string;\r\n  isEmail: boolean;\r\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n}\r\nexport const CustomDetailView: React.FC<Props> = ({\r\n  title,\r\n  detail,\r\n  isEmail,\r\n  onChange,\r\n}) => {\r\n  return (\r\n    <div style={{ backgroundColor: \"#ffffff\" }}>\r\n      <div\r\n        css={css`\r\n          background: #eeeeee 0% 0% no-repeat padding-box;\r\n          border-radius: 4px 4px 0px 0px;\r\n          opacity: 1;\r\n          text-align: center;\r\n          padding: 12px 12px 0px 12px;\r\n          margin: 10px;\r\n          border-bottom-style: solid;\r\n          border-bottom-width: 1px;\r\n          align-items: center;\r\n          justify-content: center;\r\n        `}\r\n      >\r\n        <p\r\n          css={css`\r\n            color: var(--light-charcoal);\r\n            text-align: left;\r\n            font: normal normal normal 12px Interstate;\r\n            letter-spacing: 0px;\r\n            color: #4c4c4c;\r\n            text-transform: uppercase;\r\n            opacity: 1;\r\n            margin-bottom: 0px;\r\n            margin-top: -4px;\r\n          `}\r\n        >\r\n          {title}\r\n        </p>\r\n        <input\r\n          css={css`\r\n            height: auto;\r\n            width: 100%;\r\n            color: var(--dark-charcoal);\r\n            text-align: left;\r\n            letter-spacing: 0.13px;\r\n            font: normal normal normal 16px AktivGroteskRegular;\r\n            color: #2b2b2b;\r\n            opacity: 1;\r\n            text-transform: none;\r\n            border: 0px;\r\n            background: transparent;\r\n            align-items: left;\r\n            justify-content: center;\r\n            outline: none !important;\r\n            padding: 6px 0 10px;\r\n          `}\r\n          style={{ justifyItems: \"left\" }}\r\n          type={isEmail ? \"email\" : \"tel\"}\r\n          placeholder={detail === \"\" ? \"Enter your contact number\" : detail}\r\n          value={detail}\r\n          onChange={(e) => (onChange ? onChange(e) : null)}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","/* eslint-disable react/jsx-key */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { Col, Modal, Radio, Row, Spin, message, notification } from \"antd\";\r\nimport { useLazyQuery, useQuery } from \"@apollo/react-hooks\";\r\n\r\nimport { AlertDropdown } from \"../AlertList/AlertDropdown\";\r\nimport { CustomDetailView } from \"../../UI/CustomDetailView\";\r\nimport { RadioChangeEvent } from \"antd/lib/radio\";\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useAuthInfo } from \"../../../utils/customHooks\";\r\nimport { useState } from \"react\";\r\nimport { validateEmail } from \"../../../utils/validate\";\r\n\r\nconst PROFILE_QUERY = loader(\"../profile.graphql\");\r\nconst ADD_ALERT = loader(\"../addAlerts.graphql\");\r\n\r\nexport const ALERT_TYPES = [\r\n  { id: 1007, description: \"Sold\" },\r\n  { id: 1008, description: \"Purchased\" },\r\n  { id: 1004, description: \"Offer Received\" },\r\n  { id: 1005, description: \"Offer Placed\" },\r\n  { id: 1028, description: \"Bid Received\" },\r\n  { id: 1029, description: \"Bid Placed\" },\r\n  { id: 1006, description: \"Outbid Alert\" },\r\n  { id: 1016, description: \"Watchlist Item Live Alert\" },\r\n  { id: 3005, description: \"Transaction Status Update\" },\r\n  // { id: 1002, description: \"Wishlist Alert\" },\r\n];\r\n\r\nexport type AccountProp = {\r\n  accountName: string;\r\n  regDate: string;\r\n};\r\n\r\nexport type ProfileProp = {\r\n  firstName: string;\r\n  lastName: string;\r\n  phone: string;\r\n  mobile: string;\r\n  email: string;\r\n  address1: string;\r\n  address2: string;\r\n  city: string;\r\n  state: string;\r\n  country: string;\r\n  createdOn: string;\r\n  accountList: AccountProp[];\r\n};\r\n\r\nexport type AlertProp = {\r\n  alertId: number;\r\n  alertTypeId: number;\r\n  deviceAddress: string;\r\n  deviceModel: string;\r\n  deviceName: string;\r\n  deviceTypeId: number;\r\n  statusId: number;\r\n};\r\ntype Props = {\r\n  onCancel: () => void;\r\n  alertId?: number;\r\n};\r\nconst AlertFormModal: React.FC<Props> = ({ onCancel, alertId }) => {\r\n  let [profileData] = useState<any>({});\r\n\r\n  let [contactValue, setContactValue] = useState<number>(0);\r\n  const [alertTypeId, setAlertTypeId] = useState<number | null>(null);\r\n  const { mpId, apiKey } = useAuthInfo();\r\n  const [emailText, setEmailText] = React.useState(\"\");\r\n  const [mobileText, setMobileText] = React.useState(\"\");\r\n  const [alertType, setAlertType] = React.useState(false);\r\n\r\n  const [addAlert, { loading: addAlertLoading }] = useLazyQuery(ADD_ALERT, {\r\n    fetchPolicy: \"network-only\",\r\n    onCompleted: (response) => {\r\n      const wsStatus = _.get(response, \"alertResponse.wsStatus\", null);\r\n      if (wsStatus === \"Error\") {\r\n        const errorMessage = _.get(\r\n          response,\r\n          \"alertResponse.wsMessage\",\r\n          \"Something went wrong while updating\"\r\n        );\r\n        notification.open({\r\n          message: \"Error\",\r\n          description: errorMessage,\r\n          type: \"error\",\r\n        });\r\n      } else {\r\n        notification.open({\r\n          message: \"Success\",\r\n          description: \"Successfully created\",\r\n          type: \"success\",\r\n        });\r\n        onCancel();\r\n      }\r\n    },\r\n    onError: () => {\r\n      notification.open({\r\n        message: \"Error\",\r\n        description: \"Something went wrong while adding new alert\",\r\n        type: \"error\",\r\n      });\r\n    },\r\n  });\r\n\r\n  const { data: userResponse } = useQuery<{\r\n    userResponse: { user: ProfileProp };\r\n  }>(PROFILE_QUERY, {\r\n    variables: {\r\n      mpId: mpId,\r\n      apiKey: apiKey,\r\n    },\r\n    onCompleted: (userResponse) => {\r\n      if (userResponse) {\r\n        profileData = userResponse.userResponse.user;\r\n        setEmailText(profileData.email);\r\n        setMobileText(profileData.mobile);\r\n      }\r\n    },\r\n    onError: () => {\r\n      notification.open({\r\n        message: \"Error\",\r\n        description: \"Something went wrong while getting profile\",\r\n        type: \"warning\",\r\n      });\r\n    },\r\n  });\r\n  if (userResponse) {\r\n    profileData = userResponse.userResponse.user;\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (alertId) {\r\n      setAlertTypeId(alertId);\r\n    }\r\n  }, []);\r\n\r\n  const onChangeRadio = (e: RadioChangeEvent) => {\r\n    setContactValue(e.target.value);\r\n  };\r\n\r\n  return (\r\n    <Modal\r\n      title=\"Add Alert\"\r\n      css={css`\r\n        text-align: left;\r\n        font: normal normal normal 24px InterstateBold;\r\n        letter-spacing: 0px;\r\n        color: #2b2b2b;\r\n        text-transform: uppercase;\r\n        opacity: 1;\r\n        @media (max-width: ${breakpoints.sm}) {\r\n          padding-top: 100px;\r\n        }\r\n        .ant-modal-header {\r\n          min-height: 53px;\r\n        }\r\n      `}\r\n      visible={true}\r\n      closable={false}\r\n      onOk={() => {\r\n        if (alertTypeId && contactValue) {\r\n          if (contactValue === 1 && !emailText.trim()) {\r\n            message.warn(\"Email address is required\");\r\n          } else if (contactValue === 1 && !validateEmail(emailText)) {\r\n            message.warn(\"Email is not valid\");\r\n          } else if (contactValue !== 1 && !mobileText.trim()) {\r\n            message.warn(\"Phone number is required\");\r\n          } else {\r\n            addAlert({\r\n              variables: {\r\n                apiKey: apiKey,\r\n                mpId: mpId,\r\n                deviceAddress:\r\n                  contactValue === 1 ? `${emailText}` : `${mobileText}`,\r\n                alertTypeIds: `${alertTypeId}`,\r\n                deviceTypeId: contactValue,\r\n              },\r\n            });\r\n            setContactValue(0);\r\n            setAlertType(!alertType);\r\n          }\r\n        }\r\n      }}\r\n      onCancel={() => {\r\n        onCancel();\r\n        setContactValue(0);\r\n        setAlertType(!alertType);\r\n      }}\r\n      okText={\"Create\"}\r\n      okButtonProps={{\r\n        style: {\r\n          backgroundColor: \"white\",\r\n          color: alertTypeId && contactValue ? \"#1B51CF\" : \"#9E9E9E\",\r\n          border: 0,\r\n          boxShadow: \"none\",\r\n          fontFamily: \"AktivGroteskRegular\",\r\n        },\r\n      }}\r\n      cancelButtonProps={{\r\n        style: {\r\n          backgroundColor: \"white\",\r\n          color: \"#2B2B2B\",\r\n          border: 0,\r\n          boxShadow: \"none\",\r\n          fontFamily: \"AktivGroteskRegular\",\r\n        },\r\n      }}\r\n    >\r\n      <Spin spinning={addAlertLoading}>\r\n        <Row\r\n          css={css`\r\n            width: 100%;\r\n            margin-top: -30px;\r\n            @media (max-width: ${breakpoints.sm}) {\r\n              margin-top: -20px;\r\n            }\r\n          `}\r\n          gutter={0}\r\n        >\r\n          <AlertDropdown\r\n            selectedAlertType={_.find(ALERT_TYPES, (o) => {\r\n              return o.id === alertId;\r\n            })}\r\n            onChange={(id) => {\r\n              setAlertTypeId(id);\r\n            }}\r\n            alertType={alertType}\r\n          />\r\n          <Col\r\n            lg={9}\r\n            css={css`\r\n              background: #ffffff;\r\n              padding: 10px;\r\n            `}\r\n          >\r\n            <p\r\n              css={css`\r\n                color: var(--light-charcoal);\r\n                text-align: left;\r\n                font: normal normal normal 14px Interstate;\r\n                letter-spacing: 0px;\r\n                color: #4c4c4c;\r\n                text-transform: uppercase;\r\n                opacity: 1;\r\n              `}\r\n            >\r\n              Contact Method\r\n            </p>\r\n            <Radio.Group onChange={onChangeRadio} value={contactValue}>\r\n              <Radio\r\n                css={css`\r\n                  text-transform: none;\r\n                  color: var(--dark-charcoal);\r\n                  font: normal normal normal 14px AktivGroteskRegular;\r\n                  letter-spacing: 0.13px;\r\n                  color: #2b2b2b;\r\n                  opacity: 1;\r\n                `}\r\n                value={1}\r\n              >\r\n                Email\r\n              </Radio>\r\n              <Radio\r\n                css={css`\r\n                  text-transform: none;\r\n                  color: var(--dark-charcoal);\r\n                  font: normal normal normal 14px AktivGroteskRegular;\r\n                  letter-spacing: 0.13px;\r\n                  color: #2b2b2b;\r\n                  opacity: 1;\r\n                `}\r\n                value={6}\r\n              >\r\n                Text\r\n              </Radio>\r\n            </Radio.Group>\r\n          </Col>\r\n        </Row>\r\n        {contactValue === 1 && (\r\n          <div\r\n            css={css`\r\n              margin-top: 15px;\r\n            `}\r\n          >\r\n            <CustomDetailView\r\n              title={\"Email Address\"}\r\n              detail={emailText}\r\n              isEmail={true}\r\n              onChange={(e) => setEmailText(e.target.value)}\r\n            />\r\n          </div>\r\n        )}\r\n        {contactValue === 6 && (\r\n          <div\r\n            css={css`\r\n              margin-top: 15px;\r\n            `}\r\n          >\r\n            <CustomDetailView\r\n              title={\"Phone Number\"}\r\n              detail={mobileText}\r\n              isEmail={false}\r\n              onChange={(e) => setMobileText(e.target.value)}\r\n            />\r\n          </div>\r\n        )}\r\n      </Spin>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default AlertFormModal;\r\n","const hasValidCharactersLength = (value: string) => value.length >= 6;\r\n\r\nconst hasOneLowercaseCharacter = (value: string) => {\r\n  const regex = /^(?=.*[a-z]).+$/;\r\n  return regex.test(value);\r\n};\r\n\r\nconst hasOneUppercaseCharacter = (value: string) => {\r\n  const regex = /^(?=.*[A-Z]).+$/;\r\n\r\n  return regex.test(value);\r\n};\r\n\r\nconst hasOneNumeric = (value: string) => {\r\n  const regex = /^(?=.*\\d).+$/;\r\n\r\n  return regex.test(value);\r\n};\r\n\r\nconst validatePasswordPattern = (value: string) => {\r\n  return {\r\n    validLength: hasValidCharactersLength(value),\r\n    oneLowerCase: hasOneLowercaseCharacter(value),\r\n    oneUpperCase: hasOneUppercaseCharacter(value),\r\n    oneNumeric: hasOneNumeric(value),\r\n  };\r\n};\r\n\r\nexport const validatePassword = (value: string) => {\r\n  let message = \"\";\r\n\r\n  if (value !== undefined) {\r\n    const result = validatePasswordPattern(value);\r\n\r\n    if (!result.validLength) {\r\n      message += \"six characters\";\r\n    }\r\n    if (!result.oneLowerCase) {\r\n      message.length > 0\r\n        ? (message += \", one lowercase character\")\r\n        : (message += \"one lowercase character\");\r\n    }\r\n    if (!result.oneUpperCase) {\r\n      message.length > 0\r\n        ? (message += \", one uppercase character\")\r\n        : (message += \"one uppercase character\");\r\n    }\r\n    if (!result.oneNumeric) {\r\n      message.length > 0\r\n        ? (message += \", one numeric character\")\r\n        : (message += \"one numeric character\");\r\n    }\r\n    if (message.length > 0) {\r\n      message += \".\";\r\n    }\r\n  }\r\n\r\n  return message;\r\n};\r\n\r\nexport const validateEmail = (email: string) => {\r\n  if (\r\n    /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(\r\n      email\r\n    )\r\n  ) {\r\n    return true;\r\n  }\r\n  return false;\r\n};\r\n","\r\ninterface GetVehicleDetailUrlType {\r\n    itemId: string | number; \r\n    year?: string | number; \r\n    make?: string; \r\n    model?: string; \r\n}\r\n\r\nfunction getRedirectUrl  () {\r\n    if(window.location){\r\n        if(window.location.pathname === '/buy' && window.location.search != ''){\r\n            return `?redirect=${window.location.pathname}${window.location.search}`;\r\n        }\r\n    }\r\n    return '';\r\n}\r\n\r\nexport default function getVehicleDetailUrl ({itemId,year, make, model }: GetVehicleDetailUrlType){\r\n    const redirectUrl = getRedirectUrl();\r\n    if(year || make || model){\r\n        const items =  [ year, make, model].filter(item => item !== undefined);\r\n        const listingName = items.join('-').split(\" \").join(\"-\").split('/').join('');\r\n        console.log()\r\n        if(window)\r\n        return `/item/${itemId}/${listingName}${redirectUrl}`;\r\n    } \r\n    return `/item/${itemId}${redirectUrl}`;\r\n    \r\n}","interface ConfigType {\r\n  DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: number; // number of items to show in the home page rows. Ex: watch-list\r\n  MARKET_PLACE_ID: string;\r\n  REACT_APP_GTM_ID: string;\r\n  DEFAULT_TIME_ZONE: string; //https://momentjs.com/timezone/docs/#/using-timezones/formatting/\r\n\r\n  IAS_CONNECT_ENDPOINT: string;\r\n\r\n  API_ENDPOINT: string;\r\n  GRAPHQL_ENDPOINT: string;\r\n  CO_URL: string;\r\n  MEDIA_UPLOAD_URL: string;\r\n  SF_URL: string;\r\n\r\n  PRIVATE_USERS: string[];\r\n\r\n  LISTING_ELASTIC_APP: string;\r\n  LISTING_ELASTIC_CREDENTIAL: string;\r\n  LISTING_ELASTIC_LINK: string;\r\n  EVENT_ELASTIC_APP: string;\r\n  EVENT_ELASTIC_CREDENTIAL: string;\r\n  EVENT_ELASTIC_LINK: string;\r\n\r\n  MARKET_PLACE_ELASTIC_APP: string;\r\n  MARKET_PLACE_ELASTIC_CREDENTIAL: string;\r\n  MARKET_PLACE_ELASTIC_LINK: string;\r\n  FROM_NOW_DAYS_FOR_RECENT: number;\r\n\r\n  SIGNALR_URL: string;\r\n  SIGNALR_CALLBACK_INVOKING_DELAY_MS: number;\r\n  MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: number;\r\n  MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: number;\r\n\r\n  LINK_CONTACT_US: string;\r\n  LINK_HOW_TO_VIDEOS: string;\r\n  LINK_TERMS_AND_CONDITION: string;\r\n  AUCTION_POLICY: string;\r\n  LINK_FAQ: string;\r\n}\r\n\r\ninterface EnvironmentVariableListType {\r\n  [host: string]: ConfigType;\r\n}\r\n\r\nconst HOST_NAME = window.location.hostname; // Get current domain\r\n\r\nconst configurationList: EnvironmentVariableListType = {\r\n  default: {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n    MARKET_PLACE_ID: \"403\",\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n    API_ENDPOINT: \"https://v2pproddealerdirectapi.rumbleon.com/api/services\",\r\n    PRIVATE_USERS: [\"1087663\", \"1087664\", \"1087665\"],\r\n    GRAPHQL_ENDPOINT: \"https://v2pproddealerdirectapi.rumbleon.com/graphql\",\r\n    CO_URL: \"https://v4pprodcashoffer.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"https://v4pprodcashoffer.rumbleon.com\",\r\n    SF_URL: \"https://v4pprodsfapi.rumbleon.com\",\r\n    IAS_CONNECT_ENDPOINT: \"https://v4pproddealer.rumbleon.com/auth/sign-in\",\r\n    LISTING_ELASTIC_APP: \"v2ddpp-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-pp-rw:ycrq5ULGVJ\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://dffc02afc6ba4a4b8ff3dafb6e86a20d.us-east-1.aws.found.io:9243\",\r\n    EVENT_ELASTIC_APP: \"v2ddpp-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-pp-rw:ycrq5ULGVJ\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://dffc02afc6ba4a4b8ff3dafb6e86a20d.us-east-1.aws.found.io:9243\",\r\n    MARKET_PLACE_ELASTIC_APP: \"v2ddpp-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-pp-rw:ycrq5ULGVJ\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://dffc02afc6ba4a4b8ff3dafb6e86a20d.us-east-1.aws.found.io:9243\",\r\n    SIGNALR_URL: \"https://v2pproddealerdirect.rumbleon.com/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 3,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n\r\n    // FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    // DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    // DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n    // MARKET_PLACE_ID: \"403\",\r\n    // PRIVATE_USERS: [\"1086980\", \"1086985\", \"1086983\"],\r\n    // REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n    // API_ENDPOINT: \"https://v2dealerdirectapi.rumbleon.com/api/services\",\r\n    // GRAPHQL_ENDPOINT: \"https://v2dealerdirectapi.rumbleon.com/graphql\",\r\n    // CO_URL: \"https://cashoffer.rumbleon.com\",\r\n    // SF_URL: \"https://v4pprodsfapi.rumbleon.com\",\r\n    // MEDIA_UPLOAD_URL: \"https://cashoffer.rumbleon.com\",\r\n    // IAS_CONNECT_ENDPOINT: \"https://dealer.rumbleon.com/auth/sign-in\",\r\n    // LISTING_ELASTIC_APP: \"v2ddprod-listing\",\r\n    // LISTING_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    // LISTING_ELASTIC_LINK:\r\n    //   \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    // EVENT_ELASTIC_APP: \"v2ddprod-event\",\r\n    // EVENT_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    // EVENT_ELASTIC_LINK:\r\n    //   \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    // MARKET_PLACE_ELASTIC_APP: \"v2ddprod-marketplace\",\r\n    // MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    // MARKET_PLACE_ELASTIC_LINK:\r\n    //   \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    // SIGNALR_URL: \"https://dealerdirect.rumbleon.com/realtimeapp\",\r\n    // SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    // MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 25,\r\n    // MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n    // LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    // LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    // LINK_HOW_TO_VIDEOS:\r\n    //   \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    // LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    // AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n  \"v2bwdealerdirect.rmbl.bike\": {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n\r\n    MARKET_PLACE_ID: \"403\",\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n\r\n    API_ENDPOINT: \"https://v2bwdealerdirectapi.rmbl.bike/api/services\",\r\n    GRAPHQL_ENDPOINT: \"https://v2bwdealerdirectapi.rmbl.bike/graphql\",\r\n    CO_URL: \"https://v4pprodcashoffer.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"\",\r\n    SF_URL: \"\",\r\n    PRIVATE_USERS: [],\r\n\r\n    IAS_CONNECT_ENDPOINT: \"https://v4qadealer.rumbleon.com/auth/sign-in\",\r\n\r\n    LISTING_ELASTIC_APP: \"dealerdirectdev-bw-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-dev-bw-ro:fJ4wEnS8xp\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    EVENT_ELASTIC_APP: \"dealerdirectdev-bw-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-dev-bw-ro:fJ4wEnS8xp\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    MARKET_PLACE_ELASTIC_APP: \"dealerdirectdev-bw-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-dev-bw-ro:fJ4wEnS8xp\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    SIGNALR_URL: \"https://v2bwdealerdirect.rmbl.bike/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 25,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n  \"v2devdealerdirect.rumbleon.com\": {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n\r\n    MARKET_PLACE_ID: \"403\",\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n\r\n    API_ENDPOINT: \"https://v2devdealerdirectapi.rumbleon.com/api/services\",\r\n    GRAPHQL_ENDPOINT: \"https://v2devdealerdirectapi.rumbleon.com/graphql\",\r\n    CO_URL: \"https://v4devcashoffer.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"https://v4devcashoffer.rumbleon.com\",\r\n    SF_URL: \"https://v4devsfapi.rumbleon.com\",\r\n    PRIVATE_USERS: [],\r\n\r\n    IAS_CONNECT_ENDPOINT: \"https://v4devdealer.rumbleon.com/auth/sign-in\",\r\n\r\n    LISTING_ELASTIC_APP: \"v2dddev-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-dev-qa-rw:UmdmTD6CSB\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    EVENT_ELASTIC_APP: \"v2dddev-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-dev-qa-rw:UmdmTD6CSB\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    MARKET_PLACE_ELASTIC_APP: \"v2dddev-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-dev-qa-rw:UmdmTD6CSB\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    SIGNALR_URL: \"https://v2bwdealerdirect.rmbl.bike/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 25,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n  \"demodealerdirect.rumbleon.com\": {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n    MARKET_PLACE_ID: \"403\",\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n    PRIVATE_USERS: [],\r\n    API_ENDPOINT: \"https://demodealerdirectapi.rumbleon.com/api/services\",\r\n    GRAPHQL_ENDPOINT: \"https://demodealerdirectapi.rumbleon.com/graphql\",\r\n    CO_URL: \"https://democashoffer.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"https://democashoffer.rumbleon.com\",\r\n    SF_URL: \"https://demosfapi.rumbleon.com\",\r\n    IAS_CONNECT_ENDPOINT: \"https://demodealer.rumbleon.com/auth/sign-in\",\r\n    LISTING_ELASTIC_APP: \"v2dddemo-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-demo-rw:WBshLp57Cd\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    EVENT_ELASTIC_APP: \"v2dddemo-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-demo-rw:WBshLp57Cd\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    MARKET_PLACE_ELASTIC_APP: \"v2dddemo-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-demo-rw:WBshLp57Cd\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    SIGNALR_URL: \"https://demodealerdirect.rumbleon.com/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 3,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n  \"v2qadealerdirect.rumbleon.com\": {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n\r\n    MARKET_PLACE_ID: \"403\",\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n    PRIVATE_USERS: [],\r\n\r\n    API_ENDPOINT: \"https://v2qadealerdirectapi.rumbleon.com/api/services\",\r\n    GRAPHQL_ENDPOINT: \"https://v2qadealerdirectapi.rumbleon.com/graphql\",\r\n    CO_URL: \"https://v4qacashoffer.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"https://v4qacashoffer.rumbleon.com\",\r\n    SF_URL: \"https://v4qadsfapi.rumbleon.com\",\r\n\r\n    IAS_CONNECT_ENDPOINT: \"https://ddv2qadealer.rumbleon.com/auth/sign-in\",\r\n\r\n    LISTING_ELASTIC_APP: \"v2ddqa-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-dev-qa-rw:UmdmTD6CSB\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    EVENT_ELASTIC_APP: \"v2ddqa-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-dev-qa-rw:UmdmTD6CSB\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    MARKET_PLACE_ELASTIC_APP: \"v2ddqa-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-dev-qa-rw:UmdmTD6CSB\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://f083d17c0b344911a8d6deeca1ef4659.us-east-1.aws.found.io:9243\",\r\n\r\n    SIGNALR_URL: \"https://v2qadealerdirect.rumbleon.com/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 3,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n  \"v2pproddealerdirect.rumbleon.com\": {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n    MARKET_PLACE_ID: \"403\",\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n    PRIVATE_USERS: [\"1087663\", \"1087664\", \"1087665\"],\r\n    API_ENDPOINT: \"https://v2pproddealerdirectapi.rumbleon.com/api/services\",\r\n    GRAPHQL_ENDPOINT: \"https://v2pproddealerdirectapi.rumbleon.com/graphql\",\r\n    CO_URL: \"https://v4pprodcashoffer.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"https://v4pprodcashoffer.rumbleon.com\",\r\n    SF_URL: \"https://v4pprodsfapi.rumbleon.com\",\r\n    IAS_CONNECT_ENDPOINT: \"https://v4pproddealer.rumbleon.com/auth/sign-in\",\r\n    LISTING_ELASTIC_APP: \"v2ddpp-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-pp-rw:ycrq5ULGVJ\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://dffc02afc6ba4a4b8ff3dafb6e86a20d.us-east-1.aws.found.io:9243\",\r\n    EVENT_ELASTIC_APP: \"v2ddpp-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-pp-rw:ycrq5ULGVJ\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://dffc02afc6ba4a4b8ff3dafb6e86a20d.us-east-1.aws.found.io:9243\",\r\n    MARKET_PLACE_ELASTIC_APP: \"v2ddpp-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-pp-rw:ycrq5ULGVJ\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://dffc02afc6ba4a4b8ff3dafb6e86a20d.us-east-1.aws.found.io:9243\",\r\n    SIGNALR_URL: \"https://v2pproddealerdirect.rumbleon.com/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 3,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n  \"v2dealerdirect.rumbleon.com\": {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n    MARKET_PLACE_ID: \"403\",\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n    PRIVATE_USERS: [\"1086980\", \"1086985\", \"1086983\"],\r\n    API_ENDPOINT: \"https://v2dealerdirectapi.rumbleon.com/api/services\",\r\n    GRAPHQL_ENDPOINT: \"https://v2dealerdirectapi.rumbleon.com/graphql\",\r\n    CO_URL: \"https://cashoffer.rumbleon.com\",\r\n    SF_URL: \"https://sfapi.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"https://cashoffer.rumbleon.com\",\r\n    IAS_CONNECT_ENDPOINT: \"https://ddv2dealer.rumbleon.com/auth/sign-in\",\r\n    LISTING_ELASTIC_APP: \"v2ddprod-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    EVENT_ELASTIC_APP: \"v2ddprod-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    MARKET_PLACE_ELASTIC_APP: \"v2ddprod-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    SIGNALR_URL: \"https://v2dealerdirect.rumbleon.com/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 25,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n  \"dealerdirect.rumbleon.com\": {\r\n    FROM_NOW_DAYS_FOR_RECENT: 30,\r\n    DEFAULT_ITEMS_PER_ROW_IN_HOME_PAGE: 12,\r\n    DEFAULT_TIME_ZONE: \"America/Los_Angeles\",\r\n    MARKET_PLACE_ID: \"403\",\r\n    PRIVATE_USERS: [\"1086980\", \"1086985\", \"1086983\"],\r\n    REACT_APP_GTM_ID: \"GTM-NLTX2F8\",\r\n    API_ENDPOINT: \"https://v2dealerdirectapi.rumbleon.com/api/services\",\r\n    GRAPHQL_ENDPOINT: \"https://v2dealerdirectapi.rumbleon.com/graphql\",\r\n    CO_URL: \"https://cashoffer.rumbleon.com\",\r\n    SF_URL: \"https://sfapi.rumbleon.com\",\r\n    MEDIA_UPLOAD_URL: \"https://cashoffer.rumbleon.com\",\r\n    IAS_CONNECT_ENDPOINT: \"https://dealer.rumbleon.com/auth/sign-in\",\r\n    LISTING_ELASTIC_APP: \"v2ddprod-listing\",\r\n    LISTING_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    LISTING_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    EVENT_ELASTIC_APP: \"v2ddprod-event\",\r\n    EVENT_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    EVENT_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    MARKET_PLACE_ELASTIC_APP: \"v2ddprod-marketplace\",\r\n    MARKET_PLACE_ELASTIC_CREDENTIAL: \"roias-prod-rw:WBshLp57Cd\",\r\n    MARKET_PLACE_ELASTIC_LINK:\r\n      \"https://b9bff4f64d8c49488791b9c344a8d05f.us-east-1.aws.found.io:9243\",\r\n    SIGNALR_URL: \"https://dealerdirect.rumbleon.com/realtimeapp\",\r\n    SIGNALR_CALLBACK_INVOKING_DELAY_MS: 6000,\r\n    MINIMUM_ONLINE_BIDDERS_TO_DISPLAY_LABEL: 25,\r\n    MINIMUM_MARKET_PLACES_TO_VIEW_MARKEE: 6,\r\n    LINK_CONTACT_US: \"https://odoo.rumbleon.com/page/contactus\",\r\n    LINK_FAQ: \"https://odoo.rumbleon.com/page/faq\",\r\n    LINK_HOW_TO_VIDEOS:\r\n      \"https://odoo.rumbleon.com/slides/how-to-videos-1/video\",\r\n    LINK_TERMS_AND_CONDITION: \"https://odoo.rumbleon.com/page/user-agreement\",\r\n    AUCTION_POLICY: \"https://odoo.rumbleon.com/page/auctionpolicy\",\r\n  },\r\n};\r\n\r\ninterface GetConfig extends ConfigType {\r\n  MARKET_PLACE_ELASTIC_URL: string;\r\n  EVENT_ELASTIC_URL: string;\r\n  LISTING_ELASTIC_URL: string;\r\n}\r\n\r\nfunction getConfig(): GetConfig {\r\n  let configuration = configurationList.default;\r\n\r\n  if (configurationList[HOST_NAME]) {\r\n    configuration = configurationList[HOST_NAME];\r\n  }\r\n  const updatedConfig: GetConfig = {\r\n    ...configuration,\r\n    MARKET_PLACE_ELASTIC_URL: `${configuration.LISTING_ELASTIC_LINK}/${configuration.LISTING_ELASTIC_APP}`,\r\n    EVENT_ELASTIC_URL: `${configuration.EVENT_ELASTIC_LINK}/${configuration.EVENT_ELASTIC_APP}`,\r\n    LISTING_ELASTIC_URL: `${configuration.LISTING_ELASTIC_LINK}/${configuration.LISTING_ELASTIC_APP}`,\r\n  };\r\n\r\n  return updatedConfig;\r\n}\r\n\r\nconst environmentVariableList = getConfig();\r\nexport default environmentVariableList;\r\n","/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\ntype Action =\r\n  | { type: \"POST_LOGIN_SUCCESS\"; args: any }\r\n  | { type: \"LOG_OUT\" }\r\n  | { type: \"SOFT_LOGOUT\" }\r\n  | { type: \"SHOW_LOGIN\" }\r\n  | { type: \"HIDE_AUTH_POPUP\" };\r\n\r\ntype Dispatch = (action: Action) => void;\r\ntype State = {\r\n  loginVisible: boolean;\r\n  signupVisible: boolean;\r\n  isLoggedIn?: boolean;\r\n  isModerator: boolean;\r\n  IsLegacyUser?: boolean;\r\n  UserNotificationPreferences?: string;\r\n  apiKey?: string;\r\n  refreshToken?: string;\r\n  firstName?: string;\r\n  lastName?: string;\r\n  mpId?: number;\r\n  expiresOn?: string;\r\n  accountId?: number;\r\n  userId?: string;\r\n  username?: string;\r\n  enableSelling?: boolean;\r\n  accountList?: {\r\n    accountId: number;\r\n    accountName: string;\r\n    accountNumber: string;\r\n    zipcode: string;\r\n    userId: string | number;\r\n    enableSelling: boolean;\r\n  }[];\r\n};\r\ntype AuthPopupProviderProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst AuthPopupStateContext = React.createContext<State>({\r\n  loginVisible: false,\r\n  signupVisible: false,\r\n  IsLegacyUser: false,\r\n  isLoggedIn: false,\r\n  isModerator: false,\r\n  UserNotificationPreferences: \"1\",\r\n  enableSelling: false,\r\n});\r\n\r\nconst AuthPopupDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\n\r\nconst localStorageKey = \"AUTH_LOCAL_STORAGE_KEY\";\r\nlet localAuthState = {\r\n  loginVisible: false,\r\n  signupVisible: false,\r\n  isLoggedIn: false,\r\n  isModerator: false,\r\n  apiKey: undefined,\r\n  mpId: undefined,\r\n  accountId: undefined,\r\n  userId: undefined,\r\n  accountList: [],\r\n  enableSelling: false,\r\n};\r\ntry {\r\n  localAuthState = JSON.parse(localStorage.getItem(localStorageKey) || \"{}\");\r\n} catch (error) {\r\n  console.error(\"Parse local state failed\");\r\n}\r\nconst AuthPopupReducer = (state: State, action: Action) => {\r\n  switch (action.type) {\r\n    case \"SHOW_LOGIN\":\r\n      return {\r\n        ...state,\r\n        loginVisible: true,\r\n        signupVisible: false,\r\n      };\r\n    case \"HIDE_AUTH_POPUP\":\r\n      return {\r\n        ...state,\r\n        loginVisible: false,\r\n        signupVisible: false,\r\n      };\r\n    case \"POST_LOGIN_SUCCESS\": {\r\n      const localStoreData = {\r\n        apiKey: action.args.apiKey,\r\n        expiresOn: action.args.expiresOn,\r\n        refreshToken: action.args.refreshToken,\r\n        mpId: action.args.mpId,\r\n        accountId: action.args.user.accountId,\r\n        userId: action.args.user.userId,\r\n        username: action.args.user.username,\r\n        firstName: action.args.user.firstName,\r\n        lastName: action.args.user.lastName,\r\n        accountList: action.args.user.accountList || [],\r\n        enableSelling: action.args.user.enableSelling,\r\n      };\r\n      localStorage.setItem(localStorageKey, JSON.stringify(localStoreData));\r\n      return {\r\n        ...state,\r\n        signupVisible: false,\r\n        loginVisible: false,\r\n        isLoggedIn: true,\r\n        accountNumber: action.args.user.accountNumber,\r\n        marketplaceId: action.args.user.marketplaceId,\r\n        ...localStoreData,\r\n      };\r\n    }\r\n    case \"LOG_OUT\":\r\n      return {\r\n        signupVisible: false,\r\n        loginVisible: false,\r\n        isLoggedIn: false,\r\n        isModerator: false,\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst AuthPopupContextProvider = ({ children }: AuthPopupProviderProps) => {\r\n  const [state, dispatch] = React.useReducer(AuthPopupReducer, localAuthState);\r\n  React.useEffect(() => {\r\n    localStorage.setItem(\r\n      localStorageKey,\r\n      JSON.stringify({\r\n        ...state,\r\n        loginVisible: false,\r\n        signupVisible: false,\r\n      })\r\n    );\r\n  });\r\n  return (\r\n    <AuthPopupStateContext.Provider value={state}>\r\n      <AuthPopupDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </AuthPopupDispatchContext.Provider>\r\n    </AuthPopupStateContext.Provider>\r\n  );\r\n};\r\nconst useAuthPopupState = () => {\r\n  const context = React.useContext(AuthPopupStateContext);\r\n\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useAuthPopupContext must be used within a AuthPopupContextProvider\"\r\n    );\r\n  }\r\n  const storedData = localStorage.getItem(localStorageKey);\r\n  const updatedStorage = storedData ? JSON.parse(storedData) : {};\r\n  return { ...context, ...updatedStorage };\r\n};\r\n\r\nconst useAuthPopupDispatch = () => {\r\n  const context = React.useContext(AuthPopupDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useAuthPopupDispatch must be used within a AuthPopupContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport { AuthPopupContextProvider, useAuthPopupState, useAuthPopupDispatch };\r\n","import { ClosestDealersResult, Maybe } from \"../generated/graphql\";\r\n\r\nimport React from \"react\";\r\n\r\ntype State = {\r\n  showFinancePrequalModal?: boolean;\r\n  showFinanceNonTCIStateModal?: boolean;\r\n  showAcceptOfferSuccessModal?: boolean;\r\n  showCashOfferVideoModal?: boolean;\r\n  showRequestInfoModal?: boolean;\r\n  showShareModal?: boolean;\r\n  eventInfo?: string;\r\n  closestDealers?: Maybe<ClosestDealersResult>[] | undefined;\r\n  selectedESPage?: number;\r\n  selectedDealershipESPage?: number;\r\n  showEventInfo?: boolean;\r\n  showAcceptTOUModal?: boolean;\r\n  showAcceptFinanceOptInModal?: boolean;\r\n};\r\n\r\ntype Action =\r\n  | { type: \"SHOW_FINANCE_MODAL\"; args: State | false }\r\n  | { type: \"HIDE_FINANCE_MODAL\"; args: State | false }\r\n  | { type: \"SHOW_FINANCE_NON_TCISTATE_MODAL\"; args: State | false }\r\n  | { type: \"HIDE_FINANCE_NON_TCISTATE_MODAL\"; args: State | false }\r\n  | { type: \"SHOW_ACCEPT_OFFER_SUCCESS_MODAL\"; args: State | false }\r\n  | { type: \"HIDE_ACCEPT_OFFER_SUCCESS_MODAL\"; args: State | false }\r\n  | { type: \"SHOW_EVENT_INFO_MODAL\"; args: State | false }\r\n  | { type: \"HIDE_EVENT_INFO_MODAL\"; args: State | false }\r\n  | { type: \"SHOW_REQUEST_INFO_MODAL\"; args: State | false }\r\n  | { type: \"HIDE_REQUEST_INFO_MODAL\"; args: State | false }\r\n  | { type: \"SHOW_SHARE_MODAL\"; args: State | false }\r\n  | { type: \"HIDE_SHARE_MODAL\"; args: State | false }\r\n  | { type: \"SET_ES_PAGE\"; args: State }\r\n  | { type: \"RESET_ES_PAGE\"; args: State }\r\n  | { type: \"SET_DEALERSHIP_PAGE\"; args: State }\r\n  | { type: \"RESET_DEALERSHIP_PAGE\"; args: State }\r\n  | { type: \"SHOW_ACCEPT_TOU\"; args: State | false }\r\n  | { type: \"HIDE_ACCEPT_TOU\"; args: State | false }\r\n  | { type: \"SHOW_ACCEPT_FINANCE_OPT_IN_LANGUAGE\"; args: State | false }\r\n  | { type: \"HIDE_ACCEPT_FINANCE_OPT_IN_LANGUAGE\"; args: State | false }\r\n  | { type: \"SHOW_CASH_OFFER_VIDEO_MODAL\"; args: State | false }\r\n  | { type: \"HIDE_CASH_OFFER_VIDEO_MODAL\"; args: State | false };\r\n\r\ntype Dispatch = (action: Action) => void;\r\ntype ModalFlowContextProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst ModalFlowStateContext = React.createContext<State | undefined>(undefined);\r\n\r\nconst ModalFlowDispatchContext = React.createContext<Dispatch | undefined>(\r\n  undefined\r\n);\r\nconst localStorageKey = \"MODAL_FLOW_LOCAl_STORAGE_KEY\";\r\n\r\nlet localModalFlowState = {};\r\ntry {\r\n  localModalFlowState = JSON.parse(\r\n    localStorage.getItem(localStorageKey) || \"{}\"\r\n  );\r\n} catch (error) {\r\n  console.error(\"Parse local state failed\");\r\n}\r\nconst ModalFlowContextReducer = (state: State, action: Action) => {\r\n  switch (action.type) {\r\n    case \"SHOW_FINANCE_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_FINANCE_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_FINANCE_NON_TCISTATE_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_FINANCE_NON_TCISTATE_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_EVENT_INFO_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_EVENT_INFO_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_REQUEST_INFO_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_REQUEST_INFO_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_ACCEPT_OFFER_SUCCESS_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_ACCEPT_OFFER_SUCCESS_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_SHARE_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_SHARE_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SET_ES_PAGE\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_ACCEPT_TOU\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_ACCEPT_TOU\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_ACCEPT_FINANCE_OPT_IN_LANGUAGE\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_ACCEPT_FINANCE_OPT_IN_LANGUAGE\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"SHOW_CASH_OFFER_VIDEO_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    case \"HIDE_CASH_OFFER_VIDEO_MODAL\":\r\n      return {\r\n        ...state,\r\n        ...action.args,\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst ModalFlowContextProvider = ({ children }: ModalFlowContextProps) => {\r\n  const [state, dispatch] = React.useReducer(\r\n    ModalFlowContextReducer,\r\n    localModalFlowState\r\n  );\r\n  React.useEffect(() => {\r\n    // save  flow info to local storage\r\n    localStorage.setItem(localStorageKey, JSON.stringify(state));\r\n  }, [state]);\r\n  return (\r\n    <ModalFlowStateContext.Provider value={state}>\r\n      <ModalFlowDispatchContext.Provider value={dispatch}>\r\n        {children}\r\n      </ModalFlowDispatchContext.Provider>\r\n    </ModalFlowStateContext.Provider>\r\n  );\r\n};\r\n\r\nconst useModalFlowState = () => {\r\n  const context = React.useContext(ModalFlowStateContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useModalFlowState must be used within a ModalFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useModalFlowDispatch = () => {\r\n  const context = React.useContext(ModalFlowDispatchContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      \"useModalFlowDispatch must be used within a ModalFlowContextProvider\"\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport { ModalFlowContextProvider, useModalFlowState, useModalFlowDispatch };\r\n","export const breakpoints = {\r\n  sm: \"576px\",\r\n  md: \"875px\",\r\n  mid: \"1488px\",\r\n  lg: \"1800px\",\r\n\r\n  smInt: 576,\r\n  mdInt: 875,\r\n  midInt: 1488,\r\n  lgInt: 1800,\r\n};\r\nexport const fontFamilies = {\r\n  AktivGroteskBold: \"AktivGroteskBold\",\r\n  AktivGroteskMedium: \"AktivGroteskMedium\",\r\n  AktivGroteskRegular: \"AktivGroteskRegular\",\r\n  InterstateBold: \"InterstateBold\",\r\n};\r\n\r\nexport const colorList = [\r\n  {\r\n    colorId: 1,\r\n    colorName: \"Black\",\r\n  },\r\n  {\r\n    colorId: 2,\r\n    colorName: \"Blue\",\r\n  },\r\n  {\r\n    colorId: 3,\r\n    colorName: \"Red\",\r\n  },\r\n  {\r\n    colorId: 4,\r\n    colorName: \"Brown\",\r\n  },\r\n  {\r\n    colorId: 5,\r\n    colorName: \"White\",\r\n  },\r\n  {\r\n    colorId: 6,\r\n    colorName: \"Gray\",\r\n  },\r\n  {\r\n    colorId: 7,\r\n    colorName: \"Silver\",\r\n  },\r\n  {\r\n    colorId: 8,\r\n    colorName: \"Green\",\r\n  },\r\n  {\r\n    colorId: 9,\r\n    colorName: \"Orange\",\r\n  },\r\n  {\r\n    colorId: 10,\r\n    colorName: \"Yellow\",\r\n  },\r\n  {\r\n    colorId: 11,\r\n    colorName: \"Gold\",\r\n  },\r\n  {\r\n    colorId: 12,\r\n    colorName: \"Purple\",\r\n  },\r\n  {\r\n    colorId: 13,\r\n    colorName: \"Maroon\",\r\n  },\r\n  {\r\n    colorId: 14,\r\n    colorName: \"Teal\",\r\n  },\r\n  {\r\n    colorId: 15,\r\n    colorName: \"Beige\",\r\n  },\r\n  {\r\n    colorId: 16,\r\n    colorName: \"Tan\",\r\n  },\r\n  {\r\n    colorId: 17,\r\n    colorName: \"Copper\",\r\n  },\r\n];\r\n\r\nexport const titleStatusList = [\r\n  {\r\n    titleStatus: \"Clean\",\r\n    titleStatusId: 1,\r\n  },\r\n  {\r\n    titleStatus: \"Junk\",\r\n    titleStatusId: 2,\r\n  },\r\n  {\r\n    titleStatus: \"Total Loss\",\r\n    titleStatusId: 3,\r\n  },\r\n  {\r\n    titleStatus: \"Lemon\",\r\n    titleStatusId: 4,\r\n  },\r\n  {\r\n    titleStatus: \"Grey Market\",\r\n    titleStatusId: 5,\r\n  },\r\n  {\r\n    titleStatus: \"Flooded\",\r\n    titleStatusId: 6,\r\n  },\r\n  {\r\n    titleStatus: \"Reconstructed\",\r\n    titleStatusId: 7,\r\n  },\r\n  {\r\n    titleStatus: \"Non-Actual Miles\",\r\n    titleStatusId: 8,\r\n  },\r\n  {\r\n    titleStatus: \"Salvage\",\r\n    titleStatusId: 9,\r\n  },\r\n  {\r\n    titleStatus: \"Other\",\r\n    titleStatusId: 10,\r\n  },\r\n];\r\n\r\nexport const listingStatusList = [\r\n  {\r\n    id: 1,\r\n    title: \"Incomplete\",\r\n  },\r\n  {\r\n    id: 2,\r\n    title: \"In Review\",\r\n  },\r\n  {\r\n    id: 3,\r\n    title: \"Approved\",\r\n  },\r\n  {\r\n    id: 4,\r\n    title: \"Sold\",\r\n  },\r\n  {\r\n    id: 5,\r\n    title: \"Denied\",\r\n  },\r\n  {\r\n    id: 6,\r\n    title: \"Deleted\",\r\n  },\r\n  {\r\n    id: 7,\r\n    title: \"Deleted\",\r\n  },\r\n  {\r\n    id: 8,\r\n    title: \"Cash Offer Accepted\",\r\n  },\r\n  {\r\n    id: 9,\r\n    title: \"Published\",\r\n  },\r\n  {\r\n    id: 10,\r\n    title: \"Expired\",\r\n  },\r\n  {\r\n    id: 11,\r\n    title: \"Denied\",\r\n  },\r\n  {\r\n    id: 12,\r\n    title: \"In Review\",\r\n  },\r\n];\r\n\r\nexport const roles = {\r\n  MODERATOR: \"Moderator\",\r\n  SAFEX_ADMIN: \"SafeXchange Admin\",\r\n};\r\n\r\nexport const ROLE_KEY = \"Role\";\r\n\r\nexport const ERROR_MESSAGE = {\r\n  default: \"Something went wrong, please try again.\",\r\n  badZip: \"The zip code you entered is invalid\",\r\n  beingAppraised:\r\n    \"A vehicle with this VIN is already in our appraisal process.\",\r\n};\r\n","import _ from \"lodash\";\r\nimport env from \"../config/env\";\r\n\r\nexport default async function getRefreshToken(\r\n  refreshToken: string,\r\n  apiKey: string\r\n) {\r\n  try {\r\n    const fetchResult = await fetch(env.GRAPHQL_ENDPOINT, {\r\n      method: \"POST\",\r\n      headers: { \"Content-Type\": \"application/json\" },\r\n      body: JSON.stringify({\r\n        query: `query {\r\n          loginResponse(mpId: 403, refreshToken: \"${refreshToken}\", generateRefreshToken: true) {\r\n            apiKey\r\n            expiresOn\r\n            mpId\r\n            refreshToken\r\n            user {\r\n              accountId\r\n              accountNumber\r\n              marketplaceId\r\n              aaRepId\r\n              username\r\n              userId\r\n              firstName\r\n              lastName\r\n              accountList  {\r\n                accountId\r\n                accountName\r\n                accountNumber\r\n                userId\r\n                enableSelling\r\n                badgeNumber\r\n                city\r\n                state\r\n                paymentTypesArray\r\n                defaultPaymentType\r\n                enableBidding\r\n                isPrimaryAccount\r\n              }\r\n            }\r\n            wsMessage\r\n            wsStatus\r\n          }\r\n        }`,\r\n      }),\r\n    });\r\n    const response = await fetchResult.json();\r\n    const loginResponse = _.get(response, \"data.loginResponse\", null);\r\n    if (loginResponse && loginResponse.refreshToken) {\r\n      return loginResponse;\r\n    }\r\n    return null;\r\n  } catch (error) {\r\n    return null;\r\n  }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { css } from \"@emotion/core\";\r\n\r\ninterface Props {\r\n  title: string;\r\n  detail: string;\r\n}\r\nconst DetailTag: React.FC<Props> = ({ title, detail }) => {\r\n  return (\r\n    <div\r\n      css={css`\r\n        width: 100%;\r\n        margin-top: 10px;\r\n      `}\r\n    >\r\n      <p\r\n        css={css`\r\n          text-align: left;\r\n          font: normal normal normal 14px Interstate;\r\n          letter-spacing: 0px;\r\n          color: #4c4c4c;\r\n          text-transform: uppercase;\r\n          opacity: 1;\r\n        `}\r\n      >\r\n        {title}\r\n      </p>\r\n      <p\r\n        css={css`\r\n          text-align: left;\r\n          font: normal normal normal 16px AktivGroteskRegular;\r\n          letter-spacing: 0.13px;\r\n          color: #2b2b2b;\r\n          opacity: 1;\r\n          word-break: break-all;\r\n          margin-top: -10px !important;\r\n        `}\r\n      >\r\n        {detail}\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DetailTag;\r\n","import \"../../../index.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { Col, Row } from \"antd\";\r\n\r\nimport DetailTag from \"../DetailTag\";\r\nimport { ProfileProp } from \"../ProfilePage\";\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../../constants\";\r\nimport { css } from \"@emotion/core\";\r\n\r\ninterface Props {\r\n  profileData: ProfileProp;\r\n}\r\n\r\nconst AccountDetailView: React.FC<Props> = ({ profileData }) => {\r\n  return (\r\n    <>\r\n      <Row\r\n        css={css`\r\n          background: #ffffff;\r\n          width: 100%;\r\n          margin-top: 15px;\r\n        `}\r\n        gutter={0}\r\n      >\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          lg={8}\r\n          xl={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag title={\"First Name\"} detail={profileData.firstName} />\r\n        </Col>\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          lg={8}\r\n          xl={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag title={\"Last Name\"} detail={profileData.lastName} />\r\n        </Col>\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          lg={8}\r\n          xl={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"Phone Number\"}\r\n            detail={profileData.phone === \"\" ? \"--\" : profileData.phone}\r\n          />\r\n        </Col>\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          css={css`\r\n            background: #ffffff;\r\n            @media (min-width: ${breakpoints.md}) {\r\n              display: none;\r\n            }\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"Mobile number\"}\r\n            detail={profileData.mobile === \"\" ? \"--\" : profileData.mobile}\r\n          />\r\n        </Col>\r\n      </Row>\r\n      <Row\r\n        css={css`\r\n          background: #ffffff;\r\n          width: 100%;\r\n          margin-top: 15px;\r\n        `}\r\n        gutter={0}\r\n      >\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          lg={8}\r\n          xl={8}\r\n          css={css`\r\n            background: #ffffff;\r\n            @media (max-width: ${breakpoints.md}) {\r\n              display: none;\r\n            }\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"Mobile number\"}\r\n            detail={profileData.mobile === \"\" ? \"--\" : profileData.mobile}\r\n          />\r\n        </Col>\r\n        <Col\r\n          xs={24}\r\n          sm={24}\r\n          md={24}\r\n          lg={12}\r\n          xl={12}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"Email address\"}\r\n            detail={profileData.email === \"\" ? \"--\" : profileData.email}\r\n          />\r\n        </Col>\r\n      </Row>\r\n      <div\r\n        css={css`\r\n          height: 1px;\r\n          background: #2b2b2b;\r\n          margin-top: 15px;\r\n          margin-left: -25px;\r\n          margin-right: -25px;\r\n        `}\r\n      />\r\n      <Row\r\n        css={css`\r\n          background: #ffffff;\r\n          width: 100%;\r\n          margin-top: 15px;\r\n        `}\r\n        gutter={0}\r\n      >\r\n        <Col\r\n          lg={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"Address - Line 1\"}\r\n            detail={profileData.address1 === \"\" ? \"--\" : profileData.address1}\r\n          />\r\n        </Col>\r\n        <Col\r\n          lg={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        ></Col>\r\n        <Col\r\n          lg={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"Address - Line 2\"}\r\n            detail={profileData.address2 === \"\" ? \"--\" : profileData.address2}\r\n          />\r\n        </Col>\r\n      </Row>\r\n      <Row\r\n        css={css`\r\n          background: #ffffff;\r\n          width: 100%;\r\n          margin-top: 15px;\r\n        `}\r\n        gutter={0}\r\n      >\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          lg={8}\r\n          xl={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"City\"}\r\n            detail={profileData.city === \"\" ? \"--\" : profileData.city}\r\n          />\r\n        </Col>\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          lg={8}\r\n          xl={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"State\"}\r\n            detail={profileData.state === \"\" ? \"--\" : profileData.state}\r\n          />\r\n        </Col>\r\n        <Col\r\n          xs={12}\r\n          sm={12}\r\n          md={12}\r\n          lg={8}\r\n          xl={8}\r\n          css={css`\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <DetailTag\r\n            title={\"Country\"}\r\n            detail={profileData.country === \"\" ? \"--\" : profileData.country}\r\n          />\r\n        </Col>\r\n      </Row>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default AccountDetailView;\r\n","import \"../../../index.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport AccountDetailView from \"./AccountDetailView\";\r\nimport { ProfileProp } from \"../ProfilePage\";\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport moment from \"moment\";\r\n\r\ninterface Props {\r\n  profileData: ProfileProp;\r\n}\r\n\r\nconst AccountInfoTabView: React.FC<Props> = ({ profileData }) => {\r\n  return (\r\n    <>\r\n      <div\r\n        css={css`\r\n          @media (max-width: ${breakpoints.sm}) {\r\n            padding: 16px !important;\r\n            right: 16px !important;\r\n            left: 16px !important;\r\n            width: 90%;\r\n          }\r\n          height: auto;\r\n          background: #ffffff 0% 0% no-repeat padding-box;\r\n          box-shadow: 0px 0px 2px #00000029;\r\n          border-radius: 4px;\r\n          opacity: 1;\r\n          left: 0px;\r\n          right: 0px;\r\n          margin: 0 auto;\r\n          padding: 24px;\r\n          margin-bottom: 20px;\r\n          max-width: 608px;\r\n        `}\r\n      >\r\n        <h1\r\n          css={css`\r\n            text-align: left;\r\n            font: normal normal bold 20px/28px Interstate;\r\n            letter-spacing: 0px;\r\n            color: #4c4c4c;\r\n            text-transform: uppercase;\r\n            opacity: 1;\r\n          `}\r\n        >\r\n          {`${profileData.firstName}` + \" \" + `${profileData.lastName}`}\r\n        </h1>\r\n        <p\r\n          css={css`\r\n            text-align: left;\r\n            font: normal normal normal 16px/24px AktivGroteskRegular;\r\n            letter-spacing: 0.13px;\r\n            color: #2b2b2b;\r\n            opacity: 1;\r\n            word-break: break-all;\r\n          `}\r\n        >\r\n          {profileData.email}\r\n        </p>\r\n        <p\r\n          css={css`\r\n            text-align: left;\r\n            font: normal normal normal 16px/24px AktivGroteskRegular;\r\n            letter-spacing: 0.13px;\r\n            color: #2b2b2b;\r\n            opacity: 1;\r\n            word-break: break-all;\r\n            text-transform: uppercase;\r\n          `}\r\n        >\r\n          Member Since {moment(profileData.createdOn).format(\"MMMM DD, YYYY\")}\r\n        </p>\r\n      </div>\r\n      <div\r\n        css={css`\r\n          @media (max-width: ${breakpoints.sm}) {\r\n            width: 90% !important;\r\n          }\r\n          left: 498px;\r\n          width: 608px;\r\n          height: auto;\r\n          background: var(--white) 0% 0% no-repeat padding-box;\r\n          background: #ffffff 0% 0% no-repeat padding-box;\r\n          box-shadow: 0px 0px 2px #00000029;\r\n          border-radius: 4px;\r\n          opacity: 1;\r\n        `}\r\n        style={{\r\n          backgroundColor: \"#ffffff\",\r\n          left: 0,\r\n          right: 0,\r\n          margin: \"0 auto\",\r\n          padding: 24,\r\n          marginBottom: 10,\r\n        }}\r\n      >\r\n        <h1\r\n          css={css`\r\n            text-align: left;\r\n            font: normal normal bold 20px/28px Interstate;\r\n            letter-spacing: 0px;\r\n            color: #4c4c4c;\r\n            text-transform: uppercase;\r\n            opacity: 1;\r\n          `}\r\n        >\r\n          Account Information\r\n        </h1>\r\n        <AccountDetailView profileData={profileData} />\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default AccountInfoTabView;\r\n","import \"../../../index.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { Col, Row } from \"antd\";\r\n\r\nimport { AccountProp } from \"../ProfilePage\";\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport moment from \"moment\";\r\n\r\ninterface Props {\r\n  item: AccountProp;\r\n}\r\n\r\nconst AccountItemCard: React.FC<Props> = ({ item }) => {\r\n  return (\r\n    <Row\r\n      css={css`\r\n        border-bottom: solid;\r\n        border-bottom-width: 1px;\r\n        border-bottom-color: #f5f5f5;\r\n        padding-top: 18px;\r\n        padding-left: 24px;\r\n        padding-right: 24px;\r\n      `}\r\n    >\r\n      <div>\r\n        <Col\r\n          xs={24}\r\n          sm={12}\r\n          md={12}\r\n          lg={12}\r\n          xl={12}\r\n          css={css`\r\n            color: var(--dark-charcoal);\r\n            text-align: left;\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <h1\r\n            css={css`\r\n              letter-spacing: var(--unnamed-character-spacing-0-14);\r\n              color: var(--dark-charcoal);\r\n              text-align: left;\r\n              font: normal normal normal 16px AktivGroteskBold;\r\n              letter-spacing: 0.14px;\r\n              color: #2b2b2b;\r\n              opacity: 1;\r\n            `}\r\n          >\r\n            {item.accountName}\r\n          </h1>\r\n        </Col>\r\n        <Col\r\n          xs={24}\r\n          sm={12}\r\n          md={12}\r\n          lg={12}\r\n          xl={12}\r\n          css={css`\r\n            color: var(--dark-charcoal);\r\n            text-align: right;\r\n            background: #ffffff;\r\n          `}\r\n        >\r\n          <p\r\n            css={css`\r\n              color: var(--dark-charcoal);\r\n              text-align: right;\r\n              font: normal normal normal 16px AktivGroteskRegular;\r\n              letter-spacing: 0.13px;\r\n              color: #2b2b2b;\r\n              opacity: 1;\r\n              word-break: break-all;\r\n              @media (max-width: ${breakpoints.sm}) {\r\n                text-align: left;\r\n              }\r\n            `}\r\n          >\r\n            {moment(item.regDate).format(\" LLL\")}\r\n          </p>\r\n        </Col>\r\n      </div>\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default AccountItemCard;\r\n","/* eslint-disable react/jsx-key */\r\nimport \"../../../index.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { Col, Row, Spin } from \"antd\";\r\n\r\nimport AccountItemCard from \"./AccountItemCard\";\r\nimport { AccountProp } from \"../ProfilePage\";\r\nimport _ from \"lodash\";\r\nimport { css } from \"@emotion/core\";\r\nimport moment from \"moment\";\r\n\r\ninterface Props {\r\n  profileData: {\r\n    accountList: AccountProp[];\r\n  };\r\n  loadingUserResponse: boolean;\r\n}\r\n\r\nconst AccountListTabView: React.FC<Props> = ({\r\n  profileData,\r\n  loadingUserResponse,\r\n}) => {\r\n  let accountList: AccountProp[] = [];\r\n  if (profileData && profileData.accountList) {\r\n    accountList = profileData.accountList;\r\n  }\r\n  return (\r\n    <div\r\n      css={css`\r\n        @media (max-width: 600px) {\r\n          width: 85% !important;\r\n        }\r\n        left: 498px;\r\n        width: 608px;\r\n        height: auto;\r\n        background: var(--white) 0% 0% no-repeat padding-box;\r\n        background: #ffffff 0% 0% no-repeat padding-box;\r\n        box-shadow: 0px 0px 2px #00000029;\r\n        border-radius: 4px;\r\n        opacity: 1;\r\n      `}\r\n      style={{\r\n        width: \"60%\",\r\n        backgroundColor: \"#ffffff\",\r\n        left: 0,\r\n        right: 0,\r\n        margin: \"0 auto\",\r\n        marginBottom: 10,\r\n      }}\r\n    >\r\n      {loadingUserResponse ? (\r\n        <Spin spinning={loadingUserResponse} />\r\n      ) : (\r\n        accountList.map((item: AccountProp, key: any) => {\r\n          return <AccountItemCard item={item} />;\r\n        })\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AccountListTabView;\r\n","import \"../../../index.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../../constants\";\r\nimport { css } from \"@emotion/core\";\r\n\r\ninterface Props {\r\n  checkList: number[];\r\n  showDeleteConfirm: () => void;\r\n  showModal: () => void;\r\n  isBottom: boolean;\r\n}\r\n\r\nconst AlertButton: React.FC<Props> = ({\r\n  checkList,\r\n  showDeleteConfirm,\r\n  showModal,\r\n  isBottom,\r\n}) => {\r\n  return (\r\n    <button\r\n      onClick={checkList.length ? showDeleteConfirm : showModal}\r\n      css={\r\n        isBottom\r\n          ? checkList.length\r\n            ? css`\r\n                width: max-content;\r\n                height: 56px;\r\n                color: white;\r\n                padding: 0 2%;\r\n                cursor: pointer;\r\n                background: #99100c 0% 0% no-repeat padding-box;\r\n                // border-radius: 28px;\r\n                opacity: 1;\r\n                position: fixed;\r\n                right: 26px;\r\n                bottom: 30px;\r\n                border: none !important;\r\n                outline: none !important;\r\n                z-index: 10 !important;\r\n              `\r\n            : css`\r\n                width: max-content;\r\n                height: 56px;\r\n                color: white;\r\n                padding: 0 2%;\r\n                cursor: pointer;\r\n                background: #5c903f 0% 0% no-repeat padding-box;\r\n                border-radius: 28px;\r\n                opacity: 1;\r\n                position: fixed;\r\n                right: 26px;\r\n                bottom: 30px;\r\n                border: none !important;\r\n                outline: none !important;\r\n                z-index: 10 !important;\r\n              `\r\n          : checkList.length\r\n          ? css`\r\n              width: max-content;\r\n              height: 56px;\r\n              color: white;\r\n              padding: 0 2%;\r\n              cursor: pointer;\r\n              background: #99100c 0% 0% no-repeat padding-box;\r\n              // border-radius: 28px;\r\n              opacity: 1;\r\n              position: fixed;\r\n              right: 26px;\r\n              top: 96px;\r\n              border: none !important;\r\n              outline: none !important;\r\n              z-index: 10 !important;\r\n            `\r\n          : css`\r\n              width: max-content;\r\n              height: 56px;\r\n              color: white;\r\n              padding: 0 2%;\r\n              cursor: pointer;\r\n              background: #5c903f 0% 0% no-repeat padding-box;\r\n              // border-radius: 28px;\r\n              opacity: 1;\r\n              position: fixed;\r\n              right: 26px;\r\n              top: 96px;\r\n              border: none !important;\r\n              outline: none !important;\r\n              z-index: 10 !important;\r\n            `\r\n      }\r\n    >\r\n      {/* <img\r\n        src={\r\n          checkList.length\r\n            ? require(\"../images/ic_delete_24px.svg\")\r\n            : require(\"../images/ic_add_24px.svg\")\r\n        }\r\n        css={css`\r\n          width: 24px;\r\n          height: 24px;\r\n          background: transparent url(\"img/ic_add_24px.png\") 0% 0% no-repeat\r\n            padding-box;\r\n          opacity: 1;\r\n        `}\r\n      /> */}\r\n\r\n      {checkList.length ? \"DELETE ALERT\" : \"CREATE ALERT\"}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default AlertButton;\r\n","import \"../../../index.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { Checkbox, Col, Row, Spin, Switch } from \"antd\";\r\n\r\nimport { AlertProp } from \"../ProfilePage\";\r\nimport _ from \"lodash\";\r\nimport { css } from \"@emotion/core\";\r\n\r\ninterface Props {\r\n  checkList: number[];\r\n  onCheckItem: (alertId: number) => {};\r\n  updateAlertStatus: (isChecked: boolean, item: AlertProp) => void;\r\n  item: AlertProp;\r\n  alertName: string;\r\n  updateAlertLoading: boolean;\r\n}\r\n\r\nconst AlertItem: React.FC<Props> = ({\r\n  checkList,\r\n  onCheckItem,\r\n  updateAlertStatus,\r\n  item,\r\n  alertName,\r\n  updateAlertLoading,\r\n}) => {\r\n  const handleLangChange = (isSwitched: boolean) => {\r\n    updateAlertStatus(isSwitched, item);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      css={css`\r\n        width: 100%;\r\n      `}\r\n    >\r\n      <Row\r\n        css={css`\r\n          padding-top: 18px;\r\n          padding-left: 30px;\r\n        `}\r\n      >\r\n        <Col\r\n          xs={21}\r\n          sm={21}\r\n          md={21}\r\n          lg={21}\r\n          xl={21}\r\n          css={css`\r\n            background: #ffffff;\r\n            text-align: left;\r\n          `}\r\n        >\r\n          <Checkbox\r\n            onChange={() => onCheckItem(item.alertId)}\r\n            checked={checkList.indexOf(item.alertId) > -1}\r\n            css={css`\r\n              position: absolute;\r\n              left: -15px;\r\n            `}\r\n          ></Checkbox>\r\n          <div\r\n            css={css`\r\n              text-align: left;\r\n              font: normal normal normal 16px AktivGroteskRegular;\r\n              letter-spacing: 0.13px;\r\n              color: #2b2b2b;\r\n              opacity: 1;\r\n              margin-left: 15px;\r\n              margin-right: 15px;\r\n            `}\r\n            style={{\r\n              overflow: \"hidden\",\r\n              textOverflow: \"ellipsis\",\r\n              marginRight: 10,\r\n            }}\r\n          >\r\n            <h1\r\n              css={css`\r\n                text-align: left;\r\n                font: normal normal bold 16px AktivGroteskBold;\r\n                letter-spacing: 0.13px;\r\n                color: #000000;\r\n                opacity: 1;\r\n              `}\r\n            >\r\n              {alertName}\r\n            </h1>\r\n            {item.deviceAddress}\r\n          </div>\r\n        </Col>\r\n\r\n        <Col\r\n          xs={3}\r\n          sm={3}\r\n          md={3}\r\n          lg={3}\r\n          xl={3}\r\n          css={css`\r\n            background: #ffffff;\r\n            text-align: right;\r\n            padding-right: 16px;\r\n          `}\r\n        >\r\n          {updateAlertLoading ? (\r\n            <Spin spinning={updateAlertLoading} />\r\n          ) : (\r\n            <Switch\r\n              checked={item.statusId === 1}\r\n              onChange={(isSwitched) => {\r\n                handleLangChange(isSwitched);\r\n              }}\r\n            />\r\n          )}\r\n        </Col>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AlertItem;\r\n","/* eslint-disable react/jsx-key */\r\n\r\nimport \"../../index.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { Layout, List, Modal, Spin, Tabs, notification } from \"antd\";\r\nimport { useLazyQuery, useQuery } from \"@apollo/react-hooks\";\r\n\r\nimport AccountInfoTabView from \"./InfoTab/AccountInfoTabView\";\r\nimport AccountListTabView from \"./AccountList/AccountListTabView\";\r\nimport AlertButton from \"./AlertList/AlertButton\";\r\nimport AlertFormModal from \"./AlertList/AlertFormModal\";\r\nimport AlertItem from \"./AlertList/AlertItem\";\r\nimport Helmet from \"react-helmet\";\r\nimport _ from \"lodash\";\r\nimport { breakpoints } from \"../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useAuthInfo } from \"../../utils/customHooks\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useState } from \"react\";\r\n\r\nconst { confirm } = Modal;\r\nconst PROFILE_QUERY = loader(\"./profile.graphql\");\r\nconst ALERT_QUERY = loader(\"./getAlerts.graphql\");\r\nconst ADD_ALERT = loader(\"./addAlerts.graphql\");\r\nconst UPDATE_ALERT = loader(\"./updateAlert.graphql\");\r\nconst REMOVE_ALERT = loader(\"./removeAlerts.graphql\");\r\n\r\nconst { Content } = Layout;\r\n\r\nexport const ALERT_TYPES = [\r\n  { id: 1007, description: \"Sold\" },\r\n  { id: 1008, description: \"Purchased\" },\r\n  { id: 1004, description: \"Offer Received\" },\r\n  { id: 1005, description: \"Offer Placed\" },\r\n  { id: 1028, description: \"Bid Received\" },\r\n  { id: 1029, description: \"Bid Placed\" },\r\n  { id: 1006, description: \"Outbid Alert\" },\r\n  { id: 1016, description: \"Watchlist Item Live Alert\" },\r\n  { id: 3005, description: \"Transaction Status Update\" },\r\n  // { id: 1002, description: \"Wishlist Alert\" },\r\n];\r\n\r\nexport type AccountProp = {\r\n  accountName: string;\r\n  regDate: string;\r\n  enableSelling: boolean;\r\n};\r\n\r\nexport type ProfileProp = {\r\n  firstName: string;\r\n  lastName: string;\r\n  phone: string;\r\n  mobile: string;\r\n  email: string;\r\n  address1: string;\r\n  address2: string;\r\n  city: string;\r\n  state: string;\r\n  country: string;\r\n  createdOn: string;\r\n  accountList: AccountProp[];\r\n};\r\n\r\nexport type AlertProp = {\r\n  alertId: number;\r\n  alertTypeId: number;\r\n  deviceAddress: string;\r\n  deviceModel: string;\r\n  deviceName: string;\r\n  deviceTypeId: number;\r\n  statusId: number;\r\n};\r\n\r\nconst ProfilePage: React.FC = () => {\r\n  let [profileData, setProfileData] = useState<any>({});\r\n  let [alertData, setAlertData] = useState<AlertProp[]>([]);\r\n  let [activeTab, setActiveTab] = useState(\"1\");\r\n  let [checkList, onCheckList] = useState<number[]>([]);\r\n  let [visible, setVisible] = useState<boolean>(false);\r\n  const { mpId, apiKey } = useAuthInfo();\r\n  const history = useHistory();\r\n\r\n  React.useEffect(() => {\r\n    getAlert();\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    var params = new URLSearchParams(window.location.search).get(\"tab\");\r\n    switch (params) {\r\n      case \"accounts\":\r\n        setActiveTab(\"accounts\");\r\n        break;\r\n      case \"alerts\":\r\n        setActiveTab(\"alerts\");\r\n        break;\r\n      default:\r\n        setActiveTab(\"info\");\r\n        break;\r\n    }\r\n  }, [window.location.search]);\r\n\r\n  const [getAlert, { loading: loadingAlertList }] = useLazyQuery(ALERT_QUERY, {\r\n    fetchPolicy: \"network-only\",\r\n    variables: {\r\n      mpId,\r\n      apiKey,\r\n    },\r\n    onCompleted: (result) => {\r\n      if (result && result.alertListResponse) {\r\n        const items = result.alertListResponse.items;\r\n        items.sort(function (x: { alertId: number }, y: { alertId: number }) {\r\n          let a = x.alertId,\r\n            b = y.alertId;\r\n          return b - a;\r\n        });\r\n        setAlertData(items);\r\n      }\r\n    },\r\n    onError: () => {\r\n      notification.open({\r\n        message: \"Error\",\r\n        description: \"Cannot Get Alerts\",\r\n        type: \"warning\",\r\n      });\r\n    },\r\n  });\r\n\r\n  const [updateAlert, { loading: updateAlertLoading }] = useLazyQuery(\r\n    UPDATE_ALERT,\r\n    {\r\n      fetchPolicy: \"network-only\",\r\n      onCompleted: () => {\r\n        getAlert();\r\n      },\r\n      onError: () => {\r\n        notification.open({\r\n          message: \"Error\",\r\n          description: \"Something went wrong while updating new alert\",\r\n          type: \"error\",\r\n        });\r\n      },\r\n    }\r\n  );\r\n\r\n  const [removeAlerts] = useLazyQuery(REMOVE_ALERT, {\r\n    fetchPolicy: \"network-only\",\r\n    onCompleted: () => {\r\n      getAlert();\r\n    },\r\n  });\r\n\r\n  const { loading: loadingUserResponse } = useQuery<{\r\n    userResponse: { user: ProfileProp };\r\n  }>(PROFILE_QUERY, {\r\n    variables: {\r\n      mpId: mpId,\r\n      apiKey: apiKey,\r\n    },\r\n    onCompleted: (userResponse) => {\r\n      if (userResponse) {\r\n        profileData = _.get(userResponse, \"userResponse.user\", {});\r\n        setProfileData(profileData);\r\n      }\r\n    },\r\n    onError: () => {\r\n      notification.open({\r\n        message: \"Error\",\r\n        description: \"Something went wrong while getting profile\",\r\n        type: \"warning\",\r\n      });\r\n    },\r\n  });\r\n\r\n  const showModal = () => {\r\n    setVisible(true);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setVisible(false);\r\n  };\r\n\r\n  function onCheckItem(id: number) {\r\n    const index = checkList.indexOf(id);\r\n    let newList = _.clone(checkList);\r\n    if (index > -1) {\r\n      newList.splice(index, 1);\r\n    } else {\r\n      newList = [...newList, id];\r\n    }\r\n    onCheckList(newList);\r\n  }\r\n\r\n  const updateAlertStatus = async (isChecked: boolean, item: AlertProp) => {\r\n    await updateAlert({\r\n      variables: {\r\n        apiKey: apiKey,\r\n        mpId: mpId,\r\n        deviceAddress: \"deviceAddress\",\r\n        alertTypeId: Number(item.alertTypeId),\r\n        alertId: item.alertId,\r\n        deviceTypeId: item.deviceTypeId,\r\n        statusId: isChecked ? 1 : 2,\r\n      },\r\n    });\r\n  };\r\n\r\n  function alertsListTabPane() {\r\n    return (\r\n      <Tabs.TabPane\r\n        tab=\"Alerts\"\r\n        key=\"alerts\"\r\n        css={css`\r\n          @media (max-width: ${breakpoints.sm}) {\r\n            margin-top: -16px;\r\n          }\r\n        `}\r\n      >\r\n        {visible ? (\r\n          <AlertFormModal\r\n            onCancel={() => {\r\n              setVisible(false);\r\n              getAlert();\r\n            }}\r\n          />\r\n        ) : null}\r\n\r\n        <List\r\n          css={css`\r\n            @media (max-width: ${breakpoints.sm}) {\r\n              width: 100% !important;\r\n              padding: 16px;\r\n            }\r\n          `}\r\n          style={{\r\n            width: \"50%\",\r\n            backgroundColor: \"#ffffff\",\r\n            left: 0,\r\n            right: 0,\r\n            margin: \"0 auto\",\r\n            marginBottom: 10,\r\n          }}\r\n          loading={!alertData.length && loadingAlertList}\r\n          itemLayout=\"horizontal\"\r\n          dataSource={alertData}\r\n          renderItem={(item) => alertItemView(item)}\r\n        />\r\n      </Tabs.TabPane>\r\n    );\r\n  }\r\n\r\n  function alertItemView(item: AlertProp) {\r\n    let alertName: string = \"--\";\r\n    ALERT_TYPES.forEach((alert) => {\r\n      if (item.alertTypeId === alert.id) {\r\n        return (alertName = alert.description);\r\n      }\r\n      return alertName;\r\n    });\r\n\r\n    return (\r\n      <List.Item\r\n        css={css`\r\n          min-height: 100px;\r\n          background: #ffffff;\r\n          padding-left: 16px;\r\n          padding-right: 16px;\r\n          @media (max-width: ${breakpoints.sm}) {\r\n            padding-left: 18px !important;\r\n            padding-right: 18px !important;\r\n          }\r\n        `}\r\n      >\r\n        <AlertItem\r\n          checkList={checkList}\r\n          item={item}\r\n          onCheckItem={async () => onCheckItem(item.alertId)}\r\n          alertName={alertName}\r\n          updateAlertStatus={updateAlertStatus}\r\n          updateAlertLoading={updateAlertLoading}\r\n        />\r\n      </List.Item>\r\n    );\r\n  }\r\n\r\n  function showDeleteConfirm() {\r\n    return confirm({\r\n      title: \"Are you sure you would like to delete these alerts?\",\r\n      icon: \"\",\r\n      content: \"\",\r\n      okText: \"Delete\",\r\n      okType: \"danger\",\r\n      cancelText: \"Cancel\",\r\n      onOk() {\r\n        removeAlerts({\r\n          variables: {\r\n            mpId: mpId,\r\n            apiKey: apiKey,\r\n            alertIds: checkList.join(\",\"),\r\n          },\r\n        });\r\n        onCheckList([]);\r\n      },\r\n      onCancel() {\r\n        console.log(\"Cancel\");\r\n      },\r\n      okButtonProps: {\r\n        style: {\r\n          backgroundColor: \"white\",\r\n          color: \"#99100C\",\r\n          border: 0,\r\n          boxShadow: \"none\",\r\n        },\r\n      },\r\n      cancelButtonProps: {\r\n        style: {\r\n          backgroundColor: \"white\",\r\n          color: \"#2B2B2B\",\r\n          border: 0,\r\n          boxShadow: \"none\",\r\n        },\r\n      },\r\n    });\r\n  }\r\n\r\n  function tabChange(activeKey: string) {\r\n    setActiveTab(activeKey);\r\n    history.replace(`/profile?tab=${activeKey}`);\r\n  }\r\n\r\n  if (!profileData) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Helmet>\r\n        <title>Profile</title>\r\n        <meta name=\"description\" content=\"Profile\" />\r\n      </Helmet>\r\n\r\n      <Layout>\r\n        <div\r\n          css={css`\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-self: flex-start;\r\n            position: fixed;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            margin-left: 24px;\r\n            top: 80px;\r\n            @media (max-width: ${breakpoints.mid}) {\r\n              display: none;\r\n            }\r\n            z-index: 4;\r\n          `}\r\n        >\r\n          <h1\r\n            css={css`\r\n              color: var(--dark-charcoal);\r\n              text-align: left;\r\n              font: normal normal bold 24px Interstate;\r\n              letter-spacing: 0px;\r\n              color: #2b2b2b;\r\n              text-transform: uppercase;\r\n              opacity: 1;\r\n            `}\r\n          >\r\n            Profile\r\n          </h1>\r\n        </div>\r\n        {activeTab === \"alerts\" && (\r\n          <div\r\n            css={css`\r\n              @media (max-width: ${breakpoints.sm}) {\r\n                display: none;\r\n              }\r\n            `}\r\n          >\r\n            <AlertButton\r\n              checkList={checkList}\r\n              showDeleteConfirm={showDeleteConfirm}\r\n              showModal={showModal}\r\n              isBottom={false}\r\n            />\r\n          </div>\r\n        )}\r\n        <Content>\r\n          <div\r\n            css={css`\r\n              align-items: center;\r\n              background: transparent;\r\n              height: 100%;\r\n              .ant-tabs-content {\r\n                padding-top: 100px;\r\n              }\r\n              .ant-tabs-tab {\r\n                font-size: 18px;\r\n              }\r\n              .ant-tabs-top-bar {\r\n                position: fixed;\r\n                right: 0;\r\n                left: 0;\r\n                z-index: 2;\r\n              }\r\n            `}\r\n          >\r\n            <Tabs\r\n              defaultActiveKey=\"info\"\r\n              tabBarGutter={0}\r\n              activeKey={activeTab}\r\n              css={css`\r\n                text-align: center;\r\n                border-width: 0px;\r\n                .ant-tabs-nav-container {\r\n                  box-shadow: 5px 2px #f1f1f1;\r\n                }\r\n              `}\r\n              tabBarStyle={{\r\n                backgroundColor: \"#ffffff\",\r\n              }}\r\n              onChange={(activeKey) => tabChange(activeKey)}\r\n            >\r\n              <Tabs.TabPane forceRender={false} tab=\"Information\" key=\"info\">\r\n                <AccountInfoTabView profileData={profileData} />\r\n              </Tabs.TabPane>\r\n              <Tabs.TabPane forceRender={false} tab=\"Accounts\" key=\"accounts\">\r\n                <AccountListTabView\r\n                  profileData={profileData}\r\n                  loadingUserResponse={loadingUserResponse}\r\n                />\r\n              </Tabs.TabPane>\r\n\r\n              {alertsListTabPane()}\r\n            </Tabs>\r\n          </div>\r\n        </Content>\r\n        {activeTab === \"alerts\" && (\r\n          <div\r\n            css={css`\r\n              @media (min-width: ${breakpoints.sm}) {\r\n                display: none;\r\n              }\r\n            `}\r\n          >\r\n            <AlertButton\r\n              checkList={checkList}\r\n              showDeleteConfirm={showDeleteConfirm}\r\n              showModal={showModal}\r\n              isBottom\r\n            />\r\n          </div>\r\n        )}\r\n      </Layout>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ProfilePage;\r\n","module.exports = __webpack_public_path__ + \"static/media/rumbleon-black-logo.819f8967.svg\";","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === \"localhost\" ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === \"[::1]\" ||\r\n    // 127.0.0.1/8 is considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\ntype Config = {\r\n  onSuccess?: (registration: ServiceWorkerRegistration) => void;\r\n  onUpdate?: (registration: ServiceWorkerRegistration) => void;\r\n};\r\n\r\nexport function register(config?: Config) {\r\n  if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(\r\n      (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\r\n      window.location.href\r\n    );\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener(\"load\", () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            \"This web app is being served cache-first by a service \" +\r\n              \"worker. To learn more, visit https://bit.ly/CRA-PWA\"\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl: string, config?: Config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === \"installed\") {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                \"New content is available and will be used when all \" +\r\n                  \"tabs for this page are closed. See https://bit.ly/CRA-PWA.\"\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log(\"Content is cached for offline use.\");\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error(\"Error during service worker registration:\", error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get(\"content-type\");\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf(\"javascript\") === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        \"No internet connection found. App is running in offline mode.\"\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if (\"serviceWorker\" in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import \"react-app-polyfill/ie11\";\r\nimport \"core-js/es/map\";\r\nimport \"core-js/es/set\";\r\nimport \"ts-replace-all\";\r\nimport \"./index.css\";\r\n\r\nimport * as serviceWorker from \"./serviceWorker\";\r\n\r\nimport App from \"./App\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport TagManager from \"react-gtm-module\";\r\nimport environmentVariableList from \"./config/env\";\r\n\r\nif (process.env.NODE_ENV === \"production\") {\r\n  // remove console log in production build\r\n  console.log = function () {};\r\n}\r\n\r\nTagManager.initialize({\r\n  gtmId: environmentVariableList.REACT_APP_GTM_ID || \"\",\r\n});\r\n\r\nconst container = document.getElementById(\"root\");\r\n\r\nReactDOM.render(\r\n  <BrowserRouter>\r\n    <App />\r\n  </BrowserRouter>,\r\n  container\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","import env from \"../config/env\";\r\nimport momentTz from \"moment-timezone\";\r\nexport const getTimeWithZone = (value: string) => {\r\n  const result = momentTz.tz(value, env.DEFAULT_TIME_ZONE).toDate();\r\n  return result;\r\n};\r\n\r\nexport const getTimeWithLocalTimeZone = (value: string) => {\r\n  const timezone = momentTz.tz.guess();\r\n  const result = momentTz.tz(value, timezone).toDate();\r\n  return result;\r\n};\r\n\r\nexport default getTimeWithZone;\r\n"],"sourceRoot":""}