{"version":3,"sources":["app/modules/Order/sidebar.module.css","app/modules/ManageSubscription/Css/dialogue.module.css","app/modules/UserAndArtists/sidebar.module.css","_helpers/apis.js","_warbls/components/Header/List.js","_helpers/toAbsoluteUrl.js","_warbls/components/Popup/index.js","redux/track/types.js","redux/track/actions.js","redux/subscription/types.js","redux/subscription/actions.js","redux/reward/types.js","redux/reward/actions.js","_warbls/providers/AppProvider.js","_warbls/components/Flex/Column.js","_warbls/components/Form/Input/index.js","app/modules/Signin/schema.js","app/modules/Signin/script.js","redux/auth/types.js","redux/auth/actions.js","redux/auth/reducer.js","redux/track/reducer.js","redux/global/types.js","redux/global/reducer.js","redux/artist/types.js","redux/artist/reducer.js","redux/orders/types.js","redux/orders/reducer.js","redux/subscription/reducer.js","redux/reward/reducer.js","redux/rootReducer.js","redux/auth/sagas.js","redux/track/sagas.js","redux/global/actions.js","redux/global/sagas.js","redux/artist/actions.js","redux/artist/sagas.js","redux/promo_code/types.js","redux/promo_code/actions.js","redux/promo_code/sagas.js","redux/orders/actions.js","redux/orders/sagas.js","redux/rootSaga.js","redux/store.js","_warbls/components/Vocals/script.js","_helpers/fetcher.js","app/modules/Signin/index.js","app/modules/Signup/schema.js","app/modules/Signup/script.js","app/modules/Signup/index.js","_warbls/components/Svg/index.js","_warbls/components/Header/index.js","_warbls/Layout/NonAuthLayout.js","_warbls/components/Container/StyledContainer.js","_warbls/assets/images/cover_image-min.png","_warbls/assets/images/music1.png","_warbls/assets/images/homepage-image2.png","_warbls/assets/images/homepage-image1.png","_warbls/assets/images/homepage-image3.png","_warbls/assets/images/payment.png","_warbls/assets/images/music.png","_warbls/assets/images/music2.png","_warbls/components/Flex/Row.js","_warbls/assets/images/laptop.png","app/modules/Main/Infocards.js","app/modules/Main/CustomerSay.js","app/modules/Main/CSS/image1.jpg","app/modules/Main/CSS/image2.jpg","app/modules/Main/CSS/wave1.svg","app/modules/Main/index.js","_warbls/components/Drawer/script.js","_warbls/components/Drawer/List.js","_warbls/components/Header/AdminList.js","_warbls/components/Drawer/Logout.js","_warbls/components/Header/AdminHeader.js","_warbls/components/SideBarInfo/index.js","_warbls/components/SideSongInfo/SongPopup.js","_warbls/components/SideSongInfo/index.js","_warbls/components/Drawer/index.js","_warbls/Layout/index.js","_warbls/components/VocalRow/index.js","_warbls/components/RangeSlider/index.js","app/modules/Terms/script.js","_warbls/components/Vocals/Filter.js","_warbls/components/Container/StyledGrid.js","_warbls/components/Vocals/SMFilter.js","_warbls/components/Vocals/searchFilters.js","_warbls/components/Vocals/SubDialogue.js","_warbls/components/Vocals/index.js","_warbls/components/Container/index.js","app/modules/Vocals/script.js","app/modules/ManageSubscription/Dialoagus/DialoguePopup.js","_warbls/components/Vocals/CoinSucceed.js","app/modules/Vocals/index.js","_warbls/components/subscription/Card.js","app/modules/Plan/Plans.js","app/modules/Plan/index.js","app/modules/Downloads/script.js","app/modules/Downloads/index.js","app/modules/Likes/script.js","app/modules/Likes/index.js","app/modules/UploadForm/script.js","app/modules/UploadForm/schema.js","app/modules/UploadForm/success.js","app/modules/Profile/MenuTabs.js","app/modules/Profile/script.js","app/modules/Profile/ProfileMenu.js","app/modules/Profile/ProfileContainer.js","app/modules/UploadForm/index.js","app/modules/Terms/schema.js","app/modules/Terms/Vocal.js","app/modules/Terms/AddVocal.js","app/modules/Terms/Terms.js","app/modules/Terms/index.js","app/modules/Terms/success.js","app/modules/Profile/info.js","app/modules/Profile/PlanCard.js","app/modules/MyVocals/Table.js","app/modules/MyVocals/index.js","app/modules/Profile/CardPrompt.js","app/modules/Profile/Alart.js","app/modules/Profile/index.js","app/modules/Dashboard/PaymentBox.js","app/modules/Dashboard/StatBox.js","app/modules/Dashboard/OnlineStoreStat.js","app/modules/Dashboard/script.js","app/modules/Dashboard/TopStatBox.js","app/modules/Dashboard/index.js","app/modules/Analytics/Files.js","app/modules/Analytics/index.js","app/modules/Cart/ViewCart.js","app/modules/Cart/script.js","_warbls/components/VocalRow/ThanksVocalRow.js","app/modules/Cart/Checkout.js","app/modules/Cart/Confirmation.js","app/modules/Cart/index.js","app/modules/Checkout/script.js","app/modules/Checkout/Checkout.js","app/modules/Checkout/index.js","app/modules/Checkout/Confirmation.js","_warbls/components/DashboardFilter/index.js","_warbls/components/Pagination/index.js","app/modules/UserAndArtists/Table.js","_warbls/components/TrackFramer/index.js","app/modules/UserAndArtists/waveframer.js","app/modules/UserAndArtists/sidebar.js","app/modules/UserAndArtists/index.js","app/modules/Files/Table.js","app/modules/Files/sidebar.js","app/modules/Files/adminSideBar.js","_warbls/components/Vocals/FilesFilter.js","app/modules/Files/index.js","app/modules/Order/Table.js","app/modules/Order/sidebar.js","app/modules/Order/index.js","_warbls/components/carousel/index.js","app/modules/Artist/PublicProfile/index.js","app/modules/Artist/index.js","app/modules/ArtistsFormTable/Table.js","app/modules/ArtistsFormTable/index.js","app/modules/ContactUs/index.js","app/modules/QA/script.js","app/modules/QA/MessageForm.js","app/modules/QA/Contactus.js","app/modules/QA/index.js","app/modules/Terms/UpdatedTerms.js","app/modules/ReferFriend/ReferalStep.js","app/modules/ReferFriend/script.js","app/modules/ReferFriend/ReferalForm.js","app/modules/ReferFriend/index.js","app/modules/Affiliate/AffiliateStep.js","app/modules/Affiliate/script.js","app/modules/Affiliate/index.js","app/modules/TempVocals/script.js","app/modules/TempVocals/TempRow.js","app/modules/TempVocals/TempTable.js","app/modules/TempVocals/index.js","app/modules/CopylinkVocal/index.js","app/modules/ManageSubscription/ManageCards.js","app/modules/ManageSubscription/MoreCoinRow.js","app/modules/ManageSubscription/script.js","app/modules/ManageSubscription/MoreCoins.js","app/modules/ManageSubscription/UpgradePlan.js","app/modules/ManageSubscription/CancelPlan.js","app/modules/ManageSubscription/index.js","app/BaseRoutes.js","app/SessionTimeout/SessionTimeoutDialog.js","app/SessionTimeout/index.js","app/modules/ForgotPassword/schema.js","app/modules/ForgotPassword/script.js","app/modules/ForgotPassword/index.js","app/modules/ResetPassword/schema.js","app/modules/ResetPassword/script.js","app/modules/ResetPassword/index.js","app/modules/Discord/redirect.js","_warbls/components/Popup/fullScreenPopup.js","app/modules/referrals/index.jsx","app/App.js","reportWebVitals.js","_warbls/providers/ThemeProvider.js","_helpers/interceptor.js","index.js","app/modules/Files/sidebar.module.css"],"names":["module","exports","baseUrl","HeaderList","indexPage","useStyles","root","listItem","activeClass","activeClassMd","homePageHeader","homePageActiveItem","location","useLocation","theme","useTheme","media","useMediaQuery","breakpoints","down","activeList","homePageList","list","className","clsx","map","l","index","ListItem","component","Link","to","pathname","ListItemText","primary","label","Box","window","href","includes","makeStyles","display","flexDirection","width","margin","justifyContent","alignItems","fontSize","fontStyle","color","fontWeight","backgroundColor","height","borderRadius","icon","minWidth","toAbsoluteUrl","process","Popup","open","handleClose","children","classes","Modal","modal","onClose","paper","IconButton","closeButton","onClick","outline","border","boxShadow","position","padding","top","left","transform","right","spacing","palette","grey","UPLOAD_TRACK_REQUEST","UPLOAD_TRACK_DEFAULT","UPLOAD_TRACK_SUCCESS","UPLOAD_TRACK_FAILED","ALL_TRACKS_REQUEST","ALL_TRACKS_SUCCESS","ALL_TRACKS_FAILED","UPDATE_TRACKS_REQUEST","UPDATE_TRACKS_SUCCESS","UPDATE_TRACKS_FAILED","ALL_PENDING_TRACKS_REQUEST","ALL_PENDING_TRACKS_SUCCESS","ALL_PENDING_TRACKS_FAILED","LIKED_TRACKS_REQUEST","LIKED_TRACKS_SUCCESS","LIKED_TRACKS_FAILED","DOWNLOADED_TRACKS_REQUEST","DOWNLOADED_TRACKS_SUCCESS","DOWNLOADED_TRACKS_FAILED","INCREASE_VOLUME_REQUEST","INCREASE_VOLUME_SUCCESS","DECREASE_VOLUME_REQUEST","DECREASE_VOLUME_SUCCESS","HANDLE_VOLUME_REQUEST","HANDLE_VOLUME_SUCCESS","STOP_TRACK_LOADER","TRACK_WISE_LIKE_REQUEST","TRACK_WISE_UNLIKE_REQUEST","TRACK_WISE_PLAY_REQUEST","TRACK_WISE_DOWNLOAD_REQUEST","ADD_TO_CART_REQUEST","ADD_TO_CART_SUCCESS","REMOVE_CART_REQUEST","EMPTY_CART_REQUEST","GET_PLAYING_VOCAL","REMOVE_PLAYING_VOCAL","ACTIVE_TRACK","actions","payload","type","Types","id","toast","USER_SUBSCRIPTION_PLAN","USER_REWARDS","APIs","getAuthToken","hostname","getAuthCode","signup","signin","users","forgotPassword","updateUser","types","reports","uploadTrack","tracks","addTrack","deleteTrack","getTracksGenre","download","trackActions","popularArtist","popularTracks","trendingTracks","uploadPermission","myVocals","artist","promoCode","checkout","subscriptionCheckout","stripeCheckoutSession","stripeCancelSubscription","resubscibeUserPlan","getCardInfo","paypalCreateOrder","paypalCaptureOrder","order","trackOrder","plans","onboarding","withdraw","userSubscriptionPlan","userRewards","userSubscriptionPlanFilters","discordAuth","createContext","React","useState","useCallback","AppContext","AppProvider","useSelector","state","auth","userInfo","cart","track","dispatch","useDispatch","openLogin","setOpenLogin","openSignup","setOpenSignup","handleLogin","handleSignup","handleCart","data","find","c","track_id","cogoToast","warn","value","closeLogin","updateSubscriptionCoins","Object","keys","length","getUserSubscription","a","axios","get","params","user_id","res","subscriptionAction","console","log","getUserRewards","rewardsAction","Provider","Column","props","jc","ai","InputField","errMsg","inputLabel","textareaClass","hideInputLabel","placeholder","name","formik","labelClass","style","disabled","isLightTheme","rootStyle","hideLabel","inputIcon","autoComplete","my","TextareaAutosize","contrastText","main","onChangeCapture","onChange","getFieldProps","InputBase","textAlign","e","target","replace","slice","handleChange","endAdornment","inputImage","InputAdornment","src","alt","inputCvcImage","touched","errors","minHeight","size","marginLeft","schema","Yup","shape","email","notRequired","password","required","min","initValues","username","SIGNUP_USER_REQUEST","SIGNUP_USER_SUCCESS","SIGNUP_USER_FAILED","LOGIN_USER_REQUEST","LOGIN_USER_SUCCESS","LOGIN_USER_FAILED","USER_INFO_REQUEST","USER_INFO_SUCCESS","LOGOUT_USER_REQUEST","LOGOUT_USER_SUCCESS","LOGOUT_USER_FAILED","USERS_REQUEST","USERS_SUCCESS","USERS_FAILED","USER_REPORTS_REQUEST","USER_REPORTS_SUCCESS","USER_TYPES_REQUEST","USER_TYPES_SUCCESS","USER_UPDATE_REQUEST","USER_UPDATE_SUCCESS","USER_IMAGE_UPDATE_REQUEST","REMOVE_ACCOUNT_REQUEST","STOP_AUTH_LOADER","reset","setErrors","shouldLogout","initalStates","loading","admin","error","initState","volume","likedTracks","dowloadedTracks","allTracks","currentPlayingTrack","GET_OAUTH_REQUEST","GET_OAUTH_SUCCESS","OPEN_LOGIN_REQUEST","OPEN_LOGIN_SUCCESS","CLOSE_LOGIN_REQUEST","CLOSE_LOGIN_SUCCESS","OPEN_SIGNUP_REQUEST","OPEN_SIGNUP_SUCCESS","CLOSE_SIGNUP_SUCCESS","SIDEBAR_REQUEST","appToken","loginPopup","signupPopup","sidebarMenu","CREATE_ARTIST_REQUEST","CREATE_ARTIST_SUCCESS","CREATE_ARTIST_FAILED","UPDATE_ARTIST_REQUEST","GET_ARTIST_REQUEST","GET_ARTIST_SUCCESS","GET_ARTIST_FAILED","GET_SINGLE_ARTIST_REQUEST","GET_SINGLE_ARTIST_SUCCESS","artists","singleArtist","CREATE_ORDER_REQUEST","CREATE_ORDER_SUCCESS","CREATE_ORDER_FAILED","GET_ALL_ORDERS_REQUEST","GET_ALL_ORDERS_SUCCESS","GET_ALL_ORDERS_FAILED","orders","userSubscription","appReducer","combineReducers","action","filter","activeTrack","global","Type","laoding","subscriptions","rewards","SignupSaga","LoginSaga","UserInfoSaga","UsersSaga","UserReportsSaga","UserTypesSaga","UserUpdateSaga","UserImageUpdateSaga","RemoveAccountSaga","LogoutSaga","SignupWatchSaga","LoginWatchSaga","UserInfoWatchSaga","LogoutWatchSaga","UsersWatchSaga","UserReportsWatchSaga","UserTypesWatchSaga","UserUpdateWatchSaga","UserImageUpdateWatchSaga","RemoveAccountWatchSaga","authSaga","signupSuccess","signupFailed","call","POST","put","message","success","md5","GET","store","getState","token","results","PUT","JSON","stringify","log_added_by","key","values","response","updated","takeEvery","takeLatest","all","fork","UploadTrackSaga","AllTracksSaga","AllPendingTracksSaga","UpdateTrackSaga","LikedTracksSaga","PlayingTrack","RemovePlayingTrack","DownloadedTracksSaga","TrackWiseLikeSaga","TrackWiseUnLikeSaga","TrackWiseDownloadSaga","TrackWisePlaySaga","IncreaseVolumeSaga","DecreaseVolumeSaga","HandleVolumeSaga","CartSaga","UploadTrackWatchSaga","uploadTrackRequestSetUploadingBitFalseWatchSaga","AllTracksWatchSaga","AllPendingTracksWatchSaga","IncreaseVolumeWatchSaga","DecreaseVolumeWatchSaga","HandleVolumeWatchSaga","TrackWiseLikeWatchSaaga","TrackWiseUnLikeWatchSaaga","TrackWiseDownloadWatchSaaga","TrackWisePlayWatchSaaga","WatchAddToCartSaga","WatchLikedTrackSaga","WatchDownloadedTrackSaga","WatchUpdateTrackSaga","WatchCurrentTrackSaga","WatchRemoveCurrentTrackSaga","trackSaga","uploadTrackSuccess","uploadTrackFailed","Array","i","added_by","track_name","q","undefined","GetOauthSaga","OpenLoginPopupSaga","SidebarMenuSaga","closeLoginPopupSaga","OpenSignupPopupSaga","OauthWatchSaga","openLoginWatchSaga","closeLoginWatchSaga","openSignupWatchSaga","closeSignupWatchSaga","sidebarRequestSaga","OauthSaga","tokenPayload","client_id","response_type","redirect_uri","oauth","codePayload","grant_type","code","authorizationCode","client_secret","CreateArtistSaga","GetArtistsSaga","UpdateArtistSaga","GetSingleArtistSaga","watchCreateArtistSaga","watchGetArtistSaga","watchUpdateArtistSaga","watchGetSingleArtistSaga","artistSaga","CREATE_PROMO_CODE_REQUEST","GET_PROMO_CODE_REQUEST","UPDATE_PROMO_CODE_REQUEST","CreatePromoSaga","GetPromoSaga","UpdatePromoSaga","WatchCreatePromoSaga","WatchGetPromoSaga","WatchUpdatePromoSaga","promoSaga","CreateOrderSaga","GetAllOrdersSaga","WatchCreateOrderSaga","WatchAllOrdersSaga","orderSaga","RootSaga","sagaMiddleware","createSagaMiddleware","enhancers","persistConfig","storage","whiteList","debug","persistedReducer","persistReducer","removeItem","createStore","compose","composeWithDevTools","applyMiddleware","persistor","persistStore","run","url","options","headers","post","Signin","inputTextClass","button","login","policy","btn","socialLogin","googleLogin","discordLogin","hrOr","hr","emailSection","emailContinue","signupSection","signupBtn","DISCORD_AUTH_URL","emailEl","history","useHistory","useFormik","initialValues","validationSchema","onSubmit","resetForm","push","GoogleLogin","useGoogleLogin","onSuccess","tokenResponse","access_token","setValues","full_name","social_login","social_id","sub","profile_img","picture","social_platform","handleSubmit","gap","Cancel","Typography","borderColor","cursor","marginTop","secondary","textTransform","when","is","then","otherwise","Signup","referrerId","signupForm","setSignupForm","referrer_id","handleAlreadyMember","verticalAlign","mb","CircularProgress","SvgInline","w","h","useContext","Header","handleDrawerOpen","toolbar","menuOpen","setMenuOpen","is_admin","handleMenuOpen","handleNavigation","useEffect","totalRewardsRemainingCoins","reduce","sum","entry","remaining_coins","Toolbar","navbar","zIndex","marginRight","centerFlex","grow","sectionDesktop","mx","Button","subscription_plan_id","ClickAwayListener","onClickAway","paddingBottom","mt","rowGap","borderBottom","menuIcon","paddingLeft","paddingRight","inset","flexGrow","inputRoot","up","divider","headerText","uploadBtn","textDecoration","header","NonAuthLayout","StyledContainer","styled","Container","flexbox","borders","sizing","Row","flexWrap","Infocards","heading","containt","borderTop","paddingTop","CustomerSay","image_url","outer_message","inner_message","wave_img","useRef","Main","footerWrapper","uniqueContent","signupWrapperInner","wrapperPayment","wrapperInnerPayment","featureContainer","featureCard","uniqueHeading","mainImgBox","innerBox","typo","wrapper","advantageWrapper","wrapperSubscription","bottomBox","signupWrapper","social_icons_wrapper","learnMore","wrapperComposition","iconsCustomStyle","paymentImg","anchorRef","authActions","variant","background","maxWidth","image1","wave_image","image2","Date","getFullYear","rel","ref","visibility","columnGap","CoverImg","backgroundSize","overflow","backgroundImage","bottom","lineHeight","content","backgroundRepeat","music1","music2","gridGap","gridTemplateColumns","table","borderCollapse","diplay","list1","list4","activeIcon","list6","list3","list7","list8","userSelect","listText","activeListText","closeIcon","transition","transitions","create","easing","sharp","duration","leavingScreen","appBar","appBarShift","enteringScreen","menuButton","hide","drawer","flexShrink","whiteSpace","drawerOpen","drawerClose","overflowY","mixins","marginBottom","drawerContainer","activeVocal","objectFit","objectPosition","activeVocalFlex","activeVocalName","textOverflow","heartStyle","topDivider","activeLink","borderLeft","activeDashboard","hoverLink","hoverDashboard","sliderClass","DrawerList","active","hover","ListItemIcon","AdminList","logoutRequest","Logout","AdminHeader","ml","SongContext","currentSong","setCurrentSong","song","containerSong","setContainerSong","playing","setPlaying","listTrack","setListTrack","songPlay","currentId","setCurrentId","songplap","songIds","setSongIds","songId","SongPopup","row","trackObj","t","liked","heartFlag","setheartFlag","handleLike","trackID","object_type","object_id","action_against_id","is_oneshot","handleUnlike","SideSongInfo","popup","setPopup","mysongcontext","mytracklist","Ids","nextSongId","indexOf","stop","play","preSongId","AppDrawer","setMute","contextData","sidebarDrawerContext","TrackActions","CssBaseline","AppBar","elevation","Drawer","isCollapsed","user_details","Layout","bpm","toString","genres","popular","filterInitialValues","isPhrases","isOneshot","isWet","isDry","genre","language","trending","searchKey","isVocalchops","isStutter","filleFilterInitialValues","isMostDownloaded","isLeastDownloaded","isNewest","isOldest","VocalRow","rowList","setContainer","setCurrent","container","current","handleDownload","heart","handleDownloadTrackWithCoins","downloadCheck","handleDialogue","helperText","btnCell","mucisTrack","downloadCell","downIconSvg","downIcon","desc","tracksControl","btn_download","add_to_cart","responsive_layout_vocals","setDuration","waveformRef","waveformForm","copyVocal","setCopyVocal","loader","setLoader","setPlay","isPerchased","setisPerchased","dur","val","toFixed","split","mins","scnd","isHover","setIsHover","setSize","useLayoutEffect","updateSize","innerWidth","innerHeight","addEventListener","removeEventListener","WaveSurfer","barWidth","cursorWidth","backend","progressColor","responsive","waveColor","cursorColor","load","track_url","on","getDuration","percent","currentTime","destroy","handlePlay","handleStop","rowOnClick","onMouseEnter","onMouseLeave","substring","pop","stopPropagation","navigator","clipboard","writeText","startIcon","is_vocalchops","is_stutter","cartIcon","textDecorationColor","title","valuetext","RangeSlider","setValue","sx","Slider","getAriaLabel","event","newValue","valueLabelDisplay","getAriaValueText","max","defaultValue","Filter","filters","setFilters","appliedFilters","refreshFilters","updateFilters","setUpdateFilters","clearFilterData","removeFilter","filteredGenres","search","searchIcon","inputInput","langs","phraseBox","phraseBox1","phrase","refreshBox","filterDesc","bpmValue","setBpmValue","showBpmTooltip","setShowBpmTooltip","bpmref","input","inputProps","setHandle","sort","b","localeCompare","filterBox","pointerEvents","boxSizing","wordSpacing","selectStyle","select","Select","haddleQueryParams","o","StyledGrid","Grid","SMFilter","item","xs","paddingBlock","borderTopRightRadius","borderBottomRightRadius","SearchFilters","setSearchFilters","searchFilters","setFilteredTracks","preFilteredTracks","pt","vocalWrapper","rootBox","SubDialogue","VocalsTable","fetchVocals","tracksTotal","trackLoading","tracksBtn","hasMore","setHasMore","setPreFilteredTrack","setFilteredGenres","openDialogue","setOpenDialogue","id_list","info","catch","track_res","shuffleVocals","array","j","Math","floor","random","responseType","fileDownload","tracksData","useMemo","updateFilteredGenres","filter_genres","updatedGenres","distinctGenresWithActiveTrack","Set","status","handleSubDialogue","overflowX","dataLength","next","head","oveflow","btnColor","CustomContainer","ContentContainer","titleLeft","titleBackground","gradient","profile","pageType","adminGradient","thankYou","titleContainer","smallGradient","profileTitleContainer","sidebar_controls","adminHeader","thankYouText","bigFont","control_image","DialoguePopup","model","CoinSucceed","veriant","Vocals","setAllTracks","setLoading","firstLoad","setFirstLoad","setTracksTotal","setAppliedFilters","openCoinSuccess","setopenCoinSuccess","paymentStatus","URLSearchParams","handleCancel","sendRequest","newTracks","total","updatedFilters","entries","charAt","toUpperCase","k","toLowerCase","prevFilter","p","tital_color","Card","body","plan","coin","price","resubscribeUserPlan","price_duration","cancelUserSubscription","yearclick","monthclick","monthly_info","yearly_info","Plans","setError","card_info","setcard_info","setCancelUserSubscription","setinfo","filterData","propertyName","obj","getCancelUserSubscription","fetch","monthly_button","yearly_button","coins","activePlanId","Plan","activeID","Downloads","ImHeart","FaRegArrowAltCircleDown","downloads","setDownloads","encodeURIComponent","Likes","setLikedTracks","formScript","previous_work","vocals","platform_link","UploadSuccess","rootInner","textContainer","bgContainer","browseVocals","sm","md","lg","backgroundPosition","MenuTabs","ID","logoutHandler","path","activeTabID","bio","user_type","is_suspended","tabInfo","tabName","active_icon","plan_card_info","ProfileMenu","document","getElementById","classList","add","tab","ProfileContainer","activeTab","profileRoot","bg","danger","saveBtnContainer","saveBtn","UploadForm","isSuccess","setIsSuccess","useParams","sm_link","formData","setFormData","enableReinitialize","field","disableElevation","is_phrases","is_dry","is_wet","male","female","image","text","Vocal","vocal","removeVocalCallback","addDelBtn","uploadsBoxes","fileInput","boldTypo","inputBox","textBoxes","btnWrapper","imgUpload","phraseShotStyle","exampleTypoBox","inputRef","success_color","imageRef","phraseShot","setPhraseShot","stutterChops","setStutterChops","dry","setDry","gender","setGender","handlePhrase","handleOneShot","handleDry","handleWet","handleSelectImage","click","accept","px","flex","listStyle","publishBtnStyle","flexBasis","AddVocal","setTrack","setImage","getTime","setVocals","handleTrack","file","files","uniqueFileName","now","renamedFile","File","fd","FormData","append","isUploading","imageResponse","handleImage","trackResponse","handlePublish","isValid","handleRemoveVocal","vcls","v","Terms","boxPadding","List","TermsAddStepper","circle","stepper","lable","activeStep","setActiveStep","steps","is_upload_permission","Stepper","alternativeLabel","Step","StepLabel","prev","borderTopWidth","TrackUploadSuccess","rootWrapper","inputFlex","bioField","borderBox","coverBox","boxInner","mobileInputSwap","profileBox","bioBox","textarea","resize","PlanCard","setCardID","setPrompt","currentTarget","Table","table_head","tabelRoot","textWhite","nothingTextWrap","trackNameText","align","join","plays","likes","earnings","MyVocals","withdrawBtn","animate","sideBtn","loadingTextWrap","setIsGeneratingLink","setTracks","setTransactionData","setAvailableBalance","setWithDrawAmountThreshold","getMyVocals","amount","parseFloat","withdrawAmountThreshold","deposit","swal","m","borderWhite","topBtn","addBtn","imgIcon","CardPrompt","cardID","open_card","Alart","tital","subTital","acceptClick","declineClick","btn_tital","Profile","formEdit","setFormEdit","card_prompt","setCard_prompt","clickedCardID","remove_account","setRemove_account","end_subscription","setEnd_subscription","assign","htmlFor","preventDefault","PaymentBox","storeRoot","createData","rows","TableContainer","Paper","TableBody","TableRow","TableCell","scope","StatBox","centerTypo","centerValue","bTitle","bValue","uTitle","uValue","py","OnlineStoreStat","storeBox","td","arrowUp","arrowDown","activeSpan","span","daysBox","days","setDays","bgcolor","increase","visitFromSocial","visitFromSource","statsList","TopStatBox","stat","Dashboard","firstBox","thirdBox","secondBox","marginInline","Files","calories","fat","carbs","protein","TableHead","Analytics","Cart","handleNext","fontBold","trackImg","proceedBtn","cart_sum","r","overflowWrap","imgClass","selectClass","link","wan","btns","pay","dark","continues","borderTopLeftRadius","borderBottomLeftRadius","firstName","lastName","creditCard","month","year","cvc","country","postalCode","test","valid","number","matches","cvv","ThanksVocalRow","showDownloadButton","Checkout","prevCardInfo","inputClass","labelCardClass","labelEmailClass","submitBtn","InputRoot","vocalRowsWrapper","priceWrapper","paymentForm","IsSubmitting","setIsSubmitting","submitPayment","parseInt","track_ids","updatedValues","cardStyle","subHead","mul","headerWrapper","Confirmation","smallText","bigText","darkSpan","vocalRowContainer","substr","fontWEight","ViewCart","setPrevCardInfo","prevActiveStep","handleBack","handleReset","resp","stepperConatainer","StepIconComponent","StepIcon","step","hideOverflow","instructions","reduxSubscription","subscriptionPlanId","CheckoutPage","setopenDialogue","AdminFilter","inputField","inputSelect","borderRight","App","activePage","pageNumber","this","setState","setPageNo","setPaginationRange","handleSignUp","itemsCountPerPage","innerClass","totalItemsCount","nextPageText","prevPageText","itemClassFirst","itemClassLast","itemClassNext","itemClassPrev","lastPageText","firstPageText","pageRangeDisplayed","handlePageChange","bind","Component","setCurrentUser","currentUser","sideBarActivation","setSideBarActivation","deleteBtn","activeBtn","emailColor","artistStyle","userStyle","tableContainer","dnone","pageNo","paginationRange","isPerm","handleRemoveUser","isSuspend","buttons","dangerMode","willDelete","setUserType","page","scroll","Waveform","forwardRef","generateDuration","setLoad","setWaveform","waveContainer","wave","waveform","currentProgress","setCurrentProgress","querySelector","handleMouseEnter","getCurrentTime","setVolume","useImperativeHandle","getAlert","Tooltip","SideBarWave","handlePlayCount","dummyTrack","SideBar","setSideBarCheck","sideBarCheck","user","selected","setSelected","art","tr","styles","top_bar","close_icon","form_heading","text_area","button_group","active_btn","vocal_top_bar","vocals_heading","download_icon","vocal_content","date_added","UsersArtists","sideBar","setCurrentVocal","currentVocal","updateTrackStatus","handleDelete","img","downloadStyle","childRef","resortedTracks","setResortedTracks","durationList","setDurationList","fixed","pushDurations","prevDurations","resultantTracks","dryBox","AdminSideBar","absolute_close_icon","adminSideBar","newVocalButton","filesFilters","setFilesFilters","openAdmin","setOpenAdmin","sortedTracks","setSortedTracks","filteredSongs","replaceAll","setTimeout","forEach","delete","setOrder","order_id","order_details","order_status","pay_status","pay_status_icon","pay_date","track_details","fullname","Orders","ArtistCarousel","setPopularArtists","artistHeading","carouselWrapper","maxHeight","artistImage","artistName","ArtistPublicProfile","progress","progressContainer","topBg","filterBg","editedBtn","setUserInfo","profileImg","cover_image","Artist","artistTracks","setArtistTracks","strong","handleArtistUpdate","toLocaleDateString","form_id","paddingInline","ArtistFormTable","ContactUs","socialIcon","socialLabel","backgroundPositionX","QAs","qa","defaultTheme","createTheme","MessageForm","styling","ThemeProvider","noValidate","set","TextField","fullWidth","multiline","Contactus","QA","bgContainerQuestions","bgContainerQuestionsMark","tabBody","accordionSummaryHeading","setactiveTabValue","Tabs","orientation","Tab","group","a11yProps","TabPanel","QAobj","ind","Accordion","AccordionSummary","expandIcon","AccordionDetails","other","role","hidden","typography","pxToRem","fontWeightRegular","TermsOfUse","ReferalStep","num","detail","steps_detail","ReferalForm","emailRef","copy","setcopy","ReferFriend","step_num","AffiliateStep","affiliate_steps","Affiliate","TempRow","artistID","navigateToArtist","preload","TempTable","wrapperStyle","wrapperClass","visible","ariaLabel","secondaryColor","strokeWidth","strokeWidthSecondary","TempVocals","CopylinkVocal","ManageCards","btnContant","date","btnOnClick","MoreCoinRow","setSelectRow","selectRow","dialogueRow","dialogueRowBackground","moreCoinsInfo","MoreCoins","confirmDialogue","setConfirmDialogue","handleContinue","purchaseCoins","UpgradePlan","immediateTimeframe","setImmediateTimeframe","CancelPlan","cancelSubscription","userId","ManageSubscription","plan_duration","upgradePlan","setUpgradePlan","cancelPlanDialoague","setCancelPlanDialoague","renewalDate","renewal_date","handleUpgradePlan","handleCancelPlan","total_coins","BaseRoutes","exact","from","dialog","logout","red","countdown","Transition","Slide","direction","SessionTimeoutDialog","onLogout","onContinue","Dialog","TransitionComponent","DialogTitle","DialogContent","DialogActions","countdownInterval","timeout","SessionTimeout","isAuthenticated","timeoutModalOpen","setTimeoutModalOpen","timeoutCountdown","setTimeoutCountdown","idleTimer","clearSessionTimeout","clearTimeout","clearSessionInterval","clearInterval","handleLogout","isTimedOut","onActive","onIdle","countDown","setInterval","debounce","crossTab","ForgotPassword","err","forgot","createButton","dontHfay","confirmPassword","ResetPassword","some","reset_password_hash","DiscordRedirect","fetchUserData","discordData","global_name","avatar","FullScreenPopup","ReferralsFriend","setUser","collapse","clientId","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","createMuiTheme","fontFamily","body1","h6","overrides","MuiButton","outlined","contained","disableRipple","responsiveFontSizes","interceptors","request","use","ReactDOM","render"],"mappings":"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","file":"static/js/main.fe5df470.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"sidebar_wrapper__3P5AI\",\"top_bar\":\"sidebar_top_bar__2JC-z\",\"vocal_top_bar\":\"sidebar_vocal_top_bar__RmAgL\",\"close_icon\":\"sidebar_close_icon__1G1FT\",\"email\":\"sidebar_email__3gc58\",\"pay_status_icon\":\"sidebar_pay_status_icon__2EnYw\",\"pay_status\":\"sidebar_pay_status__g4u1H\",\"pay_date\":\"sidebar_pay_date__3jCPa\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dialogueRow\":\"dialogue_dialogueRow__1ONCN\",\"dialogueRowBackground\":\"dialogue_dialogueRowBackground__3xjyo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"sidebar_wrapper__16ow5\",\"top_bar\":\"sidebar_top_bar__25p-f\",\"vocal_top_bar\":\"sidebar_vocal_top_bar__2i-9P\",\"close_icon\":\"sidebar_close_icon__302xQ\",\"email\":\"sidebar_email__1UQIN\",\"name\":\"sidebar_name__38B5-\",\"form_heading\":\"sidebar_form_heading__37nNy\",\"label\":\"sidebar_label__35Mdk\",\"text_area\":\"sidebar_text_area__1VQZM\",\"button_group\":\"sidebar_button_group__2Iqz2\",\"btn\":\"sidebar_btn__LfYM2\",\"active_btn\":\"sidebar_active_btn__1gOVS\",\"vocals_heading\":\"sidebar_vocals_heading__128e_\",\"vocal_content\":\"sidebar_vocal_content__3Tme1\",\"vocal\":\"sidebar_vocal__3F7g-\",\"download_icon\":\"sidebar_download_icon__1xKNI\"};","let baseUrl\nconst hostname = window && window.location && window.location.hostname\n\nif (hostname === \"localhost\") {\n  baseUrl = \"http://localhost:3011/\"\n  //  baseUrl = \"https://api.warbls.com/\"\n} else {\n  baseUrl = \"https://api.warbls.com/\"\n}\n\nexport const APIs = {\n  // oauth apis\n  getAuthToken: baseUrl + \"oauth/authorize\",\n  getAuthCode: baseUrl + \"oauth/token\",\n\n  // auth apis\n  signup: baseUrl + \"users\",\n  signin: baseUrl + \"auth/login\",\n  users: baseUrl + \"users\",\n  forgotPassword: baseUrl + \"users/forgetPassword\",\n  updateUser: baseUrl + \"users/\",\n  types: baseUrl + \"users/types\",\n  reports: baseUrl + \"users/reports\",\n\n  // track apis\n  uploadTrack: baseUrl + \"s3/upload\",\n  tracks: baseUrl + \"tracks\",\n  addTrack: baseUrl + \"tracks/\",\n  deleteTrack: baseUrl + \"tracks\",\n  getTracksGenre: baseUrl + \"tracks/getTracksGenre\",\n  download: baseUrl + \"s3/download-link\",\n  trackActions: baseUrl + \"stats/track-wise\",\n  popularArtist: baseUrl + \"stats/popular-artists\",\n  popularTracks: baseUrl + \"stats/popular-tracks\",\n  trendingTracks: baseUrl + \"stats/trending-tracks\",\n  uploadPermission: baseUrl + \"users/upload-permission\",\n\n  myVocals: baseUrl + \"tracks/my-track/\",\n\n  // artist api\n  artist: baseUrl + \"artist-forms\",\n\n  // promo code\n  promoCode: baseUrl + \"promo-codes\",\n\n  //Checkout\n  checkout: baseUrl + \"payment/stripe\",\n  subscriptionCheckout: baseUrl + \"payment/stripe/subscription\",\n  stripeCheckoutSession: baseUrl + \"payment/stripe/create-checkout-session\",\n  stripeCancelSubscription: baseUrl + \"payment/stripe/cancel-subscription\",\n  resubscibeUserPlan: baseUrl + \"payment/stripe/reactivate-subscription\",\n  getCardInfo: baseUrl + \"payment/getCardInfo\",\n  paypalCreateOrder: baseUrl + \"payment/paypal/createOrder\",\n  paypalCaptureOrder: baseUrl + \"payment/paypal/captureOrder\",\n\n  //Orders\n  order: baseUrl + \"orders\",\n  trackOrder: baseUrl + \"orders/track\",\n\n  //subscription plans\n  plans: baseUrl + \"subscription-plans\",\n  // Generate onboarding link\n  onboarding: baseUrl + \"payment/onboarding/\",\n  withdraw: baseUrl + \"payment/createtransfer/\",\n  //user subscription plan\n  userSubscriptionPlan: baseUrl + 'user-subscription-plan',\n  userRewards: baseUrl + 'users/rewards',\n  userSubscriptionPlanFilters: baseUrl + 'user-subscription-plan/filters',\n  discordAuth: baseUrl + 'discord/auth'\n}\n","import * as React from \"react\"\nimport { List, ListItem, ListItemText, makeStyles, Box, useMediaQuery, useTheme } from \"@material-ui/core\"\nimport { Link, useLocation } from \"react-router-dom\"\nimport clsx from \"clsx\"\n\nexport const HeaderList = ({ indexPage }) => {\n  const { root, listItem, activeClass, activeClassMd, homePageHeader, homePageActiveItem } = useStyles()\n  const location = useLocation()\n  const theme = useTheme()\n  const media = useMediaQuery(theme.breakpoints.down(\"sm\"))\n  const activeList = indexPage ? homePageList : list\n\n  return (\n    <List\n      className={clsx(root, {\n        [homePageHeader]: indexPage === true\n      })}\n    >\n      {activeList?.map((l, index) => (\n        <ListItem\n          component={Link}\n          key={index}\n          to={l.to}\n          className={clsx(listItem, {\n            [activeClassMd]: location.pathname === l.to && media\n          })}\n        >\n          <ListItemText primary={l.label} />\n          <Box\n            className={clsx(\n              { [activeClass]: location.pathname === l.to },\n              {\n                [homePageActiveItem]: window.location.href.includes(\"main\")\n              }\n            )}\n          ></Box>\n        </ListItem>\n      ))}\n    </List>\n  )\n}\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n\n    [theme.breakpoints.down(\"sm\")]: {\n      flexDirection: \"column\"\n    }\n  },\n  homePageHeader: {\n    width: \"70%\",\n    margin: \"0 auto\"\n  },\n  listItem: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    \"& .MuiTypography-body1\": {\n      fontSize: 17,\n      fontStyle: \"normal\",\n      margin: \"0px 10px\",\n      color: \"#ffffff\",\n      fontWeight: \"800\"\n    },\n    \"&.MuiListItem-root\": {\n      [theme.breakpoints.down(\"sm\")]: {\n        alignItems: \"flex-start\",\n        flexDirection: \"row\",\n        justifyContent: \"center\"\n      }\n    }\n  },\n  activeClassMd: {\n    backgroundColor: \"#C4C4C4\"\n  },\n  activeClass: {\n    height: 4,\n    backgroundColor: \"#86DB78\",\n    width: \"50%\",\n    borderRadius: 4,\n    [theme.breakpoints.down(\"sm\")]: {\n      height: 0,\n      backgroundColor: \"transparent\",\n      width: \"0%\",\n      borderRadius: 0\n    }\n\n    // position: \"absolute\",\n    // bottom: 0\n  },\n  homePageActiveItem: {\n    width: \"5%\"\n  },\n  icon: {\n    \"&.MuiListItemIcon-root\": {\n      minWidth: 32\n    }\n  }\n}))\n\nconst list = [{ label: \"Vocals\", to: \"/vocals\", icon: \"/media/vocal-icon.svg\" }]\n\nconst homePageList = [{ label: \"Vocals\", to: \"/vocals\", icon: \"/media/vocal-icon.svg\" }]\n","export const toAbsoluteUrl = (pathname) => process.env.PUBLIC_URL + pathname\n","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Modal from \"@material-ui/core/Modal\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\n\nexport const Popup = ({ open, handleClose, children }) => {\n  const classes = useStyles();\n\n  return (\n    <div>\n      <Modal\n        className={classes.modal}\n        open={open}\n        onClose={handleClose}\n        aria-labelledby=\"simple-modal-title\"\n        aria-describedby=\"simple-modal-description\"\n      >\n        <div className={classes.paper}>\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={handleClose}\n          >\n            <CloseIcon />\n          </IconButton>\n          {children}\n        </div>\n      </Modal>\n    </div>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  modal: {\n    outline: \"none\",\n    border: \"0px\",\n    boxShadow: \"none\",\n    \"&:hover\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"&:focus\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    }\n  },\n  paper: {\n    position: \"absolute\",\n    width: 450,\n    backgroundColor: \"#333333\",\n    border: \"0px\",\n    boxShadow: \"none\",\n    borderRadius: 10,\n    padding: 40,\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translate(-50%, -50%)\",\n    \"&:hover\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"&:focus\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"@media (max-width:450px)\": {\n      width: 350,\n      padding: 20\n    }\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: theme.spacing(1),\n    top: theme.spacing(1),\n    color: theme.palette.grey[500],\n  },\n}));\n","/** SIGNUP TYPES */\r\nexport const UPLOAD_TRACK_REQUEST = \"UPLOAD_TRACK_REQUEST\"\r\nexport const UPLOAD_TRACK_DEFAULT = \"UPLOAD_TRACK_DEFAULT\"\r\nexport const UPLOAD_TRACK_SUCCESS = \"UPLOAD_TRACK_SUCCESS\"\r\nexport const UPLOAD_TRACK_FAILED = \"UPLOAD_TRACK_FAILED\"\r\n\r\n/** GET TRACKS TYPES */\r\nexport const ALL_TRACKS_REQUEST = \"ALL_TRACKS_REQUEST\"\r\nexport const ALL_TRACKS_SUCCESS = \"ALL_TRACKS_SUCCESS\"\r\nexport const ALL_TRACKS_FAILED = \"ALL_TRACKS_FAILED\"\r\n\r\n/** UPDATE TRACK */\r\nexport const UPDATE_TRACKS_REQUEST = \"UPDATE_TRACKS_REQUEST\"\r\nexport const UPDATE_TRACKS_SUCCESS = \"UPDATE_TRACKS_SUCCESS\"\r\nexport const UPDATE_TRACKS_FAILED = \"UPDATE_TRACKS_FAILED\"\r\n\r\n/** GET PENDING TRACKS TYPES */\r\nexport const ALL_PENDING_TRACKS_REQUEST = \"ALL_PENDING_TRACKS_REQUEST\"\r\nexport const ALL_PENDING_TRACKS_SUCCESS = \"ALL_PENDING_TRACKS_SUCCESS\"\r\nexport const ALL_PENDING_TRACKS_FAILED = \"ALL_PENDING_TRACKS_FAILED\"\r\n\r\n/** GET LIKED TRACKS TYPES */\r\nexport const LIKED_TRACKS_REQUEST = \"LIKED_TRACKS_REQUEST\"\r\nexport const LIKED_TRACKS_SUCCESS = \"LIKED_TRACKS_SUCCESS\"\r\nexport const LIKED_TRACKS_FAILED = \"LIKED_TRACKS_FAILED\"\r\n\r\n/** GET DOWNLOADED TRACKS TYPES */\r\nexport const DOWNLOADED_TRACKS_REQUEST = \"DOWNLOADED_TRACKS_REQUEST\"\r\nexport const DOWNLOADED_TRACKS_SUCCESS = \"DOWNLOADED_TRACKS_SUCCESS\"\r\nexport const DOWNLOADED_TRACKS_FAILED = \"DOWNLOADED_TRACKS_FAILED\"\r\n\r\n/** INCREASE VOLUME */\r\nexport const INCREASE_VOLUME_REQUEST = \"INCREASE_VOLUME_REQUEST\"\r\nexport const INCREASE_VOLUME_SUCCESS = \"INCREASE_VOLUME_SUCCESS\"\r\n\r\nexport const DECREASE_VOLUME_REQUEST = \"DECREASE_VOLUME_REQUEST\"\r\nexport const DECREASE_VOLUME_SUCCESS = \"DECREASE_VOLUME_SUCCESS\"\r\n\r\nexport const HANDLE_VOLUME_REQUEST = \"HANDLE_VOLUME_REQUEST\"\r\nexport const HANDLE_VOLUME_SUCCESS = \"HANDLE_VOLUME_SUCCESS\"\r\n\r\n/** STOP TRACK LAODERS */\r\nexport const STOP_TRACK_LOADER = \"STOP_TRACK_LOADER\"\r\n\r\n/** TRACK WISE LIKE TYPES */\r\nexport const TRACK_WISE_LIKE_REQUEST = \"TRACK_WISE_LIKE_REQUEST\"\r\nexport const TRACK_WISE_LIKE_SUCCESS = \"TRACK_WISE_LIKE_SUCCESS\"\r\nexport const TRACK_WISE_LIKE_FAILED = \"TRACK_WISE_LIKE_FAILED\"\r\n\r\n/** TRACK WISE UNLIKE TYPES */\r\nexport const TRACK_WISE_UNLIKE_REQUEST = \"TRACK_WISE_UNLIKE_REQUEST\"\r\nexport const TRACK_WISE_UNLIKE_SUCCESS = \"TRACK_WISE_UNLIKE_SUCCESS\"\r\nexport const TRACK_WISE_UNLIKE_FAILED = \"TRACK_WISE_UNLIKE_FAILED\"\r\n\r\n/** TRACK WISE PLAY TYPES */\r\nexport const TRACK_WISE_PLAY_REQUEST = \"TRACK_WISE_PLAY_REQUEST\"\r\nexport const TRACK_WISE_PLAY_SUCCESS = \"TRACK_WISE_PLAY_SUCCESS\"\r\nexport const TRACK_WISE_PLAY_FAILED = \"TRACK_WISE_PLAY_FAILED\"\r\n\r\n/** TRACK WISE DOWNLOAD TYPES */\r\nexport const TRACK_WISE_DOWNLOAD_REQUEST = \"TRACK_WISE_DOWNLOAD_REQUEST\"\r\nexport const TRACK_WISE_DOWNLOAD_SUCCESS = \"TRACK_WISE_DOWNLOAD_SUCCESS\"\r\nexport const TRACK_WISE_DOWNLOAD_FAILED = \"TRACK_WISE_DOWNLOAD_FAILED\"\r\n\r\n/** ADD TO CART TYPES */\r\nexport const ADD_TO_CART_REQUEST = \"ADD_TO_CART_REQUEST\"\r\nexport const ADD_TO_CART_SUCCESS = \"ADD_TO_CART_SUCCESS\"\r\nexport const ADD_TO_CART_FAILED = \"ADD_TO_CART_FAILED\"\r\n\r\n/** REMOVE CART TYPES */\r\nexport const REMOVE_CART_REQUEST = \"REMOVE_CART_REQUEST\"\r\nexport const EMPTY_CART_REQUEST = \"EMPTY_CART_REQUEST\"\r\n// export const ADD_TO_CART_SUCCESS = \"ADD_TO_CART_SUCCESS\"\r\n// export const ADD_TO_CART_FAILED = \"ADD_TO_CART_FAILED\"\r\n\r\n/** GET PLAYING TRACK */\r\nexport const GET_PLAYING_VOCAL = \"GET_PLAYING_VOCAL\"\r\nexport const REMOVE_PLAYING_VOCAL = \"REMOVE_PLAYING_VOCAL\"\r\nexport const ACTIVE_TRACK = \"ACTIVE_TRACK\"\r\n\r\n","import * as Types from \"./types\"\r\n\r\nexport const actions = {\r\n  /** login actions */\r\n  uploadTrackRequest: (payload) => ({\r\n    type: Types.UPLOAD_TRACK_REQUEST,\r\n    payload\r\n  }),\r\n  uploadTrackSuccess: (payload) => ({ type: Types.UPLOAD_TRACK_SUCCESS, payload }),\r\n  uploadTrackFailed: () => ({ type: Types.UPLOAD_TRACK_FAILED }),\r\n  uploadTrackRequestSetUploadingBitFalse: () => ({ type: Types.UPLOAD_TRACK_DEFAULT }),\r\n\r\n  /** all tracks */\r\n  getAllTracksRequest: (payload) => ({ type: Types.ALL_TRACKS_REQUEST, payload }),\r\n  getAllTracksSuccess: (payload) => ({ type: Types.ALL_TRACKS_SUCCESS, payload }),\r\n  getAllTracksFailed: () => ({ type: Types.ALL_TRACKS_FAILED }),\r\n\r\n  /** update  tracks */\r\n  updateTracksRequest: (payload, id, toast) => ({\r\n    type: Types.UPDATE_TRACKS_REQUEST,\r\n    payload,\r\n    id,\r\n    toast\r\n  }),\r\n  updateTracksSuccess: (payload) => ({ type: Types.UPDATE_TRACKS_SUCCESS, payload }),\r\n  updateTracksFailed: () => ({ type: Types.UPDATE_TRACKS_FAILED }),\r\n\r\n  /** all tracks with pending status*/\r\n  getAllPendingTracksRequest: () => ({ type: Types.ALL_PENDING_TRACKS_REQUEST }),\r\n  getAllPendingTracksSuccess: (payload) => ({ type: Types.ALL_PENDING_TRACKS_SUCCESS, payload }),\r\n  getAllPendingTracksFailed: () => ({ type: Types.ALL_PENDING_TRACKS_FAILED }),\r\n\r\n  /** liked tracks */\r\n  likedTracksRequest: (payload) => ({ type: Types.LIKED_TRACKS_REQUEST, payload }),\r\n  likedTracksSuccess: (payload) => ({ type: Types.LIKED_TRACKS_SUCCESS, payload }),\r\n  likedTracksFailed: () => ({ type: Types.LIKED_TRACKS_FAILED }),\r\n\r\n  /** downloaded tracks */\r\n  downloadedTracksRequest: (payload) => ({ type: Types.DOWNLOADED_TRACKS_REQUEST, payload }),\r\n  downloadedTracksSuccess: (payload) => ({ type: Types.DOWNLOADED_TRACKS_SUCCESS, payload }),\r\n  downloadedTracksFailed: () => ({ type: Types.DOWNLOADED_TRACKS_FAILED }),\r\n\r\n  /** increase volume */\r\n  increaseVolumeRequest: () => ({ type: Types.INCREASE_VOLUME_REQUEST }),\r\n  increaseVolumeSuccess: () => ({ type: Types.INCREASE_VOLUME_SUCCESS }),\r\n  // increaseVolumeFailed: () => ({ type: Types.INCREASE_VOLUME_FAILED }),\r\n\r\n  /** decrease volume */\r\n  decreaseVolumeRequest: () => ({ type: Types.DECREASE_VOLUME_REQUEST }),\r\n  decreaseVolumeSuccess: () => ({ type: Types.INCREASE_VOLUME_SUCCESS }),\r\n\r\n  handleVolumeRequest: (payload) => ({ type: Types.HANDLE_VOLUME_REQUEST, payload }),\r\n  handleVolumeSuccess: (payload) => ({ type: Types.HANDLE_VOLUME_SUCCESS, payload }),\r\n\r\n  /** stop loaders */\r\n  stopTrackLoaderSuccess: () => ({ type: Types.STOP_TRACK_LOADER }),\r\n\r\n  /** track wise like actions */\r\n  trackWiseLikeRequest: (payload) => ({ type: Types.TRACK_WISE_LIKE_REQUEST, payload }),\r\n  trackWiseLikeSuccess: () => ({ type: Types.TRACK_WISE_LIKE_SUCCESS }),\r\n  trackWiseLikeFailed: () => ({ type: Types.TRACK_WISE_LIKE_FAILED }),\r\n\r\n  /** track wise unlike actions */\r\n  trackWiseUnLikeRequest: (payload, id) => ({ type: Types.TRACK_WISE_UNLIKE_REQUEST, payload, id }),\r\n  trackWiseUnLikeSuccess: () => ({ type: Types.TRACK_WISE_UNLIKE_SUCCESS }),\r\n  trackWiseUnLikeFailed: () => ({ type: Types.TRACK_WISE_UNLIKE_FAILED }),\r\n\r\n  /** track wise play actions */\r\n  trackWisePlayRequest: (payload) => ({ type: Types.TRACK_WISE_PLAY_REQUEST, payload }),\r\n  trackWisePlaySuccess: () => ({ type: Types.TRACK_WISE_PLAY_SUCCESS }),\r\n  trackWisePlayFailed: () => ({ type: Types.TRACK_WISE_PLAY_FAILED }),\r\n\r\n  /** track wise download actions */\r\n  trackWiseDownloadRequest: (payload) => ({ type: Types.TRACK_WISE_DOWNLOAD_REQUEST, payload }),\r\n  trackWiseDownloadSuccess: () => ({ type: Types.TRACK_WISE_DOWNLOAD_SUCCESS }),\r\n  trackWisDownloadFailed: () => ({ type: Types.TRACK_WISE_DOWNLOAD_FAILED }),\r\n\r\n  /** add to cart actions */\r\n  addToCartRequest: (payload) => ({ type: Types.ADD_TO_CART_REQUEST, payload }),\r\n  addToCartSuccess: (payload) => ({ type: Types.ADD_TO_CART_SUCCESS, payload }),\r\n  addToCartFailed: () => ({ type: Types.ADD_TO_CART_FAILED }),\r\n\r\n  /** add to cart actions */\r\n  removeCartRequest: (payload) => ({ type: Types.REMOVE_CART_REQUEST, payload }),\r\n  emptyCartRequest: () => ({ type: Types.EMPTY_CART_REQUEST }),\r\n\r\n  getPlayingVocal: (payload) => ({ type: Types.GET_PLAYING_VOCAL, payload }),\r\n  removePlayingVocal: () => ({ type: Types.REMOVE_PLAYING_VOCAL }),\r\n  activeVocal: (payload) => ({ type: Types.ACTIVE_TRACK, payload }),\r\n}\r\n","export const USER_SUBSCRIPTION_PLAN = \"USER_SUBSCRIPTION_PLAN\"","import * as Types from \"./types\"\n\nexport const actions = {\n   // user subscription plan\n   userSubscriptionPlan: (payload) => ({ type: Types.USER_SUBSCRIPTION_PLAN, payload}),\n}\n","export const USER_REWARDS = \"USER_REWARDS\"","import * as Types from \"./types\"\n\nexport const actions = {\n   // user subscription plan\n   userRewards: (payload) => ({ type: Types.USER_REWARDS, payload}),\n}\n","import * as React from \"react\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../redux/track/actions\"\nimport { actions as subscriptionAction } from \"../../redux/subscription/actions\"\nimport { actions as rewardsAction } from \"../../redux/reward/actions\"\nimport cogoToast from \"cogo-toast\"\nimport axios from \"axios\";\nimport { APIs } from \"../../_helpers/apis\"\n\nconst { createContext, useState, useCallback } = React\n\nexport const AppContext = createContext()\n\nexport const AppProvider = ({ children }) => {\n  const { auth,userInfo } = useSelector((state) => state.auth)\n  const cart = useSelector((state) => state.track.cart || [])\n  const dispatch = useDispatch()\n  const [openLogin, setOpenLogin] = useState(false)\n  const [openSignup, setOpenSignup] = useState(false)\n\n  const handleLogin = useCallback(() => {\n    setOpenLogin(!openLogin)\n  }, [openLogin])\n\n  const closeLogin = () => {\n    setOpenLogin(false)\n  }\n  const updateSubscriptionCoins = () => {\n    if(!userInfo && !(Object.keys(userInfo).length)) return\n    // React.useEffect(() => {\n      const getUserSubscription = async () => {\n      try {\n        \n        const res = await axios.get(APIs.userSubscriptionPlan,{\n          params:{user_id: userInfo.user_id}\n        });\n        dispatch(subscriptionAction.userSubscriptionPlan(res.data)) \n        // setUserSubscription(res.data)\n      } catch (error) {\n        console.log(\"error here\",error)\n      }\n    }\n      const getUserRewards = async () => {\n      try {\n        \n        const res = await axios.get(`${APIs.userRewards}/${userInfo.user_id}`);\n        dispatch(rewardsAction.userRewards(res.data)) \n        // setUserSubscription(res.data)\n      } catch (error) {\n        console.log(\"error here\",error)\n      }\n    }\n    Object.keys(userInfo).length && (getUserSubscription() )\n    Object.keys(userInfo).length && (getUserRewards() )\n    // },[userInfo])\n  }\n\n  const handleSignup = useCallback(() => {\n    setOpenSignup(!openSignup)\n  }, [openSignup])\n\n  const handleCart = useCallback(\n    (data) => {\n      if (auth) {\n        const exist = cart.find((c) => c.track_id === data.track_id)\n        if (exist) {\n          cogoToast.warn(\"already in cart\")\n        } else {\n          dispatch(actions.addToCartRequest(data))\n        }\n      } else {\n        handleSignup()\n      }\n    },\n    [auth, cart, dispatch, handleSignup]\n  )\n\n  // const value = { openLogin: loginPopup, openSignup: signupPopup, handleLogin, handleSignup }\n  const value = { openLogin, openSignup, handleLogin, handleSignup, handleCart, closeLogin ,updateSubscriptionCoins }\n  return <AppContext.Provider value={value}>{children}</AppContext.Provider>\n}\n","import * as React from \"react\"\nimport { Box } from \"@material-ui/core\"\n\nexport const Column = (props) => {\n  const { jc, ai, children } = props\n\n  return (\n    <Box {...props} display=\"flex\" flexDirection=\"column\" justifyContent={jc} alignItems={ai}>\n      {children}\n    </Box>\n  )\n}\n","import * as React from \"react\"\nimport {\n  InputBase,\n  makeStyles,\n  TextareaAutosize,\n  useTheme,\n  InputAdornment\n} from \"@material-ui/core\"\nimport clsx from \"clsx\"\nimport { Column } from \"../../Flex/Column\"\n\nexport const InputField = (props) => {\n  const { root, errMsg, inputLabel, textareaClass, hideInputLabel } = useStyles()\n  const {\n    classes,\n    placeholder,\n    name,\n    type,\n    formik,\n    label,\n    labelClass,\n    style,\n    disabled,\n    isLightTheme,\n    rootStyle,\n    hideLabel,\n    inputIcon,\n    autoComplete\n  } = props\n  const theme = useTheme()\n\n  const handleChange = (e) => {\n    if (e.target.name === \"number\") {\n      e.target.value = e.target.value.replace(/\\W/gi, \"\").replace(/(.{4})(?!$)/g, \"$1 \")\n    }\n\n    if (\n      e.target.placeholder === \"MM / YY\" &&\n      e.target.value.length > 2 &&\n      !e.target.value.includes(\"/\")\n    ) {\n      e.target.value = e.target.value.slice(0, 2) + \"/\" + e.target.value.slice(2)\n    }\n  }\n\n  return (\n    <Column\n      width=\"100%\"\n      my={2}\n      style={{\n        ...rootStyle\n      }}\n    >\n      {(label || label === \"\") && (\n        <label\n          className={clsx(\n            inputLabel,\n            labelClass,\n            hideLabel && hideLabel === true && hideInputLabel\n          )}\n        >\n          {label}\n        </label>\n      )}\n\n      {type === \"textarea\" ? (\n        <TextareaAutosize\n          aria-label=\"empty textarea\"\n          placeholder={placeholder}\n          style={{\n            ...style,\n            backgroundColor: !!isLightTheme ? theme.palette.primary.contrastText : \"\",\n            color: !!isLightTheme ? theme.palette.primary.main : theme.palette.primary.contrastText\n          }}\n          className={clsx(root, textareaClass, classes)}\n          name={name}\n          disabled={!!disabled}\n          onChangeCapture={props.onChange}\n          {...formik.getFieldProps(name)}\n        />\n      ) : (\n        <InputBase\n          className={clsx(root, classes)}\n          style={{\n            textAlign:'center',\n            ...style,\n            // backgroundColor: !!isLightTheme ? theme.palette.primary.contrastText : \"\",\n            // color: !!isLightTheme ? theme.palette.primary.main : theme.palette.primary.contrastText\n          }}\n          //style={style}\n          placeholder={placeholder}\n          type={type}\n          name={name}\n          disabled={props?.value ? true : !!disabled}\n          autoComplete={autoComplete}\n          onChangeCapture={(e) => handleChange(e)}\n          {...formik.getFieldProps(name)}\n          value={props?.value || formik.getFieldProps(name).value}\n          endAdornment={\n            props?.inputImage ? (\n              <InputAdornment position=\"end\">\n                {inputIcon}\n                <img\n                  src=\"media/inputElement.png\"\n                  width=\"180px\"\n                  height=\"38px\"\n                  style={{ backgroundColor: \"transparent\" }}\n                  alt={\"\"}\n                />\n              </InputAdornment>\n            ) : props?.inputCvcImage ? (\n              <InputAdornment position=\"end\">\n                {inputIcon}\n                <img\n                  src=\"media/cvc.png\"\n                  width=\"50px\"\n                  height=\"auto\"\n                  style={{ backgroundColor: \"transparent\" }}\n                  alt={\"\"}\n                />\n              </InputAdornment>\n            ) : null\n          }\n        />\n      )}\n\n      {formik.touched[name] && formik.errors[name] && (\n        <small className={clsx(\"error\", errMsg)}>{formik.errors[name]}</small>\n      )}\n    </Column>\n  )\n}\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    //background: \"#EBEBEB000\",\n    border: \"1px solid \" + theme.palette.primary.contrastText,\n    color: theme.palette.primary.contrastText,\n    // textAlign:\"right\",\n    // borderRadius: 5,\n    width: \"100%\",\n    padding: \"5px 10px\"\n  },\n  textareaClass: {\n    minHeight: \"5rem\"\n  },\n  errMsg: {\n    margin: \"5px 0px\"\n  },\n  inputLabel: {\n    fontWeight: 'bold',\n    fontStyle: \"normal\",\n    size: 12,\n    // margin: \"5px 0px\",\n    marginLeft: 0\n  },\n  hideInputLabel: {\n    display: \"none\"\n  }\n}))\n","import * as Yup from \"yup\"\n\nexport const schema = Yup.object().shape({\n  email: Yup.string().notRequired(),\n  password: Yup.string().required(\"password is required\").min(6, \"must be 6 character\")\n})\n","export const formScript = [\n  { name: \"username\", type: \"text\", placeholder: \"Email address\" },\n  { name: \"password\", type: \"password\", placeholder: \"Password\" }\n]\n\nexport const initValues = {\n  password: \"\",\n  username: \"\",\n  email: \"\"\n}\n","/** SIGNUP TYPES */\nexport const SIGNUP_USER_REQUEST = \"SIGNUP_USER_REQUEST\"\nexport const SIGNUP_USER_SUCCESS = \"SIGNUP_USER_SUCCESS\"\nexport const SIGNUP_USER_FAILED = \"SIGNUP_USER_FAILED\"\n\n/** LOGIN TYPES */\nexport const LOGIN_USER_REQUEST = \"LOGIN_USER_REQUEST\"\nexport const LOGIN_USER_SUCCESS = \"LOGIN_USER_SUCCESS\"\nexport const LOGIN_USER_FAILED = \"LOGIN_USER_FAILED\"\n\n/** USER INFO TYPES */\nexport const USER_INFO_REQUEST = \"USER_INFO_REQUEST\"\nexport const USER_INFO_SUCCESS = \"USER_INFO_SUCCESS\"\nexport const USER_INFO_FAILED = \"USER_INFO_FAILED\"\n\n/** LOGOUT TYPES */\nexport const LOGOUT_USER_REQUEST = \"LOGOUT_USER_REQUEST\"\nexport const LOGOUT_USER_SUCCESS = \"LOGOUT_USER_SUCCESS\"\nexport const LOGOUT_USER_FAILED = \"LOGOUT_USER_FAILED\"\n\n/** USERS TYPES */\nexport const USERS_REQUEST = \"USERS_REQUEST\"\nexport const USERS_SUCCESS = \"USERS_SUCCESS\"\nexport const USERS_FAILED = \"USERS_FAILED\"\n\n/** USER REPORT */\nexport const USER_REPORTS_REQUEST = \"USER_REPORTS_REQUEST\"\nexport const USER_REPORTS_SUCCESS = \"USER_REPORTS_SUCCESS\"\nexport const USER_REPORTS_FAILED = \"USER_REPORTS_FAILED\"\n\n/** USERS TYPES */\nexport const USER_TYPES_REQUEST = \"USER_TYPES_REQUEST\"\nexport const USER_TYPES_SUCCESS = \"USER_TYPES_SUCCESS\"\nexport const USER_TYPES_FAILED = \"USER_TYPES_FAILED\"\n\n/** USER UPDATE */\nexport const USER_UPDATE_REQUEST = \"USER_UPDATE_REQUEST\"\nexport const USER_UPDATE_SUCCESS = \"USER_UPDATE_SUCCESS\"\nexport const USER_UPDATE_FAILED = \"USER_UPDATE_FAILED\"\n\n/** */\nexport const USER_IMAGE_UPDATE_REQUEST = \"USER_IMAGE_UPDATE_REQUEST\"\nexport const USER_IMAGE_UPDATE_SUCCESS = \"USER_IMAGE_UPDATE_SUCCESS\"\nexport const USER_IMAGE_UPDATE_FAILED = \"USER_IMAGE_UPDATE_FAILED\"\n\n/**REMOVE ACCOUNT */\nexport const REMOVE_ACCOUNT_REQUEST = \"REMOVE_ACCOUNT_REQUEST\"\nexport const REMOVE_ACCOUNT_SUCCESS = \"REMOVE_ACCOUNT_SUCCESS\"\nexport const REMOVE_ACCOUNT_FAILED = \"REMOVE_ACCOUNT_FAILED\"\n\n/** STOP LOADER SUCCESS */\nexport const STOP_AUTH_LOADER = \"STOP_AUTH_LOADER\"\n","import * as Types from \"./types\"\n\nexport const actions = {\n  /** signup actions */\n  signupRequest: (payload, signup, reset, setErrors) => ({\n    type: Types.SIGNUP_USER_REQUEST,\n    payload,\n    signup,\n    reset,\n    setErrors\n  }),\n  signupSuccess: () => ({ type: Types.SIGNUP_USER_SUCCESS }),\n  signupFailed: (payload) => ({ type: Types.SIGNUP_USER_FAILED, payload }),\n\n  /** login actions */\n  loginRequest: (payload) => {\n    return { type: Types.LOGIN_USER_REQUEST, payload }\n  },\n  loginSuccess: (payload, username) => ({ type: Types.LOGIN_USER_SUCCESS, payload, username }),\n  loginFailed: () => ({ type: Types.LOGIN_USER_FAILED }),\n\n  /** login actions */\n  userInfoRequest: () => ({ type: Types.USER_INFO_REQUEST }),\n  userInfoSuccess: (payload) => ({ type: Types.USER_INFO_SUCCESS, payload }),\n  userInfoFailed: () => ({ type: Types.USER_INFO_FAILED }),\n\n  /** signout actions */\n  logoutRequest: (payload) => ({ type: Types.LOGOUT_USER_REQUEST, payload }),\n  logoutSuccess: (payload) => ({ type: Types.LOGOUT_USER_SUCCESS, payload }),\n  logoutFailed: (payload) => ({ type: Types.LOGOUT_USER_FAILED, payload }),\n\n  /** all users */\n  usersRequest: () => ({ type: Types.USERS_REQUEST }),\n  usersSuccess: (payload) => ({ type: Types.USERS_SUCCESS, payload }),\n  usersFailed: () => ({ type: Types.USERS_FAILED }),\n\n  /** user reports */\n  userReportsRequest: () => ({ type: Types.USER_REPORTS_REQUEST }),\n  userReportsSuccess: (payload) => ({ type: Types.USER_REPORTS_SUCCESS, payload }),\n  userReportsFailed: () => ({ type: Types.USER_REPORTS_FAILED }),\n\n  /** user reports */\n  userTypesRequest: () => ({ type: Types.USER_TYPES_REQUEST }),\n  userTypesSuccess: (payload) => ({ type: Types.USER_TYPES_SUCCESS, payload }),\n  userTypesFailed: () => ({ type: Types.USER_TYPES_FAILED }),\n\n  /** user */\n  userUpdateRequest: (payload, id) => ({ type: Types.USER_UPDATE_REQUEST, payload, id }),\n  userUpdateSuccess: (payload) => ({ type: Types.USER_UPDATE_SUCCESS, payload }),\n  userUpdateFailed: () => ({ type: Types.USER_UPDATE_FAILED }),\n\n  /** user */\n  userImageUpdateRequest: (payload, id, key, values) => ({\n    type: Types.USER_IMAGE_UPDATE_REQUEST,\n    payload,\n    id,\n    key,\n    values\n  }),\n  userImageUpdateSuccess: (payload) => ({ type: Types.USER_IMAGE_UPDATE_SUCCESS, payload }),\n  userImageUpdateFailed: () => ({ type: Types.USER_IMAGE_UPDATE_FAILED }),\n\n  /** remove account */\n  removeAccountRequest: (payload, id, shouldLogout) => ({\n    type: Types.REMOVE_ACCOUNT_REQUEST,\n    id,\n    payload,\n    shouldLogout\n  }),\n  removeAccountSuccess: () => ({ type: Types.REMOVE_ACCOUNT_SUCCESS }),\n  removeAccountFailed: () => ({ type: Types.REMOVE_ACCOUNT_FAILED }),\n\n  /** stop laoder */\n  stopAuthLoaderSuccess: () => ({ type: Types.STOP_AUTH_LOADER })\n}\n","import * as Types from \"./types\"\n\nconst initalStates = {\n  loading: false,\n  auth: false,\n  admin: false,\n  error: \"\",\n  users: [],\n  types: [],\n  reports: [],\n  userInfo: {},\n  username: \"\"\n}\n\nexport const authReducer = (state = initalStates, action) => {\n  switch (action.type) {\n    case Types.SIGNUP_USER_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n    case Types.SIGNUP_USER_SUCCESS:\n      return {\n        ...state,\n        loading: false\n      }\n    case Types.SIGNUP_USER_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n    case Types.LOGIN_USER_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n    case Types.LOGIN_USER_SUCCESS:\n      return {\n        ...state,\n        loading: false,\n        auth: action.payload,\n        username: action.username\n      }\n    case Types.LOGIN_USER_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.LOGOUT_USER_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.LOGOUT_USER_SUCCESS:\n      return {\n        ...state,\n        loading: false,\n        auth: false\n      }\n\n    case Types.LOGOUT_USER_FAILED:\n      return {\n        ...state,\n        loading: false,\n        error: action.payload\n      }\n\n    case Types.USERS_REQUEST:\n      return {\n        ...state\n      }\n\n    case Types.USERS_SUCCESS:\n      return {\n        ...state,\n        users: action.payload\n      }\n\n    case Types.USERS_FAILED:\n      return {\n        ...state\n      }\n\n    case Types.USER_TYPES_SUCCESS:\n      return {\n        ...state,\n        types: action.payload\n      }\n\n    case Types.USER_REPORTS_SUCCESS:\n      return {\n        ...state,\n        reports: action.payload\n      }\n\n    case Types.USER_INFO_SUCCESS:\n      return {\n        ...state,\n        userInfo: action.payload\n      }\n\n    case Types.USER_UPDATE_SUCCESS:\n      return {\n        ...state,\n        userInfo: action.payload\n      }\n\n    case Types.STOP_AUTH_LOADER:\n      return {\n        ...state,\n        loading: false\n      }\n\n    default:\n      return state\n  }\n}\n","import * as Types from \"./types\"\n\nconst initState = {\n  tracks: [],\n  loading: false,\n  error: \"\",\n  volume: 1,\n  cart: [],\n  likedTracks: [],\n  dowloadedTracks: [],\n  allTracks: [],\n  currentPlayingTrack: []\n}\n\nexport const tracksReducer = (state = initState, action) => {\n  switch (action.type) {\n    case Types.ALL_TRACKS_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.ALL_TRACKS_SUCCESS:\n      return {\n        ...state,\n        tracks: action.payload,\n        loading: false\n      }\n\n    case Types.ALL_TRACKS_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.ALL_PENDING_TRACKS_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.ALL_PENDING_TRACKS_SUCCESS:\n      return {\n        ...state,\n        allTracks: action.payload,\n        loading: false\n      }\n\n    case Types.ALL_PENDING_TRACKS_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.UPDATE_TRACKS_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.UPDATE_TRACKS_SUCCESS:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.UPDATE_TRACKS_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.INCREASE_VOLUME_SUCCESS:\n      return {\n        ...state,\n        volume: state.volume < 1 ? state.volume + 0.1 : state.volume\n      }\n\n    case Types.DECREASE_VOLUME_SUCCESS:\n      return {\n        ...state,\n        volume: state.volume > 0.1 ? state.volume - 0.1 : state.volume\n      }\n\n    case Types.HANDLE_VOLUME_SUCCESS:\n      return {\n        ...state,\n        volume: action.payload\n      }\n\n    case Types.UPLOAD_TRACK_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.UPLOAD_TRACK_SUCCESS:\n      return {\n        ...state,\n        loading: false,\n        tracks: [action.payload, ...state.tracks]\n      }\n\n    case Types.UPLOAD_TRACK_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.UPLOAD_TRACK_DEFAULT:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.STOP_TRACK_LOADER:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.ADD_TO_CART_SUCCESS:\n      const cart = state.cart || []\n      return {\n        ...state,\n        cart: [...cart, action.payload]\n      }\n\n    case Types.REMOVE_CART_REQUEST:\n      return {\n        ...state,\n        cart: [...state.cart.filter((c) => c.track_id !== action.payload)]\n      }\n    case Types.EMPTY_CART_REQUEST:\n      return {\n        ...state,\n        cart: []\n      }\n\n    case Types.LIKED_TRACKS_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.LIKED_TRACKS_SUCCESS:\n      return {\n        ...state,\n        likedTracks: action.payload,\n        loading: false\n      }\n    case Types.LIKED_TRACKS_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.DOWNLOADED_TRACKS_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n    case Types.DOWNLOADED_TRACKS_SUCCESS:\n      return {\n        ...state,\n        dowloadedTracks: action.payload,\n        loading: false\n      }\n    case Types.DOWNLOADED_TRACKS_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.GET_PLAYING_VOCAL:\n      return {\n        ...state,\n        currentPlayingTrack: action.payload,\n        loading: false\n      }\n\n    case Types.REMOVE_PLAYING_VOCAL:\n      return {\n        ...state,\n        currentPlayingTrack: [],\n        loading: false\n      }\n      case Types.ACTIVE_TRACK:\n      return {\n        ...state,\n        activeTrack: action.payload,\n        loading: false\n      }\n    default:\n      return state\n  }\n}\n","/** OAUTH TOKEN TYPES */\nexport const GET_OAUTH_REQUEST = \"GET_OAUTH_REQUEST\"\nexport const GET_OAUTH_SUCCESS = \"GET_OAUTH_SUCCESS\"\nexport const GET_OAUTH_FAILED = \"GET_OAUTH_FAILED\"\n\n/** stop loader */\nexport const STOP_LOADERS_REQUEST = \"STOP_LOADERS_REQUEST\"\nexport const STOP_LOADERS_SUCCESS = \"STOP_LOADERS_SUCCESS\"\n\nexport const OPEN_LOGIN_REQUEST = \"OPEN_LOGIN_REQUEST\"\nexport const OPEN_LOGIN_SUCCESS = \"OPEN_LOGIN_SUCCESS\"\n\nexport const CLOSE_LOGIN_REQUEST = \"CLOSE_LOGIN_REQUEST\"\nexport const CLOSE_LOGIN_SUCCESS = \"CLOSE_LOGIN_SUCCESS\"\n\nexport const OPEN_SIGNUP_REQUEST = \"OPEN_SIGNUP_REQUEST\"\nexport const OPEN_SIGNUP_SUCCESS = \"OPEN_SIGNUP_SUCCESS\"\n\nexport const CLOSE_SIGNUP_REQUEST = \"CLOSE_SIGNUP_REQUEST\"\nexport const CLOSE_SIGNUP_SUCCESS = \"CLOSE_SIGNUP_SUCCESS\"\n\nexport const SIDEBAR_REQUEST = \"SIDEBAR_REQUEST\"\n","import * as Types from \"./types\"\n\nconst initState = {\n  appToken: \"\",\n  loginPopup: true,\n  signupPopup: false,\n  sidebarMenu: true // close by default\n}\n\nexport const globalReducer = (state = initState, action) => {\n  switch (action.Type) {\n    case Types.GET_OAUTH_SUCCESS:\n      return {\n        ...state,\n        appToken: action.payload\n      }\n\n    case Types.OPEN_LOGIN_SUCCESS:\n      return {\n        ...state,\n        loginPopup: true\n      }\n\n    case Types.CLOSE_LOGIN_SUCCESS:\n      return {\n        ...state,\n        loginPopup: false\n      }\n\n    case Types.SIDEBAR_REQUEST:\n      return {\n        ...state,\n        sidebarMenu: action.payload\n      }\n\n    case Types.OPEN_SIGNUP_SUCCESS:\n      return {\n        ...state,\n        signupPopup: true\n      }\n\n    case Types.CLOSE_SIGNUP_SUCCESS:\n      return {\n        ...state,\n        signupPopup: false\n      }\n\n    default:\n      return state\n  }\n}\n","/** CREATE ARTIST TYPES */\nexport const CREATE_ARTIST_REQUEST = \"CREATE_ARTIST_REQUEST\"\nexport const CREATE_ARTIST_SUCCESS = \"CREATE_ARTIST_SUCCESS\"\nexport const CREATE_ARTIST_FAILED = \"CREATE_ARTIST_FAILED\"\n\n/** UDDATE ARTIST TYPES */\nexport const UPDATE_ARTIST_REQUEST = \"UPDATE_ARTIST_REQUEST\"\nexport const UPDATE_ARTIST_SUCCESS = \"UPDATE_ARTIST_SUCCESS\"\nexport const UPDATE_ARTIST_FAILED = \"UPDATE_ARTIST_FAILED\"\n\n/** GET ALL ARTIST TYPES */\nexport const GET_ARTIST_REQUEST = \"GET_ARTIST_REQUEST\"\nexport const GET_ARTIST_SUCCESS = \"GET_ARTIST_SUCCESS\"\nexport const GET_ARTIST_FAILED = \"GET_ARTIST_FAILED\"\n\n/** GET SINGLE ARTIST TYPES */\nexport const GET_SINGLE_ARTIST_REQUEST = \"GET_SINGLE_ARTIST_REQUEST\"\nexport const GET_SINGLE_ARTIST_SUCCESS = \"GET_SINGLE_ARTIST_SUCCESS\"\nexport const GET_SINGLE_ARTIST_FAILED = \"GET_SINGLE_ARTIST_FAILED\"\n","import * as Types from \"./types\"\n\nconst initState = {\n  loading: false,\n  artists: [],\n  singleArtist: {}\n}\n\nexport const artistReducer = (state = initState, action) => {\n  switch (action.type) {\n    case Types.CREATE_ARTIST_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.CREATE_ARTIST_SUCCESS:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.CREATE_ARTIST_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.GET_ARTIST_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.GET_ARTIST_SUCCESS:\n      return {\n        ...state,\n        artists: action.payload,\n        laoding: false\n      }\n\n    case Types.GET_ARTIST_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n    case Types.GET_SINGLE_ARTIST_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.GET_SINGLE_ARTIST_SUCCESS:\n      return {\n        ...state,\n        singleArtist: action.payload,\n        laoding: false\n      }\n\n    default:\n      return state\n  }\n}\n","/** Creating Order TYPES */\nexport const CREATE_ORDER_REQUEST = \"CREATE_PROMO_CODE_REQUEST\"\nexport const CREATE_ORDER_SUCCESS = \"CREATE_PROMO_CODE_SUCCESS\"\nexport const CREATE_ORDER_FAILED = \"CREATE_PROMO_CODE_FAILED\"\n\n/** Get All Orders */\nexport const GET_ALL_ORDERS_REQUEST = \"GET_ALL_ORDERS_REQUEST\"\nexport const GET_ALL_ORDERS_SUCCESS = \"GET_ALL_ORDERS_SUCCESS\"\nexport const GET_ALL_ORDERS_FAILED = \"GET_ALL_ORDERS_FAILED\"\n","import * as Types from \"./types\"\n\nconst initState = {\n  loading: false,\n  orders: []\n}\n\nexport const ordersReducer = (state = initState, action) => {\n  switch (action.type) {\n    case Types.CREATE_ORDER_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.CREATE_ORDER_SUCCESS:\n      return {\n        ...state,\n        orders: action.payload,\n        loading: false\n      }\n\n    case Types.CREATE_ORDER_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    case Types.GET_ALL_ORDERS_REQUEST:\n      return {\n        ...state,\n        loading: true\n      }\n\n    case Types.GET_ALL_ORDERS_SUCCESS:\n      return {\n        ...state,\n        orders: action.payload,\n        loading: false\n      }\n\n    case Types.GET_ALL_ORDERS_FAILED:\n      return {\n        ...state,\n        loading: false\n      }\n\n    default:\n      return state\n  }\n}\n","import * as Types from \"./types\"\n\nconst initState = {\n  userSubscription:[]\n}\n\nexport const subscriptionReducer = (state = initState, action) => {\n  switch (action.type) {\n    case Types.USER_SUBSCRIPTION_PLAN:\n      return {\n        userSubscription: action.payload,\n      }\n\n    \n\n    default:\n      return state\n  }\n}\n","import * as Types from \"./types\"\n\nconst initState = {\n  userRewards:[]\n}\n\nexport const rewardsReducer = (state = initState, action) => {\n  switch (action.type) {\n    case Types.USER_REWARDS:\n      return {\n        userRewards: action.payload,\n      }\n\n    \n\n    default:\n      return state\n  }\n}\n","import { combineReducers } from \"redux\"\nimport { authReducer } from \"./auth/reducer\"\nimport { tracksReducer } from \"./track/reducer\"\nimport storage from \"redux-persist/lib/storage\"\nimport { globalReducer } from \"./global/reducer\"\nimport { artistReducer } from \"./artist/reducer\"\nimport { ordersReducer } from \"./orders/reducer\"\n\nimport { subscriptionReducer } from \"./subscription/reducer\"\nimport { rewardsReducer } from \"./reward/reducer\"\n\nexport const appReducer = combineReducers({\n  auth: authReducer,\n  track: tracksReducer,\n  global: globalReducer,\n  artist: artistReducer,\n  order: ordersReducer,\n  subscriptions: subscriptionReducer,\n  rewards: rewardsReducer,\n\n})\n\nexport const rootReducer = (state, action) => {\n  if (action.type === \"LOGOUT_USER_REQUEST\") {\n    storage.removeItem(\"persist:root\")\n    state = undefined\n  }\n  return appReducer(state, action)\n}\n","import * as Types from \"./types\"\nimport { actions } from \"./actions\"\nimport { takeEvery, fork, put, all, call, takeLatest } from \"redux-saga/effects\"\nimport { POST, GET, PUT } from \"../../_helpers/fetcher\"\nimport { APIs } from \"../../_helpers/apis\"\nimport cogoToast from \"cogo-toast\"\nimport { store } from \"../store\"\nimport md5 from \"md5\"\n\nconst { signupSuccess, signupFailed } = actions\n\nfunction* SignupSaga({ payload, signup, reset, setErrors }) {\n  try {\n    let res = yield call(POST, APIs.signup, payload)\n    yield put(signupSuccess())\n    const { error, message } = res\n    if (error !== true) {\n      reset()\n      signup()\n      cogoToast.success(\"user registered\")\n\n      try {\n        const password = md5(payload.password)\n        const { data } = yield call(POST, APIs.signin, { username: payload.username, password })\n        yield put(actions.loginSuccess(data, payload.username))\n        cogoToast.success(\"welcome to warbls\")\n\n        try {\n          const { data } = yield call(\n            GET,\n            APIs.users + `?login=${store.getState().auth.username}`,\n            {\n              token: store.getState().auth.auth\n            }\n          )\n          yield put(actions.userInfoSuccess(data.results[0]))\n        } catch (e) {}\n      } catch (e) {\n        yield put(actions.loginFailed())\n      }\n    } else if (error) {\n      setErrors(message)\n    }\n  } catch (e) {\n    yield put(signupFailed())\n  }\n}\n\nfunction* LoginSaga({ payload }) {\n  try {\n    const password = md5(payload.password)\n    const { data } = yield call(POST, APIs.signin, { ...payload, password })\n    yield put(actions.loginSuccess(data, payload.username))\n\n    try {\n      const { data } = yield call(GET, APIs.users + `?login=${store.getState().auth.username}`, {\n        token: store.getState().auth.auth\n      })\n      yield put(actions.userInfoSuccess(data.results[0]))\n    } catch (e) {}\n  } catch (e) {\n    yield put(actions.loginFailed())\n  }\n}\n\nfunction* UserInfoSaga() {\n  try {\n    const { data } = yield call(GET, APIs.users + `?login=${store.getState().auth.username}`, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.userInfoSuccess(data.results[0]))\n  } catch (e) {}\n}\n\nfunction* UsersSaga() {\n  try {\n    const { data } = yield call(GET, APIs.users + \"?limit=99999999999\", {\n      token: store?.getState()?.auth?.auth\n    })\n\n    yield put(actions.usersSuccess(data.results))\n  } catch (e) {\n    yield put(actions.usersFailed())\n  }\n}\n\nfunction* UserReportsSaga() {\n  try {\n    const { data } = yield call(GET, APIs.reports, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.userReportsSuccess(data))\n  } catch (e) {\n    yield put(actions.userReportsFailed())\n  }\n}\n\nfunction* UserTypesSaga() {\n  try {\n    const { data } = yield call(GET, APIs.types, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.userTypesSuccess(data.results))\n  } catch (e) {\n    yield put(actions.userTypesFailed())\n  }\n}\n\nfunction* UserUpdateSaga({ payload, id }) {\n  try {\n    yield call(\n      PUT,\n      APIs.updateUser + id,\n      { ...payload, log: JSON.stringify({ log_added_by: id }) },\n      {\n        token: store.getState().auth.auth\n      }\n    )\n    cogoToast.success(\"user updated\")\n  } catch (e) {\n    yield put(actions.userUpdateFailed())\n  }\n}\n\nfunction* UserImageUpdateSaga({ payload, id, key, values }) {\n  try {\n    const response = yield call(POST, APIs.uploadTrack, payload, {\n      token: store.getState().auth.auth\n    })\n    const updated = yield call(\n      PUT,\n      APIs.updateUser + id,\n      {\n        [key]: response.data.location,\n        log: JSON.stringify({ log_added_by: id })\n      },\n      {\n        token: store.getState().auth.auth\n      }\n    )\n    yield put(actions.userUpdateSuccess(updated.data))\n    cogoToast.success(\"profile updated\")\n  } catch (e) {\n    console.log(e?.response.data, e.message)\n  }\n}\n\nfunction* RemoveAccountSaga({ payload, id, shouldLogout }) {\n  try {\n    yield call(\n      PUT,\n      APIs.updateUser + id,\n      { ...payload, log: JSON.stringify({ log_added_by: id }) },\n      {\n        token: store.getState().auth.auth\n      }\n    )\n    if (shouldLogout) {\n      cogoToast.success(\"user profile deleted\")\n      yield put(actions.logoutSuccess())\n    } else {\n      cogoToast.success(\"user deleted\")\n    }\n  } catch (e) {}\n}\n\nfunction* LogoutSaga({ payload }) {\n  try {\n    yield put(actions.logoutSuccess(payload))\n  } catch (e) {\n    yield put(actions.logoutFailed(e))\n  }\n}\n\nfunction* SignupWatchSaga() {\n  yield takeEvery(Types.SIGNUP_USER_REQUEST, SignupSaga)\n}\n\nfunction* LoginWatchSaga() {\n  // while (true) {\n  yield takeLatest(Types.LOGIN_USER_REQUEST, LoginSaga)\n  // }\n}\n\nfunction* UserInfoWatchSaga() {\n  yield takeEvery(Types.USER_INFO_REQUEST, UserInfoSaga)\n}\n\nfunction* LogoutWatchSaga() {\n  yield takeEvery(Types.LOGOUT_USER_REQUEST, LogoutSaga)\n}\n\nfunction* UsersWatchSaga() {\n  yield takeEvery(Types.USERS_REQUEST, UsersSaga)\n}\n\nfunction* UserReportsWatchSaga() {\n  yield takeEvery(Types.USER_REPORTS_REQUEST, UserReportsSaga)\n}\n\nfunction* UserTypesWatchSaga() {\n  yield takeEvery(Types.USER_TYPES_REQUEST, UserTypesSaga)\n}\n\nfunction* UserUpdateWatchSaga() {\n  yield takeEvery(Types.USER_UPDATE_REQUEST, UserUpdateSaga)\n}\n\nfunction* UserImageUpdateWatchSaga() {\n  yield takeEvery(Types.USER_IMAGE_UPDATE_REQUEST, UserImageUpdateSaga)\n}\n\nfunction* RemoveAccountWatchSaga() {\n  yield takeEvery(Types.REMOVE_ACCOUNT_REQUEST, RemoveAccountSaga)\n}\n\nexport function* authSaga() {\n  yield all([\n    fork(LoginWatchSaga),\n    fork(LogoutWatchSaga),\n    fork(SignupWatchSaga),\n    fork(UsersWatchSaga),\n    fork(UserReportsWatchSaga),\n    fork(UserUpdateWatchSaga),\n    fork(UserTypesWatchSaga),\n    fork(UserInfoWatchSaga),\n    fork(UserImageUpdateWatchSaga),\n    fork(RemoveAccountWatchSaga)\n  ])\n}\n","import * as Types from \"./types\"\r\nimport { actions } from \"./actions\"\r\nimport { takeEvery, fork, put, all, call, takeLatest } from \"redux-saga/effects\"\r\nimport { POST, GET, PUT } from \"../../_helpers/fetcher\"\r\nimport { APIs } from \"../../_helpers/apis\"\r\nimport { store } from \"../store\"\r\nimport cogoToast from \"cogo-toast\"\r\nimport { toAbsoluteUrl } from \"../../_helpers/toAbsoluteUrl\"\r\nconst { uploadTrackSuccess, uploadTrackFailed } = actions\r\n\r\nfunction* UploadTrackSaga({ payload }) {\r\n  try {\r\n    if (payload instanceof Array) {\r\n      for (let i = 0; i < payload.length; i++) {\r\n        payload[i].added_by = store.getState().auth.userInfo.user_id\r\n        payload[i].track_name = payload[i].formik.values.track_name\r\n      }\r\n    }\r\n    let x = yield call(POST, APIs.addTrack, payload, {\r\n      token: store.getState().auth.auth\r\n    })\r\n    if (x) {\r\n      yield put(uploadTrackSuccess())\r\n      cogoToast.success(\"track uploaded\")\r\n      window.location.href = toAbsoluteUrl(\"/upload-track/success\")\r\n    }\r\n  } catch (e) {\r\n    yield put(uploadTrackFailed())\r\n    console.log(e.message, e?.response.data)\r\n  }\r\n}\r\n\r\nfunction* AllTracksSaga({ payload }) {\r\n  let auth = store.getState().auth\r\n  let q = `?load=user_details&status=active`\r\n  if (!!auth) {\r\n    q += `&object_type=user&object_id=${auth.userInfo.user_id}`\r\n  }\r\n  if (undefined === payload) {\r\n    //q = `?load=user_details`\r\n  } else {\r\n    // q = `?load=user_details&object_type=user&object_id=${\r\n    //   store.getState().auth.userInfo.user_id\r\n    // }${payload}`\r\n\r\n    q += `${payload}`\r\n  }\r\n  try {\r\n    const { data } = yield call(GET, APIs.tracks + `${q}`)\r\n    yield put(actions.getAllTracksSuccess(data.results))\r\n  } catch (e) {\r\n    yield put(actions.getAllTracksFailed())\r\n  }\r\n}\r\n\r\nfunction* AllPendingTracksSaga({ payload }) {\r\n  let auth = store.getState().auth\r\n  let q = `?load=user_details&limit=999999999999999`\r\n  if (!!auth) {\r\n    q += `&object_type=user&object_id=${auth.userInfo.user_id}`\r\n  }\r\n  if (undefined === payload) {\r\n  } else {\r\n    q += `${payload}`\r\n  }\r\n  try {\r\n    const { data } = yield call(GET, APIs.tracks + `${q}`)\r\n    yield put(actions.getAllPendingTracksSuccess(data.results))\r\n  } catch (e) {\r\n    yield put(actions.getAllPendingTracksFailed())\r\n  }\r\n}\r\n\r\nfunction* UpdateTrackSaga({ payload, id, toast }) {\r\n  try {\r\n    const { data } = yield call(PUT, APIs.tracks + \"/\" + id, payload, {\r\n      token: store.getState().auth.auth\r\n    })\r\n\r\n    yield put(actions.updateTracksSuccess(data.results))\r\n    toast ? cogoToast.success(`Vocal ${id} updated successfully`) : cogoToast.success(`Vocal updated successfully`)\r\n  } catch (e) {\r\n    yield put(actions.updateTracksFailed())\r\n  }\r\n}\r\n\r\nfunction* LikedTracksSaga({ payload }) {\r\n  try {\r\n    const { data } = yield call(\r\n      GET,\r\n      APIs.tracks + `?load=user_details&object_type=user&action=like&object_id=${store.getState().auth.userInfo.user_id}${payload}`\r\n    )\r\n    yield put(actions.likedTracksSuccess(data.results))\r\n  } catch (e) {\r\n    yield put(actions.likedTracksFailed())\r\n  }\r\n}\r\n\r\nfunction* PlayingTrack({ payload }) {\r\n  try {\r\n    // yield put(actions.likedTracksSuccess(data.results))\r\n  } catch (e) {\r\n    // yield put(actions.likedTracksFailed())\r\n  }\r\n}\r\n\r\nfunction* RemovePlayingTrack() {\r\n  try {\r\n    // yield put(actions.likedTracksSuccess(data.results))\r\n  } catch (e) {\r\n    // yield put(actions.likedTracksFailed())\r\n  }\r\n}\r\n\r\nfunction* DownloadedTracksSaga({ payload }) {\r\n  try {\r\n    const { data } = yield call(\r\n      GET,\r\n      APIs.tracks + `?load=user_details&object_type=user&action=download&object_id=${store.getState().auth.userInfo.user_id}${payload}`\r\n    )\r\n    yield put(actions.downloadedTracksSuccess(data.results))\r\n  } catch (e) {\r\n    yield put(actions.downloadedTracksFailed())\r\n  }\r\n}\r\n\r\nfunction* TrackWiseLikeSaga({ payload }) {\r\n  try {\r\n    yield call(POST, APIs.trackActions, [payload], {\r\n      token: store.getState().auth.auth\r\n    })\r\n    yield put(actions.trackWiseLikeSuccess())\r\n  } catch (err) {\r\n    yield put(actions.trackWiseLikeFailed())\r\n  }\r\n}\r\n\r\nfunction* TrackWiseUnLikeSaga({ payload, id }) {\r\n  try {\r\n    yield call(PUT, APIs.trackActions + \"/\" + id, payload, {\r\n      token: store.getState().auth.auth\r\n    })\r\n    yield put(actions.trackWiseUnLikeSuccess())\r\n  } catch (err) {\r\n    yield put(actions.trackWiseUnLikeFailed())\r\n  }\r\n}\r\n\r\nfunction* TrackWiseDownloadSaga({ payload }) {\r\n  try {\r\n    debugger\r\n    yield call(POST, APIs.trackActions, payload, {\r\n      token: store.getState().auth.auth\r\n    })\r\n    yield put(actions.trackWiseDownloadSuccess())\r\n  } catch (err) {}\r\n}\r\n\r\nfunction* TrackWisePlaySaga({ payload }) {\r\n  try {\r\n    yield call(POST, APIs.trackActions, payload, {\r\n      token: store.getState().auth.auth\r\n    })\r\n    yield put(actions.trackWisePlaySuccess())\r\n  } catch (err) {}\r\n}\r\n\r\nfunction* IncreaseVolumeSaga() {\r\n  try {\r\n    yield put(actions.increaseVolumeSuccess())\r\n  } catch (e) {}\r\n}\r\n\r\nfunction* DecreaseVolumeSaga() {\r\n  try {\r\n    yield put(actions.decreaseVolumeSuccess())\r\n  } catch (e) {}\r\n}\r\n\r\nfunction* HandleVolumeSaga({ payload }) {\r\n  try {\r\n    yield put(actions.handleVolumeSuccess(payload))\r\n  } catch (e) {}\r\n}\r\n\r\nfunction* CartSaga({ payload }) {\r\n  try {\r\n    yield put(actions.addToCartSuccess(payload))\r\n    cogoToast.success(\"track added to cart\")\r\n  } catch (err) {\r\n    yield put(actions.addToCartFailed())\r\n  }\r\n}\r\n\r\nfunction* UploadTrackWatchSaga() {\r\n  yield takeLatest(Types.UPLOAD_TRACK_REQUEST, UploadTrackSaga)\r\n}\r\nfunction* uploadTrackRequestSetUploadingBitFalseWatchSaga() {\r\n  yield takeEvery(Types.UPLOAD_TRACK_DEFAULT, () => {\r\n    actions.uploadTrackRequestSetUploadingBitFalse()\r\n  })\r\n}\r\n\r\nfunction* AllTracksWatchSaga() {\r\n  yield takeLatest(Types.ALL_TRACKS_REQUEST, AllTracksSaga)\r\n}\r\n\r\nfunction* AllPendingTracksWatchSaga() {\r\n  yield takeLatest(Types.ALL_PENDING_TRACKS_REQUEST, AllPendingTracksSaga)\r\n}\r\n\r\nfunction* IncreaseVolumeWatchSaga() {\r\n  yield takeEvery(Types.INCREASE_VOLUME_REQUEST, IncreaseVolumeSaga)\r\n}\r\n\r\nfunction* DecreaseVolumeWatchSaga() {\r\n  yield takeEvery(Types.DECREASE_VOLUME_REQUEST, DecreaseVolumeSaga)\r\n}\r\n\r\nfunction* HandleVolumeWatchSaga() {\r\n  yield takeEvery(Types.HANDLE_VOLUME_REQUEST, HandleVolumeSaga)\r\n}\r\n\r\nfunction* TrackWiseLikeWatchSaaga() {\r\n  yield takeEvery(Types.TRACK_WISE_LIKE_REQUEST, TrackWiseLikeSaga)\r\n}\r\n\r\nfunction* TrackWiseUnLikeWatchSaaga() {\r\n  yield takeEvery(Types.TRACK_WISE_UNLIKE_REQUEST, TrackWiseUnLikeSaga)\r\n}\r\n\r\nfunction* TrackWiseDownloadWatchSaaga() {\r\n  yield takeEvery(Types.TRACK_WISE_DOWNLOAD_REQUEST, TrackWiseDownloadSaga)\r\n}\r\n\r\nfunction* TrackWisePlayWatchSaaga() {\r\n  yield takeEvery(Types.TRACK_WISE_PLAY_REQUEST, TrackWisePlaySaga)\r\n}\r\n\r\nfunction* WatchAddToCartSaga() {\r\n  yield takeEvery(Types.ADD_TO_CART_REQUEST, CartSaga)\r\n}\r\n\r\nfunction* WatchLikedTrackSaga() {\r\n  yield takeEvery(Types.LIKED_TRACKS_REQUEST, LikedTracksSaga)\r\n}\r\n\r\nfunction* WatchDownloadedTrackSaga() {\r\n  yield takeEvery(Types.DOWNLOADED_TRACKS_REQUEST, DownloadedTracksSaga)\r\n}\r\n\r\nfunction* WatchUpdateTrackSaga() {\r\n  yield takeEvery(Types.UPDATE_TRACKS_REQUEST, UpdateTrackSaga)\r\n}\r\n\r\nfunction* WatchCurrentTrackSaga() {\r\n  yield takeEvery(Types.GET_PLAYING_VOCAL, PlayingTrack)\r\n}\r\n\r\nfunction* WatchRemoveCurrentTrackSaga() {\r\n  yield takeEvery(Types.REMOVE_PLAYING_VOCAL, RemovePlayingTrack)\r\n}\r\n\r\nexport function* trackSaga() {\r\n  yield all([\r\n    fork(UploadTrackWatchSaga),\r\n    fork(uploadTrackRequestSetUploadingBitFalseWatchSaga),\r\n    fork(AllTracksWatchSaga),\r\n    fork(IncreaseVolumeWatchSaga),\r\n    fork(DecreaseVolumeWatchSaga),\r\n    fork(HandleVolumeWatchSaga),\r\n    fork(TrackWiseLikeWatchSaaga),\r\n    fork(TrackWiseUnLikeWatchSaaga),\r\n    fork(TrackWiseDownloadWatchSaaga),\r\n    fork(TrackWisePlayWatchSaaga),\r\n    fork(WatchAddToCartSaga),\r\n    fork(WatchLikedTrackSaga),\r\n    fork(WatchDownloadedTrackSaga),\r\n    fork(AllPendingTracksWatchSaga),\r\n    fork(WatchUpdateTrackSaga),\r\n    fork(WatchCurrentTrackSaga),\r\n    fork(WatchRemoveCurrentTrackSaga)\r\n  ])\r\n}\r\n","import * as Types from \"./types\"\n\nexport const actions = {\n  /** get token actions */\n\n  sidebarRequest: (payload) => ({ type: Types.SIDEBAR_REQUEST, payload }),\n\n  oauthRequst: () => ({ type: Types.GET_OAUTH_REQUEST }),\n  oauthSuccess: (payload) => ({ type: Types.GET_OAUTH_SUCCESS, payload }),\n  oauthFailed: () => ({ type: Types.GET_OAUTH_FAILED }),\n\n  /** stop all loaders */\n  stopLoadersRequest: () => ({ type: Types.STOP_LOADERS_REQUEST }),\n  stopLoadersSuccess: () => ({ type: Types.STOP_LOADERS_SUCCESS }),\n\n  /** popup actions */\n  openLoginRequest: () => ({ type: Types.OPEN_LOGIN_REQUEST }),\n  openLoginSuccess: () => ({ type: Types.OPEN_LOGIN_SUCCESS }),\n  closeLoginRequest: () => ({ type: Types.CLOSE_LOGIN_REQUEST }),\n  closeLoginSuccess: () => ({ type: Types.CLOSE_LOGIN_SUCCESS }),\n  openSignupRequest: () => ({ type: Types.OPEN_SIGNUP_REQUEST }),\n  openSignupSuccess: () => ({ type: Types.OPEN_SIGNUP_SUCCESS }),\n  closeSignupRequest: () => ({ type: Types.CLOSE_SIGNUP_REQUEST }),\n  closeSignupSuccess: () => ({ type: Types.CLOSE_SIGNUP_SUCCESS })\n}\n","import * as Types from \"./types\"\nimport { actions } from \"./actions\"\n// import { actions as authActions } from \"../auth/actions\"\n// import { actions as trackActions } from \"../track/actions\"\nimport { takeEvery, fork, put, all, call } from \"redux-saga/effects\"\nimport { POST } from \"../../_helpers/fetcher\"\nimport { APIs } from \"../../_helpers/apis\"\n\nfunction* GetOauthSaga() {\n  try {\n    const tokenPayload = {\n      client_id: 1,\n      response_type: \"code\",\n      redirect_uri: \"https://www.warbls.com\",\n      state: \"warbls\"\n    }\n\n    const {\n      data: { oauth }\n    } = yield call(POST, APIs.getAuthToken, tokenPayload)\n    const codePayload = {\n      grant_type: \"authorization_code\",\n      code: `${oauth.token.authorizationCode}`,\n      client_id: \"1\",\n      client_secret: \"aa919e70e019bf8dbca68c068528f87b\",\n      redirect_uri: \"https://www.warbls.com\"\n    }\n\n    yield call(POST, APIs.getAuthCode, codePayload, {\n      \"Content-Type\": \"application/x-www-form-urlencoded\"\n    })\n  } catch (e) {\n    console.log(e.message, e.response, \"error in oauth\")\n  }\n}\n\nfunction* OpenLoginPopupSaga() {\n  yield put(actions.openLoginSuccess())\n}\n\nfunction* SidebarMenuSaga({ payload }) {\n  try {\n    yield put(actions.sidebarRequest(payload))\n  } catch (e) {}\n}\n\nfunction* closeLoginPopupSaga() {\n  yield put(actions.closeLoginSuccess())\n}\n\nfunction* OpenSignupPopupSaga() {\n  yield put(actions.openSignupSuccess())\n}\n\n// function* StopLoadersSaga() {\n//   try {\n//     yield put(authActions.stopAuthLoaderSuccess())\n//     yield put(trackActions.stopTrackLoaderSuccess())\n//   } catch (e) {}\n// }\n\nfunction* OauthWatchSaga() {\n  yield takeEvery(Types.GET_OAUTH_REQUEST, GetOauthSaga)\n}\n\n// function* loadersWatchSaga() {\n//   yield takeEvery(Types.STOP_LOADERS_REQUEST, StopLoadersSaga)\n// }\n\nfunction* openLoginWatchSaga() {\n  yield takeEvery(Types.OPEN_LOGIN_REQUEST, OpenLoginPopupSaga)\n}\n\nfunction* closeLoginWatchSaga() {\n  yield takeEvery(Types.CLOSE_LOGIN_REQUEST, closeLoginPopupSaga)\n}\n\nfunction* openSignupWatchSaga() {\n  yield takeEvery(Types.OPEN_SIGNUP_REQUEST, OpenSignupPopupSaga)\n}\n\nfunction* closeSignupWatchSaga() {\n  yield takeEvery(Types.CLOSE_SIGNUP_SUCCESS, OpenSignupPopupSaga)\n}\n\nfunction* sidebarRequestSaga() {\n  yield takeEvery(Types.SIDEBAR_REQUEST, SidebarMenuSaga)\n}\n\nexport function* OauthSaga() {\n  yield all([\n    fork(OauthWatchSaga),\n    fork(openLoginWatchSaga),\n    fork(closeLoginWatchSaga),\n    fork(openSignupWatchSaga),\n    fork(closeSignupWatchSaga),\n    fork(sidebarRequestSaga)\n    // fork(loadersWatchSaga)\n  ])\n}\n","import * as Types from \"./types\"\n\nexport const actions = {\n  /** create artist actions */\n  createArtistRequest: (payload) => ({\n    type: Types.CREATE_ARTIST_REQUEST,\n    payload\n  }),\n  createArtistSuccess: (payload) => ({ type: Types.CREATE_ARTIST_SUCCESS, payload }),\n  createArtistFailed: () => ({ type: Types.CREATE_ARTIST_FAILED }),\n\n  /** create artist actions */\n  getArtistsRequest: () => ({\n    type: Types.GET_ARTIST_REQUEST\n  }),\n  getArtistSuccess: (payload) => ({ type: Types.GET_ARTIST_SUCCESS, payload }),\n  getArtistFailed: () => ({ type: Types.GET_ARTIST_FAILED }),\n\n  /** create artist actions */\n  updateArtistsRequest: (payload, id) => ({\n    type: Types.UPDATE_ARTIST_REQUEST,\n    payload,\n    id\n  }),\n  updateArtistSuccess: () => ({ type: Types.UPDATE_ARTIST_SUCCESS }),\n  updateArtistFailed: () => ({ type: Types.UPDATE_ARTIST_FAILED }),\n\n  /** get single artist actions */\n  getSingleArtistRequest: () => ({ type: Types.GET_SINGLE_ARTIST_REQUEST }),\n  getSingleArtistSuccess: (payload) => ({ type: Types.GET_SINGLE_ARTIST_SUCCESS, payload }),\n  getSingleArtistFailed: () => ({ type: Types.GET_SINGLE_ARTIST_FAILED })\n}\n","import * as Types from \"./types\"\nimport { actions } from \"./actions\"\nimport { all, call, fork, takeEvery, put } from \"@redux-saga/core/effects\"\nimport { POST, GET, PUT } from \"../../_helpers/fetcher\"\nimport { APIs } from \"../../_helpers/apis\"\nimport { store } from \"../store\"\nimport cogoToast from \"cogo-toast\"\nimport { toAbsoluteUrl } from \"../../_helpers/toAbsoluteUrl\"\n\nfunction* CreateArtistSaga({ payload }) {\n  try {\n    yield call(\n      POST,\n      APIs.artist,\n      {\n        ...payload,\n        user_id: store.getState().auth.userInfo.user_id,\n        added_by: store.getState().auth.userInfo.user_id\n      },\n      {\n        token: store.getState().auth.auth\n      }\n    )\n    yield put(actions.createArtistSuccess())\n    cogoToast.success(\"applied successfully\")\n    window.location.href = toAbsoluteUrl(\"/upload-form/success\")\n  } catch (error) {\n    console.log(error)\n    yield put(actions.createArtistFailed())\n  }\n}\n\nfunction* GetArtistsSaga() {\n  try {\n    const { data } = yield call(GET, APIs.artist + \"?limit=999999\", {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.getArtistSuccess(data.results))\n  } catch (error) {\n    console.log(error)\n    yield put(actions.getArtistFailed())\n  }\n}\n\nfunction* UpdateArtistSaga({ payload, id }) {\n  try {\n    // const data = yield call(PUT, APIs.artist + \"/\" + id, payload, {\n    yield call(PUT, APIs.artist + \"/\" + id, payload, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.updateArtistSuccess())\n    cogoToast.success(\"User updated successfully\")\n  } catch (err) {\n    console.log(\"error : \", err)\n    yield put(actions.updateArtistFailed())\n  }\n}\n\nfunction* GetSingleArtistSaga() {\n  try {\n    const id = store.getState().auth.userInfo.user_id\n    const { data } = yield call(GET, APIs.artist + \"?user_id=\" + id, {\n      token: store.getState().auth.auth\n    })\n\n    yield put(actions.getSingleArtistSuccess(data))\n  } catch (error) {\n    console.log(error)\n    yield put(actions.getSingleArtistFailed())\n  }\n}\n\nfunction* watchCreateArtistSaga() {\n  yield takeEvery(Types.CREATE_ARTIST_REQUEST, CreateArtistSaga)\n}\n\nfunction* watchGetArtistSaga() {\n  yield takeEvery(Types.GET_ARTIST_REQUEST, GetArtistsSaga)\n}\n\nfunction* watchUpdateArtistSaga() {\n  yield takeEvery(Types.UPDATE_ARTIST_REQUEST, UpdateArtistSaga)\n}\n\nfunction* watchGetSingleArtistSaga() {\n  yield takeEvery(Types.GET_SINGLE_ARTIST_REQUEST, GetSingleArtistSaga)\n}\n\nexport function* artistSaga() {\n  yield all([fork(watchCreateArtistSaga), fork(watchUpdateArtistSaga), fork(watchGetArtistSaga), fork(watchGetSingleArtistSaga)])\n}\n","/** CREATE PROMO CODES TYPES */\nexport const CREATE_PROMO_CODE_REQUEST = \"CREATE_PROMO_CODE_REQUEST\"\nexport const CREATE_PROMO_CODE_SUCCESS = \"CREATE_PROMO_CODE_SUCCESS\"\nexport const CREATE_PROMO_CODE_FAILED = \"CREATE_PROMO_CODE_FAILED\"\n\n/** GET PROMO CODES TYPES */\nexport const GET_PROMO_CODE_REQUEST = \"GET_PROMO_CODE_REQUEST\"\nexport const GET_PROMO_CODE_SUCCESS = \"GET_PROMO_CODE_SUCCESS\"\nexport const GET_PROMO_CODE_FAILED = \"GET_PROMO_CODE_FAILED\"\n\n/** UPDATE PROMO CODES TYPES */\nexport const UPDATE_PROMO_CODE_REQUEST = \"UPDATE_PROMO_CODE_REQUEST\"\nexport const UPDATE_PROMO_CODE_SUCCESS = \"UPDATE_PROMO_CODE_SUCCESS\"\nexport const UPDATE_PROMO_CODE_FAILED = \"UPDATE_PROMO_CODE_FAILED\"\n","import * as Types from \"./types\"\n\nexport const actions = {\n  /** create promo code actions */\n  createPromoCodeRequest: (payload) => ({ type: Types.CREATE_PROMO_CODE_REQUEST, payload }),\n  createPromoCodeSuccess: () => ({ type: Types.CREATE_PROMO_CODE_SUCCESS }),\n  createPromoCodeFailed: () => ({ type: Types.CREATE_PROMO_CODE_FAILED }),\n\n  /** GET promo code actions */\n  getPromoCodeRequest: () => ({ type: Types.GET_PROMO_CODE_REQUEST }),\n  getPromoCodeSuccess: (payload) => ({ type: Types.GET_PROMO_CODE_SUCCESS, payload }),\n  getPromoCodeFailed: () => ({ type: Types.GET_PROMO_CODE_FAILED }),\n\n  /** update promo code actions */\n  updatePromoCodeRequest: (payload, id) => ({ type: Types.UPDATE_PROMO_CODE_REQUEST, payload, id }),\n  updatePromoCodeSuccess: () => ({ type: Types.UPDATE_PROMO_CODE_SUCCESS }),\n  updatePromoCodeFailed: () => ({ type: Types.UPDATE_PROMO_CODE_FAILED })\n}\n","import * as Types from \"./types\"\nimport { actions } from \"./actions\"\nimport { POST, GET, PUT } from \"../../_helpers/fetcher\"\nimport { APIs } from \"../../_helpers/apis\"\nimport { store } from \"../store\"\nimport { put, call, fork, all, takeEvery } from \"@redux-saga/core/effects\"\n\nfunction* CreatePromoSaga({ payload }) {\n  try {\n    yield call(POST, APIs.promoCode, payload, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.createPromoCodeSuccess())\n  } catch (err) {\n    yield put(actions.createPromoCodeFailed())\n  }\n}\n\nfunction* GetPromoSaga() {\n  try {\n    yield call(GET, APIs.promoCode, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.getPromoCodeSuccess())\n  } catch (err) {\n    yield put(actions.getPromoCodeFailed())\n  }\n}\n\nfunction* UpdatePromoSaga({ payload, id }) {\n  try {\n    yield call(PUT, APIs.promoCode + \"/\" + id, payload, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.updatePromoCodeSuccess())\n  } catch (err) {\n    yield put(actions.updatePromoCodeFailed())\n  }\n}\n\nfunction* WatchCreatePromoSaga() {\n  yield takeEvery(Types.CREATE_PROMO_CODE_REQUEST, CreatePromoSaga)\n}\n\nfunction* WatchGetPromoSaga() {\n  yield takeEvery(Types.GET_PROMO_CODE_REQUEST, GetPromoSaga)\n}\n\nfunction* WatchUpdatePromoSaga() {\n  yield takeEvery(Types.UPDATE_PROMO_CODE_REQUEST, UpdatePromoSaga)\n}\n\nexport function* promoSaga() {\n  yield all([fork(WatchCreatePromoSaga), fork(WatchGetPromoSaga), fork(WatchUpdatePromoSaga)])\n}\n","import * as Types from \"./types\"\n\nexport const actions = {\n  /** create order actions */\n  createOrder: () => ({ type: Types.CREATE_ORDER_REQUEST }),\n  createOrderSuccess: (payload) => ({ type: Types.CREATE_ORDER_SUCCESS, payload }),\n  createOrderFailed: () => ({ type: Types.CREATE_ORDER_FAILED }),\n\n  /** GET order actions */\n  getOrders: () => ({ type: Types.GET_ALL_ORDERS_REQUEST }),\n  getOrderSuccess: (payload) => ({ type: Types.GET_ALL_ORDERS_SUCCESS, payload }),\n  getOrderFailed: () => ({ type: Types.GET_ALL_ORDERS_FAILED })\n}\n","import * as Types from \"./types\"\nimport { actions } from \"./actions\"\nimport { POST, GET } from \"../../_helpers/fetcher\"\nimport { APIs } from \"../../_helpers/apis\"\nimport { store } from \"../store\"\nimport { put, call, fork, all, takeEvery } from \"@redux-saga/core/effects\"\n\nfunction* CreateOrderSaga({ payload }) {\n  try {\n    yield call(POST, APIs.order, payload, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.createOrderSuccess())\n  } catch (err) {\n    yield put(actions.createOrderFailed())\n  }\n}\n\nfunction* GetAllOrdersSaga() {\n  try {\n    const queryString = `?load=order_details.track_details&limit=999999999999999`\n    const { data } = yield call(GET, APIs.order + `${queryString}`, {\n      token: store.getState().auth.auth\n    })\n    yield put(actions.createOrderSuccess(data.results))\n  } catch (err) {\n    yield put(actions.createOrderFailed())\n  }\n}\n\nfunction* WatchCreateOrderSaga() {\n  yield takeEvery(Types.CREATE_ORDER_REQUEST, CreateOrderSaga)\n}\n\nfunction* WatchAllOrdersSaga() {\n  yield takeEvery(Types.GET_ALL_ORDERS_REQUEST, GetAllOrdersSaga)\n}\n\nexport function* orderSaga() {\n  yield all([fork(WatchAllOrdersSaga), fork(WatchCreateOrderSaga)])\n}\n","import { all } from \"redux-saga/effects\"\nimport { authSaga } from \"./auth/sagas\"\nimport { trackSaga } from \"./track/sagas\"\nimport { OauthSaga } from \"./global/sagas\"\nimport { artistSaga } from \"./artist/sagas\"\nimport { promoSaga } from \"./promo_code/sagas\"\nimport { orderSaga } from \"./orders/sagas\"\n\nexport function* RootSaga() {\n  yield all([authSaga(), trackSaga(), OauthSaga(), artistSaga(), promoSaga(), orderSaga()])\n}\n","import createSagaMiddleware from \"redux-saga\"\nimport { createStore, applyMiddleware, compose } from \"redux\"\nimport { persistStore, persistReducer } from \"redux-persist\"\nimport storage from \"redux-persist/lib/storage\"\nimport { rootReducer } from \"./rootReducer\"\nimport { RootSaga } from \"./rootSaga\"\nimport { composeWithDevTools } from \"redux-devtools-extension\"\n\nconst sagaMiddleware = createSagaMiddleware()\n\nconst enhancers = []\nconst __DEV__ = process.env.NODE_ENV !== \"production\"\nif (__DEV__) {\n  const devToolsExtension = window.devToolsExtension\n  if (typeof devToolsExtension === \"function\") {\n    enhancers.push(devToolsExtension())\n  }\n}\n\nconst persistConfig = {\n  key: \"root\",\n  storage,\n  whiteList: [\"authReducer\", \"tracksReducer\", \"globalReducer\"],\n  debug: __DEV__\n}\n\nconst persistedReducer = persistReducer(persistConfig, rootReducer)\n\nexport const store = createStore(\n  persistedReducer,\n\n  compose(composeWithDevTools(applyMiddleware(sagaMiddleware)), ...enhancers)\n)\nexport const persistor = persistStore(store)\n\nsagaMiddleware.run(RootSaga)\n","export const languages = [\n  { label: \"Language\", value: \"\", disabled: true },\n  { label: \"English\", value: \"english\" },\n  { label: \"French\", value: \"french\" },\n  { label: \"Spanish\", value: \"spanish\" },\n  { label: \"Italian\", value: \"italian\" },\n  { label: \"Japanese\", value: \"japanese\" },\n  { label: \"Norwegian\", value: \"norwegian\" },\n  { label: \"Swedish\", value: \"swedish\" },\n  { label: \"German\", value: \"german\" },\n  { label: \"Russian\", value: \"russian\" },\n  { label: \"Portuguese\", value: \"portuguese\" },\n  { label: \" Turkish\", value: \"turkish\" },\n  { label: \" Other\", value: \"other\" }\n]\n\nexport const bpm = [{ label: \"BPM\", value: \"\", disabled: true }]\nfor (let i = 49; i < 200; i++) {\n  bpm.push({ label: (i + 1).toString(), value: (i + 1).toString() })\n}\n\nexport const key = [\n  { label: \"D minor\", value: \"\", disabled: true },\n  { label: \"Any key\", value: \"Any key\" },\n  { label: \"A\", value: \"A\" },\n  { label: \"Am\", value: \"Am\" },\n  { label: \"A#\", value: \"A#\" },\n  { label: \"A#m\", value: \"A#m\" },\n  { label: \"B\", value: \"B\" },\n  { label: \"Bm\", value: \"Bm\" },\n  { label: \"C\", value: \"C\" },\n  { label: \"Cm\", value: \"Cm\" },\n  { label: \"C#\", value: \"C#\" },\n  { label: \"C#m\", value: \"C#m\" },\n  { label: \"D\", value: \"D\" },\n  { label: \"Dm\", value: \"Dm\" },\n  { label: \"D#\", value: \"D#\" },\n  { label: \"D#m\", value: \"D#m\" },\n  { label: \"E\", value: \"E\" },\n  { label: \"Em\", value: \"Em\" },\n  { label: \"F\", value: \"F\" },\n  { label: \"Fm\", value: \"Fm\" },\n  { label: \"F#\", value: \"F#\" },\n  { label: \"G\", value: \"G\" },\n  { label: \"Gm\", value: \"Gm\" },\n  { label: \"G#\", value: \"G#\" },\n  { label: \"G#m\", value: \"G#m\" }\n]\nexport const genres = [\n  { label: \"Genres\", value: \"\", disabled: true },\n  { label: \"EDM\", value: \"EDM\" },\n  { label: \"House\", value: \"House\" },\n  { label: \"UK Rap\", value: \"UK Rap\" },\n  { label: \"Rock\", value: \"Rock\" },\n  { label: \"Pop\", value: \"Pop\" },\n  { label: \"Opera\", value: \"Opera\" },\n  { label: \"Classical\", value: \"Classical\" },\n  { label: \"Gospel\", value: \"Gospel\" },\n  { label: \"Blues and Jazz\", value: \"Blues and Jazz\" },\n  { label: \"R&B\", value: \"R&B\" },\n  { label: \"Hip Hop\", value: \"Hip Hop\" },\n  { label: \"Rap\", value: \"Rap\" },\n  { label: \"Trap\", value: \"Trap\" },\n  { label: \"Metal\", value: \"Metal\" },\n  { label: \"Other\", value: \" other\" },\n  {label: 'Phonk', value: 'Phonk'},\n  {label: 'Afro', value: 'Afro'}\n\n]\n\nexport const popular = [\n  { label: \"Random\", value: \"Random\" },\n  { label: \"Standard\", value: \"Standard\" },\n  { label: \"Trending\", value: \"Trending\" },\n  { label: \"Popular\", value: \"Popular\" }\n]\n\nexport const filterInitialValues = {\n  isPhrases: \"\",\n  isOneshot: \"\",\n  isWet: \"\",\n  isDry: \"\",\n  genre: \"\",\n  key: \"\",\n  bpm: \"\",\n  language: \"\",\n  trending: \"\",\n  searchKey: \"\",\n  isVocalchops: \"\",\n  isStutter: \"\"\n}\n\nexport const filleFilterInitialValues = {\n  isMostDownloaded: \"1\",\n  isLeastDownloaded: \"0\",\n  isNewest: \"1\",\n  isOldest: \"0\",\n  searchKey: \"\"\n}\n","import axios from \"axios\"\nimport { store } from \"../redux/store\"\n\nexport const POST = async (url, data, options) => {\n  let headers = {\n    \"token\": store.getState().auth.auth,\n    ...options\n  };\n  return await axios.post(url, data, { headers: headers })\n}\n\nexport const GET = async (url, options) => {\n  let headers = {\n    \"token\": store.getState().auth.auth,\n    ...options\n  };\n  return await axios.get(url, { headers: headers })\n}\n\nexport const PUT = async (url, data, options) => {\n  let headers = {\n    \"token\": store.getState().auth.auth,\n    ...options\n  };\n  return await axios.put(url, data, { headers: headers })\n}\n\nexport const DELETE = async (url, data, options) => {\n  let headers = {\n    \"token\": store.getState().auth.auth,\n    ...options\n  };\n  return await axios.delete(url, data, { headers: headers })\n}\n","import * as React from \"react\"\nimport { Box, Button, makeStyles, Typography, CircularProgress } from \"@material-ui/core\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { useFormik } from \"formik\"\nimport { schema } from \"./schema\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { Link, useHistory } from \"react-router-dom\"\nimport { formScript, initValues } from \"./script\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport clsx from \"clsx\"\nimport md5 from \"md5\"\nimport { POST } from \"../../../_helpers/fetcher\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport cogoToast from \"cogo-toast\"\nimport { useGoogleLogin } from '@react-oauth/google';\nimport axios from \"axios\"\nimport { Cancel, CheckCircle } from \"@material-ui/icons\"\n\nexport const Signin = ({ handleLogin, handleSignup }) => {\n  const { button, login, policy, btn, disabled, inputTextClass,socialLogin,googleLogin,discordLogin,hrOr,hr,emailSection ,emailContinue,signupSection,signupBtn} = useStyles();\n  const dispatch = useDispatch()\n  const { loading } = useSelector((state) => state.auth)\n  const DISCORD_REDIRECT_URL = 'https://warbls.com/discord-redirect';\n  const DISCORD_CLIENT_ID = '1265976310975692842';\n  const DISCORD_AUTH_URL = `https://discord.com/api/oauth2/authorize?client_id=${DISCORD_CLIENT_ID}&redirect_uri=${DISCORD_REDIRECT_URL}&response_type=code&scope=identify+email`;\n  const [errors, setErrors] = React.useState(null)\n  const [emailEl, setEmailEl] = React.useState(null)\n  const history = useHistory()\n\n  const formik = useFormik({\n    initialValues: initValues,\n    validationSchema: schema,\n    onSubmit: async (values, { resetForm }) => {\n      try {\n        dispatch(actions.loginRequest(values))\n        const password = md5(values.password)\n        const { data } = await POST(APIs.signin, { ...values, password })\n\n        if (!data) {\n          dispatch(actions.loginFailed())\n          cogoToast.error(\"Wrong Email/Password\")\n          return\n        } else {\n          resetForm()\n          handleLogin()\n          dispatch(actions.loginSuccess(data, values.username));\n          history.push(\"/vocals\")\n        }\n      } catch (err) {\n        dispatch(actions.loginFailed())\n      }\n      // \"e10adc3949ba59abbe56e057f20f883e\"e10adc3949ba59abbe56e057f20f883e\n      // dispatch(actions.loginRequest(values))\n    }\n  })\n  \n\n  const handleAlreadyMember = () => {\n    handleSignup()\n    handleLogin()\n  }\n  if (errors && errors === \"email already exists\" && !!!emailEl) {\n    cogoToast.error(\"Email already exists\")\n    // setEmailEl(document.getElementsByName(\"email\")[0])\n  }\n  const GoogleLogin = useGoogleLogin({\n    onSuccess: async (tokenResponse) => {\n      try {\n        const userInfo = await axios.get('https://www.googleapis.com/oauth2/v3/userinfo', {\n          headers: {\n            'Authorization': `Bearer ${tokenResponse.access_token}`\n          }\n        });\n        formik.setValues(({\n          full_name: userInfo.data.name,\n          social_login: true,\n          social_id: userInfo.data.sub,\n          email: userInfo.data.email,\n          profile_img: userInfo.data.picture,\n          username: userInfo.data.email,\n          password: userInfo.data.sub,\n          social_platform: 'GOOGLE'\n        }), false);\n        formik.handleSubmit();\n\n      } catch (error) {\n        console.error('Error fetching user info:', error);\n      }\n    },\n    \n  });\n  const handleDiscordLogin = () => {\n    window.location.href = DISCORD_AUTH_URL;\n  };\n\n  return (\n    (\n      <>\n      \n      <Column width=\"100%\" jc=\"cenetr\" >\n        <Box my={1}>\n          <img height=\"65px\" src={toAbsoluteUrl(\"/media/logo-sm-white.png\")} alt=\"logo\" />\n          <h2>Sign in</h2>\n          <h5>to continue to warbls</h5>\n        </Box>\n        <Box className={socialLogin} \n        // style={{display:'flex',justifyContent:'center',alignItems:'center',gap: '15px'}}\n        >\n          <Box className={googleLogin} \n          onClick={() => GoogleLogin()} \n          style={{display:'flex',justifyContent:'center',alignItems:'center',padding: '7px 10px',border: '1px solid #848383',borderRadius: '3px',fontSize: '12px',gap: '5px'}}\n          >\n            <img width='30px' src={toAbsoluteUrl(\"/media/google-icon.png\")} alt=\"logo\" />\n            <span>Sign in with Google</span>\n          </Box>\n          <Box className={discordLogin}\n            onClick={() => handleDiscordLogin()} \n          // style={{display:'flex',justifyContent:'center',alignItems:'center',padding: '7px 10px',border: '1px solid #848383',borderRadius: '3px',fontSize: '12px',gap: '5px'}}\n          >\n            <img width='30px' src={toAbsoluteUrl(\"/media/discord-icon.png\")} alt=\"logo\" />\n            <span>Sign in with Discord</span>\n          </Box> \n        </Box>\n        <Box className={hrOr}>\n          <div className={hr}></div>\n          <div>or</div>\n          <div className={hr}></div>\n        </Box>\n        <Box className={emailSection}>\n            <InputField\n              // key={index}\n              // placeholder={field.placeholder}\n              name='email'\n              type='email'\n              formik={formik}\n              label='Email'\n              classes={inputTextClass}\n              isLightTheme={true}\n              rootStyle={{\n                margin: \"1px 0px\"\n              }}\n              inputIcon={\n                errors &&\n                errors === \"email already exists\" &&\n                ('email' === \"email\" ? <Cancel style={{ color: \"red\" }}></Cancel> : <CheckCircle style={{ color: \"#4caf50\" }}></CheckCircle>)\n              }\n            />\n            {/* <div className={emailContinue} onClick={continueSignup}>\n              Continue\n            </div> */}\n  \n        </Box>\n        <Box className={signupSection}>    \n        <InputField\n            // placeholder={field.placeholder}\n            name='password'\n            type='password'\n            formik={formik}\n            label=\"password\"\n            classes={inputTextClass}\n            isLightTheme={true}\n            rootStyle={{\n              margin: \"1px 0px\"\n            }}\n          /> \n          \n          <div className={emailContinue} onClick={() => {\n            formik.setValues(({...formik.values,username: formik.values.email}), false);\n            formik.handleSubmit()\n            }}>\n              Continue\n            </div>\n          {/* <div className={signupBtn} style={{textAlign: 'center'}} onClick={() => {\n            formik.setValues(({...formik.values,username: formik.values.email}), false);\n            formik.handleSubmit()\n            }} >\n            {loading ? <CircularProgress size={13} color=\"inherit\" style={{verticalAlign: 'sub'}}/> :'Sign up'}\n          </div> */}\n        </Box>\n        <Box my={2} width=\"100%\" display=\"flex\">\n          <Typography >By continuing. you accept our Privacy Policy and Terms of Use <a href=\"#\" onClick={handleAlreadyMember} style={{color:'#4592dd'}}>Sign up</a> </Typography>\n        </Box>\n       \n  \n      </Column>\n      </>\n    )\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    height: 37\n  },\n  inputTextClass: {\n    //backgroundColor: theme.palette.primary.contrastText,\n    //color: theme.palette.primary.main,\n    // backgroundColor:'#EBEBEB',\n    // borderRadius:'10px',\n    // color:'black',\n    fontWeight:'bold',\n    borderColor: '#504f4f'\n  },\n  \n  socialLogin:{\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: '15px'\n  },\n  googleLogin:{\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '7px 10px',\n    border: '1px solid #504f4f',\n    borderRadius: '3px',\n    fontSize: '12px',\n    gap: '5px',\n    cursor: 'pointer',\n    \"&:hover\": {\n      backgroundColor: '#0000004d',\n      boxShadow: '1px 1px 8px #000'\n\n    }\n\n  },\n  discordLogin:{\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '7px 10px',\n    border: '1px solid #504f4f',\n    borderRadius: '3px',\n    fontSize: '12px',\n    gap: '5px',\n    cursor: 'pointer',\n    \"&:hover\": {\n      backgroundColor: '#0000004d',\n      boxShadow: '1px 1px 8px #000'\n\n    }\n  },\n  hrOr:{\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '10px',\n    marginTop: '22px'\n  },\n  hr:{\n    height: '1px',\n    backgroundColor: '#504f4f',\n    width: '100%'\n  },\n  emailSection: {\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '10px',\n    '& > :first-child': {\n      // Your styles for the first child here\n    height: '80px',\n\n    }\n  },\n  signupSection: {\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '10px',\n    '& > :first-child': {\n      // Your styles for the first child here\n    height: '80px',\n\n    }\n  },\n  emailContinue:{\n    padding:'11.3px 8px',\n    backgroundColor: '#504f4f',\n    cursor: 'pointer',\n    \"&:hover\": {\n      backgroundColor: '#0000004d',\n      // boxShadow: '1px 1px 8px #000'\n\n    }\n  },\n  signupBtn:{\n    padding:'11.3px 8px',\n    backgroundColor: '#504f4f',\n    cursor: 'pointer',\n    width: '25%'\n  },\n  button: {\n    backgroundColor: \"#42DE29\",\n    color: \"#202020\",\n    width: \"100%\",\n    height: 37,\n    \"&:hover\": {\n      color: \"#ffffff\",\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  login: {\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    height: 30,\n    borderRadius: \"5px !important\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.secondary.main\n    }\n  },\n  policy: {\n    color: theme.palette.primary.contrastText,\n    fontWeight: \"bold\",\n    fontSize: 13\n  },\n  btn: {\n    borderRadius: 5,\n    textTransform: \"none\",\n    padding: 10,\n    fontStyle: \"normal\",\n    fontWeight: 'bold',\n    fontSize: 15\n  },\n  disabled: {\n    color: \"#828282\",\n    backgroundColor: \"#A9A9A9\"\n  }\n}))\n","import * as Yup from \"yup\"\n\nexport const schema = Yup.object().shape({\n  email: Yup.string().email(\"must be a valid string\").required(\"email is required\"),\n  password: Yup.string()\n    .when('social_login', {\n      is: false,\n      then: Yup.string().required(\"password is required\").min(6, \"password must be greater than 7 characters\"),\n      otherwise: Yup.string().notRequired()\n    }),\n  social_login: Yup.boolean()\n    .notRequired(),\n  social_id: Yup.string()\n  .when('social_login', {\n    is: true,\n    then: Yup.string().required(\"social ID is required\"),\n    otherwise: Yup.string().notRequired()\n  }),\n  username: Yup.string()\n    .notRequired()\n    .min(4, \"user name must be greater than 4 characters\"),\n  profile_img: Yup.string()\n  .notRequired(),\n  full_name: Yup.string().required(\"password is required\")\n})\n","export const formScript = [\n  // { name: \"username\", type: \"text\", placeholder: \"4+ characters\", label: \"Username\" },\n  { name: \"full_name\", type: \"text\", placeholder: \"John Smith\", label: \"Full name or artist name\" },\n  { name: \"email\", type: \"text\", placeholder: \"j.smith@example.com\", label: \"Email\" },\n  { name: \"password\", type: \"password\", placeholder: \"7+ characters\", label: \"Password\" }\n]\n\nexport const initValues = {\n  password: \"\",\n  email: \"\",\n  username: \"\",\n  full_name: \"\",\n  social_login: false,\n  social_id: \"\",\n  profile_img: \"\",\n  social_platform: \"\"\n}\n","import * as React from \"react\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { makeStyles, Box, Button, CircularProgress, Popover, Typography } from \"@material-ui/core\"\nimport { useFormik } from \"formik\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { schema } from \"./schema\"\nimport clsx from \"clsx\"\nimport { formScript, initValues } from \"./script\"\nimport { useHistory } from \"react-router\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { Cancel, CheckCircle } from \"@material-ui/icons\"\nimport { useGoogleLogin } from '@react-oauth/google';\nimport axios from \"axios\"\nimport MailOutlineIcon from '@material-ui/icons/MailOutline';\nimport cogoToast from \"cogo-toast\"\nexport const Signup = ({ handleLogin, handleSignup ,referrerId = null}) => {\n  const { button, login, policy, btn, disabled, inputTextClass,socialLogin,googleLogin,discordLogin,hrOr,hr,emailSection ,emailContinue,signupSection,signupBtn} = useStyles();\n  const DISCORD_REDIRECT_URL = 'https://warbls.com/discord-redirect';\n  const DISCORD_CLIENT_ID = '1265976310975692842';\n  const DISCORD_AUTH_URL = `https://discord.com/api/oauth2/authorize?client_id=${DISCORD_CLIENT_ID}&redirect_uri=${DISCORD_REDIRECT_URL}&response_type=code&scope=identify+email`;\n  const dispatch = useDispatch()\n  const { loading } = useSelector((state) => state.auth)\n  const [errors, setErrors] = React.useState(null)\n  const [emailEl, setEmailEl] = React.useState(null)\n  const [signupForm, setSignupForm] = React.useState(false)\n  const history = useHistory()\n\n  const formik = useFormik({\n    initialValues: initValues,\n    validationSchema: schema,\n    onSubmit: (values, { resetForm }) => {\n      !loading &&\n      dispatch(actions.signupRequest({ ...values ,referrer_id:referrerId}, handleSignup, resetForm, setErrors))\n      history.push(\"/vocals\")\n      // if (!loading) {\n      //   handleSignup()\n      //   resetForm();\n      // }\n    }\n  })\n\n  const handleAlreadyMember = () => {\n    handleSignup()\n    handleLogin()\n  }\n  if (errors && errors === \"email already exists\" && !!!emailEl) {\n    cogoToast.error(\"Email already exists\")\n    // setEmailEl(document.getElementsByName(\"email\")[0])\n  }\n  const GoogleLogin = useGoogleLogin({\n    onSuccess: async (tokenResponse) => {\n      try {\n        const userInfo = await axios.get('https://www.googleapis.com/oauth2/v3/userinfo', {\n          headers: {\n            'Authorization': `Bearer ${tokenResponse.access_token}`\n          }\n        });\n        formik.setValues(({\n          full_name: userInfo.data.name,\n          social_login: true,\n          social_id: userInfo.data.sub,\n          email: userInfo.data.email,\n          profile_img: userInfo.data.picture,\n          username: userInfo.data.email,\n          password: userInfo.data.sub,\n          social_platform: 'GOOGLE'\n        }), false);\n        formik.handleSubmit();\n\n      } catch (error) {\n        console.error('Error fetching user info:', error);\n      }\n    },\n    \n  });\n  // const submitDiscordLogin = (discordData) => {\n  //   formik.setValues(({\n  //     full_name: discordData.data.name,\n  //     social_login: true,\n  //     social_id: discordData.data.sub,\n  //     email: discordData.data.email,\n  //     profile_img: discordData.data.picture,\n  //     username: discordData.data.email\n  //   }), false);\n  //   formik.handleSubmit();\n  // }\n\n  const handleDiscordLogin = () => {\n    window.location.href = DISCORD_AUTH_URL;\n  };\n  const continueSignup = () => {\n    if(formik.values.email)\n    setSignupForm(true)\n  }\n  return (\n    <>\n    {!signupForm ? (\n    <Column width=\"100%\" jc=\"cenetr\" >\n      <Box my={1}>\n        <img height=\"65px\" src={toAbsoluteUrl(\"/media/logo-sm-white.png\")} alt=\"logo\" />\n        <h2>Create your account</h2>\n        <h5>to continue to warbls</h5>\n      </Box>\n      <Box className={socialLogin} \n      // style={{display:'flex',justifyContent:'center',alignItems:'center',gap: '15px'}}\n      >\n        <Box className={googleLogin} \n        onClick={() => GoogleLogin()} \n        style={{display:'flex',justifyContent:'center',alignItems:'center',padding: '7px 10px',border: '1px solid #848383',borderRadius: '3px',fontSize: '12px',gap: '5px'}}\n        >\n          <img width='30px' src={toAbsoluteUrl(\"/media/google-icon.png\")} alt=\"logo\" />\n          <span>Sign up with Google</span>\n        </Box>\n        <Box className={discordLogin}\n          onClick={() => handleDiscordLogin()} \n        // style={{display:'flex',justifyContent:'center',alignItems:'center',padding: '7px 10px',border: '1px solid #848383',borderRadius: '3px',fontSize: '12px',gap: '5px'}}\n        >\n          <img width='30px' src={toAbsoluteUrl(\"/media/discord-icon.png\")} alt=\"logo\" />\n          <span>Sign up with Discord</span>\n        </Box> \n      </Box>\n      <Box className={hrOr}>\n        <div className={hr}></div>\n        <div>or</div>\n        <div className={hr}></div>\n      </Box>\n      <Box className={emailSection}>\n          <InputField\n            // key={index}\n            // placeholder={field.placeholder}\n            name='email'\n            type='email'\n            formik={formik}\n            label='Email'\n            classes={inputTextClass}\n            isLightTheme={true}\n            rootStyle={{\n              margin: \"1px 0px\"\n            }}\n            inputIcon={\n              errors &&\n              errors === \"email already exists\" &&\n              ('email' === \"email\" ? <Cancel style={{ color: \"red\" }}></Cancel> : <CheckCircle style={{ color: \"#4caf50\" }}></CheckCircle>)\n            }\n          />\n          <div className={emailContinue} onClick={continueSignup}>\n            Continue\n          </div>\n\n      </Box>\n      <Box my={2} width=\"100%\" display=\"flex\">\n        <Typography >By continuing. you accept our Privacy Policy and Terms of Use <a href=\"#\" onClick={handleAlreadyMember} style={{color:'#4592dd'}}>Sign in</a> </Typography>\n      </Box>\n      {/* {errors && errors !== \"email already exists\" && (\n        <Box my={0}>\n          {\" \"}\n          <p style={{ color: \"red\" }}>{errors}</p>{\" \"}\n        </Box>\n      )} */}\n      {/* {formScript.map((field, index) => (\n        <InputField\n          key={index}\n          placeholder={field.placeholder}\n          name={field.name}\n          type={field.type}\n          formik={formik}\n          label={field.label}\n          classes={inputTextClass}\n          isLightTheme={true}\n          rootStyle={{\n            margin: \"1px 0px\"\n          }}\n          inputIcon={\n            errors &&\n            errors === \"email already exists\" &&\n            (field.name === \"email\" ? <Cancel style={{ color: \"red\" }}></Cancel> : <CheckCircle style={{ color: \"#4caf50\" }}></CheckCircle>)\n          }\n        />\n      ))} */}\n      {/* <Popover\n        id=\"popover\"\n        open={Boolean(emailEl)}\n        anchorEl={emailEl}\n        //onClick={() => { debugger;setEmailEl(null) }}\n        onClose={() => {\n          setErrors(null)\n          setEmailEl(null)\n        }}\n        anchorOrigin={{\n          vertical: \"center\",\n          horizontal: \"right\"\n        }}\n        transformOrigin={{\n          vertical: \"center\",\n          horizontal: \"left\"\n        }}\n      >\n        <Box my={2} mx={1}>\n          {\" \"}\n          <p> Email already exists </p>{\" \"}\n        </Box>\n      </Popover> */}\n      {/* <Box my={2} width=\"100%\" display=\"flex\" justifyContent=\"flex-start\" alignItems=\"center\"> */}\n        {/* <input type=\"checkbox\" /> */}\n        {/* <p className={clsx(\"m-0\", policy)}>\n          By Selecting \"Sign Up\" you can confirm that you have read and agree to Warbls{\" \"}\n          <span onClick={() => history.push(\"/termsOfUse\")} style={{ cursor: \"pointer\", textDecoration: \"underline\" }}>\n            terms of use.\n          </span>\n        </p>\n      </Box> */}\n      {/* <Box my={2} width=\"100%\">\n        <Button className={clsx(button, btn, !formik.isValid && disabled)} disabled={!formik.isValid} onClick={formik.handleSubmit}>\n          {loading ? <CircularProgress size={20} color=\"inherit\" /> : \"Sign Up\"}\n        </Button>\n      </Box> */}\n      {/* <Box my={2} width=\"100%\" display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n        <p className={clsx(\"m-0\", policy)}>Already a member?&nbsp;&nbsp;</p>\n        <Button className={clsx(login, btn)} onClick={handleAlreadyMember}>\n          Log in\n        </Button>\n      </Box> */}\n\n    </Column>\n    ) : (\n    <Column width=\"100%\" jc=\"cenetr\" >\n      <Box my={1}>\n        <img height=\"65px\" src={toAbsoluteUrl(\"/media/logo-sm-white.png\")} alt=\"logo\" />\n        <h2>Create your account</h2>\n        <Typography style={{marginTop: '4px'}}><MailOutlineIcon style={{fontSize: '13px',verticalAlign: 'middle'}}/> {formik.values.email}</Typography>\n      </Box>\n      <Box mb={2}>\n      <InputField\n          // placeholder={field.placeholder}\n          name='full_name'\n          type='text'\n          formik={formik}\n          label=\"Name\"\n          classes={inputTextClass}\n          isLightTheme={true}\n          rootStyle={{\n            margin: \"1px 0px\"\n          }}\n        />  \n      </Box>\n      <Box className={signupSection}>    \n      <InputField\n          // placeholder={field.placeholder}\n          name='password'\n          type='password'\n          formik={formik}\n          label=\"password\"\n          classes={inputTextClass}\n          isLightTheme={true}\n          rootStyle={{\n            margin: \"1px 0px\"\n          }}\n        /> \n        \n        <div className={signupBtn} style={{textAlign: 'center'}} onClick={() => {\n          formik.setValues(({...formik.values,username: formik.values.email}), false);\n          formik.handleSubmit()\n          }} >\n          {loading ? <CircularProgress size={13} color=\"inherit\" style={{verticalAlign: 'sub'}}/> :'Sign up'}\n        </div>\n      </Box>\n      <Box my={2} width=\"100%\" display=\"flex\">\n        <Typography >By continuing. you accept our Privacy Policy and Terms of Use <a href=\"#\" onClick={handleAlreadyMember} style={{color:'#4592dd'}}>Sign in</a> </Typography>\n      </Box>\n    </Column>\n    )}\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    height: 37\n  },\n  inputTextClass: {\n    //backgroundColor: theme.palette.primary.contrastText,\n    //color: theme.palette.primary.main,\n    // backgroundColor:'#EBEBEB',\n    // borderRadius:'10px',\n    // color:'black',\n    fontWeight:'bold',\n    borderColor: '#504f4f'\n  },\n  socialLogin:{\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: '15px'\n  },\n  googleLogin:{\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '7px 10px',\n    border: '1px solid #504f4f',\n    borderRadius: '3px',\n    fontSize: '12px',\n    gap: '5px',\n    cursor: 'pointer',\n    \"&:hover\": {\n      backgroundColor: '#0000004d',\n      boxShadow: '1px 1px 8px #000'\n\n    }\n  },\n  discordLogin:{\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '7px 10px',\n    border: '1px solid #504f4f',\n    borderRadius: '3px',\n    fontSize: '12px',\n    gap: '5px',\n    cursor: 'pointer',\n    \"&:hover\": {\n      backgroundColor: '#0000004d',\n      boxShadow: '1px 1px 8px #000'\n\n    }\n  },\n  hrOr:{\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '10px',\n    marginTop: '22px'\n  },\n  hr:{\n    height: '1px',\n    backgroundColor: '#504f4f',\n    width: '100%'\n  },\n  emailSection: {\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '10px',\n    '& > :first-child': {\n      // Your styles for the first child here\n    height: '80px',\n\n    }\n  },\n  signupSection: {\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '10px',\n    '& > :first-child': {\n      // Your styles for the first child here\n    height: '80px',\n\n    }\n  },\n  emailContinue:{\n    padding:'11.3px 8px',\n    backgroundColor: '#504f4f',\n    cursor: 'pointer',\n    \"&:hover\": {\n      backgroundColor: '#0000004d',\n\n    }\n  },\n  signupBtn:{\n    padding:'11.3px 8px',\n    backgroundColor: '#504f4f',\n    cursor: 'pointer',\n    width: '25%',\n    \"&:hover\": {\n      backgroundColor: '#0000004d'\n\n    }\n  },\n  button: {\n    backgroundColor: \"#42DE29\",\n    color: \"#202020\",\n    width: \"100%\",\n    height: 37,\n    \"&:hover\": {\n      color: \"#ffffff\",\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  login: {\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    height: 30,\n    borderRadius: \"5px !important\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.secondary.main\n    }\n  },\n  policy: {\n    color: theme.palette.primary.contrastText,\n    fontWeight: \"bold\",\n    fontSize: 13\n  },\n  btn: {\n    borderRadius: 5,\n    textTransform: \"none\",\n    padding: 10,\n    fontStyle: \"normal\",\n    fontWeight: 'bold',\n    fontSize: 15\n  },\n  disabled: {\n    color: \"#828282\",\n    backgroundColor: \"#A9A9A9\"\n  }\n}))\n","import * as React from \"react\"\nimport SVG from \"react-inlinesvg\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\n\nexport const SvgInline = (props) => {\n  return (\n    <SVG\n      className={props.classes}\n      src={toAbsoluteUrl(props.src)}\n      width={props.w}\n      height={props.h}\n    />\n  )\n}\n","import * as React from \"react\"\nimport { makeStyles, Toolbar, IconButton, Badge, Box, Button, useMediaQuery, useTheme, Typography } from \"@material-ui/core\"\nimport { FaShoppingCart } from \"react-icons/fa\"\nimport clsx from \"clsx\"\nimport { HeaderList } from \"./List\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { Popup } from \"../Popup\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nimport { Signin } from \"../../../app/modules/Signin\"\nimport { Signup } from \"../../../app/modules/Signup\"\nimport { useSelector } from \"react-redux\"\nimport { GiHamburgerMenu } from \"react-icons/gi\"\nimport { SvgInline } from \"../Svg\"\nimport { ClickAwayListener } from \"@material-ui/core\"\nimport { useHistory } from \"react-router\"\nimport { useDispatch } from \"react-redux\"\n// import { actions } from \"../../../redux/auth/actions\"\nimport { actions } from \"../../../redux/subscription/actions\"\nimport axios from \"axios\";\nimport { APIs } from \"../../../_helpers/apis\"\nimport { FaCoins } from \"react-icons/fa\";\nimport { useEffect } from \"react\"\n\nimport LibraryMusicIcon from '@material-ui/icons/LibraryMusic';\n\nconst { useContext, useState } = React\n\nexport const Header = ({ handleDrawerOpen, open, indexPage }) => {\n  const classes = useStyles()\n  const { openLogin, handleLogin, openSignup, handleSignup, toolbar ,updateSubscriptionCoins} = useContext(AppContext)\n  const [menuOpen, setMenuOpen] = useState(false)\n  const { auth,userInfo } = useSelector((state) => state.auth)\n  const is_admin = useSelector((state) => state.auth.userInfo.is_admin)\n  const {userSubscription} = useSelector((state) => state.subscriptions)\n  const {userRewards} = useSelector((state) => state.rewards)\n  const theme = useTheme()\n  const media = useMediaQuery(theme.breakpoints.down(\"sm\"))\n  const { cart } = useSelector((state) => state.track)\n  const history = useHistory()\n  const dispatch = useDispatch()\n  // const [userSubscription,setUserSubscription] = useState();\n  let planid;\n  \n\n  const handleMenuOpen = () => {\n    setMenuOpen(!menuOpen)\n  }\n\n  const handleNavigation = (to) => {\n    setMenuOpen(!menuOpen)\n    history.push(to)\n  }\n  \n  \n\n\n  useEffect(() => {\n    updateSubscriptionCoins()\n    \n  }, [userInfo])\n  \n  const totalRewardsRemainingCoins = userRewards && userRewards.reduce((sum, entry) => sum + entry.remaining_coins, 0);\n\n  return (\n    <>\n      <Toolbar className={toolbar}>\n        <div className={classes.navbar}>\n          <div\n            style={{\n              position: \"absolute\",\n              left: \"20px\",\n              zIndex: \"100\"\n            }}\n          >\n            {media ? (\n              <GiHamburgerMenu fontSize={30} color=\"#ffffff\" className=\"pointer\" onClick={handleMenuOpen} />\n            ) : (\n              <>\n                {open ? (\n                  <img\n                    onClick={(e) => history.push(\"/\")}\n                    src={toAbsoluteUrl(\"/media/warbls-logo.png\")}\n                    height=\"55\"\n                    width=\"30\"\n                    className=\"pointer\"\n                    alt=\"logo\"\n                    style={{ marginRight: 30, marginLeft: -3, marginTop: 5 }}\n                  />\n                ) : (\n                  <img\n                    onClick={(e) => history.push(\"/\")}\n                    src={toAbsoluteUrl(\"/media/logo-sm-white.png\")}\n                    height=\"50\"\n                    className=\"pointer\"\n                    width=\"30\"\n                    alt=\"small logo\"\n                    style={{ marginRight: 165 }}\n                  />\n                )}\n              </>\n            )}\n          </div>\n          <div className={classes.centerFlex}>{!media && <HeaderList />}</div>\n          <div style={{ position: \"absolute\", right: \"0\" }}>\n            <div className={classes.grow} />\n            {is_admin ? (\n              \"\"\n            ) : (\n              <div className={classes.sectionDesktop}>\n                {!auth && (\n                  <>\n                    <Box mx={0} display=\"flex\" alignItems=\"center\">\n                      <Typography onClick={handleLogin} className={clsx(classes.login, classes.root)}>\n                        Log in\n                      </Typography>\n                    </Box>\n                    <Box mx={0} display=\"flex\" alignItems=\"center\">\n                      <Button onClick={handleSignup} className={clsx(classes.btn, classes.signup, classes.root)}>\n                        Sign up\n                      </Button>\n                    </Box>\n                  </>\n                )}\n\n                {auth && (\n                  <>\n                    {/* <Box mx={1} display=\"flex\" alignItems=\"center\">\n                      <div className={classes.divider}></div>\n                    </Box> */}\n                    <h3 onClick={() => { \n                      (userSubscription?.subscription_plan_id)? history.push('/manage-subscription'):history.push('/plans')\n                      \n                      }} style={{ cursor:'pointer',marginRight:'30px'}}><FaCoins /> &nbsp;{((userSubscription?.remaining_coins || 0) + ( +totalRewardsRemainingCoins || 0)) || 0}</h3>\n                    {/* <IconButton aria-label=\"show 4 new mails\" color=\"inherit\" style={{ marginRight: \"10px\" }}>\n                      <Badge badgeContent={cart && cart.length} color=\"secondary\" onClick={(e) => (auth ? history.push(\"/Cart\") : handleLogin())}>\n                        <FaShoppingCart color=\"#ffffff\" />\n                      </Badge>\n                    </IconButton> */}\n                  </>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Toolbar>\n\n      {menuOpen && media && (\n        <ClickAwayListener onClickAway={handleMenuOpen}>\n          <Box\n            style={{\n              position: auth ? \"fixed\" : \"absolute\",\n              top: 64,\n              left: 0,\n              backgroundColor: \"#333333\",\n              // width: \"100vw\",\n              height: \"100%\",\n              zIndex: 2000,\n              margin: \"0 auto\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              padding:'0 50px',\n              paddingBottom:'30px'\n            }}\n          >\n            <Box display=\"flex\" mt={3} flexDirection=\"column\" style={{ rowGap: \"15px\", fontSize: \"20px\", height:'80%',justifyContent:'space-between' }}>\n              <Box style={{display:'flex',flexDirection:'column',gap:'3rem',borderBottom:'2px solid gray',paddingBottom:'50%'}}>\n\n              <Box  style={{display:'flex', gap:'10px',alignItems:\"center\"}}>\n                <SvgInline src={toAbsoluteUrl(\"./media/play.svg\")} classes={classes.menuIcon} w={30} h={30} />\n                <h3 style={{ padding: \"0\", margin: \"0\", textAlign: \"center\" }} onClick={() => handleNavigation(\"/vocals\")}>\n                Vocals\n                </h3>\n              </Box>\n\n              {auth && (\n                <Box style={{display:'flex', gap:'10px',alignItems:\"center\"}}>\n\n                  <SvgInline src={toAbsoluteUrl(\"./media/like-vector.svg\")} classes={classes.menuIcon} w={30} h={30} />\n                  <h3 style={{ padding: \"0\", margin: \"0\", textAlign: \"center\" }} onClick={() => handleNavigation(\"/likes\")}>\n                  Liked\n                  </h3>\n                </Box>\n              )}\n\n              {auth && (\n                <Box style={{display:'flex', gap:'10px',alignItems:\"center\"}}>\n                  <SvgInline src={toAbsoluteUrl(\"./media/download.svg\")} classes={classes.menuIcon} w={30} h={30} />\n                  <h3 style={{ padding: \"0\", margin: \"0\", textAlign: \"center\" }} onClick={() => handleNavigation(\"/downloads\")}>\n                  Downloads\n                  </h3>\n                </Box> \n              )}\n              </Box>\n                {auth && (\n              <Box style={{display:'flex' , flexDirection:'column', gap: \"30px\",alignItems:\"center\"}}>\n                <Box style={{display:'flex', gap:'10px',alignItems:\"center\"}}>\n                  <LibraryMusicIcon style={{width:30,height:30,marginLeft:4}}/>\n                  <h3 style={{ padding: \"0\", margin: \"0\", textAlign: \"center\" }} onClick={() => handleNavigation(\"/my-vocals\")}>\n                  My Songs\n                  </h3>\n                </Box> \n                <Box style={{display:'flex', gap:'10px',alignItems:\"center\"}}>\n                  <SvgInline src={toAbsoluteUrl(\"./media/profile.svg\")} classes={classes.menuIcon} w={30} h={30} />\n                  <h3 style={{ padding: \"0\", margin: \"0\", textAlign: \"center\" }} onClick={() => handleNavigation(\"/profile\")}>\n                  My Profile\n                  </h3>\n                </Box> \n              </Box>\n              )}                \n                {/* <h4 style={{ padding: \"0\", margin: \"0\", textAlign: \"center\" }} onClick={() => handleNavigation(\"/q&a\")}>\n                  Q&A\n                </h4> */}\n          </Box>\n            {/* <Box display=\"flex\" ml={0} mt={3} mb={3} style={{ columnGap: \"10px\" }}>\n              <SvgInline src={toAbsoluteUrl(\"./media/facebook.svg\")} classes={classes.menuIcon} w={30} h={30} />\n              <SvgInline src={toAbsoluteUrl(\"./media/twitter.svg\")} classes={classes.menuIcon} w={30} h={30} />\n              <SvgInline src={toAbsoluteUrl(\"./media/youtube.svg\")} classes={classes.menuIcon} w={30} h={30} />\n              <SvgInline src={toAbsoluteUrl(\"./media/insta.svg\")} classes={classes.menuIcon} w={30} h={30} />\n            </Box> */}\n\n            {/* {auth && (\n              <Box\n                display=\"flex\"\n                mt={0}\n                flexDirection=\"column\"\n                style={{ rowGap: \"15px\", fontSize: \"20px\" }}\n                onClick={() => {\n                  dispatch(actions.logoutRequest())\n                  history.push(\"/\")\n                }}\n              >\n                <h2 style={{ padding: \"0\", margin: \"0\" }}>Logout</h2>{\" \"}\n              </Box>\n            )} */}\n          </Box>\n        </ClickAwayListener>\n      )}\n      <Popup open={openLogin} handleClose={handleLogin}>\n        <Signin handleSignup={handleSignup} handleLogin={handleLogin} />\n      </Popup>\n      <Popup open={openSignup} handleClose={handleSignup}>\n        <Signup handleSignup={handleSignup} handleLogin={handleLogin} />\n      </Popup>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 5,\n    textTransform: \"none\",\n    paddingLeft: 20,\n    paddingRight: 20,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    fontSize: 15\n  },\n  centerFlex: {\n    position: \"absolute\",\n    inset: \"0\",\n    display: \"flex\",\n    justifyContent: \"center\"\n  },\n  grow: {\n    flexGrow: 1\n  },\n  inputRoot: {\n    color: \"inherit\"\n  },\n  sectionDesktop: {\n    // display: \"none\",\n    display: \"flex\",\n    // width: \"320px\",\n    // alignItems: \"center\",\n\n    \"@media (min-width:1200px)\": {\n      marginRight: \"65px\"\n    },\n\n    [theme.breakpoints.up(\"md\")]: {\n      display: \"flex\"\n    }\n  },\n  btn: {\n    width: 107,\n    height: 42,\n    [theme.breakpoints.down(\"sm\")]: {\n      width: 120,\n      height: 37,\n      fontSize: 14\n    }\n  },\n  login: {\n    //backgroundColor: \"#ffffff\",\n    color: theme.palette.primary.contrastText,\n    cursor: \"pointer\"\n    // \"&:hover\": {\n    //   backgroundColor: \"rgba(196, 196, 196, 0.6)\",\n    //   color: \"#ffffff\"\n    // }\n  },\n  signup: {\n    // backgroundColor:'#333333',\n    backgroundColor: theme.palette.primary.contrastText,\n    fontWeight: 700,\n    color: theme.palette.primary.main,\n    marginRight: 20,\n    \"&:hover\": {\n      backgroundColor: \"#fff\",\n      color: \"#000\",\n      boxShadow: '1px 1px 8px #fff'\n    }\n  },\n  divider: {\n    width: \"1px\",\n    backgroundColor: theme.palette.secondary.main,\n    height: \"80%\"\n  },\n  headerText: {\n    \"@media (max-width:1235px) \": {\n      display: \"none\"\n    }\n  },\n  uploadBtn: {\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    borderRadius: 5,\n    width: 127,\n    height: 35,\n    fontWeight: 400,\n    fontSize: 14,\n    textDecoration: \"none\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    textTransform: \"none\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.secondary.main\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: 160,\n      height: 40\n    }\n  },\n  menuIcon: {\n    margin: \"0px 5px\"\n  },\n  toolbar: {\n    minHeight: 64,\n    \"&.MuiToolbar-regular\": {\n      minHeight: 64,\n      [theme.breakpoints.down(\"sm\")]: {\n        minHeight: 64\n      },\n      [theme.breakpoints.down(\"xs\")]: {\n        minHeight: 64\n      }\n    }\n  },\n  navbar: {\n    width: \"100vw\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n  }\n}))\n","import * as React from \"react\"\r\nimport { Header } from \"../components/Header\"\r\nimport { Box, makeStyles } from \"@material-ui/core\"\r\n\r\nexport const NonAuthLayout = ({ children }) => {\r\n  const { header } = useStyles()\r\n  return (\r\n    <>\r\n      <Box className={header}>\r\n        <Header open={true} />\r\n      </Box>\r\n      {children}\r\n    </>\r\n  )\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  header: {\r\n    backgroundColor: theme.palette.primary.main\r\n  }\r\n}))\r\n\r\nexport default NonAuthLayout\r\n","import { styled, Container } from \"@material-ui/core\"\nimport { compose, flexbox, palette, spacing, borders, sizing } from \"@material-ui/system\"\n\nexport const StyledContainer = styled(Container)(\n  compose(spacing, palette, flexbox, borders, sizing)\n)\n","export default __webpack_public_path__ + \"static/media/cover_image-min.9808b308.png\";","export default __webpack_public_path__ + \"static/media/music1.3d33db32.png\";","export default __webpack_public_path__ + \"static/media/homepage-image2.657e5e0e.png\";","export default __webpack_public_path__ + \"static/media/homepage-image1.2264b0b9.png\";","export default __webpack_public_path__ + \"static/media/homepage-image3.f38e4f74.png\";","export default __webpack_public_path__ + \"static/media/payment.a8a5b2b6.png\";","export default __webpack_public_path__ + \"static/media/music.16c71fc6.png\";","export default __webpack_public_path__ + \"static/media/music2.e0388264.png\";","import * as React from \"react\"\nimport { Box } from \"@material-ui/core\"\n\nexport const Row = (props) => {\n  const { jc, ai, children } = props\n\n  return (\n    <Box\n      {...props}\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent={jc}\n      alignItems={ai}\n      flexWrap=\"wrap\"\n    >\n      {children}\n    </Box>\n  )\n}\n","export default __webpack_public_path__ + \"static/media/laptop.c57f5201.png\";","import React from 'react'\nimport './CSS/infocard.css'\nimport { Box } from '@material-ui/core'\nconst Infocards = (props) => {\n    const {heading,containt,color}=props\n\n  return (\n    <div className='info_card_container'>\n      <Box style={{borderTop:'2px solid',borderColor:color,padding:'0 10px',paddingTop:' 10px'}}>\n        <h3 style={{color:color}}>{heading}</h3>\n      </Box>\n        <p style={{padding:'5px 0'}}>{containt}</p>\n    </div>\n  )\n}\n\nexport default Infocards\n\n\n","import React from 'react'\nimport './CSS/customerSay.css'\nimport { CircularProgress } from '@material-ui/core'\n\nconst CustomerSay = (props) => {\n   const {image_url,name,email,outer_message,inner_message,wave_img} = props\n\n  return (\n    <div className='say_container'>\n        <div className='image'>\n            <img src={image_url} alt=\"this is image\" />\n        </div>\n        <div className='containt'>\n            <h1>{name}</h1>\n            <div className='mail'>\n                {email}\n            </div>\n            <div className=\"comment\">\n                <i>\n                  \"{outer_message}\"\n                </i>\n            </div>\n           \n\n        </div>\n    </div>\n  )\n}\n\nexport default CustomerSay","export default __webpack_public_path__ + \"static/media/image1.d43bd145.jpg\";","export default __webpack_public_path__ + \"static/media/image2.167a76e2.jpg\";","export default __webpack_public_path__ + \"static/media/wave1.9ecf6c3a.svg\";","import { FaAngleDown } from \"react-icons/fa\"\nimport './CSS/style.css'\nimport { Box, Typography, Button, makeStyles } from \"@material-ui/core\"\nimport * as React from \"react\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { Header } from \"../../../_warbls/components/Header\"\nimport { useDispatch } from \"react-redux\"\nimport CoverImg from \"../../../_warbls/assets/images/cover_image-min.png\"\nimport HomePageImage1 from \"../../../_warbls/assets/images/homepage-image2.png\"\nimport HomePageImage2 from \"../../../_warbls/assets/images/homepage-image1.png\"\nimport HomePageImage3 from \"../../../_warbls/assets/images/homepage-image3.png\"\nimport payments from \"../../../_warbls/assets/images/payment.png\"\nimport music from \"../../../_warbls/assets/images/music.png\"\nimport music1 from \"../../../_warbls/assets/images/music1.png\"\nimport music2 from \"../../../_warbls/assets/images/music2.png\"\nimport play from \"../../../_warbls/assets/images/play.png\"\nimport laptop from \"../../../_warbls/assets/images/laptop.png\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nimport clsx from \"clsx\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { ImFacebook, ImYoutube } from \"react-icons/im\"\nimport { FaInstagram, FaTiktok } from \"react-icons/fa\"\nimport { useHistory } from \"react-router\"\nimport { actions as authActions } from \"../../../redux/auth/actions\"\nimport { borderColor } from \"@material-ui/system\"\nimport Infocards from \"./Infocards\"\n\nimport CustomerSay from \"./CustomerSay\"\nimport ArrowForwardIosRoundedIcon from '@material-ui/icons/ArrowForwardIosRounded';\n\n\nimport image1 from './CSS/image1.jpg';\nimport image2 from './CSS/image2.jpg';\nimport wave_image from './CSS/wave1.svg'\nimport { Popup } from \"../../../_warbls/components/Popup\"\n\n\n\nconst { useContext, useRef, useEffect } = React\n\nexport const Main = () => {\n  const {\n    footerWrapper,\n    signupWrapperInner,\n    wrapperPayment,\n    wrapperInnerPayment,\n    featureContainer,\n    featureCard,\n    uniqueContent,\n    uniqueHeading,\n    btn,\n    header,\n    mainImgBox,\n    innerBox,\n    typo,\n    wrapper,\n    wrapperSubscription,\n    advantageWrapper,\n    signupWrapper,\n    bottomBox,\n    learnMore,\n    wrapperComposition,\n    social_icons_wrapper,\n    paymentImg,\n    iconsCustomStyle\n  } = useStyles()\n  const anchorRef = useRef()\n  const dispatch = useDispatch()\n  const { handleSignup } = useContext(AppContext)\n  const history = useHistory()\n\n  useEffect(() => {\n    dispatch(authActions.userInfoRequest())\n  }, [dispatch])\n\n\n\n\n\n\n  return (\n    <Box className=\"root_container\">\n      <Box className={header}>\n        <Header open={true} indexPage={true} />\n      </Box>\n      <Box className={mainImgBox} width=\"100%\">\n          <Box className=\"upperBox\">\n            {/* <Box className=\"left_image\">\n                <img src={`${process.env.PUBLIC_URL}/images/left_image.png`} />\n            </Box> */}\n          \n            <Box className={`${innerBox} mid_container`}>\n                  <Typography variant=\"h3\" className={typo} id=\"heading\">\n                    Become the <span style={{color:'#57A4FF'}}>\n                       music producer <br />\n                      </span>\n                    that get <span style={{color:\"#FC57FF\"}}>\n                     millions of streams\n                      </span> \n                  </Typography>\n                  <Box>\n\n                  <Typography variant=\"h6\"  style={{color:'#fff'}} >\n                    Real <span style={{fontWeight:'bolder'}}>Artist.</span> Real <span style={{fontWeight:'bolder'}}>Vocals.</span> <br />\n                    For Real <span style={{fontWeight:'bolder'}} >producers.</span>\n                  </Typography>\n                  \n                  \n                  <Button className={btn} id=\"btn1\" style={{ display:'flex',justifyContent:'space-between',alignItems:'center',paddingLeft:\"15px\",paddingRight:'15px',marginTop:'10px',background: \"linear-gradient(90deg, #57A4FF 0%, #FC57FF 100%)\",color:'#fff'\n}} onClick={()=>{\n                    history.push(\"/vocals\")\n                    \n                  }}> <span>\n                      Browse vocals\n                  </span>\n                       <ArrowForwardIosRoundedIcon style={{height:'1rem' , fontWeight:'bolder'}}/>\n                  </Button>\n                </Box>\n                 \n\n                  \n                  {/* <Button className={btn} id=\"btn2\" style={{marginTop:'10px',background: \"linear-gradient(90deg, #57A4FF 0%, #FC57FF 100%)\",color:'#fff'}} onClick={() => { \n                    history.push('/vocals')\n                   }}>\n                      <span>\n                      Browse vocals \n                        </span> <ArrowForwardIosRoundedIcon  style={{height:'1rem' , fontWeight:'bolder'}}/>\n                  </Button> */}\n            </Box>\n\n            <Box className=\"right_image\">\n                <img src={`${process.env.PUBLIC_URL}/images/right_image.png`} />\n            </Box>\n\n          </Box>\n          {/* lower box */}\n        <Box className={bottomBox}>\n          <Box className=\"info_container\">\n            <Infocards\n              heading=\"100% Royality-Free\"\n              containt=\"Vocals brought from Werbls are all cleared for commerical use\"\n              color='#57A4FF'\n              />\n            <Infocards\n              heading=\"One-Time perchase\"\n              containt=\"When you buy vocals from us the vocals are yours forever,\"\n              color='#FC57FF'\n              />\n            <Infocards\n              heading=\"Unique Vocals\"\n              containt=\"All Vocals exclusively sold on Werbls.com\"\n              color='#57FFC3'\n            />\n            \n\n          </Box>\n            \n          {/* <Typography\n            onClick={() => {\n              window.scroll({\n                top: (window.innerHeight * 80) / 100\n              })\n            }}\n            variant=\"h6\"\n            className={learnMore}\n          >\n            Learn more\n            <FaAngleDown />\n          </Typography> */}\n        </Box>\n        \n      </Box>\n\n\n      <StyledContainer style={{ maxWidth: \"unset\",minHeight:'100vh' }} className={wrapper}>\n          <Typography variant=\"h4\" style={{ fontWeight: \"600\" }}>\n            What our cutomers say\n          </Typography>\n          <Typography variant=\"p\" className={uniqueContent} style={{ fontSize: \"16px\", textAlign:'center' }}>\n          Discover the voices of our satisfied customers as they share <br/> their experiences and successes with our vocal samples.\n          </Typography>\n          <Box style={{\n            display:'flex',\n            flexDirection:'column',\n            gap:'10px'\n          }}>\n\n          <CustomerSay\n            image_url={image1}\n            name='Blage'\n            email='@blagemusic'\n            outer_message=\"Using Warbls's vocals has been a game-changer for my music production. The quality and variety of the vocals have taken my tracks to a new level. I've saved hours of recording time, and the results speak for themselves.\"\n            inner_message='The Future House song Blage made with the sample: Emailjray_Feel_your_touch'\n            wave_img={wave_image}\n            />\n          <CustomerSay\n            image_url={image2}\n            name='Venko'\n            email='@venko.music'\n            outer_message='I really like that all the vocals are exclusively sold on Warbls. That makes all the songs I make with the vocals much more unique and special since I know its a very small chance someone uses the vocal the same way I do.'\n            inner_message='Check out the hardstyle song Venko made with the sample: Mtian_Paradise'\n            wave_img={wave_image}\n            />\n\n            </Box>\n      </StyledContainer>\n\n\n      <StyledContainer style={{ maxWidth: \"unset\",minHeight:'95vh' }} className={advantageWrapper}>\n          <Typography variant=\"h4\" style={{ fontWeight: \"600\",textAlign:'center' }}>\n            Start Creating with Us Today\n          </Typography>\n          <Typography variant=\"p\" className={uniqueContent} style={{ fontSize: \"16px\", textAlign:'center' }}>\n            Ready to take your music to new heights? Your journey starts here. Join our community of passionate music creators and unlock a world of unparalleled vocals. Today is the day to turn your musical vision into reality. Begin your creative journey with us, and let your sound take flight.\n          </Typography>\n          <Button className={clsx(btn)} onClick={handleSignup}>\n            Sign up for free\n          </Button>\n\n          <Typography variant=\"h4\" style={{ fontWeight: \"600\" ,paddingTop:\"2rem\"}}>\n            About Us\n          </Typography>\n          <Typography variant=\"p\" className={uniqueContent} style={{ fontSize: \"16px\", textAlign:'center' }}>\n            At Warbls, we're passionate about the art of music. Our journey began with a simple belief - that every musician, producer, and creator deserves the finest tools to express their unique sound. That's why we've dedicated ourselves to curating vocals of unparalleled quality and versatility.\n          </Typography>\n          <Typography variant=\"p\" className={uniqueContent} style={{ fontSize: \"16px\", textAlign:'center' }}>\n            We're not just another company; we're a community of music enthusiasts. Our mission is to empower your creativity, offering you a rich tapestry of vocals that transcend genres and spark limitless inspiration. With our commitment to excellence and unwavering dedication to your craft, we invite you to join us on a musical journey where the possibilities are endless. Welcome to Warbls, where your music finds its voice. \n          </Typography>\n\n          <Typography variant=\"h5\" style={{ fontWeight: \"600\" ,paddingTop:\"2rem\" }}>\n            Do you have any question ?\n          </Typography>\n\n          <Typography variant=\"p\" className={uniqueContent} id='faq' style={{ fontSize: \"16px\", textAlign:'center',width: \"30%\" }}>\n            Check out our FAQ (Frequently Asked Auestions) page\n             <br id=\"faq_brack\"/> or contact us via social media & email - social@warbls.com\n          </Typography>\n        \n      </StyledContainer>\n     \n\n\n      <StyledContainer style={{ maxWidth: \"unset\" }} className={footerWrapper}>\n        <Typography>© {new Date().getFullYear()} Warbls.com All Rights Reserved</Typography>\n        <p style={{ cursor: \"pointer\" }} onClick={() => history.push(\"/termsOfUse\")}>\n          Terms of use\n        </p>\n        <p>Privacy Policy</p>\n        <p style={{ cursor: \"pointer\" }} onClick={(e) => history.push(\"/q&a\")}>\n          Q&A\n        </p>\n        <p style={{ cursor: \"pointer\" }} onClick={(e) => history.push(\"/contact-us\")}>\n          Contact\n        </p>\n        <div className={social_icons_wrapper}>\n          <a href=\"https://www.instagram.com/warbls\" target=\"_blank\" rel=\"noreferrer\" className={iconsCustomStyle} >\n          <FaInstagram size={15} />\n          </a>\n          <a href=\"https://www.facebook.com/warbls\" target=\"_blank\"  rel=\"noreferrer\" className={iconsCustomStyle}>\n          <ImFacebook size={15} />\n          </a>\n          <a href=\"https://www.tiktok.com/@warbls\" target=\"_blank\" rel=\"noreferrer\" className={iconsCustomStyle}>\n          <ImYoutube size={15} />\n          </a>\n          <a href=\"https://www.tiktok.com/@warbls\" target=\"_blank\" rel=\"noreferrer\" className={iconsCustomStyle}>\n          <FaTiktok size={15} />\n          </a>\n        </div>\n      </StyledContainer>\n      <a ref={anchorRef} style={{ visibility: \"hidden\" }}></a>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  footerWrapper: {\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    display: \"flex\",\n    padding: \"28px 0\",\n    alignItems: \"center\",\n    rowGap: \"10px\",\n    columnGap: \"15px\",\n    justifyContent: \"center\",\n    height: \"auto\",\n    \"& > *\": {\n      color: theme.palette.primary.contrastText\n    },\n    \"& a\": {\n      marginLeft: \"15px\",\n      textDecoration: \"none\"\n    },\n    \"@media (max-width:800px)\": {\n      flexDirection: \"column\"\n    }\n  },\n  btn: {\n    background: \"#fff\",\n    color: '#000',\n    borderRadius: '5px',\n    minWidth: 200,\n    border:\"2px solid #000\",\n    // padding: \"8px 20px 8px 20px\",\n    textTransform: \"none\",\n    fontWeight: 600,\n    fontSize: 18,\n    marginTop: 30,\n    \"@media (max-width:1220px)\": {\n      fontWeight: 600,\n      fontSize: 12,\n      width:150,\n      \n    },\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.main,\n      color: theme.palette.primary.contrastText,\n      borderColor:'#fff'\n    }\n  },\n  header: {\n    backgroundColor: theme.palette.primary.main\n  },\n  mainImgBox: {\n    backgroundColor: \"lightgray\",\n    height: \"calc(100vh - 64px)\",\n    position: \"relative\",\n    // background: `linear-gradient(102.13deg, #341c41eb 29.76%, #161d32ed 99.22%),\n    background: `linear-gradient(102.13deg, #341c41f1 29.76%, #161d32ee 99.22%),\n    url(${CoverImg})`,\n    backgroundSize: \"cover\",\n    overflow: \"hidden\"\n  },\n  innerBox: {\n\n    // height:\"90%\",\n    // width: \"100%\",\n    // position: \"absolute\",\n    // top: \"67%\",\n    // left: \"50%\",\n    // padding: \"0rem 10rem\",\n    // transform: \"translate(-50%, -50%)\",\n    // textAlign: \"center\"\n    \"@media (max-width:1200px)\": {\n      // height:'100%'\n      \n      justifyContent:'end',\n      // paddingLeft:'12vw',\n      alignItems:'start',\n      // paddingRight:\"15vw\",\n      paddingBottom:'19vh',\n\n    },\n    \"@media (max-width:560px)\": {\n      // padding: \"0 4rem\"\n    }\n  },\n  bottomBox: {\n    width: \"100%\",\n    height: \"35%\",\n    backgroundImage: `linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)`,\n    \"@media (max-width:1200px)\": {\n      // height:\"50%\",\n      display:'none'\n    }\n    // position: \"absolute\",\n    // bottom: \"0\",\n    // left: \"0\"\n  },\n  learnMore: {\n    color: theme.palette.primary.contrastText,\n    cursor: \"pointer\",\n    position: \"absolute\",\n    bottom: \"10%\",\n    left: \"50%\",\n    transform: \"translateX(-50%)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    \"@media (max-width:550px)\": {\n      flexDirection: \"row\",\n      columnGap: \".5rem\",\n      bottom: \"2%\"\n    }\n  },\n\n  typo: {\n    // fontFamily:'Eina01-Bold',\n    fontWeight: 800,\n    color: \"black\",\n    \"@media (max-width:780px)\": {\n      fontSize: \"2rem\"\n    },\n    \"@media (max-width:580px)\": {\n      fontSize: \"1.5rem\"\n    }\n  },\n  wrapper: {\n    display:\"flex\",\n    alignItems:'center',\n    justifyContent:'center',\n    flexDirection:'column',\n    padding: \"20px 0px 80px 0px\",\n    backgroundImage: `linear-gradient(to right,   rgba(79, 142, 214, 0.627) ,  rgba(141, 82, 181, 0.721) );`\n  },\n  wrapperComposition: {\n    height: \"70vh\",\n    padding: \"5rem 10rem\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"@media (max-width:1250px)\": {\n      height: \"40vh\"\n    },\n    \"@media (max-width:800px)\": {\n      textAlign: \"center\",\n      padding: \"0 1rem\"\n    }\n  },\n\n  uniqueHeading: {\n    lineHeight: \"40px\",\n    width: \"30%\",\n    fontWeight: 600,\n    fontSize: \"29px\",\n    \"@media (max-width:1000px)\": {\n      width: \"100%\"\n    }\n  },\n\n  uniqueContent: {\n    lineHeight: \"20px\",\n    display: \"block\",\n    width: \"60%\",\n    marginTop: \"20px\",\n    \"@media (max-width:1250px)\": {\n      width: \"100%\"\n    }\n  },\n\n  wrapperSubscription: {\n    height: \"auto\",\n    width: \"70%\",\n    margin: \"15px auto\",\n    padding: \"0rem 5rem 6rem 5rem\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    \"@media (max-width:1100px)\": {\n      width: \"85%\"\n    },\n    \"@media (max-width:800px)\": {\n      margin: \"15px auto 0 auto\",\n      textAlign: \"center\",\n      padding: \"0rem 0\"\n    },\n    \"@media (max-width:400px)\": {\n      margin: \"35px auto 0 auto\",\n      textAlign: \"center\",\n      padding: \"0rem 0\"\n    }\n  },\n  wrapperPayment: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    padding: \"0 10rem\",\n    \"@media (max-width:800px)\": {\n      textAlign: \"center\",\n      padding: \"0\"\n    }\n  },\n  wrapperInnerPayment: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    \"@media (max-width:1200px)\": {\n      rowGap: \"3rem\",\n      flexDirection: \"column\",\n      justifyContent: \"center\"\n    }\n  },\n\n  advantageWrapper: {\n    height: \"auto\",\n    // padding: \"90px 10rem\",\n    display:'flex',\n    flexDirection:\"column\",\n    alignItems:\"center\",\n    justifyContent:'space-around',\n    background:\"#000\",\n    padding:'25px 0',\n    \"@media (max-width:600px)\": {\n      padding: \"1rem 3rem 2rem 3rem\"\n    }\n  },\n\n  signupWrapper: {\n    // padding: \"20px 0px 40px 0px\",\n    padding: \"80px 0 80px 0\",\n    backgroundImage: `linear-gradient(to right,   rgba(79,141,214, .8) ,  rgba(142, 82, 181, 1) )`,\n    \"@media (max-width:400px)\": {\n      padding: \"90px 90px 20px 90px\"\n    }\n  },\n  signupWrapperInner: {\n    position: \"relative\",\n    overflow: \"hidden\",\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: \"0\",\n      right: \"0\",\n      width: \"100%\",\n      height: \"100%\",\n      backgroundSize: \"contain\",\n      backgroundRepeat: \"no-repeat\",\n      background: `url(${music1})`\n    },\n    \"&::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: \"0\",\n      left: \"100%\",\n      width: \"100%\",\n      height: \"100%\",\n      backgroundSize: \"contain\",\n      backgroundRepeat: \"no-repeat\",\n      background: `url(${music2})`,\n      transform: \"translateX(-25%)\"\n    }\n  },\n  featureContainer: {\n    display: \"grid\",\n    gridGap: \"3rem\",\n    margin: \"4rem 0 1rem 0\",\n    width: \"100%\",\n    gridTemplateColumns: \"repeat(auto-fit, minmax(220px, 1fr))\",\n    \"@media (max-width:700px)\": {\n      margin: \"3rem 0 1rem 0\"\n    }\n  },\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\"\n  },\n  featureCard: {\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  social_icons_wrapper: {\n    marginRight: \"15px\",\n    display: \"flex\",\n    columnGap: \"1rem\"\n  },\n  paymentImg: {\n    width: \"40%\",\n    diplay: \"flex\",\n    \"@media (max-width:650px)\": {\n      width: \"70%\"\n    }\n  },\n  iconsCustomStyle: {\n    marginLeft: '0px !important',\n    color: '#FFF'\n  }\n}))\n\n","import { makeStyles } from \"@material-ui/core\"\n\nexport const list1 = [\n  { label: \"Profile name*\", icon: \"/media/profile.svg\", to: \"/profile\" },\n  { label: \"My Vocals\", icon: \"/media/vocals.svg\", to: \"/my-vocals\" }\n]\n\nexport const list2 = [\n  { label: \"Your Library\", icon: \"/media/library.svg\", to: \"/vocals\" },\n  { label: \"Likes\", icon: \"/media/likes.svg\", to: \"/likes\" },\n  { label: \"Downloads\", icon: \"/media/downloads.svg\", to: \"/downloads\" },\n  { label: \"Become Artist\", icon: \"/media/volume.svg\", to: \"/upload-form\" }\n]\n\nexport const list4 = [\n  {\n    label: \"\",\n    to: \"/users\",\n    icon: \"/media/play.svg\",\n    activeIcon: \"/media/active-vocal.svg\"\n  },\n  {\n    label: \"\",\n    to: \"/artist-requests\",\n    icon: \"/media/artist-request.svg\",\n    activeIcon: \"/media/artist-request-active.svg\"\n  },\n  { label: \"\", to: \"/files\", icon: \"/media/file.svg\", activeIcon: \"/media/file-active.svg\" },\n  { label: \"\", to: \"/orders\", icon: \"/media/order.svg\", activeIcon: \"/media/order-active.svg\" }\n]\nexport const list6 = [\n  {\n    label: \"\",\n    to: \"/dashboard\",\n    icon: \"/media/dashboard.svg\",\n    activeIcon: \"/media/dashboard-active.svg\"\n  },\n  {\n    label: \"\",\n    to: \"/analytics\",\n    icon: \"/media/analytics.svg\",\n    activeIcon: \"/media/analytics-active.svg\"\n  }\n]\nexport const list5 = [\n  { label: \"Terms\", icon: \"/media/library.svg\", to: \"/terms\" },\n  { label: \"Artist\", icon: \"/media/vocals.svg\", to: \"/artist\" }\n]\n\nexport const list3 = [{ label: \"\", icon: \"/media/logout.svg\", to: \"profile\", color: \"#B4B4B4\" }]\n\nexport const list7 = [\n  {\n    to: \"/vocals\",\n    label: \"\",\n    icon: \"/media/play.svg\",\n    activeIcon: \"/media/active-vocal.svg\"\n  },\n  {\n    to: \"/likes\",\n    label: \"\",\n    icon: \"/media/like-vector.svg\",\n    activeIcon: \"/media/active-like.svg\"\n  },\n  {\n    to: \"/downloads\",\n    label: \"\",\n    icon: \"/media/download.svg\",\n    activeIcon: \"/media/active-download.svg\"\n  },\n  // {\n  //   to: \"/plans\",\n  //   label: \"\",\n  //   icon: \"/media/database.svg\",\n  //   activeIcon: \"/media/database.svg\"\n  // }\n  \n]\n\nexport const list8 = [\n  // {\n  //   to: \"/my-vocals\",\n  //   label: \"\",\n  //   icon: \"/media/music-library.svg\",\n  //   activeIcon: \"/media/active-mucic-library.svg\",\n  //   width: \"25px\",\n  //   height: \"25px\"\n  // },\n  {\n    to: \"/profile\",\n    label: \"\",\n    icon: \"/media/profile-vector.svg\",\n    activeIcon: \"/media/active-profile-vector.svg\"\n  },\n  {\n    to: \"/q&a\",\n    label: \"\",\n    icon: \"/images/help-icon.svg\",\n    activeIcon: \"/media/active-help-icon.svg\"\n  }\n]\n\n\n\nconst drawerWidth = 64\n\nexport const useStyles = makeStyles((theme) => ({\n  listItem: {\n    cursor: \"pointer\",\n    userSelect: \"none\"\n  },\n  listText: {\n    fontWeight: \"normal\",\n    color: \"#ffffff \",\n    fontSize: 17,\n    marginLeft: \"10px\",\n    fontStyle: \"normal\"\n  },\n\n  activeListText: {\n    color: \"#86DB78\"\n  },\n\n  icon: {\n    \"&.MuiListItemIcon-root\": {\n      minWidth: 32\n    }\n  },\n  closeIcon: {\n    paddingLeft: 10,\n    paddingRight: 30,\n    transition: theme.transitions.create(\"padding\", {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen\n    })\n  },\n  root: {\n    display: \"flex\"\n  },\n  appBar: {\n    // zIndex: theme.zIndex.drawer + 1,\n\n    transition: theme.transitions.create([\"width\", \"margin\"], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen\n    })\n  },\n  appBarShift: {\n    marginLeft: drawerWidth,\n    // width: `calc(100% - ${drawerWidth}px)`,\n    transition: theme.transitions.create([\"width\", \"margin\"], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.enteringScreen\n    })\n  },\n  menuButton: {\n    marginRight: 36\n  },\n  hide: {\n    display: \"none\"\n  },\n  drawer: {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    // overflowY: \"auto\",\n    // overflowX: \"hidden\",\n    // background:theme.palette.primary.main,\n    background: \"#202020 !important\",\n    [theme.breakpoints.down(\"sm\")]: {\n      width: 0\n    }\n  },\n  drawerOpen: {\n    background: \"#202020 !important\",\n    width: drawerWidth,\n    transition: theme.transitions.create(\"width\", {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.enteringScreen\n    }),\n    [theme.breakpoints.down(\"sm\")]: {\n      width: 0\n    }\n  },\n  drawerClose: {\n    width: \"64px\",\n    overflowY:'unset'\n  },\n  toolbar: {\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    // padding: theme.spacing(0, 1),\n    // necessary for content to be below app bar\n    ...theme.mixins.toolbar,\n    marginBottom: 1\n    // height: \"100%\"\n  },\n  content: {\n    flexGrow: 1,\n    // padding: theme.spacing(3),\n    backgroundColor: \"#333333\",\n    minHeight: \"120vh\"\n  },\n  drawerContainer: {\n    // overflowY: \"auto\",\n    // overflowX: \"hidden\",\n\n    backgroundColor: theme.palette.primary.main,\n    width: 64,\n    // marginLeft: \"auto\",\n    marginRight: \"auto\",\n    height: \"140vh\",\n    // overflow: \"hidden\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent:'flex-start',\n    gap:'3%'\n  },\n  activeVocal: {\n    width: \"120%\",\n    color: \"white\",\n\n    display: \"flex\",\n    flexDirection: \"column\",\n    paddingLeft: \"20px\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"auto\",\n      objectFit: \"cover\",\n      objectPosition: \"center\"\n    }\n  },\n\n  activeVocalFlex: { display: \"flex\", rowGap: \"2rem\" },\n  activeVocalName: {\n    display: \"block\",\n    width: \"80%\",\n    margin: \"20px 0 0 0\",\n    fontSize: \"13px\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    color: \"white\"\n  },\n  heartStyle: {\n    display: \"block\",\n    fontSize: \"30px !important\",\n    margin: \"12px 0 0 20px\"\n  },\n  btn: {\n    color: theme.palette.primary.contrastText,\n    height: 10,\n    marginTop: \"22px\",\n    \"&:hover $cartIcon\": {\n      display: \"block\"\n    }\n  },\n\n  divider: {\n    width: 53,\n    backgroundColor: \"#666666\",\n    height: 2\n  },\n  topDivider: {\n    backgroundColor: \"#666666\",\n    height: 2\n  },\n  activeLink: {\n    backgroundColor: \"#212121\",\n    color: \"white\",\n    borderLeft: \"3px solid #57A4FF\",\n    // marginRight:'10px',\n    borderRadius: 2\n  },\n  activeDashboard: {\n    backgroundColor: \"rgba(196, 196, 196, 0.3)\",\n    borderRadius: 10\n  },\n  hoverLink: {\n    \"&:hover\": {\n      color: \"#ffffff\",\n      borderLeft: \"1px solid white\"\n      // borderRadius: 5\n    }\n  },\n  hoverDashboard: {\n    \"&:hover\": {\n      backgroundColor: \"rgba(196, 196, 196, 0.3)\",\n      borderRadius: 10\n    }\n  },\n  sliderClass: {\n    width: 110\n  }\n}))\n","import * as React from \"react\"\nimport { List, ListItem, ListItemIcon } from \"@material-ui/core\"\nimport { SvgInline } from \"../Svg\"\nimport { Link, useLocation } from \"react-router-dom\"\nimport clsx from \"clsx\"\nimport { useStyles } from \"./script\"\n\nexport const DrawerList = ({ list, active, hover, open }) => {\n  const location = useLocation()\n  const { listText, listItem, icon, closeIcon, activeListText } = useStyles()\n\n  \n\n  return (\n    <List style={{backgroundColor: '#333333', borderRadius:'5px' }}>\n      {list.map((l, index) => (\n        <ListItem\n          component={Link}\n          to={l.to}\n          className={clsx(listItem, hover, {\n            [active]: (l.to === '/profile'?(location.pathname === l.to || location.pathname === '/affiliate' || location.pathname === '/my-vocals'|| location.pathname === '/refer-friend'  ):(location.pathname === l.to))\n          })}\n          key={index}\n          style={{paddingLeft: '12px', paddingRight: '12px'}}\n        >\n          <>\n            <ListItemIcon\n              className={clsx(icon, { [closeIcon]: !open })}\n              style={{ maxWidth: \"53px !important\", minWidth: \"53px !important\", paddingLeft: \"5px\" }}\n            >\n              <span\n                style={{\n                  margin: \"8px 5px 0px 0\",\n                  marginLeft: l.width && \"-2px\",\n                  marginBottom: l.width && \"5px\"\n                }}\n              >\n                <SvgInline src={(l.to === '/profile'?(location.pathname === l.to || location.pathname === '/affiliate' || location.pathname === '/my-vocals'|| location.pathname === '/refer-friend'  ):(location.pathname === l.to)) ? l.activeIcon : l.icon} w={l.height || \"20px\"} h={l.width || \"20px\"} />\n              </span>\n            </ListItemIcon>\n            <span className={clsx(listText, { [activeListText]: location.pathname === l.to })}>{l.label}</span>\n          </>\n        </ListItem>\n      ))}\n    </List>\n  )\n}\n","import * as React from \"react\"\nimport { List, ListItem, ListItemText, makeStyles, Box, ListItemIcon, useMediaQuery, useTheme } from \"@material-ui/core\"\nimport { Link, useLocation } from \"react-router-dom\"\nimport clsx from \"clsx\"\nimport { SvgInline } from \"../Svg\"\n\nexport const AdminList = ({ indexPage }) => {\n  const { root, listItem, activeClass, activeClassMd, icon, homePageHeader, homePageActiveItem } = useStyles()\n  const location = useLocation()\n  const theme = useTheme()\n  const media = useMediaQuery(theme.breakpoints.down(\"sm\"))\n  const activeList = indexPage ? homePageList : list\n\n  return (\n    <List\n      className={clsx(root, {\n        [homePageHeader]: indexPage === true\n      })}\n    >\n      {activeList?.map((l, index) => (\n        <ListItem\n          component={Link}\n          key={index}\n          to={l.to}\n          className={clsx(listItem, {\n            [activeClassMd]: location.pathname === l.to && media\n          })}\n        >\n          {media && (\n            <ListItemIcon className={clsx(icon)}>\n              <SvgInline src={l.icon} w=\"20px\" h=\"20px\" />\n            </ListItemIcon>\n          )}\n          <ListItemText primary={l.label} />\n          <Box\n            className={clsx(\n              { [activeClass]: location.pathname === l.to },\n              {\n                [homePageActiveItem]: window.location.href.includes(\"main\")\n              }\n            )}\n          ></Box>\n        </ListItem>\n      ))}\n    </List>\n  )\n}\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n\n    [theme.breakpoints.down(\"sm\")]: {\n      flexDirection: \"column\"\n    }\n  },\n  homePageHeader: {\n    width: \"70%\",\n    margin: \"0 auto\"\n  },\n  listItem: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& .MuiTypography-body1\": {\n      fontSize: 17,\n      fontStyle: \"normal\",\n      margin: \"0px 10px\",\n      color: \"#ffffff\"\n    },\n    \"&.MuiListItem-root\": {\n      [theme.breakpoints.down(\"sm\")]: {\n        alignItems: \"flex-start\",\n        flexDirection: \"row\",\n        justifyContent: \"center\"\n      }\n    }\n  },\n  activeClassMd: {\n    backgroundColor: \"#C4C4C4\"\n  },\n  activeClass: {\n    height: 4,\n    backgroundColor: \"#86DB78\",\n    width: \"50%\",\n    borderRadius: 4,\n    [theme.breakpoints.down(\"sm\")]: {\n      height: 0,\n      backgroundColor: \"transparent\",\n      width: \"0%\",\n      borderRadius: 0\n    }\n\n    // position: \"absolute\",\n    // bottom: 0\n  },\n  homePageActiveItem: {\n    width: \"5%\"\n  },\n  icon: {\n    \"&.MuiListItemIcon-root\": {\n      minWidth: 32\n    }\n  }\n}))\n\nconst list = [\n  { label: \"Vocals\", to: \"/vocals\", icon: \"/media/vocal-icon.svg\" },\n  //{ label: \"Blog\", to: \"/blog\", icon: \"/media/blog.svg\" },\n  { label: \"Q&A\", to: \"/q&a\", icon: \"/media/q&a.svg\" },\n  { label: \"Contact\", to: \"/contact-us\", icon: \"\" }\n]\n\nconst homePageList = [{ label: \"Vocals\", to: \"/vocals\", icon: \"/media/vocal-icon.svg\" }]\n","import * as React from \"react\"\nimport { useStyles } from \"./script\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport clsx from \"clsx\"\nimport { list3 } from \"./script\"\nimport { List, ListItemIcon, ListItem } from \"@material-ui/core\"\nimport { SvgInline } from \"../Svg\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useHistory } from \"react-router\"\n\nconst { logoutRequest } = actions\n\nexport const Logout = ({ open }) => {\n  const classes = useStyles()\n  const dispatch = useDispatch()\n  const history = useHistory()\n  const { userInfo } = useSelector((state) => state.auth)\n  const is_admin = useSelector((state) => state.auth.userInfo.is_admin)\n\n  return (\n    <List style={{ maxWidth: \"53px\" }}>\n      {list3.map((l, index) => (\n        <ListItem\n          onClick={() => {\n            dispatch(logoutRequest())\n            history.push(\"/\")\n          }}\n          className={clsx(classes.listItem, classes.hover)}\n          key={index}\n        >\n          <>\n            <ListItemIcon\n              className={clsx(classes.icon, { [classes.closeIcon]: open })}\n              style={{\n                marginLeft: \"0\",\n                paddingLeft: \"5px\",\n                paddingRight: \"0px\",\n                color: \"#B4B4B4\",\n                marginTop: \"-6px\",\n                maxWidth: \"53px\"\n              }}\n            >\n              {/* <SvgInline src={l.icon} w=\"19px\" h=\"20px\" /> */}\n              {userInfo.is_admin === 0 ? <SvgInline src={l.icon} w=\"19px\" h=\"20px\" /> : null}\n            </ListItemIcon>\n            <span className={classes.listText}>{is_admin ? l.label : \"\"}</span>\n          </>\n        </ListItem>\n      ))}\n    </List>\n  )\n}\n","import * as React from \"react\"\nimport { makeStyles, Toolbar, Box, useMediaQuery, useTheme } from \"@material-ui/core\"\nimport { AdminList } from \"./AdminList\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { Popup } from \"../Popup\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nimport { Signin } from \"../../../app/modules/Signin\"\nimport { Signup } from \"../../../app/modules/Signup\"\nimport { useSelector } from \"react-redux\"\nimport { GiHamburgerMenu } from \"react-icons/gi\"\nimport { Logout } from \"../Drawer/Logout\"\nimport { SvgInline } from \"../Svg\"\nimport { ClickAwayListener } from \"@material-ui/core\"\nimport { useHistory } from \"react-router\"\n\nconst { useContext, useState } = React\n\nexport const AdminHeader = ({ handleDrawerOpen, open, indexPage }) => {\n  const classes = useStyles()\n  const { openLogin, handleLogin, openSignup, handleSignup, toolbar } = useContext(AppContext)\n  const [menuOpen, setMenuOpen] = useState(false)\n  const { auth } = useSelector((state) => state.auth)\n  const theme = useTheme()\n  const media = useMediaQuery(theme.breakpoints.down(\"sm\"))\n  const history = useHistory()\n\n  const handleMenuOpen = () => {\n    setMenuOpen(!menuOpen)\n  }\n\n  return (\n    <>\n      <Toolbar className={toolbar}>\n        {media ? (\n          <GiHamburgerMenu fontSize={30} color=\"#ffffff\" className=\"pointer\" onClick={handleMenuOpen} />\n        ) : (\n          <>\n            {open ? (\n              <img\n                onClick={(e) => history.push(\"/\")}\n                src={toAbsoluteUrl(\"/media/full-logo.png\")}\n                height=\"50\"\n                width=\"120\"\n                className=\"pointer\"\n                alt=\"logo\"\n                style={{ marginRight: 42, marginLeft: 33 }}\n              />\n            ) : (\n              <img\n                onClick={(e) => history.push(\"\")}\n                src={toAbsoluteUrl(\"/media/logo-sm-white.png\")}\n                height=\"50\"\n                className=\"pointer\"\n                width=\"30\"\n                alt=\"small logo\"\n                style={{ marginRight: 165 }}\n              />\n            )}\n          </>\n        )}\n\n        {!media && <AdminList indexPage={indexPage} />}\n        <div className={classes.grow} />\n      </Toolbar>\n\n      {menuOpen && media && (\n        <ClickAwayListener onClickAway={handleMenuOpen}>\n          <Box\n            style={{\n              position: auth ? \"fixed\" : \"absolute\",\n              top: 64,\n              left: 0,\n              backgroundColor: \"#333333\",\n              width: 240,\n              height: 696,\n              zIndex: 2000\n            }}\n          >\n            <AdminList />\n\n            <Box display=\"flex\" ml={3} mt={2} mb={3}>\n              <SvgInline src={toAbsoluteUrl(\"./media/facebook.svg\")} classes={classes.menuIcon} w={30} h={30} />\n              <SvgInline src={toAbsoluteUrl(\"./media/twitter.svg\")} classes={classes.menuIcon} w={30} h={30} />\n              <SvgInline src={toAbsoluteUrl(\"./media/youtube.svg\")} classes={classes.menuIcon} w={30} h={30} />\n              <SvgInline src={toAbsoluteUrl(\"./media/insta.svg\")} classes={classes.menuIcon} w={30} h={30} />\n            </Box>\n\n            <div style={{ marginTop: \"20px !important\" }}>\n              <Logout open={open} />\n            </div>\n          </Box>\n        </ClickAwayListener>\n      )}\n      <Popup open={openLogin} handleClose={handleLogin}>\n        <Signin handleSignup={handleSignup} handleLogin={handleLogin} />\n      </Popup>\n      <Popup open={openSignup} handleClose={handleSignup}>\n        <Signup handleSignup={handleSignup} handleLogin={handleLogin} />\n      </Popup>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 5,\n    textTransform: \"none\",\n    paddingLeft: 20,\n    paddingRight: 20,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    fontSize: 16\n  },\n  grow: {\n    flexGrow: 1\n  },\n  inputRoot: {\n    color: \"inherit\"\n  },\n  sectionDesktop: {\n    // display: \"none\",\n    display: \"flex\",\n    width: \"320px\",\n    // alignItems: \"center\",\n    [theme.breakpoints.up(\"md\")]: {\n      display: \"flex\"\n    }\n  },\n  btn: {\n    width: 107,\n    height: 42,\n    [theme.breakpoints.down(\"sm\")]: {\n      width: 120,\n      height: 37,\n      fontSize: 14\n    }\n  },\n  login: {\n    //backgroundColor: \"#ffffff\",\n    color: theme.palette.primary.contrastText,\n    cursor: \"pointer\"\n\n    // \"&:hover\": {\n    //   backgroundColor: \"rgba(196, 196, 196, 0.6)\",\n    //   color: \"#ffffff\"\n    // }\n  },\n  signup: {\n    backgroundColor: theme.palette.primary.contrastText,\n    fontWeight: 700,\n    color: theme.palette.primary.main,\n    marginRight: 20,\n    \"&:hover\": {\n      backgroundColor: \"rgba(196, 196, 196, 0.6)\",\n      color: \"#ffffff\"\n    }\n  },\n  divider: {\n    width: \"1px\",\n    backgroundColor: theme.palette.secondary.main,\n    height: \"80%\"\n  },\n  headerText: {\n    \"@media (max-width:1235px) \": {\n      display: \"none\"\n    }\n  },\n  uploadBtn: {\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    borderRadius: 10,\n    width: 190,\n    height: 45,\n    fontWeight: 400,\n    fontSize: 14,\n    textDecoration: \"none\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    textTransform: \"none\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.secondary.main\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: 160,\n      height: 40\n    }\n  },\n  menuIcon: {\n    margin: \"0px 5px\"\n  },\n  toolbar: {\n    minHeight: 64,\n    \"&.MuiToolbar-regular\": {\n      minHeight: 64,\n      [theme.breakpoints.down(\"sm\")]: {\n        minHeight: 64\n      },\n      [theme.breakpoints.down(\"xs\")]: {\n        minHeight: 64\n      }\n    }\n  }\n}))\n","import React, { createContext } from 'react'\n\nexport const SongContext = createContext({\n    currentSong:'',\n    setCurrentSong:(song) => {  },\n    containerSong:'',\n    setContainerSong:(song) => {  },\n    playing:false,\n    setPlaying:(song) => {  },\n    listTrack:'',\n    setListTrack:(songPlay) => {  },\n    currentId:'',\n    setCurrentId:(songplap) => {  },\n    songIds:'',\n    setSongIds: (songId) => {  }\n})\n\n\n\n\n\nconst SideBarInfo = () => {\n   \n  return (\n    <>\n    \n    </>\n  )\n}\n\nexport default SideBarInfo","import { Typography } from '@material-ui/core'\nimport React from 'react'\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../../redux/track/actions\"\nimport { actions as TrackActions } from \"../../../redux/track/actions\"\nimport { AppContext } from \"../../providers/AppProvider\"\nimport { FaRegHeart, FaShoppingCart } from \"react-icons/fa\"\nimport { ImHeart } from \"react-icons/im\"\nimport { useContext } from \"react\"\nimport { sidebarDrawerContext } from \"../../../app/App\"\nimport { actions as authActions } from \"../../../redux/auth/actions\"\nimport { useHistory } from \"react-router\"\nimport { useState } from 'react'\nimport { SongContext } from '../SideBarInfo'\nimport { useCallback } from 'react'\n\nconst SongPopup = () => {\n    const {row} = style;\n    const mysongcontext = useContext(SongContext);\n    const currentId = mysongcontext.currentId;\n    \n    const dispatch = useDispatch()\n    const { userInfo, auth , users } = useSelector((state) => state.auth)\n    const { allTracks } = useSelector((state) => state.track)\n    \n    const { handleLogin, handleCart } = useContext(AppContext)\n    let trackObj = allTracks.find(t => t.track_id === currentId);\n    const history = useHistory()\n\n    const [heartFlag, setheartFlag] = useState(currentId && trackObj?.liked === 1)\n\n    \n    const navigateToArtist = (artistID) => {\n      const artist = users.filter((user) => {\n        return user.user_id === artistID\n      })\n  \n      if (auth) {\n        history.push({\n          pathname: \"/artist\",\n          state: {\n            data: artist[0]\n          }\n        })\n      }\n    }\n    \n    \n    \n    // const handleLike = (trackID) => {\n    //     if (auth) {\n    //       const data = {\n    //         action: \"like\",\n    //         action_against_id: trackID,\n    //         ...payload\n    //       }\n    //       dispatch(actions.trackWiseLikeRequest(data))\n    //       console.log(\"handlelike\");\n    //     } else {\n    //       handleLogin()\n    //     }\n    //   }\n    const handleLike = useCallback(\n      (trackID) => {\n        const payload = {\n          object_type: \"user\",\n          object_id: userInfo.user_id,\n          added_by: userInfo.user_id\n        }\n  \n        if (auth) {\n          const data = {\n            action: \"like\",\n            action_against_id: trackID,\n            ...payload\n          }\n          dispatch(actions.trackWiseLikeRequest(data))\n        } else {\n          handleLogin()\n        }\n      },\n      [auth, dispatch, handleLogin, userInfo.user_id]\n    )\n\n    const handleUnlike = (trackID) => {\n      if (auth) {\n        const data = {\n          action: \"like\",\n          object_id: userInfo.user_id,\n          log: JSON.stringify({ log_added_by: userInfo.user_id })\n        }\n  \n        dispatch(actions.trackWiseUnLikeRequest(data, trackID))\n      } else {\n        handleLogin()\n      }\n    }\n\n    \n\n      // const handleUnlike = (trackID) => {\n      //   if (auth) {\n      //     const data = {\n      //       action: \"like\",\n      //       object_id: userInfo.user_id,\n      //       log: JSON.stringify({ log_added_by: userInfo.user_id })\n      //     }\n      //     dispatch(actions.trackWiseUnLikeRequest(data, trackID))\n      //     console.log(\"handleUnlike\");\n      //   } else {\n      //     handleLogin()\n      //   }\n      // }\n\n\n  return (\n    <div style={{\n        position:'absolute',\n        left:80,\n        backgroundColor:'#B1B1B1',\n        minHeight:'100px',\n        color:'black',\n        fontWeight:'bold',\n        borderRadius:'10px',\n    }}>\n        <div style={row}>Add to your library ({!!trackObj.is_oneshot ? 5: 10} coins)</div>\n        {heartFlag?(\n            <div style={row} \n            \n            onClick={() => { \n              handleUnlike(trackObj?.track_id)\n              trackObj.liked = 0\n              setheartFlag(!!!heartFlag)}}\n            >Remove from likes</div>):\n            (<div style={row} \n              onClick={() => {\n                handleLike(trackObj?.track_id)\n                trackObj.liked = 1\n                setheartFlag(!!!heartFlag)\n                  }}\n              >Add to likes</div>)}\n        <div style={row}>Copy link</div>\n        <div style={{\n            margin:'0 10px', \n            padding:'10px',\n            cursor:'pointer'\n        }}\n        // onClick={() => navigateToArtist(trackObj.user_details?.user_id)}\n  \n        >View artist page</div>\n    \n    \n    \n    </div>\n  )\n}\n\nexport default SongPopup\n\nconst style = {\n    root:{\n\n    },\n    row:{\n        margin:'0 10px', \n        borderBottom:'2px solid black',\n        padding:'10px',\n        cursor:'pointer'       \n        \n    }\n}","import React, { useContext, useEffect, useState } from 'react'\nimport './CSS/style.css'\nimport { SongContext } from '../SideBarInfo'\nimport SongPopup from './SongPopup'\nimport StopRoundedIcon from '@material-ui/icons/StopRounded';\nimport PlayArrowRoundedIcon from '@material-ui/icons/PlayArrowRounded';\n\nconst SideSongInfo = () => {\n    const [popup, setPopup] = useState(false)\n    const mysongcontext = useContext(SongContext);\n    const mytracklist = mysongcontext.listTrack\n\n    let Ids=mysongcontext.songIds;\n\n    useEffect(() => {\n      \n      Ids=mysongcontext.songIds;\n      \n      \n    }, [mysongcontext.songIds])\n  \n\n    const songPlay=() => { \n      // setplay(!play)\n      if(!mysongcontext.playing && mysongcontext.currentSong !== 'Nosong'){\n        mysongcontext.currentSong.play()\n        mysongcontext.setPlaying(true)\n        \n      }\n      \n     }\n    const songStop=() => { \n      // console.log('This tells the length of currnt song',mysongcontext.currentSong.length);\n      if(mysongcontext.playing){\n        mysongcontext.currentSong.stop();\n        mysongcontext.setPlaying(false)\n      }\n\n     }\n    \n    const handleNext = () => {\n      if(mysongcontext.currentId !== null){\n        const index= Ids.indexOf(mysongcontext.currentId)\n        let nextSongId;\n        if(index < Ids.length - 1){\n          \n          nextSongId = Ids[index + 1]\n        }else if(index == Ids.length - 1){\n          nextSongId = Ids[0]\n        }\n        mysongcontext.setCurrentId(nextSongId)\n      }\n      \n\n    }\n    const handlePrevious = () => { \n      if(mysongcontext.currentId !== null){\n        const index= Ids.indexOf(mysongcontext.currentId)\n        let preSongId;\n        if(index > 0){\n\n          preSongId = Ids[index - 1]\n        }else if(index == 0){\n          preSongId = Ids[Ids.length - 1]\n        }\n        mysongcontext.setCurrentId(preSongId)\n    }\n\n     }\n    \n    useEffect(() => {\n      \n    \n      \n    }, [])\n    \n\n  return (\n    <>\n      <div style={{\n        display:'flex'\n      }}>\n        <div className='ssi-image-container' onClick={() => { setPopup(!popup) }}>\n          <img className='ssi-dots' src={`${process.env.PUBLIC_URL}/images/dots.svg`} />    \n          <img className='ssi-song-image' src={mytracklist?.image_url} />    \n        </div>\n        {\n          (popup && mytracklist?.image_url) && (\n            <SongPopup/>\n            )\n        }\n      </div>\n      <div className='ssi-container'>\n        <div className='ssi-next ssi-icons'>\n          <img onClick={handleNext} src={`${process.env.PUBLIC_URL}/images/icon-skip-next.svg`} />\n        </div>\n        <div className='ssi-play ssi-icons' >\n          {mysongcontext.playing ?\n            <StopRoundedIcon\n                  onClick={songStop}\n                  style={{width:'50px',height:'50px',color:'#57A4FF'}}\n              />\n                :\n            <PlayArrowRoundedIcon                              \n                onClick={songPlay}  \n                style={{width:'50px',height:'50px',color:'#B1B1B1'}}\n            />\n            }\n          \n        </div>\n        <div className='ssi-prev ssi-icons' >\n          <img onClick={handlePrevious} src={`${process.env.PUBLIC_URL}/images/icon-skip-previous.svg`} />\n        </div>\n\n      </div>\n    </>\n  )\n}\n\nexport default SideSongInfo","import * as React from \"react\"\nimport clsx from \"clsx\"\nimport { Box, Drawer, AppBar, CssBaseline, useMediaQuery, useTheme, Button } from \"@material-ui/core\"\nimport { DrawerList } from \"./List\"\nimport { list1, list3, list4, list6, list7, list8 } from \"./script\"\nimport { Header } from \"../Header\"\nimport { AdminHeader } from \"../Header/AdminHeader\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { useStyles } from \"./script\"\nimport { actions } from \"../../../redux/track/actions\"\nimport { actions as TrackActions } from \"../../../redux/track/actions\"\nimport { AppContext } from \"../../providers/AppProvider\"\nimport { FaRegHeart, FaShoppingCart } from \"react-icons/fa\"\nimport { ImHeart } from \"react-icons/im\"\nimport { useContext } from \"react\"\nimport { sidebarDrawerContext } from \"../../../app/App\"\nimport { actions as authActions } from \"../../../redux/auth/actions\"\nimport { useHistory } from \"react-router\"\n\nimport SideBarInfo from \"../SideBarInfo\"\nimport SideSongInfo from \"../SideSongInfo\"\n\n\nconst { useState, useEffect } = React\n\nexport const AppDrawer = ({ children }) => {\n  const classes = useStyles()\n  const [open, setOpen] = useState(true)\n  const dispatch = useDispatch()\n  const history = useHistory()\n\n  const { userInfo, auth } = useSelector((state) => state.auth)\n  const is_admin = useSelector((state) => state.auth.userInfo.is_admin)\n  const { handleLogin, handleCart } = useContext(AppContext)\n  const theme = useTheme()\n  const media = useMediaQuery(theme.breakpoints.down(\"sm\"))\n  const { volume } = useSelector((state) => state.track)\n  const [mute, setMute] = useState(false)\n  const { allTracks } = useSelector((state) => state.track)\n  const currentPlayingTrack = useSelector((state) => state.track.currentPlayingTrack)\n  const [heartFlag, setheartFlag] = useState(currentPlayingTrack?.id && allTracks[currentPlayingTrack?.id]?.liked === 1)\n  const payload = {\n    object_type: \"user\",\n    object_id: userInfo.user_id,\n    added_by: userInfo.user_id\n  }\n\n  var contextData = React.useContext(sidebarDrawerContext)\n\n  useEffect(() => {\n    dispatch(TrackActions.getAllPendingTracksRequest())\n  }, [])\n\n  useEffect(() => {\n    if (volume === 0) {\n      setMute(true)\n    } else {\n      setMute(false)\n    }\n  }, [volume])\n\n\n  const handleLike = (trackID) => {\n    if (auth) {\n      const data = {\n        action: \"like\",\n        action_against_id: trackID,\n        ...payload\n      }\n      dispatch(actions.trackWiseLikeRequest(data))\n    } else {\n      handleLogin()\n    }\n  }\n\n  const handleUnlike = (trackID) => {\n    if (auth) {\n      const data = {\n        action: \"like\",\n        object_id: userInfo.user_id,\n        log: JSON.stringify({ log_added_by: userInfo.user_id })\n      }\n      dispatch(actions.trackWiseUnLikeRequest(data, trackID))\n    } else {\n      handleLogin()\n    }\n  }\n\n  list1[0].label = userInfo.full_name\n  return (\n    <>\n      <div className={classes.root}>\n        <CssBaseline />\n        <AppBar\n          elevation={0}\n          position=\"fixed\"\n          className={clsx(classes.appBar, {\n            [classes.appBarShift]: open\n          })}\n        >\n          {is_admin ? <AdminHeader open={open} /> : <Header open={open} />}\n        </AppBar>\n\n        {!media && (\n          <Drawer\n            variant=\"permanent\"\n            className={clsx(classes.drawer, {\n              [classes.drawerClose]: true\n            })}\n            classes={{\n              paper: clsx({\n                [classes.drawerClose]: true\n              })\n            }}\n          >\n            <div className={classes.toolbar}></div>\n            {/* <Divider className={classes.topDivider} /> */}\n            <div className={classes.drawerContainer}>\n              \n              <Box style={{padding: '0px 6px',borderRadius: '5px'}}>\n                {userInfo.is_admin === 1 ? (\n                  <>\n                    <DrawerList list={list4} open={open} hover={classes.hoverLink} active={classes.activeLink} />\n                    <div className={classes.divider} />\n                    <DrawerList list={list6} open={open} hover={classes.hoverLink} active={classes.activeLink} />\n                    <div\n                      style={{ position: \"absolute\", bottom: \"0\", maxWidth: \"53px\" }}\n                      onClick={() => {\n                        dispatch(authActions.logoutRequest())\n                        history.push(\"/\")\n                      }}\n                    >\n                      <DrawerList list={list3} open={open} hover={classes.hoverLink} active={classes.activeLink} />\n                    </div>\n                  </>\n                ) : (\n                  <>\n                    <DrawerList list={list7} open={open} hover={classes.hoverLink} active={classes.activeLink} />\n                    <div\n                      onClick={() => contextData?.isCollapsed(false)}\n                      style={{\n                        margin: \"-15px -5px 0px -5px\",\n                        display: \"flex\",\n                        padding: 16,\n                        justifyContent: \"space-between\",\n                        textAlign: \"center\"\n                      }}\n                    ></div>\n                  </>\n                )}\n              </Box>\n              <Box style={{padding: '0px 6px',borderRadius: '5px'}}>\n                {userInfo.is_admin === 0 ? <DrawerList list={[list8[0]]} open={open} hover={classes.hoverLink} active={classes.activeLink} /> : null}\n                {/* <DrawerList list={list8} open={open} hover={classes.hoverLink} active={classes.activeLink} /> */}\n                {/* <div className={classes.divider} /> */}\n              </Box>\n              \n              <Box style={{padding: '0px 6px',borderRadius: '5px'}}>\n                {userInfo.is_admin === 0 ? <DrawerList list={[list8[1]]} open={open} hover={classes.hoverLink} active={classes.activeLink} /> : null}\n                {/* <DrawerList list={list8} open={open} hover={classes.hoverLink} active={classes.activeLink} /> */}\n                {/* <div className={classes.divider} /> */}\n              </Box>\n\n              <Box style={{padding: '0px 6px',borderRadius: '5px'}}>\n                <Box style={{height:'10px',width:'100%',backgroundColor:'#333333',borderRadius:'5px'}}></Box>\n              </Box>\n\n              \n              {currentPlayingTrack && currentPlayingTrack.id && (\n                <div className={classes.activeVocal}>\n                  <div className={classes.activeVocalFlex}>\n                    <h6 className={classes.activeVocalName}>{allTracks[currentPlayingTrack.id - 1]?.track_name || \"N/A\"}</h6>\n                    <>\n                      {heartFlag ? (\n                        <ImHeart\n                          className={classes.heartStyle}\n                          fontSize=\"16px\"\n                          onClick={() => {\n                            handleUnlike(currentPlayingTrack?.id - 1)\n                            allTracks[currentPlayingTrack?.id - 1].liked = 0\n                            setheartFlag(!!!heartFlag)\n                          }}\n                        />\n                      ) : (\n                        <FaRegHeart\n                          className={classes.heartStyle}\n                          fontSize=\"16px\"\n                          onClick={() => {\n                            handleLike(currentPlayingTrack?.id - 1)\n                            allTracks[currentPlayingTrack?.id - 1].liked = 1\n                            setheartFlag(!!!heartFlag)\n                          }}\n                        />\n                      )}\n                    </>\n                    <Button className={classes.btn} onClick={() => handleCart(allTracks[currentPlayingTrack?.id - 1])}>\n                      <span style={{ color: \"white\", fontSize: \"20px\", marginTop: \"10px\" }}>\n                        <FaShoppingCart />\n                      </span>\n                    </Button>\n                    \n                  </div>\n\n                  <p\n                    style={{\n                      margin: \"0 !important\",\n                      padding: \"0\",\n                      fontSize: \"10px\",\n                      display: \"block\"\n                    }}\n                  >\n                    {allTracks[currentPlayingTrack?.id - 1]?.user_details?.full_name || \"N/A\"}\n                  </p>\n                  <img src={allTracks[currentPlayingTrack.id - 1]?.image_url} alt=\"currently playing track pic\" />\n                  \n                </div>\n              )}\n              {/* <SideBarInfo/> */}\n              {/*  */}\n\n              <SideSongInfo/>\n            </div>\n          </Drawer>\n        )}\n\n        <main style={{ padding: \"0px !important\" }} className={classes.content}>\n          <div className={classes.toolbar} style={{border:\"2px solid blue\"}}/>\n          {children}\n          \n        </main>\n      </div>\n\n      {media && <div style={{ bottom: 0, width: \"100%\" }}>{/* <SimpleBottomNavigation /> */}</div>}\n    </>\n  )\n}\n","import * as React from \"react\"\nimport { AppDrawer } from \"../components/Drawer\"\n\nexport const Layout = ({ children }) => {\n  return <AppDrawer>{children}</AppDrawer>\n}\n","import React, { useState, useRef, useCallback, useContext, useEffect } from \"react\"\r\nimport { useHistory } from \"react-router\"\r\nimport {CircularProgress, makeStyles, Button, Typography, useMediaQuery, useTheme, Box } from \"@material-ui/core\"\r\n\r\nimport { FaRegHeart } from \"react-icons/fa\"\r\nimport FileCopyOutlinedIcon from '@material-ui/icons/FileCopyOutlined';\r\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\r\nimport { ImHeart } from \"react-icons/im\"\r\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\r\nimport { useSelector } from \"react-redux\"\r\n\r\nimport { FaCoins } from \"react-icons/fa\";\r\nimport { MdDownloadForOffline } from \"react-icons/md\";\r\nimport { SongContext } from \"../SideBarInfo\"\r\n\r\nimport AddIcon from '@material-ui/icons/Add';\r\n\r\nimport StopRoundedIcon from '@material-ui/icons/StopRounded';\r\nimport PlayArrowRoundedIcon from '@material-ui/icons/PlayArrowRounded';\r\nimport WaveSurfer from 'wavesurfer.js';\r\n\r\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\r\n\r\nexport const VocalRow = ({\r\n  rowList,\r\n  index,\r\n  setContainer,\r\n  setCurrent,\r\n  container,\r\n  current,\r\n  download,\r\n  heart,\r\n  handleDownload,\r\n  handleLike,\r\n  handleUnlike,\r\n  handleCart,\r\n  downloadCheck,\r\n  handleDownloadTrackWithCoins,\r\n  userSubscription,\r\n  handleDialogue,\r\n}) => {\r\n  const history = useHistory()\r\n  const { btn, helperText, btnCell, row, mucisTrack, downloadCell, downIconSvg,downIcon,heartStyle, desc, tracksControl, add_to_cart, btn_download, responsive_layout_vocals } =\r\n    useStyles()\r\n  const theme = useTheme()\r\n  const media = useMediaQuery(theme.breakpoints.down(\"sm\"))\r\n  const { auth, users } = useSelector((state) => state.auth)\r\n  const { userRewards } = useSelector((state) => state.rewards)\r\n\r\n  const [duration, setDuration] = useState(\"0:00\")\r\n  const [heartFlag, setheartFlag] = useState(rowList?.liked === 1)\r\n  // const downloadRef = useRef(null)\r\n  const priceRef = useRef(null)\r\n  const waveformRef = useRef(null);\r\n  const waveformForm = useRef(null);\r\n  const [copyVocal, setCopyVocal] = useState(false);\r\n\r\n\r\n  \r\nconst { openLogin, handleLogin, openSignup, handleSignup, toolbar } = useContext(AppContext)\r\n  const mysongcontext=useContext(SongContext);\r\n  const [loader, setLoader] = useState(true)\r\n  const [waveform, setWaveform] = useState('')\r\n  const childRef = useRef();\r\n\r\n  const [play, setPlay] = useState(false)\r\n\r\n  const [isPerchased, setisPerchased] = useState(false)\r\n\r\n  // const {userSubscription} = useSelector( state => state.subscriptions)\r\n  \r\n\r\n  \r\n\r\n  const generateDuration = useCallback((dur) => {\r\n    const fixed = dur.toFixed(0)\r\n    const val = fixed.split(\".\")[0]\r\n    const mins = val > 60 ? (val / 60).toFixed(0) : 0\r\n    const scnd = val > 60 ? val % 60 : val\r\n    return `0${mins}:${scnd.toString().length === 2 ? scnd : \"0\" + scnd}`\r\n  }, [])\r\n\r\n  const [isHover, setIsHover] = useState(false)\r\n  const [size, setSize] = useState([0, 0]);\r\n  const totalRewardsRemainingCoins = userRewards && userRewards.reduce((sum, entry) => sum + entry.remaining_coins, 0);\r\n\r\n  //  listning for width to switch filters fot mobile screen and laptop\r\n  React.useLayoutEffect(() => {\r\n    function updateSize() {\r\n      setSize([window.innerWidth, window.innerHeight])\r\n    }\r\n    window.addEventListener(\"resize\", updateSize)\r\n    updateSize()\r\n    return () => window.removeEventListener(\"resize\", updateSize)\r\n  }, [])\r\n\r\n  \r\n\r\n  const navigateToArtist = (artist) => {\r\n    // const artist = users.filter((user) => {\r\n    //   return user.user_id === artistID\r\n    // })\r\n    // console.log(\"this is the navigateToArtist function users:\",users);\r\n   \r\n    if (auth) {\r\n      history.push({\r\n        pathname: \"/artist\",\r\n        state: {\r\n          data: artist\r\n        }\r\n      })\r\n    }\r\n  }\r\n\r\n  const getVocalsWidth = () => {\r\n    if (size[0] > 1200) return \"300px\"\r\n    else if (size[0] > 430) return \"210px\"\r\n    else if (size[0] > 400) return '190px'\r\n    else if (size[0] > 380) return '180px'\r\n    else return '160px'\r\n  }\r\n\r\n\r\n  // WaveForm code is starts from here\r\n  // const VocalLoad = async () =>{\r\n  //   setLoader(true);\r\n\r\n  // // Function to fetch audio file as an ArrayBuffer\r\n  // const fetchAudioAsBuffer = async (url) => {\r\n  //   const response = await fetch(url);\r\n  //   if (!response.ok) {\r\n  //     throw new Error('Network response was not ok');\r\n  //   }\r\n  //   console.log('after fetch')\r\n  //   const abc =  await response.arrayBuffer();\r\n  //   console.log('after array buffer')\r\n  //   return abc;\r\n  // };\r\n\r\n  // // Function to create a Blob URL from an ArrayBuffer\r\n  // const createBlobUrl = (arrayBuffer) => {\r\n  //   console.log(\"before blog\")\r\n  //   const blob = new Blob([arrayBuffer], { type: 'audio/mpeg/wav' }); // Adjust MIME type if necessary\r\n  //   console.log(\"after blog\")\r\n  //   return URL.createObjectURL(blob);\r\n  // };\r\n\r\n  // try {\r\n  //   // Fetch the audio file as an ArrayBuffer\r\n  //   // const arrayBuffer = await fetchAudioAsBuffer(rowList.track_url);\r\n    \r\n\r\n  //   // Create a Blob URL from the ArrayBuffer\r\n  //   // const blobUrl = createBlobUrl(arrayBuffer);\r\n\r\n  //   // Initialize WaveSurfer\r\n  //   waveformRef.current = WaveSurfer.create({\r\n  //     barWidth: 3,\r\n  //     cursorWidth: 1,\r\n  //     container: `#waveform`,\r\n  //     backend: 'WebAudio',\r\n  //     height: 80,\r\n  //     progressColor: '#2D5BFF',\r\n  //     responsive: true,\r\n  //     waveColor: '#EFEFEF',\r\n  //     cursorColor: 'transparent',\r\n  //   });\r\n\r\n  //   console.log('before load');\r\n  //   // waveformRef.current.load(blobUrl);\r\n  //   waveformRef.current.load(rowList.track_url);\r\n  //   console.log('after load');\r\n\r\n  //   waveformRef.current.on('ready', () => {\r\n  //     console.log('ready');\r\n\r\n  //     setLoader(false);\r\n  //     const fixed = waveformRef.current.getDuration().toFixed(0);\r\n  //     const val = fixed.split('.')[0];\r\n  //     const mins = val > 60 ? (val / 60).toFixed(0) : 0;\r\n  //     const scnd = val > 60 ? val % 60 : val;\r\n  //     const duration = `0${mins}:${scnd.toString().length === 2 ? scnd : '0' + scnd}`;\r\n  //     setDuration(duration);\r\n  //   });\r\n\r\n  //   waveformRef.current.on('loading', (e) => {\r\n  //     console.log('loading', e);\r\n  //   });\r\n\r\n  //   waveformRef.current.on('audioprocess', (e) => {\r\n  //     console.log('audioprocess', e);\r\n  //   });\r\n  // } catch (error) {\r\n  //   console.error('Error fetching or loading track:', error);\r\n  //   setLoader(false);\r\n  // }\r\n  // }\r\n  // useEffect(() => {\r\n  //   return () => {\r\n  //     if (waveformRef.current) {\r\n  //       waveformRef.current.destroy();\r\n  //       waveformRef.current = null;\r\n  //       setLoader(false)\r\n  //     }\r\n  //   };\r\n  // }, [rowList.track_id]);\r\n  useEffect(() => {\r\n    setLoader(true)\r\n  //   // const track = document.querySelector(`#temptrack${rowList.track_id}`);\r\n\r\n    waveformRef.current = WaveSurfer.create({\r\n      barWidth: 3,\r\n      cursorWidth: 1,\r\n      container: waveformForm.current, //`#waveform`,\r\n      backend: 'WebAudio',\r\n      height: 80,\r\n      progressColor: '#2D5BFF',\r\n      responsive: true,\r\n      waveColor: '#EFEFEF',\r\n      cursorColor: 'transparent',\r\n    });\r\n\r\n    waveformRef.current.load(rowList.track_url);\r\n    \r\n    waveformRef.current.on(\"ready\", function () {\r\n      setLoader(false)\r\n      const fixed = waveformRef.current.getDuration().toFixed(0)\r\n      const val = fixed.split(\".\")[0]\r\n      const mins = val > 60 ? (val / 60).toFixed(0) : 0\r\n      const scnd = val > 60 ? val % 60 : val\r\n      const duration = `0${mins}:${scnd.toString().length === 2 ? scnd : \"0\" + scnd}`\r\n      setDuration(duration)\r\n    })\r\n    waveformRef.current.on('load', (url) => {\r\n      console.log('Load', url)\r\n    })\r\n    waveformRef.current.on('loading', (percent,t) => {\r\n      console.log('Loading', percent + '%')\r\n    })\r\n    waveformRef.current.on('finish', () => {\r\n      console.log('Finish')\r\n    })\r\n    waveformRef.current.on('seeking', (currentTime) => {\r\n      console.log('Seeking', currentTime + 's')\r\n    })\r\n\r\n    return () => {\r\n      waveformRef.current.destroy();\r\n    };\r\n  }, [rowList.track_id]);\r\n\r\n  const handlePlay = async () => {\r\n    // if (!waveformRef.current) {\r\n    //   await VocalLoad();\r\n    // }\r\n    if (container) {\r\n      container.current.stop();\r\n    }\r\n    // setPlaying(!playing);\r\n    waveformRef.current.play();\r\n    setContainer(waveformRef)\r\n    setCurrent(rowList.track_id)\r\n    setPlay(true)\r\n    if(auth){\r\n      mysongcontext.setCurrentId(rowList.track_id)\r\n      mysongcontext.setCurrentSong(waveformRef.current)\r\n      mysongcontext.setListTrack(rowList)\r\n      mysongcontext.setPlaying(true)\r\n    }\r\n      \r\n    // waveformRef.current.playPause();\r\n};\r\n  const handleStop = () => {\r\n\r\n    waveformRef.current.stop();\r\n    mysongcontext.setPlaying(false)\r\n    setPlay(false)\r\n    \r\n};\r\n\r\n  \r\n\r\nconst url = rowList?.track_url;\r\n\r\n\r\n\r\nuseEffect(() => {\r\n  if(rowList.track_id == mysongcontext.currentId){\r\n    handlePlay();\r\n  }\r\n\r\n  \r\n},[mysongcontext.currentId])\r\n\r\n\r\n  const rowOnClick = () => { \r\n    if(play){\r\n      handleStop();\r\n    }else{\r\n      handlePlay();\r\n    }\r\n   }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  // WaveForm code is ends at here\r\n\r\n   \r\n//  console.log('this is reduser user subscription',userSubscription.remaining_coins);\r\n\r\n\r\n\r\n\r\n\r\n  return (\r\n\r\n    <tr\r\n      onClick={rowOnClick}\r\n      style={{ \r\n        userSelect: \"none\", \r\n        position: 'relative',\r\n      cursor:'pointer'}}\r\n      className={`${row} table-row`}\r\n      id={rowList.track_id === current && (auth?(mysongcontext.playing):(play))?('table-play-row'):('')}\r\n      // onClick={(e) => playVocalOnRow(e, rowList)}\r\n      onMouseEnter={() => {\r\n        setIsHover(true)\r\n      }}\r\n      onMouseLeave={() => {\r\n        setIsHover(false)\r\n      }}\r\n    >\r\n\r\n      <td style={{ display: size[0] > 1280 ? \"flex\" : \"none\", alignItems:'center',justifyContent:'center', width: '30px', height: '100%' ,marginLeft:'10px' }}>\r\n        <span style={{ visibility: isHover && 'hidden', color: '#9D9D9D' }}>{index + 1}</span>\r\n\r\n        {size[0] > 1280 && (\r\n          <>\r\n            {/* {isHover && ( */}\r\n              <>\r\n                {/* {heartFlag ? (\r\n                  <ImHeart\r\n                    className={heartStyle}\r\n                    fontSize=\"16px\"\r\n                    onClick={() => {\r\n                      handleUnlike(rowList?.track_id)\r\n                      rowList.liked = 0\r\n                      setheartFlag(!!!heartFlag)\r\n                    }}\r\n                  />\r\n\r\n                  // <></>\r\n                ) : (\r\n                  <FaRegHeart\r\n                    className={heartStyle}\r\n                    fontSize=\"16px\"\r\n                    onClick={() => {\r\n                      handleLike(rowList?.track_id)\r\n                      rowList.liked = 1\r\n                      setheartFlag(!!!heartFlag)\r\n                    }}\r\n                  />\r\n\r\n                  // <></>\r\n                  \r\n                )} */}\r\n\r\n                {/* {loader ? (\r\n                        <CircularProgress size={20} color=\"inherit\" className={heartStyle} />\r\n                        ) : ( */}\r\n                        <>\r\n                          {/* {rowList.track_id === current && mysongcontext.playing ? ( */}\r\n                          {\r\n                          rowList.track_id === current && (auth?(mysongcontext.playing):(play)) ? (\r\n                            \r\n                              <StopRoundedIcon\r\n                                onClick={handleStop}\r\n                                className={heartStyle} \r\n                                style={{width:'50px',height:'50px',color:'#57A4FF'}}\r\n                                />\r\n                            \r\n                          ) : (\r\n                            isHover && (\r\n\r\n                              \r\n                              <PlayArrowRoundedIcon                              \r\n                                onClick={handlePlay}  \r\n                                style={{width:'50px',height:'50px',color:'#B1B1B1'}}\r\n                                className={heartStyle}\r\n                                />\r\n                            \r\n                                )\r\n                          )}\r\n                        </>\r\n                       {/* )} */}\r\n\r\n              </>\r\n            {/* )} */}\r\n          </>\r\n        )}\r\n      </td>\r\n\r\n\r\n      \r\n      <td>\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n            maxWidth: \"400px\",\r\n            marginLeft: \"10px\"\r\n          }}\r\n        >\r\n          {rowList?.image_url ? (\r\n            <div onClick={rowOnClick} style={{cursor:'pointer', position: \"relative\" }}>\r\n              {loader && (<div style={{display:'flex',justifyContent:'center',alignItems:'center', width:'100%',height:'100%',position:'absolute'}}>\r\n                <CircularProgress size={30} color=\"#000\"/>\r\n              </div>)}\r\n              <img  src={rowList?.image_url} className={mucisTrack}  alt=\"music track img\" />\r\n              <div className={tracksControl}>\r\n                {/* {size[0] < 1280 && (\r\n                  <WaveFramer\r\n                    generateDuration={generateDuration}\r\n                    song={rowList?.track_url}\r\n                    setContainer={setContainer}\r\n                    setCurrent={setCurrent}\r\n                    container={container}\r\n                    current={current}\r\n                    setDuration={setDuration}\r\n                    id={rowList.track_id}\r\n                    listTrack={rowList}\r\n                    setLoad={setLoader}\r\n                    setWaveform={setWaveform}\r\n\r\n                    size={size[0]}\r\n\r\n                  />\r\n                )} */}\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div onClick={rowOnClick} style={{ position: \"relative\", border: \"1px solid white\" }}>\r\n              <img src={toAbsoluteUrl(\"/media/music-track.png\")} className={mucisTrack} alt=\"music track img\" />\r\n            </div>\r\n          )}\r\n          <div\r\n            onClick={rowOnClick}\r\n            style={{\r\n              display: \"flex\",\r\n              flexDirection: \"column\",\r\n              alignItems: \"start\",\r\n              marginLeft: \"10px\",\r\n              width: getVocalsWidth(),\r\n              paddingRight: \"0px\",\r\n              whiteSpace: \"nowrap\",\r\n              overflow: \"hidden\",\r\n              textOverflow: \"ellipsis\"\r\n            }}\r\n          > \r\n            <Typography variant=\"p\" style={{color:(size[0] < 1000 && rowList.track_id === current && play ) && '#57A4FF'}} >\r\n            {rowList?.track_name.substring(0, 40)}\r\n            {rowList?.track_name.length > 40 ? \"...\" : \"\"}\r\n            </Typography>\r\n            <small className={helperText} style={{ cursor: auth && \"pointer\" }} onClick={() => navigateToArtist(rowList?.user_details)}>\r\n              {rowList?.user_details?.full_name || \"\"}\r\n            </small>\r\n          </div>\r\n        </div>\r\n      </td>\r\n      {/* {!media && size[0] > 1280 && ( */}\r\n      { size[0] > 1000 && (\r\n        <td\r\n        style={{\r\n          marginLeft: \"0px\",\r\n          color: \"#EAEAEA\"\r\n        }}\r\n      >\r\n        <Typography variant=\"body1\" style={{ color: \"#EAEAEA\" }}>\r\n          {rowList?.key}\r\n        </Typography>\r\n      </td>\r\n      )}\r\n      \r\n      { size[0] > 1000 && (\r\n\r\n      <td>\r\n        <Typography\r\n          variant=\"body1\"\r\n          style={{\r\n            paddingLeft: window.location.href.split(\"/\").pop() === \"artist\" ? \"40px\" : \"0px\",\r\n            color: \"#EAEAEA\"\r\n          }}\r\n        >\r\n          {rowList?.bpm}\r\n        </Typography>\r\n      </td>\r\n      )}\r\n      {/* )} */}\r\n      {/* {!media && size[0] > 1280 && ( */}\r\n      {/* )} */}\r\n      {/* {size[0] > 1280 && ( */}\r\n\r\n      {size[0] > 1000 && (\r\n      <td\r\n        style={{\r\n          whiteSpace: \"nowrap\",\r\n          margin: window.location.href.split(\"/\").pop() === \"artist\" ? \"20px 40px\" : \"20px\",\r\n          // paddingLeft: window.location.href.split(\"/\").pop() === \"artist\" ? \"40px\" : \"0px\",\r\n          // display: \"inline-block\"\r\n        }}\r\n      >\r\n        <span>{duration}</span>\r\n      </td>\r\n\r\n      )}\r\n      {/* )} */}\r\n      {/* {size[0] < 1280 && ( */}\r\n      <td\r\n        style={{\r\n          width: \"300px\",\r\n          display: size[0] < 1280 && \"none\",\r\n          userSelect: \"none\"\r\n        }}\r\n      >\r\n        {rowList?.track_url && (\r\n          <div\r\n          style={{\r\n              display: 'flex',\r\n              // flexDirection: 'row',\r\n              // alignItems: 'center',\r\n              // justifyContent: 'center',\r\n              // height: '100px',\r\n              width: '100%',\r\n              background: 'transparent',\r\n            }}\r\n          >\r\n            <div\r\n              style={{\r\n                width: '100%',\r\n                height: '80px',\r\n              }}\r\n              ref={waveformForm}\r\n              // id=\"waveform\"\r\n            />\r\n          </div>\r\n            // <audio id={`temptrack${rowList.track_id}`} src={url} preload=\"auto\" />\r\n\r\n\r\n\r\n          // <TempWave\r\n          // track_url={rowList?.track_url}\r\n          // trackid={rowList.track_id}\r\n          // play={play}\r\n          // setDuration={setDuration}\r\n          // setContainer={setContainer}\r\n          // container={container}\r\n          // setCurrent={setCurrent} \r\n          // listTrack={rowList} \r\n          // setLoader={setLoader}             \r\n          // />\r\n\r\n          // <WaveFramer\r\n          //   generateDuration={generateDuration}\r\n          //   song={rowList?.track_url}\r\n          //   setContainer={setContainer}\r\n          //   setCurrent={setCurrent}\r\n          //   container={container}\r\n          //   current={current}\r\n          //   setDuration={setDuration}\r\n          //   id={rowList.track_id}\r\n          //   listTrack={rowList}\r\n          //   setLoad={setLoader}\r\n          //   setWaveform={setWaveform}\r\n\r\n          //   size={size[0]}\r\n          //   ref={childRef}\r\n          // />\r\n\r\n          \r\n        )}\r\n      </td>\r\n      <td style={{ width: \"70px\", padding: size[0] > 1280 ? \"0px\" : \"0 0px 0 30px\" }}>\r\n        {\r\n          <>\r\n          {heartFlag ? (\r\n            \r\n            <ImHeart\r\n              className={heartStyle}\r\n              fontSize=\"16px\"\r\n              onClick={() => {\r\n                handleUnlike(rowList?.track_id)\r\n                rowList.liked = 0\r\n                setheartFlag(!!!heartFlag)\r\n              }}\r\n            />\r\n           \r\n          ) : (\r\n            \r\n            (size[0] > 1000 ? isHover : true) && (\r\n            <div style={{\r\n              display:\"flex\",\r\n              justifyContent:\"space-between\",\r\n              alignItems:\"center\"\r\n            }}>\r\n              \r\n              {copyVocal?(\r\n                  <FileCopyIcon\r\n                  className={\".\"}\r\n                  style={{\r\n                   display:size[0] > 1000 ? '': 'none',\r\n                   zIndex:20,\r\n                   cursor:\"pointer\",\r\n                   fontSize:\"16px\"\r\n                  }}\r\n                  onClick={(e) => {\r\n                    e.stopPropagation(); \r\n                   navigator.clipboard.writeText(`https://www.warbls.com/sharevocal/${rowList.track_id}`)\r\n                  setCopyVocal(true);\r\n                  \r\n                }}\r\n                />\r\n              ):(\r\n                <FileCopyOutlinedIcon\r\n                className={\".\"}\r\n                style={{\r\n                  display:size[0] > 1000 ? '': 'none',\r\n                  zIndex:20,\r\n                  cursor:\"pointer\",\r\n                  fontSize:\"16px\"\r\n                }}\r\n                onClick={(e) => { \r\n                  e.stopPropagation();\r\n                  navigator.clipboard.writeText(`https://www.warbls.com/sharevocal/${rowList.track_id}`)\r\n                  setCopyVocal(true);\r\n                 \r\n                  \r\n              }}\r\n              />\r\n              )}\r\n              \r\n\r\n              <FaRegHeart\r\n                className={\".\"}\r\n                style={{\r\n                  zIndex:20,\r\n                  cursor:\"pointer\"\r\n                }}\r\n                fontSize=\"16px\"\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                handleLike(rowList?.track_id)\r\n                rowList.liked = 1\r\n                setheartFlag(!!!heartFlag)\r\n                  }}\r\n              />\r\n\r\n              \r\n\r\n            </div>\r\n\r\n\r\n            )\r\n          )}\r\n        </>\r\n          \r\n        }\r\n        \r\n      </td>\r\n      {/* )} */}\r\n        \r\n      <td className={download ? downloadCell : btnCell}>\r\n        {rowList.action == 'download' ? (\r\n          <>\r\n          <Button\r\n            className={btn_download}\r\n            onClick={(e) =>{\r\n              e.stopPropagation();\r\n              handleDownload(rowList?.track_url, rowList?.track_name)}\r\n            }\r\n            style={{display: size[0] > 1000 ? '':'none', backgroundColor: size[0] > 1280 ? \"#C957FF\" : \"transparent\" }}\r\n            >\r\n            <span className={downIcon}><MdDownloadForOffline className={downIconSvg}/></span>\r\n\r\n            {size[0] > 1280 && <Typography className={desc}>DOWNLOAD </Typography>}\r\n          </Button>\r\n            \r\n          <Box style={{display: size[0] >= 1000 ? 'none':''}}>\r\n              <MdDownloadForOffline style={{width:'30px', height:'30px'}} onClick={() => handleDownload(rowList?.track_url, rowList?.track_name)} />\r\n          </Box>\r\n            \r\n            \r\n            </>\r\n          // <Button\r\n          //   className={btn_download}\r\n          //   onClick={() => handleDownload(rowList?.track_url, rowList?.track_name)}\r\n          //   style={{ backgroundColor: size[0] > 1280 ? \"#FF00C7\" : \"transparent\" }}\r\n          // >\r\n          //   <span> <img src=\"/media/download-light.png\" width=\"22\" height=\"20\" /></span>\r\n\r\n          //   {size[0] > 1280 && <Typography className={desc}>DOWNLOAD </Typography>}\r\n          // </Button>\r\n        ) : (\r\n          // <Button className={clsx(btn , responsive_layout_vocals)} onClick={() => handleDownloadTrackWithCoins(rowList?.track_id)} style={{ backgroundColor: size[0] > 1280 ? \"#169C00\" : \"transparent\" }}>\r\n          //   <img src=\"/media/cart.png\" width=\"22\" height=\"18\" style={{ marginBottom: \"2px\" }} />\r\n          //    &nbsp;&nbsp;\r\n          //   {size[0] > 1280 && (\r\n          //     <h2\r\n          //       style={{\r\n          //         padding: \".3rem 2rem\",\r\n          //         margin: \"0\",\r\n          //         fontWeight: \"bolder\",\r\n          //         color: \"white\",\r\n          //         fontSize: \"15px\"\r\n          //       }}\r\n          //       ref={priceRef}\r\n          //     >\r\n          //       ${rowList?.price}\r\n          //     </h2>\r\n          //   )}\r\n          // </Button>\r\n          isPerchased?(\r\n          <>\r\n            <Button\r\n              className={btn_download}\r\n              onClick={(e) => {\r\n                e.stopPropagation();\r\n                handleDownload(rowList?.track_url, rowList?.track_name)}}\r\n              style={{display: size[0] > 1000 ? '':'none', backgroundColor: size[0] > 1280 ? \"#C957FF\" : \"transparent\" }}\r\n              >\r\n              <span className={downIcon}><MdDownloadForOffline className={downIconSvg}/></span>\r\n  \r\n              {size[0] > 1280 && <Typography className={desc}>DOWNLOAD </Typography>}\r\n            </Button>\r\n              \r\n            <Box style={{display: size[0] >= 1000 ? 'none':''}}>\r\n                <MdDownloadForOffline style={{width:'30px', height:'30px'}} \r\n                onClick={(e) =>{\r\n                  e.stopPropagation();\r\n                  handleDownload(rowList?.track_url, rowList?.track_name)\r\n                } \r\n                } \r\n                />\r\n            </Box>\r\n              \r\n              \r\n              </>):(\r\n          <>\r\n          <Button className={btn_download} style={{ display: size[0] > 1000 ? '':'none', backgroundColor: '#57A4FF',minWidth:\"9rem\"}} variant=\"contained\" \r\n          startIcon={\r\n            ((+userSubscription?.remaining_coins || 0) + (+totalRewardsRemainingCoins || 0)) >= (!!rowList.is_oneshot || !!rowList.is_vocalchops || !!rowList.is_stutter ? 5: 10)?\r\n            <MdDownloadForOffline className={downIconSvg}/> \r\n            :\r\n            <FaCoins />\r\n               } onClick={(e) => {\r\n                  e.stopPropagation();\r\n                if(auth){\r\n                  \r\n                  if(((+userSubscription?.remaining_coins || 0) + (+totalRewardsRemainingCoins || 0)) >= (!!rowList.is_oneshot || !!rowList.is_vocalchops || !!rowList.is_stutter ? 5: 10)){\r\n                    handleDownloadTrackWithCoins(rowList?.track_id)\r\n                    setisPerchased(true)\r\n                  }else{\r\n                    handleDialogue()\r\n                  }\r\n                }\r\n                else{\r\n                  handleLogin()\r\n                }\r\n                }} >\r\n            <Button style={{padding: '6px 11px'}}>\r\n              {!!rowList.is_oneshot || !!rowList.is_vocalchops || !!rowList.is_stutter ? 5: 10} coins\r\n            </Button>\r\n\r\n          </Button>\r\n\r\n          <Box style={{display: size[0] >= 1000 ? 'none':''}}>\r\n              <AddIcon onClick={(e) => \r\n                {\r\n                  e.stopPropagation();\r\n                  if(auth){\r\n\r\n                    if(((+userSubscription?.remaining_coins || 0) + (+totalRewardsRemainingCoins || 0)) >= (!!rowList.is_oneshot || !!rowList.is_vocalchops || !!rowList.is_stutter ? 5: 10)){\r\n                      handleDownloadTrackWithCoins(rowList?.track_id)\r\n                      setisPerchased(true)\r\n                    }else{\r\n                      handleDialogue()\r\n                    }\r\n\r\n                  }\r\n                  else{\r\n                    handleLogin()\r\n                  }\r\n                }\r\n                }/>\r\n          </Box>\r\n          \r\n          </>\r\n\r\n          )\r\n          \r\n\r\n        )}\r\n\r\n      </td>\r\n    </tr>\r\n  )\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  btn: {\r\n    width: \"auto\",\r\n    color: theme.palette.primary.contrastText,\r\n    padding: \"2px 40px\",\r\n    margin: 0,\r\n    \"@media (min-width:1280px)\": {\r\n      \"&:hover\": {\r\n        backgroundColor: \"#0A4600 !important\",\r\n        border: '1px solid #2AFF00',\r\n      }\r\n    },\r\n    \"&:hover $cartIcon\": {\r\n      display: \"block\",\r\n    }\r\n  },\r\n  btn_download: {\r\n    width: \"auto\",\r\n    color: theme.palette.primary.contrastText,\r\n    padding: \"5px 15px\",\r\n    margin: 0,\r\n    transition:'transform 0.2s ease-in',\r\n    \"&:hover $cartIcon\": {\r\n      display: \"block\"\r\n    },\r\n    \"&:hover\": {\r\n      \r\n      // border:\"2px solid #fff\",\r\n      transform: 'scale(1.15)',\r\n      \r\n      \r\n      \r\n    }\r\n  },\r\n  cartIcon: {\r\n    display: \"none\"\r\n  },\r\n  downIcon:{\r\n    paddingTop: '4px',\r\n    \"& svg\": {\r\n      fontSize: '20px' \r\n    }\r\n  },\r\n  downIconSvg:{\r\n    fontSize: '20px' \r\n  },\r\n  desc: {\r\n    //fontWeight: \"bold\",\r\n    color: theme.palette.primary.contrastText,\r\n    marginLeft: \"8px\",\r\n\r\n  },\r\n  helperText: {\r\n    color: \"#9F9F9F\",\r\n    \"&:hover\": {\r\n      fontWeight:'bolder',\r\n      textDecoration: 'underline',\r\n      textDecorationColor:'#57A4FF',\r\n      color:'#57A4FF'\r\n    }\r\n  },\r\n  btnCell: {\r\n    width: 260,\r\n\r\n  },\r\n  downloadCell: {\r\n    width: 50,\r\n  },\r\n  row: {\r\n    \"& td\": {\r\n      textAlign: \"center\",\r\n    },\r\n    \"& td:first-child\": {\r\n      // padding: '20px 10px 0 10px',\r\n      position: 'absolute',\r\n      inset: '0 0 0 0',\r\n\r\n      textAlign: 'left',\r\n\r\n    },\r\n    \"& td:last-child\": {\r\n      // textAlign: \"right\",\r\n      padding: '0 10px',\r\n\r\n    }\r\n  },\r\n  title: {\r\n    display: \"block\",\r\n    marginTop: \"5px !important\",\r\n    fontSize: 17,\r\n    border: \"1px solid white\",\r\n    [theme.breakpoints.down(\"xl\")]: {\r\n      width: 300,\r\n      whiteSpace: \"nowrap\",\r\n      overflow: \"hidden\",\r\n      textOverflow: \"ellipsis\"\r\n    },\r\n    \"@media screen and (max-width:700px)\": {\r\n      width: \"100px !important\"\r\n    },\r\n\r\n    [theme.breakpoints.down(\"xs\")]: {\r\n      width: 120\r\n    }\r\n  },\r\n  mucisTrack: {\r\n    height: 37,\r\n    marginTop: \"5px\",\r\n    width: 42,\r\n    borderRadius: '3px',\r\n    \"@media (max-width:1280px)\": {\r\n      height: 42,\r\n      marginTop: \"5px\",\r\n      width: 47,\r\n    },\r\n  },\r\n  tracksControl: {\r\n    position: \"absolute\",\r\n    top: \"0px\",\r\n    left: \"0\",\r\n    height: 40,\r\n    width: 40,\r\n    marginLeft: 20,\r\n    \"@media (max-width:1280px)\": {\r\n      marginLeft: 25,\r\n      top: \"5px\",\r\n    },\r\n\r\n  },\r\n  heartStyle: {\r\n    cursor: \"pointer\",\r\n    zIndex: 20,\r\n    \"@media (min-width:1280px)\": {\r\n      position: 'absolute',\r\n      // inset: '20px 15px 0 10px',\r\n\r\n    }\r\n  },\r\n  add_to_cart: {\r\n    padding: \".4rem 1rem .4rem 0rem\",\r\n    fontWeight: \"bold\",\r\n    fontSize: 12,\r\n    textTransform: \"capitalize\"\r\n  },\r\n  responsive_layout_vocals: {\r\n\r\n    \"@media (max-width: 420px)\": {\r\n      right: '25%'\r\n    }\r\n  }\r\n}))\r\n\r\n\r\n","import * as React from \"react\"\nimport { Box, Slider } from \"@material-ui/core\"\n\nfunction valuetext(value) {\n  return `${value}°C`\n}\n\nexport default function RangeSlider({ setValue, value }) {\n  const handleChange = (event, newValue) => {\n    setValue(newValue)\n  }\n\n  return (\n    <Box sx={{ width: 300 }}>\n      <Slider\n        getAriaLabel={() => \"BPM range\"}\n        value={value}\n        onChange={handleChange}\n        valueLabelDisplay=\"auto\"\n        getAriaValueText={valuetext}\n        color=\"secondary\"\n        min={50}\n        max={200}\n        defaultValue={50}\n      />\n    </Box>\n  )\n}\n","export const formScript = [\n  {\n    name: \"track_name\",\n    type: \"text\",\n    placeholder: \"Filename\",\n    label: \"\"\n  }\n]\n\nexport const initValues = {\n  bpm: \"\",\n  genre: \"\",\n  is_oneshot: 0,\n  is_phrases: 1,\n  is_dry: 1,\n  is_wet: 0,\n  \n  is_vocalchops:0,\n  // is_Harmonies:0,\n  // is_adlibs:0,\n  male:0,\n  female:0,\n\n  key: \"\",\n  language: \"english\",\n  track_name: \"\",\n  id: \"\",\n  track: null,\n  image: null,\n  track_url: \"\",\n  image_url: \"\"\n}\nexport const languages = [\n  { label: \"Language\", value: \"\", disabled: true },\n  { label: \"English\", value: \"english\" },\n  { label: \"French\", value: \"french\" },\n  { label: \"Spanish\", value: \"spanish\" },\n  { label: \"Italian\", value: \"italian\" },\n  { label: \"Japanese\", value: \"japanese\" },\n  { label: \"Norwegian\", value: \"norwegian\" },\n  { label: \"Swedish\", value: \"swedish\" },\n  { label: \"German\", value: \"german\" },\n  { label: \"Russian\", value: \"russian\" },\n  { label: \"Portuguese\", value: \"portuguese\" },\n  { label: \" Turkish\", value: \"turkish\" },\n  { label: \" Other\", value: \"other\" }\n]\n\nexport const bpm = [{ label: \"BPM\", value: \"\", disabled: true }]\nfor (let i = 49; i < 200; i++) {\n  bpm.push({ label: (i + 1).toString(), value: (i + 1).toString() })\n}\n\nexport const key = [\n  { label: \"Key\", value: \"\", disabled: true },\n  { label: \"Any key\", value: \"Any key\" },\n  { label: \"A\", value: \"A\" },\n  { label: \"Am\", value: \"Am\" },\n  { label: \"A#\", value: \"A#\" },\n  { label: \"A#m\", value: \"A#m\" },\n  { label: \"B\", value: \"B\" },\n  { label: \"Bm\", value: \"Bm\" },\n  { label: \"C\", value: \"C\" },\n  { label: \"Cm\", value: \"Cm\" },\n  { label: \"C#\", value: \"C#\" },\n  { label: \"C#m\", value: \"C#m\" },\n  { label: \"D\", value: \"D\" },\n  { label: \"Dm\", value: \"Dm\" },\n  { label: \"D#\", value: \"D#\" },\n  { label: \"D#m\", value: \"D#m\" },\n  { label: \"E\", value: \"E\" },\n  { label: \"Em\", value: \"Em\" },\n  { label: \"F\", value: \"F\" },\n  { label: \"Fm\", value: \"Fm\" },\n  { label: \"F#\", value: \"F#\" },\n  { label: \"G\", value: \"G\" },\n  { label: \"Gm\", value: \"Gm\" },\n  { label: \"G#\", value: \"G#\" },\n  { label: \"G#m\", value: \"G#m\" }\n]\nexport const genres = [\n  { label: \"Genres\", value: \"\", disabled: true },\n  { label: \"EDM\", value: \"EDM\" },\n  { label: \"House\", value: \"House\" },\n  { label: \"UK Rap\", value: \"UK Rap\" },\n  { label: \"Rock\", value: \"Rock\" },\n  { label: \"Pop\", value: \"Pop\" },\n  { label: \"Opera\", value: \"Opera\" },\n  { label: \"Classical\", value: \"Classical\" },\n  { label: \"Gospel\", value: \"Gospel\" },\n  { label: \"Blues and Jazz\", value: \"Blues and Jazz\" },\n  { label: \"R&B\", value: \"R&B\" },\n  { label: \"Hip Hop\", value: \"Hip Hop\" },\n  { label: \"Rap\", value: \"Rap\" },\n  { label: \"Trap\", value: \"Trap\" },\n  { label: \"Metal\", value: \"Metal\" },\n  { label: \"Afro\", value: \"Afro\" },\n  { label: \"Other\", value: \" other\" }\n]\n\nexport const popular = [\n  { label: \"Trending\", value: \"\", disabled: true },\n  { label: \"Popular\", value: \"Popular\" },\n  { label: \"New\", value: \"New\" },\n  { label: \"Random\", value: \"Random\" }\n]\n\n// export const listText = [\n//   { text: \"Ancient and post-classical history\" },\n//   { text: \"Main articles: Classical demography and Medieval demography\" },\n//   { text: \"Ancient and post-classical history\" },\n//   { text: \"Main articles: Classical demography and Medieval demography\" },\n//   { text: \"You will only upload phrases\" }\n// ]\nexport const listText = [\n  { text: \"- Only upload your own vocals.\" },\n  { text: \"- Write the correct info for the uploads. \" },\n  { text: \"- No empty gaps at the start or the end.\" },\n  { text: \"- Must be high quality with the right volume.\" },\n  { text: \"- Vocal files must be inn 16 or 24 bit .waw file.\" },\n  { text: \"- You will only upload vocal phrases or one-shots. \" },\n  { text: \"- No background sound, like piano and guitar. Only Vocal\" }\n]\n","import * as React from \"react\"\r\nimport { Box, makeStyles, InputBase, Typography } from \"@material-ui/core\"\r\nimport { useState, useRef, useContext } from \"react\"\r\nimport { FaSearch } from \"react-icons/fa\"\r\nimport clsx from \"clsx\"\r\nimport { key, genres, popular } from \"./script\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { useHistory } from \"react-router\"\r\nimport RangeSlider from \"../RangeSlider/index\"\r\nimport { AppContext } from \"../../providers/AppProvider\"\r\n\r\nexport const Filter = ({ filters, setFilters, refreshFilters, updateFilters, setUpdateFilters, appliedFilters, clearFilterData, removeFilter, filteredGenres }) => {\r\n  const { root, search, searchIcon, inputRoot, inputInput, langs, phraseBox, typo, phraseBox1, phrase, active, refreshBox, filterDesc } =\r\n    useStyles()\r\n\r\n  const history = useHistory()\r\n  const { auth } = useSelector((state) => state.auth)\r\n  const cart = useSelector((state) => state.track.cart || [])\r\n  const [bpmValue, setBpmValue] = useState([50, 200])\r\n  const [showBpmTooltip, setShowBpmTooltip] = useState(false)\r\n\r\n  const bpmref = useRef(null)\r\n  const { handleSignup } = useContext(AppContext)\r\n\r\n  const handleBPMFilters = (e) => {\r\n    if (bpmValue[0] > 50) {\r\n      setFilters({ ...filters, bpm: bpmValue })\r\n    }\r\n    setShowBpmTooltip(false)\r\n  }\r\n\r\n  const viewCart = () => {\r\n    if (auth) {\r\n      history.push(`/cart`)\r\n    } else {\r\n      handleSignup()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Box>\r\n      <Box className={root}>\r\n\r\n      <div className={search}>\r\n          <InputBase\r\n            onChange={({ target }) => {\r\n              setFilters({\r\n                 ...filters,\r\n                searchKey: target.value\r\n              })\r\n            }}\r\n            placeholder=\"Search for vocals\"\r\n            value={filters?.searchKey}\r\n            classes={{\r\n              root: inputRoot,\r\n              input: inputInput\r\n            }}\r\n            inputProps={{ \"aria-label\": \"search\" }}\r\n          />\r\n          <div className={searchIcon}>\r\n            <FaSearch />\r\n          </div>\r\n        </div>\r\n\r\n\r\n        \r\n\r\n          {/* Phrases */}\r\n          \r\n        {/* <Box display=\"flex\" flexDirection=\"column\" style={{ rowGap: \"5px\", margin: \"0 0 0 3px\" }}> */}\r\n          <Box\r\n            className={clsx(phraseBox1, phrase, \"pointer\", {\r\n              [active]: filters?.isPhrases === \"1\" && filters?.isOneshot === \"0\"\r\n            })}\r\n            onClick={() => {\r\n              setFilters({\r\n                ...filters,\r\n                isPhrases: filters?.isPhrases === \"1\" && filters?.isOneshot === \"0\" ? \"\" : \"1\",\r\n                isOneshot: filters?.isPhrases === \"1\" && filters?.isOneshot === \"0\" ? \"\" : \"0\"\r\n              })\r\n            }}\r\n          >\r\n            <Box className=\"\" width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Phrases</Typography>\r\n            </Box>\r\n          </Box>\r\n\r\n          {/* One shote */}\r\n          <Box\r\n            className={clsx(phraseBox1, phrase, \"pointer\", {\r\n              [active]: filters?.isOneshot === \"1\" && filters?.isPhrases === \"0\"\r\n            })}\r\n            onClick={() => {\r\n              setFilters({\r\n                ...filters,\r\n                isPhrases: filters?.isOneshot === \"1\" && filters?.isPhrases === \"0\" ? \"\" : \"0\",\r\n                isOneshot: filters?.isOneshot === \"1\" && filters?.isPhrases === \"0\" ? \"\" : \"1\"\r\n              })\r\n            }}\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>One-Shots</Typography>\r\n            </Box>\r\n          </Box>\r\n        {/* </Box> */}\r\n\r\n        {/* <Box display=\"flex\" flexDirection=\"column\" style={{ rowGap: \"5px\", margin: \"0 0 0 3px\" }}> */}\r\n          <Box\r\n            className={clsx(phraseBox1,phrase, \"pointer\", {\r\n              [active]: filters?.isVocalchops === \"1\" && filters?.isStutter === \"0\"\r\n            })}\r\n            onClick={() => {\r\n              setFilters({\r\n                ...filters,\r\n                isVocalchops: filters?.isVocalchops === \"1\" ? \"0\" : \"1\",\r\n                isStutter: filters?.isVocalchops === \"1\" ? \"0\" : \"0\"\r\n              })\r\n            }}\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Vocal Chops</Typography>\r\n            </Box>\r\n          </Box> \r\n          <Box\r\n            className={clsx(phrase, \"pointer\", {\r\n              [active]: filters?.isStutter === \"1\" && filters?.isVocalchops === \"0\"\r\n            })}\r\n            onClick={() => {\r\n              setFilters({\r\n                ...filters,\r\n                isStutter: filters?.isStutter === \"1\" ? \"0\" : \"1\",\r\n                isVocalchops: filters?.isStutter === \"1\" ? \"0\" : \"0\"\r\n              })\r\n            }}\r\n            \r\n            style={{width:'5rem'}}\r\n\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Stutter</Typography>\r\n            </Box>\r\n          </Box>\r\n          {/* <Box\r\n            className={clsx(phrase, \"pointer\", {\r\n              [active]: false//filters?.isWet === \"1\"\r\n            })}\r\n            // onClick={() => {\r\n            //   setFilters({\r\n            //     ...filters,\r\n            //     isWet: filters?.isWet === \"1\" ? \"0\" : \"1\"\r\n            //   })\r\n            // }}\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Ad-libs</Typography>\r\n            </Box>\r\n          </Box> */}\r\n            </Box>\r\n          <Box className={root}> \r\n        {/* </Box> */}\r\n        <Select\r\n          options={popular}\r\n          classes={langs}\r\n          value={filters?.trending}\r\n          setHandle={(value) => {\r\n            setFilters({\r\n               ...filters,\r\n              trending: value\r\n            })\r\n          }}\r\n        />\r\n\r\n        \r\n          \r\n          {/* Dry */}\r\n       \r\n\r\n        {/* <Box display=\"flex\" flexDirection=\"column\" style={{ rowGap: \"5px\", margin: \"0 0 0 3px\" }}> */}\r\n          <Box\r\n            className={clsx(phrase, \"pointer\", {\r\n              [active]: filters?.isDry === \"1\" && filters?.isWet === \"0\"\r\n            })}\r\n            onClick={() => {\r\n              setFilters({\r\n                ...filters,\r\n                isDry: filters?.isDry === \"1\" ? \"0\" : \"1\",\r\n                isWet: filters?.isDry === \"1\" ? \"0\" : \"0\"\r\n              })\r\n            }}\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Dry</Typography>\r\n            </Box>\r\n          </Box>\r\n\r\n          {/* Wet */}\r\n          <Box\r\n            className={clsx(phrase, \"pointer\", {\r\n              [active]: filters?.isWet === \"1\" && filters?.isDry === \"0\"\r\n            })}\r\n            onClick={() => {\r\n              setFilters({\r\n                ...filters,\r\n                isWet: filters?.isWet === \"1\" ? \"0\" : \"1\",\r\n                isDry: filters?.isWet === \"1\" ? \"0\" : \"0\"\r\n              })\r\n            }}\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Wet</Typography>\r\n            </Box>\r\n          </Box>\r\n        {/* </Box> */}\r\n        \r\n        {/* <Box\r\n            className={clsx(phrase, \"pointer\", {\r\n              [active]: false//filters?.isWet === \"1\"\r\n            })}\r\n            // onClick={() => {\r\n            //   setFilters({\r\n            //     ...filters,\r\n            //     isWet: filters?.isWet === \"1\" ? \"0\" : \"1\"\r\n            //   })\r\n            // }}\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Male</Typography>\r\n            </Box>\r\n          </Box> */}\r\n\r\n          {/* Felmale */}\r\n          {/* <Box\r\n            className={clsx(phrase, \"pointer\", {\r\n              [active]: false//filters?.isWet === \"1\"\r\n            })}\r\n            // onClick={() => {\r\n            //   setFilters({\r\n            //     ...filters,\r\n            //     isWet: filters?.isWet === \"1\" ? \"0\" : \"1\"\r\n            //   })\r\n            // }}\r\n          >\r\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\r\n              <Typography className={typo}>Female</Typography>\r\n            </Box>\r\n          </Box> */}\r\n\r\n\r\n       \r\n\r\n        \r\n\r\n\r\n            {/* Generes filter */}\r\n        <Select\r\n          options={filteredGenres.sort((a, b) => a.label.localeCompare(b.label))}\r\n          classes={langs}\r\n          value={filters?.genre}\r\n          setHandle={(value) => {\r\n            setFilters({\r\n              ...filters,\r\n              genre: value\r\n            })\r\n          }}\r\n        />\r\n\r\n        <Select\r\n          options={key.sort((a, b) => a.label.localeCompare(b.label))}\r\n          classes={langs}\r\n          value={filters?.key}\r\n          setHandle={(value) => {\r\n            setFilters({\r\n              ...filters,\r\n              key: value\r\n            })\r\n          }}\r\n        />\r\n\r\n        <div className=\"bpm-wrapper\">\r\n          <button className=\"bpm-button\" onClick={() => setShowBpmTooltip(true)} ref={bpmref}>\r\n            BPM\r\n          </button>\r\n          <div className={`bpm-tooltip ${showBpmTooltip && \"active\"}`}>\r\n            <div>\r\n              <h6>\r\n                {bpmValue[0]}-{bpmValue[1]}\r\n              </h6>\r\n              <RangeSlider value={bpmValue} setValue={setBpmValue} />\r\n              <button className=\"apply-button\" onClick={handleBPMFilters}>\r\n                Apply\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n       \r\n\r\n{/*        \r\n        <Box className={clsx(phraseBox, \"pointer\")} onClick={viewCart} mx={0.5}>\r\n        \r\n\r\n       \r\n\r\n        {/* <Box className={clsx(phraseBox, \"pointer\")} onClick={viewCart} mx={0.5}>\r\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\" px={1}>\r\n            <Typography\r\n              style={{\r\n                borderRight: \"1px solid white\",\r\n                margin: \"-5px 0\"\r\n              }}\r\n            >\r\n              <p\r\n                style={{\r\n                  padding: \"15px 10px 15px 3px\",\r\n                  alignSelf: \"center\",\r\n                  color: \"white\"\r\n                }}\r\n              >\r\n                {cart.length}\r\n              </p>\r\n            </Typography>\r\n\r\n            <Typography className={typo} style={{ padding: \"0 0 0 20px\", alignSelf: \"center\" }}>\r\n              View Cart\r\n            </Typography>\r\n          </Box>\r\n        </Box> */}\r\n\r\n      </Box>\r\n\r\n      <Box display=\"flex\" justifyContent=\"flex-start\" width=\"100%\" style={{ columnGap: \"15px\", flexWrap: \"wrap\" }}>\r\n        {appliedFilters?.map((filter) => (\r\n\r\n          <Box key={filter}>\r\n            <Typography className={filterDesc}>\r\n              <span style={{ maxWidth: \"180px\", overflow: \"hidden\", whiteSpace: \"nowrap\" }}>{filter} </span>&nbsp;\r\n              <img src=\"/media/close_2.png\" alt=\"close img\" onClick={() =>removeFilter(filter)} />\r\n            </Typography>\r\n          </Box>\r\n          ))}\r\n\r\n        {appliedFilters?.length > 0 && (\r\n          <Box onClick={clearFilterData}>\r\n            <Typography className={refreshBox}>\r\n              <img src=\"/media/close.png\" style={{ backgroundColor: \"#D9D9D9\", padding: \"3px 2px\", borderRadius: \"5px \" }} alt=\"delete img\" />\r\n              &nbsp; &nbsp;Clear filters\r\n            </Typography>\r\n          </Box>\r\n        )}\r\n      </Box>\r\n\r\n\r\n    </Box>\r\n  )\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  \r\n\r\n  langs: {\r\n    width: \"13.5%\",\r\n    padding: \"0 3rem\",\r\n    \"@media screen and (max-width: 1500px)\": {\r\n      width: \"12%\",\r\n      minWidth: \"12%\"\r\n    }\r\n  },\r\n  root: {\r\n    display: \"flex\",\r\n    flexDirection: \"row\",\r\n    gap:\"10px\",\r\n    // justifyContent: \"space-between\",\r\n    width: \"60%\",\r\n    \r\n    flexWrap:\"wrap\",\r\n    \"@media screen and (max-width: 1250px)\": {\r\n      flexWrap: \"wrap\"\r\n    },\r\n    height: \"34px\",\r\n    gap: '7px',\r\n    marginBottom: '11px'\r\n    // flexWrap: \"wrap\"\r\n  },\r\n  filterBox: {\r\n    backgroundColor: \"transparent\",\r\n    color: theme.palette.primary.contrastText,\r\n    borderRadius: 5,\r\n    width: \"100%\",\r\n    display: \"flex\",\r\n    // justifyContent: \"space-between\",\r\n    padding: 0,\r\n    margin: 0,\r\n    marginLeft: \"3px\",\r\n    \"@media screen and (max-width: 1250px)\": {\r\n      width: \"100%\",\r\n      border: \"1px solid white\",\r\n      columnGap: \"1rem\"\r\n    }\r\n  },\r\n  search: {\r\n    borderRadius: 5,\r\n    // margin: \" 0 4px\",\r\n    backgroundColor: \"transparent\",\r\n    color: theme.palette.primary.contrastText,\r\n    border: \"1px solid \" + theme.palette.primary.contrastText,\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n\r\n    width: \"5rem%\",\r\n    height:\"2rem\",\r\n    [theme.breakpoints.up(\"sm\")]: {\r\n      width: \"auto\"\r\n    }\r\n  },\r\n  searchIcon: {\r\n    padding: theme.spacing(0, 2),\r\n    height: \"100%\",\r\n    pointerEvents: \"none\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    backgroundColor: \"transparent\",\r\n    color: theme.palette.primary.contrastText,\r\n\r\n    [theme.breakpoints.down(\"md\")]: {\r\n      height: \"40.63px\"\r\n    }\r\n  },\r\n  inputRoot: {\r\n    color: \"inherit\",\r\n    width: \"100%\"\r\n  },\r\n  inputInput: {\r\n    padding: \"8px 8px\",\r\n    paddingRight: `calc(1em + ${theme.spacing(4)}px)`,\r\n    transition: theme.transitions.create(\"width\"),\r\n    width: \"100%\",\r\n    [theme.breakpoints.up(\"md\")]: {\r\n      padding: \"12px 8px\"\r\n    }\r\n  },\r\n  phrase: {\r\n    borderRadius: 5,\r\n    display: \"flex\",\r\n    padding: 2,\r\n    border: \"1px solid white\",\r\n    alignItems: \"center\",\r\n    backgroundColor: \"transparent\",\r\n    color: theme.palette.primary.contrastText,\r\n    // border: \"1px solid \" + theme.palette.primary.contrastText,\r\n    boxSizing: \"border-box\",\r\n    width: \"4rem\",\r\n    height:\"2rem\"\r\n    // margin: \"0 25px\"\r\n  },\r\n  phraseBox: {\r\n    borderRadius: 5,\r\n    display: \"flex\",\r\n    padding: 2,\r\n    border: \"1px solid white\",\r\n    alignItems: \"center\",\r\n    backgroundColor: \"transparent\",\r\n    color: theme.palette.primary.contrastText,\r\n    // border: \"1px solid \" + theme.palette.primary.contrastText,\r\n    boxSizing: \"border-box\",\r\n    width: \"150px\"\r\n  },\r\n  phraseBox1: {\r\n    width: \"6rem\",\r\n    margin: \"0\"\r\n  },\r\n  typo: {\r\n    backgroundColor: \"transparent\",\r\n    color: theme.palette.primary.contrastText,\r\n    // border: \"1px solid \" + theme.palette.primary.contrastText,\r\n    \"&.MuiTypography-body1\": {\r\n      fontSize: 12,\r\n      fontWeight: 500,\r\n\r\n      backgroundColor: \"transparent\",\r\n      color: theme.palette.primary.contrastText,\r\n      // border: \"1px solid \" + theme.palette.primary.contrastText,\r\n      wordSpacing: 5,\r\n      \"@media screen and (max-width: 1250px)\": {}\r\n    }\r\n  },\r\n  active: {\r\n    boxSizing: \"border-box\",\r\n    border: \"2px solid #86DB78\"\r\n  },\r\n  selectStyle: {\r\n    width: \"24%\",\r\n    border: \"0px\",\r\n    paddingTop: 13,\r\n    paddingBottom: 13,\r\n    paddingLeft: 5\r\n  },\r\n  refreshBox: {\r\n    backgroundColor: \"transparent\",\r\n    color: \"white\",\r\n    padding: \"2px 3px\",\r\n    textAlign: \"center\",\r\n    borderRadius: \"5px\",\r\n    margin: \"18px 0 0 0\",\r\n    cursor: \"pointer\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    columnGap: \"4px\"\r\n  },\r\n  filterDesc: {\r\n    backgroundColor: \"transparent\",\r\n    color: \"white\",\r\n    padding: \"1px 10px\",\r\n    textAlign: \"center\",\r\n    borderRadius: \"5px\",\r\n    border: \"1px solid white\",\r\n    margin: \"18px 5px 0 2px\",\r\n    cursor: \"pointer\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    columnGap: \"4px\"\r\n  },\r\n  select: {\r\n    backgroundColor: \"transparent\",\r\n    color: theme.palette.primary.contrastText,\r\n    border: \"1px solid \" + theme.palette.primary.contrastText,\r\n    borderRadius: 5,\r\n    margin: \"0 1px 0 1px\",\r\n    // border: `1px solid ${theme.palette.secondary.main}`,\r\n    padding: \"6px 7px\",\r\n    width: \"6rem\",\r\n    height:\"2rem\",\r\n    [theme.breakpoints.down(\"md\")]: {\r\n      width: \"100%\",\r\n      margin: \"5px 0px\",\r\n      padding: \"12px 7px\"\r\n    }\r\n  }\r\n}))\r\n\r\nexport const Select = ({ options, value, haddleQueryParams, setHandle, type }) => {\r\n  const { select, selectStyle } = useStyles()\r\n  const [bpmValue, setBpmValue] = useState([0, 100])\r\n\r\n  return (\r\n    <>\r\n      {type === \"bpm\" ? (\r\n        <div style={{ width: \"100px\" }}>\r\n          <RangeSlider value={bpmValue} setValue={setBpmValue} />\r\n        </div>\r\n      ) : (\r\n        <select value={value} onChange={({ target }) => setHandle(target.value)} className={clsx(select, selectStyle)}>\r\n          {options.map((o, index) => (\r\n            <option key={index} value={o.value}>\r\n              {o.label}\r\n            </option>\r\n          ))}\r\n        </select>\r\n      )}\r\n    </>\r\n  )\r\n}","import { styled, Grid } from \"@material-ui/core\"\nimport { compose, flexbox, palette, spacing, borders, sizing } from \"@material-ui/system\"\n\nexport const StyledGrid = styled(Grid)(compose(spacing, palette, flexbox, borders, sizing))\n","import * as React from \"react\"\nimport { Box, makeStyles, InputBase, Typography } from \"@material-ui/core\"\nimport { FaSearch } from \"react-icons/fa\"\nimport clsx from \"clsx\"\nimport { bpm, key, genres, popular } from \"./script\"\nimport { StyledGrid } from \"../Container/StyledGrid\"\nimport RangeSlider from \"../RangeSlider/index\"\n\nconst { useState} = React\n\nexport const SMFilter = ({ filters, setFilters, refreshFilters, updateFilters, setUpdateFilters,  appliedFilters, clearFilterData, removeFilter, filteredGenres }) => {\n  const { search, searchIcon, inputRoot, inputInput, langs, typo, phraseBox1, phrase, active, refreshBox, filterDesc } = useStyles()\n\n  return (\n    <Box>\n      <StyledGrid container spacing={1}>\n        <StyledGrid item xs={6}>\n          <Box\n            className={clsx(phraseBox1, phrase, \"pointer\", {\n              [active]: filters?.isPhrases === \"1\" && filters?.isOneshot === \"0\"\n            })}\n            onClick={() => {\n              setFilters({\n                ...filters,\n                isPhrases: filters?.isPhrases === \"1\" && filters?.isOneshot === \"0\" ? \"\" : \"1\",\n                isOneshot: filters?.isPhrases === \"1\" && filters?.isOneshot === \"0\" ? \"\" : \"0\"\n              })\n            }}\n          >\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n              <Typography className={typo}>Phrases</Typography>\n            </Box>\n          </Box>\n        </StyledGrid>\n        <StyledGrid item xs={6}>\n          <Box\n            className={clsx(phraseBox1, phrase, \"pointer\", {\n              [active]: filters?.isOneshot === \"1\" && filters?.isPhrases === \"0\"\n            })}\n            onClick={() => {\n              setFilters({\n                ...filters,\n                isPhrases: filters?.isOneshot === \"1\" && filters?.isPhrases === \"0\" ? \"\" : \"0\",\n                isOneshot: filters?.isOneshot === \"1\" && filters?.isPhrases === \"0\" ? \"\" : \"1\"\n              })\n            }}\n          >\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n              <Typography className={typo}>One-Shots</Typography>\n            </Box>\n          </Box>\n        </StyledGrid>\n      </StyledGrid>\n\n      <StyledGrid container spacing={1}>\n        <StyledGrid item xs={3}>\n          <Select\n            options={filteredGenres}\n            classes={langs}\n            value={filters?.genre}\n            setHandle={(value) => {\n              setFilters({\n                ...filters,\n                genre: value\n              })\n            }}\n          />\n        </StyledGrid>\n\n        <StyledGrid item xs={3}>\n          <Select\n            options={bpm}\n            classes={langs}\n            value={filters?.bpm}\n            setHandle={(value) => {\n              setFilters({\n                ...filters,\n                bpm: value\n              })\n            }}\n          />\n        </StyledGrid>\n\n        <StyledGrid item xs={3}>\n          <Select\n            options={key}\n            classes={langs}\n            value={filters?.key}\n            setHandle={(value) => {\n              setFilters({\n                ...filters,\n                key: value\n              })\n            }}\n          />\n        </StyledGrid>\n\n        <StyledGrid item xs={3}>\n          <Select\n            options={popular}\n            classes={langs}\n            value={filters?.trending}\n            setHandle={(value) => {\n              setFilters({\n                ...filters,\n                trending: value\n              })\n            }}\n          />\n        </StyledGrid>\n      </StyledGrid>\n\n      <StyledGrid item xs={12} display=\"flex\" alignItems=\"center\">\n        <div className={search}>\n          <InputBase\n            onChange={({ target }) => {\n              setFilters({\n                // ...filters,\n                searchKey: target.value\n              })\n            }}\n            placeholder=\"Search for vocals\"\n            value={filters?.searchKey}\n            classes={{\n              root: inputRoot,\n              input: inputInput\n            }}\n            inputProps={{ \"aria-label\": \"search\" }}\n          />\n          <div className={searchIcon}>\n            <FaSearch />\n          </div>\n        </div>\n      </StyledGrid>\n\n      <Box display=\"flex\" justifyContent=\"flex-start\" width=\"100%\" style={{ columnGap: \"15px\", flexWrap: \"wrap\" }}>\n        {appliedFilters?.map((filter) => (\n          <Box key={filter}>\n            <Typography className={filterDesc}>\n              <span style={{ maxWidth: \"180px\", overflow: \"hidden\", whiteSpace: \"nowrap\" }}>{filter} </span>&nbsp;\n              <img src=\"/media/close_2.png\" alt=\"close img\" onClick={() => removeFilter(filter)} />\n            </Typography>\n          </Box>\n        ))}\n\n        {appliedFilters?.length > 1 && (\n          <Box onClick={clearFilterData}>\n            <Typography className={refreshBox}>\n              <img src=\"/media/close.png\" style={{ backgroundColor: \"#D9D9D9\", padding: \"3px 2px\", borderRadius: \"5px \" }} alt=\"delete img\" />\n              &nbsp; &nbsp;Clear filters\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  langs: {\n    width: \"100%\",\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    paddingBlock: 12\n  },\n  root: {\n    width: \"61%\",\n    position: \"fixed\",\n    [theme.breakpoints.down(\"lg\")]: {\n      width: \"71%\"\n    },\n    \"@media screen and (max-width: 1500px)\": {\n      width: \"75%\"\n    },\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"70%\"\n    }\n    // top: 0,\n    // left: 0\n    // justifyContent: \"center\"\n  },\n  filterBox: {\n    backgroundColor: \"#EBEBEB\",\n    borderRadius: 5,\n    width: \"80%\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    [theme.breakpoints.down(\"sm\")]: {\n      //   flexDirection: \"column\"\n      width: \"100%\"\n    }\n  },\n  search: {\n    position: \"relative\",\n    borderRadius: 4,\n    border: `1px solid white`,\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    marginRight: 0,\n    // marginLeft: theme.spacing(2),\n    width: \"100%\",\n    [theme.breakpoints.up(\"sm\")]: {\n      //   marginLeft: theme.spacing(3),\n      width: \"auto\"\n    },\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"100%\",\n      margin: \"5px 0px\"\n    }\n  },\n  searchIcon: {\n    padding: \"0px 10px\",\n    pointerEvents: \"none\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    backgroundColor: `transparent`,\n    color: \"white\",\n    borderTopRightRadius: 10,\n    borderBottomRightRadius: 10,\n    [theme.breakpoints.down(\"md\")]: {\n      height: \"40.63px\"\n    }\n  },\n  inputRoot: {\n    color: \"inherit\",\n    width: \"100%\"\n  },\n  inputInput: {\n    padding: \"8px 8px\",\n    // vertical padding + font size from searchIcon\n    paddingRight: `calc(1em + ${theme.spacing(4)}px)`,\n    transition: theme.transitions.create(\"width\"),\n    width: \"100%\",\n    [theme.breakpoints.up(\"md\")]: {\n      padding: \"12px 8px\"\n    }\n  },\n  phrase: {\n    borderRadius: 5,\n    // display: \"flex\",\n    // alignItems: \"center\",\n    backgroundColor: \"#EBEBEB\",\n    padding: 10,\n    boxSizing: \"border-box\"\n  },\n  phraseBox: {\n    // width: \"100%\"\n    backgroundColor: \"transparent\",\n    borderRadius: 10,\n    border: \"1px solid white\"\n  },\n  phraseBox1: {\n    width: \"100%\",\n    backgroundColor: \"transparent\",\n    borderRadius: 5,\n    border: \"1px solid white\"\n  },\n  typo: {\n    \"&.MuiTypography-body1\": {\n      fontSize: 12,\n      fontWeight: 500,\n      color: \"white\",\n      wordSpacing: 2\n    }\n  },\n  active: {\n    boxSizing: \"border-box\",\n    border: \"2px solid #86DB78\"\n  },\n  refreshBox: {\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    padding: \"2px 3px\",\n    textAlign: \"center\",\n    borderRadius: \"5px\",\n    margin: \"18px 0 0 0\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    columnGap: \"4px\"\n  },\n  filterDesc: {\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    padding: \"1px 10px\",\n    textAlign: \"center\",\n    borderRadius: \"5px\",\n    border: \"1px solid white\",\n    margin: \"18px 5px 0 2px\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    columnGap: \"4px\"\n  },\n  select: {\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n    border: \"1px solid white\",\n    borderRadius: 5,\n    margin: \"0 3px\",\n    // border: `1px solid ${theme.palette.secondary.main}`,\n    padding: \"6px 7px\",\n    width: \"100%\",\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"100%\",\n      margin: \"5px 0px\",\n      padding: \"12px 7px\"\n    }\n  },\n  selectStyle: {\n    width: \"100%\",\n    paddingTop: 13,\n    paddingBottom: 13,\n    paddingLeft: 5\n  }\n}))\n\nexport const Select = ({ options, value, haddleQueryParams, setHandle, type }) => {\n  const { select, selectStyle } = useStyles()\n  const [bpmValue, setBpmValue] = useState([0, 100])\n\n  return (\n    <>\n      {type === \"bpm\" ? (\n        <div style={{ width: \"100px\" }}>\n          <RangeSlider value={bpmValue} setValue={setBpmValue} />\n        </div>\n      ) : (\n        <select value={value} onChange={({ target }) => setHandle(target.value)} className={clsx(select, selectStyle)}>\n          {options.map((o, index) => (\n            <option key={index} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n      )}\n    </>\n  )\n}\n","import React, { useState, useLayoutEffect } from \"react\"\nimport { Container, makeStyles } from \"@material-ui/core\"\nimport { Filter } from \"./Filter\"\nimport { SMFilter } from \"./SMFilter\"\nimport { filterInitialValues } from \"./script\"\n\nexport const SearchFilters = ({setSearchFilters, searchFilters, appliedFilters, clearFilterData, removeFilter, filteredGenres}) => {\n  const [size, setSize] = useState([0, 0])\n  const { filterBox } = useStyles()\n  const [updateFilters, setUpdateFilters] = useState(\"\")\n  const [filters, setFilters] = useState(filterInitialValues)\n  const [filteredTracks, setFilteredTracks] = useState([])\n  const [preFilteredTracks, setPreFilteredTrack] = useState([])\n\n\n  const refreshFilters = () => {\n    setFilteredTracks(preFilteredTracks)\n    setFilters({\n      isPhrases: \"\",\n      isOneshot: \"\",\n      isWet: \"\",\n      isDry: \"\",\n      genre: \"\",\n      key: \"\",\n      bpm: \"\",\n      language: \"\",\n      trending: \"\",\n      searchKey: \"\",\n      isVocalchops: \"\",\n      isStutter: \"\"\n    })\n  }\n\n  useLayoutEffect(() => {\n    const updateSize = () => {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n  return (\n      <Container>\n        <div className={filterBox} pt={2} width=\"10%\">\n          {size[0] > 1300 ? (\n            <Filter\n              filters={searchFilters}\n              setFilters={setSearchFilters}\n              refreshFilters={refreshFilters}\n              updateFilters={updateFilters}\n              setUpdateFilters={setUpdateFilters}\n              appliedFilters={appliedFilters}\n              clearFilterData={clearFilterData}\n              removeFilter={removeFilter}\n              filteredGenres={filteredGenres}\n            />\n          ) : (\n            <SMFilter\n              filters={searchFilters}\n              setFilters={setSearchFilters}\n              refreshFilters={refreshFilters}\n              updateFilters={updateFilters}\n              setUpdateFilters={setUpdateFilters}\n              appliedFilters={appliedFilters}\n              clearFilterData={clearFilterData}\n              removeFilter={removeFilter}\n              filteredGenres={filteredGenres}\n            />\n          )}\n        </div>\n      </Container>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  vocalWrapper: {\n    margin: \"0 50px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    \"@media (max-width:1000px)\": {\n      margin: \"0 0px\"\n    }\n  },\n\n  filterBox: {\n    width: \"100%\",\n\n    \"@media screen and (max-width: 1300px)\": {\n      marginTop: \"-80px\"\n    },\n\n    position: \"relative\",\n    marginBottom: 60\n  },\n  overflow: {\n    width: \"inherit\",\n    overflow: \"hidden\",\n    paddingRight: 5\n\n  },\n  rootBox: {\n    padding: \"0px 32px 32px\",\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"0px  0px 0px\"\n    },\n    \"@media (min-width: 1280px)\": {\n      maxWidth: \"auto\"\n    }\n  }\n}))\n","import React from 'react'\nimport { toAbsoluteUrl } from '../../../_helpers/toAbsoluteUrl'\nimport { useHistory } from \"react-router\"\nimport { Button, Typography } from '@material-ui/core'\nimport CloseRoundedIcon from '@material-ui/icons/CloseRounded';\nimport { useSelector } from 'react-redux';\n\n\n\nconst SubDialogue = (props) => {\n    const {handleClose} = props;\n    const history = useHistory()\n    const {userSubscription} = useSelector( state => state.subscriptions)\n\n\n\n  return (\n    <div \n        // style={{display:'flex',flexDirection:'column',alignItems:'center'}}\n    >\n        <div style={{\n            display:'flex',\n            justifyContent:'space-between'\n        }}>\n            <img\n                    onClick={(e) => history.push(\"/\")}\n                    src={toAbsoluteUrl(\"/media/logo-sm-white.png\")}\n                    height=\"50\"\n                    className=\"pointer\"\n                    width=\"30\"\n                    alt=\"small logo\"\n                    style={{ }}\n            />\n            <div style={{display:'flex',flexDirection:'column',alignItems:'center',marginTop:'10px'}}>\n                <Typography variant=\"h6\" style={{fontWeight:'bolder'}}>\n                    Subscribe               \n                </Typography>\n                <Typography variant=\"p\" style={{color:'#c2b6b6',fontWeight:'bold'}}>\n                    to download vocals               \n                </Typography>\n            </div>\n            <div style={{cursor:'pointer'}}>\n                <CloseRoundedIcon onClick={handleClose}/>\n            </div>\n        </div>\n        <div style={{display:'flex',justifyContent:'center',marginTop:'20px'}}>\n            \n                <Typography variant=\"p\" style={{\n                    border:'1px solid rgb(135 133 133)',\n                    fontWeight:'bolder',\n                    color:'#83afff',\n                    borderRadius:'5px',\n                    padding:'10px 30px',\n                    cursor:'pointer',\n                    \n                    }}\n                    onClick={(e) => (userSubscription?.subscription_plan_id)? history.push(\"/manage-subscription\"): history.push(\"/plans\")}      \n                    >\n                    Go to plans page\n                </Typography>\n            \n        </div>\n\n    </div>\n  )\n}\n\nexport default SubDialogue","import React, { useState, useContext, useEffect, useCallback, useLayoutEffect, useMemo } from \"react\"\nimport { Box, makeStyles, Typography, Button } from \"@material-ui/core\"\nimport axios from \"axios\"\nimport InfiniteScroll from \"react-infinite-scroll-component\";\nimport PerfectScrollbar from \"react-perfect-scrollbar\"\nimport { useSelector, useDispatch } from \"react-redux\"\nimport fileDownload from \"js-file-download\"\nimport { AiOutlineClockCircle } from \"react-icons/ai\"\nimport {  Oval } from 'react-loader-spinner'\nimport { genres } from \"./script\"\nimport { APIs } from \"../../../_helpers/apis\"\n\nimport { VocalRow } from \"../../components/VocalRow\"\nimport { actions } from \"../../../redux/track/actions\"\nimport { AppContext } from \"../../providers/AppProvider\"\nimport { SearchFilters } from \"./searchFilters\";\nimport cogoToast from \"cogo-toast\"\nimport { SongContext } from \"../SideBarInfo\";\nimport { Popup } from \"../Popup\";\nimport SubDialogue from \"./SubDialogue\";\n\n\nexport const VocalsTable = ({\n  heading,\n  download,\n  heart,\n  list,\n  downloadCheck,\n  fetchVocals,\n  setSearchFilters,\n  searchFilters,\n  tracksTotal,\n  appliedFilters,\n  clearFilterData,\n  removeFilter,\n  trackLoading = false\n}) => {\n  const [size, setSize] = useState([0, 0])\n  const { table, overflow, rootBox, vocalWrapper, tracksBtn } = useStyles()\n  var { likedTracks, dowloadedTracks, loading ,allTracks} = useSelector((state) => state.track)\n  const { handleLogin, handleCart,updateSubscriptionCoins } = useContext(AppContext)\n  const { auth, userInfo } = useSelector((state) => state.auth)\n  const dispatch = useDispatch()\n  const [container, setContainer] = useState(\"\")\n  const [current, setCurrent] = useState(\"\")\n  const [hasMore, setHasMore] = useState(true)\n  const [filters, setFilters] = useState([])\n  const [filteredTracks, setFilteredTracks] = useState([])\n  const [preFilteredTracks, setPreFilteredTrack] = useState([])\n  const [filteredGenres, setFilteredGenres] = useState([])\n  const [openDialogue, setOpenDialogue] = useState(false);\n\n  const {userSubscription} = useSelector( state => state.subscriptions)\n\n  const mysongcontext = useContext(SongContext)\n  let id_list= [];\n\n\n\n\n\n  // setting tables headings for mobile screen\n  if (size[0] < 1280) {\n    heading = [\"Play\", \"\", \"\"]\n  }\n  const handleDownloadTrackWithCoins = useCallback(async (track_id) => {\n    axios\n      .post(APIs.trackOrder, {\n        user_id: userInfo.user_id,\n        track_id\n      })\n      .then((res) => {\n        if(res.data){\n          updateSubscriptionCoins()\n        cogoToast.info(\"Successfully Added For Download\")\n\n        }\n      }) .catch(error => {\n        // Handle errors\n        cogoToast.error(error)\n        console.error('Error with subs:', error);\n      })\n  }, [])\n  useEffect(() => {\n    dispatch(actions.activeVocal(container))\n    \n  },[container])\n  useEffect(() => {\n    let track_res = list\n    if (heart)\n      track_res = likedTracks\n    else if (download)\n      track_res = dowloadedTracks\n\n    if (filters.trending === \"Standard\") track_res = shuffleVocals(track_res)\n    setFilteredTracks(track_res)\n    setPreFilteredTrack(track_res)\n  }, [list, likedTracks, dowloadedTracks, heart, download, filters.trending])\n\n  const shuffleVocals = (array) => {\n    for (let i = array?.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1))\n      ;[array[i], array[j]] = [array[j], array[i]]\n    }\n    return array\n   }\n\n\n  const handleDownload = useCallback(async (url, track_name) => {\n    axios\n      .get(url, {\n        responseType: \"blob\"\n      })\n      .then((res) => {\n        fileDownload(res.data, track_name + \".wav\")\n      })\n  }, [])\n\n  const handleLike = useCallback(\n    (trackID) => {\n      const payload = {\n        object_type: \"user\",\n        object_id: userInfo.user_id,\n        added_by: userInfo.user_id\n      }\n\n      if (auth) {\n        const data = {\n          action: \"like\",\n          action_against_id: trackID,\n          ...payload\n        }\n        dispatch(actions.trackWiseLikeRequest(data))\n      } else {\n        handleLogin()\n      }\n    },\n    [auth, dispatch, handleLogin, userInfo.user_id]\n  )\n\n  const handleUnlike = (trackID) => {\n    if (auth) {\n      const data = {\n        action: \"like\",\n        object_id: userInfo.user_id,\n        log: JSON.stringify({ log_added_by: userInfo.user_id })\n      }\n\n      dispatch(actions.trackWiseUnLikeRequest(data, trackID))\n    } else {\n      handleLogin()\n    }\n  }\n\n  // listning for width to switch filters fot mobile screen and laptop\n  useLayoutEffect(() => {\n    const updateSize = () => {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n   let tracksData = useMemo(() => {\n    if (auth)\n      return list?.length > 0 ?\n       list : []\n    else\n      return list?.length > 0 ?\n        list.slice(0, 20) : []\n  }, [auth, list])\n\n  useEffect( () => {\n    if ( !tracksTotal  || (auth && tracksData.length > 0 && list.length === tracksTotal) || (!auth && tracksData.length === 20) ){\n      setHasMore(false)\n    }else setHasMore(true)\n  }, [auth, hasMore, list.length, tracksData, tracksTotal])\n\n  useEffect(() => {\n    const updateFilteredGenres = (filter_genres) => {\n      const filteredGenres = genres\n        .filter((genre) => filter_genres.includes(genre.value))\n        .slice();\n\n      const updatedGenres = [\n        genres.find((genre) => genre.label === 'Genres'),\n        ...filteredGenres\n      ];\n\n      setFilteredGenres(updatedGenres);\n    };\n\n    if(!auth) {\n       axios.get(APIs.getTracksGenre)\n      .then((res) => {\n        updateFilteredGenres(res.data);\n      })\n      .catch((error) => {\n        console.log(error);\n      });\n    } else {\n      const distinctGenresWithActiveTrack = [...new Set(allTracks.filter(track => track.status === \"active\").map(track => track.genre))]\n      updateFilteredGenres(distinctGenresWithActiveTrack);\n    }\n  }, [allTracks, auth, list])\n\n  //getting track id of the songs\n  \n\n  \n  \n  \n  useEffect(() => {\n\n      if(auth){\n\n        \n        id_list = tracksData.map((track) => { return(track.track_id) })\n        mysongcontext.setSongIds(id_list) \n       \n        dispatch(actions.getAllPendingTracksSuccess(tracksData)) \n      }    \n\n    \n    \n    \n    // mysongcontext.setTrackId(id_list);\n    // console.log(\"set the id\",mysongcontext.trackIds);\n  \n  }, [tracksData])\n\n  const handleSubDialogue = () => { setOpenDialogue(!openDialogue) }\n  \n\n\n  return (\n    <div className={vocalWrapper}>\n\n      <SearchFilters\n      setSearchFilters={setSearchFilters}\n      searchFilters={searchFilters}\n      appliedFilters={appliedFilters}\n      clearFilterData={clearFilterData}\n      removeFilter={removeFilter}\n      filteredGenres={filteredGenres}\n      />\n\n      <Box className={rootBox} width=\"100%\">\n        <Box className={overflow} style={{ marginTop: size[0] > 1280 ? \"-40px\" : \"-30px\"}}>\n          <PerfectScrollbar style={{ minHeight: '100vh'}}>\n            <br/>\n            <InfiniteScroll style={{overflowX: \"hidden\"}}\n              dataLength={tracksData.length}\n              next={()=>{\n                fetchVocals(tracksData.length)\n              }}\n              hasMore={hasMore}\n              loader={''\n              //   <Oval\n              //   height={30}\n              //   width={30}\n              //   color=\"#ffff\"\n              //   wrapperStyle={{marginLeft: 500}}\n              //   wrapperClass=\"\"\n              //   visible={true}\n              //   ariaLabel='oval-loading'\n              //   secondaryColor=\"#ffff\"\n              //   strokeWidth={5}\n              //   strokeWidthSecondary={5}\n              // />\n\n              }\n              >\n                 \n              <table className={table}>\n                <thead>\n                  <tr>\n                    {heading.map((head, index) =>\n                      index === 4 ? (\n                        <th>\n                          <Typography\n                            variant=\"body2\"\n                            key={index}\n                            style={{\n                              width: index === 0 && 50,\n                              display: \"block\",\n                              margin: \"5px 0px 0px 0px\",\n                              fontSize: \"20px\",\n                            }}\n                          >\n                            <AiOutlineClockCircle />\n                          </Typography>\n                        </th>\n                      ) : (\n                        <th>\n                          <Typography variant=\"body2\" key={index} style={{ width: index === 0 && 50 , textAlign: index===0 ? 'left' : \"center\", paddingLeft: index ===0 ? '10px' : '0', marginLeft:index === 0 && '10px'} }>\n                            {head}\n                          </Typography>\n                        </th>\n                      )\n                    )}\n                  </tr>\n                </thead>\n                <tbody>\n                  <br />\n                    {\n                      tracksData.map((track, index) => \n                          { \n                            // id_list.push(track.track_id)\n                            return(\n                              <VocalRow\n                              key={index}\n                              index={index}\n                              setContainer={setContainer}\n                              setCurrent={setCurrent}\n                              container={container}\n                              current={current}\n                              downloadCheck={downloadCheck}\n                              rowList={track}\n                              download={download}\n                              heart={heart}\n                              handleDownload={handleDownload}\n                              handleLike={handleLike}\n                              handleUnlike={handleUnlike}\n                              handleCart={handleCart}\n                              handleDownloadTrackWithCoins={handleDownloadTrackWithCoins}\n                              userSubscription={userSubscription}\n                              handleDialogue={handleSubDialogue}\n                              />\n                              )\n                            }\n                      )\n                    }\n                </tbody>\n              </table>\n              {(tracksData.length < 1 && !trackLoading) && <div style={{textAlign:'center'}}>No record found</div>}\n            </InfiniteScroll>\n            {hasMore && (<section>\n              <ul id=\"downArrow\">\n                  <li style={{i:1}}></li>\n                  <li style={{i:2}}></li>\n                  <li style={{i:3}}></li>\n              </ul>\n            </section>)}\n            \n            { !auth && tracksData.length === 20 && (\n            <Button\n            className={tracksBtn}\n            onClick={() => handleLogin()}\n            >\n            { <Typography>Load More </Typography>}\n            </Button> )}\n          </PerfectScrollbar>\n        </Box>\n        <Popup open={openDialogue} handleClose={handleSubDialogue}>\n              <SubDialogue handleClose={handleSubDialogue}/>\n        </Popup>\n        \n      </Box>\n    </div>\n  )}\n\nconst useStyles = makeStyles((theme) => ({\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\",\n    overflow: \"hidden\",\n    \"& thead tr th\": {\n      borderBottom: `1px solid ${theme.palette.secondary.main}`,\n      width: 50\n    },\n    \"@media (max-width:800px)\": {\n      width: \"97%\",\n      oveflow: \"scroll\",\n      maxWidth: \"730px\",\n      margin: \"0 auto\"\n    },\n    \"@media (max-width:600px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"530px\"\n    },\n    \"@media (max-width:400px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"330px\"\n    }\n  },\n  vocalWrapper: {\n    margin: \"0 50px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    \"@media (max-width:1000px)\": {\n      margin: \"0 0px\"\n    }\n  },\n\n  filterBox: {\n    width: \"100%\",\n\n    \"@media screen and (max-width: 1300px)\": {\n      marginTop: \"-80px\"\n    },\n\n    position: \"relative\",\n    marginBottom: 60\n  },\n  overflow: {\n    width: \"inherit\",\n    overflow: \"hidden\",\n    paddingRight: 5\n  },\n  rootBox: {\n    padding: \"0px 32px 32px\",\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"0px  0px 0px\"\n    },\n    \"@media (min-width: 1280px)\": {\n      maxWidth: \"auto\"\n    }\n  },\n  tracksBtn: {\n    \"&:hover\": {\n      backgroundColor: \"white\"\n    },\n    marginLeft: 500,\n    marginTop: 35,\n    padding: 12,\n    \"@media (max-width: 540px)\" : {\n      marginLeft: 110\n    },\n    \"@media (min-width: 700px) and (max-width: 850px)\" : {\n      marginLeft: 290\n    }\n  },\n  btnColor: {\n    color: \"white !important\"\n  }\n}))\n","import * as React from \"react\"\nimport { Container, makeStyles, styled } from \"@material-ui/core\"\nimport { compose, spacing, flexbox, palette, borders, sizing } from \"@material-ui/system\"\nimport clsx from \"clsx\"\nconst CustomContainer = styled(Container)(compose(spacing, palette, flexbox, borders, sizing))\n\nexport const ContentContainer = ({ children, title, titleLeft, titleBackground, gradient, profile, pageType, adminGradient, thankYou }) => {\n  const { titleContainer, container, smallGradient, profileTitleContainer, sidebar_controls, adminHeader, thankYouText, bigFont } =\n    useStyles()\n\n  const getHeadingMargin = () => {\n    if (!!titleLeft) {\n      return \"2%\"\n    } else return \"10%\"\n  }\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\" }}>\n      <div\n        className={clsx(!profile && titleContainer, profile && profileTitleContainer, adminGradient && adminHeader)}\n        style={{\n          height: gradient ? \"180px\" : \"110px\",\n          background: !!titleBackground ? titleBackground : \"linear-gradient(#06a4ea, rgb(255 255 255 / 0%))\"\n        }}\n      >\n        <div className={sidebar_controls}>\n          <h1\n            className={clsx(profile && smallGradient, pageType && bigFont, thankYou && thankYouText)}\n            style={{\n              display: \"block\",\n              fontSize:\"50px\",\n              bottom: gradient ? \"65%\" : \"10%\",\n              left: getHeadingMargin()\n              // padding: \"0 50px\",\n            }}\n          >\n            {title}\n          </h1>\n        </div>\n      </div>\n      <CustomContainer className={container} style={{ margin: gradient ? \"-90px 0 0 0\" : \"200 0 0 0\" }}>\n        {children}\n      </CustomContainer>\n    </div>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  titleContainer: {\n    width: \"100%\",\n    background: \"#8A31B4\",\n    position: \"relative\",\n\n    \"& > h1\": {\n      display: \"block\",\n      position: \"absolute\",\n      margin: \"0\",\n      fontSize: \"xxx-large\",\n\n      [theme.breakpoints.down(\"md\")]: {\n        bottom: \"80%\",\n        fontSize: \"40px\"\n      },\n      [theme.breakpoints.down(\"sm\")]: {\n        bottom: \"84% !important\",\n        fontSize: \"20px\"\n      }\n      // transform:\"translate(0,-50%)\"\n    }\n  },\n  sidebar_controls: {\n    display: \"flex\",\n    columnGap: \"10px\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"start\",\n    margin: \"20px 20px 50px 80px\",\n    // marginLeft: \"15%\",\n\n    \"@media (max-width: 1000px)\" :{\n      margin: '30px 20px 0px 20px',\n    }\n  },\n  control_image: {\n    cursor: \"pointer\",\n    backgroundColor: \"rgb(102,102,102)\",\n    padding: \"5px\"\n  },\n\n  adminHeader: {\n    \"& > h1\": {\n      [theme.breakpoints.down(\"sm\")]: {\n        bottom: \"25% !important\",\n        fontSize: \"25px\"\n      }\n    }\n  },\n  bigFont: {\n    fontSize: \"70px\",\n    margin: \"-10px 0 0 0px\",\n    \"@media(max-width: 1100px)\": {\n      fontSize: \"45px\",\n      // width: \"100%\",\n      margin: \"10px 0 0px 0\",\n      // minWidth: \"190px\",\n      textAlign: \"left\"\n    }\n  },\n  thankYouText: {\n    width: \"80%\",\n    textAlign: \"center\",\n    \"@media(max-width: 1100px)\": {\n      fontSize: \"45px\",\n      width: \"100%\",\n      margin: \"10px 0 60px 0\",\n      // minWidth: \"190px\",\n      textAlign: \"left\"\n    }\n  },\n  profileTitleContainer: {\n    width: \"100%\",\n    background: \"#8A31B4\",\n    height: \"100px\",\n\n    [theme.breakpoints.down(\"sm\")]: {\n      height: \"50px !important\",\n      marginBottom: \"0 \",\n      background: \"none !important\"\n    }\n  },\n  container: {\n    display: \"block\",\n    border: `1px solid transparent`,\n    padding: \"0\",\n\n    [theme.breakpoints.down(\"md\")]: {\n      marginTop: \"0\",\n      // marginTop: \"-230px\",\n\n      marginBottom: 10\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      marginTop: \"0px !important\",\n      marginBottom: 10\n    },\n\n    \"@media (max-width : 1300px)\": {\n      marginTop: \"0px !important\"\n    }\n  },\n  smallGradient: {\n    paddingLeft: \"30px\",\n    fontSize: \"40px\",\n    bottom: \"10%\",\n    [theme.breakpoints.down(\"md\")]: {\n      fontSize: \"30px\",\n      bottom: \"30% !important\"\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      bottom: \"0% !important\"\n    }\n\n    // transform:\"translate(0,-50%)\"\n  }\n}))\n","export const heading = [\"#\", \"Name\", \"Key\", \"BPM\", \"Time\" , \"Waveform\", \"\",\"\"]\n\nexport const list = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound4.m4a\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound5.m4a\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound6.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound4.m4a\"\n  }\n]\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport Modal from \"@material-ui/core/Modal\"\n\nexport const DialoguePopup = ({ open, handleClose, children }) => {\n  const { model, paper } = useStyles()\n\n  return (\n    <div>\n      <Modal className={model} open={open} onClose={handleClose} aria-labelledby=\"simple-modal-title\" aria-describedby=\"simple-modal-description\">\n        <div className={paper}>{children}</div>\n      </Modal>\n    </div>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  model: {\n    outline: \"none\",\n    border: \"0px\",\n    boxShadow: \"none\",\n    \"&:hover\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"&:focus\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    }\n  },\n  paper: {\n    position: \"absolute\",\n    width: 450,\n    // backgroundColor: theme.palette.background.paper,\n    // backgroundColor: '#333333',\n    border: \"0px\",\n    boxShadow: \"none\",\n    borderRadius: 10,\n    // padding: 40,\n    top: `50%`,\n    left: `50%`,\n    transform: `translate(-50%, -50%)`,\n    \"&:hover\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"&:focus\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"@media (max-width:450px)\": {\n      width: 350,\n      padding: 20\n    }\n  }\n}))\n","import React from 'react'\nimport { Typography } from '@material-ui/core'\nimport CloseRoundedIcon from '@material-ui/icons/CloseRounded';\n\n\nconst CoinSucceed = (props) => {\n    const {handleClose} = props\n  return (\n                <div style={{backgroundColor:'#333333',borderRadius:'5px',padding:\"30px 0\"}}>\n                    <div style={{display:'flex',cursor:'pointer',justifyContent:'flex-end'}}>\n                      <CloseRoundedIcon style={{position:'absolute',top:'5px',right:'5px'}} onClick={handleClose}/>\n                    </div>\n                  <div style={{display:'flex',alignItems:'center',justifyContent:'center',gap:'5px'}}>\n                    <Typography veriant='p' style={{fontWeight:'bolder',color:'#fff'}}>\n                      Enjoy your coins\n                    </Typography>\n                    \n                      <img src={`${process.env.PUBLIC_URL}/images/coin-stack.png`} style={{width:'25px', height:'25px'}} />\n                   \n                  </div>\n                </div>\n        \n  )\n}\n\nexport default CoinSucceed","import React, { useState, useCallback, useEffect } from \"react\"\nimport { Box } from \"@material-ui/core\"\nimport { VocalsTable } from \"../../../_warbls/components/Vocals\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { heading } from \"./script\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport axios from \"axios\"\nimport { filterInitialValues } from \"../../../_warbls/components/Vocals/script\"\nimport { useSelector, useDispatch } from \"react-redux\"\nimport { DialoguePopup } from \"../ManageSubscription/Dialoagus/DialoguePopup\"\nimport { actions } from \"../../../redux/track/actions\"\nimport CoinSucceed from \"../../../_warbls/components/Vocals/CoinSucceed\"\n\nexport const Vocals = (props) => {\n\n  const [allTracks, setAllTracks] = useState([])\n  const [loading, setLoading] = useState(true)\n  const [firstLoad, setFirstLoad] = useState(true)\n  const [tracksTotal, setTracksTotal] = useState(0)\n  const [searchFilters, setSearchFilters] = useState(filterInitialValues)\n  const [appliedFilters, setAppliedFilters] = useState([])\n  const { userInfo } = useSelector((state) => state.auth)\n  const [openCoinSuccess, setopenCoinSuccess] = useState(false)\n  const dispatch = useDispatch();\n  \n  \n    const search = window.location.search;\n    const params = new URLSearchParams(search);\n    const paymentStatus = params.get('status');\n    \n  \n    \n  \n  \n  \n\n  const query = new URLSearchParams(window.location.search);\n  const status = query.get('status')\n\n\n  const handleCancel = () => { setopenCoinSuccess(!openCoinSuccess) }\n  useEffect(() => {\n    if(paymentStatus){\n      setopenCoinSuccess(true)\n    }\n  }, [])\n  \n\n    const sendRequest =useCallback(async (length) => {\n      const params = {\n      'load': 'user_details',\n      'offset': length || 0,\n      'limit': 5,\n      searchFilters\n      }\n      if(userInfo){\n        params.object_id = userInfo.user_id;\n        params.object_type = 'user'\n      }\n      let newTracks = []\n      if (searchFilters.trending === '') searchFilters.trending = 'Random'\n      await axios.get(APIs.tracks, { params: params }).then((res) => {\n          setTracksTotal(res?.data?.total)\n           newTracks = res.data?.results ? res.data?.results?.filter((track) =>\n          track?.status === \"active\"\n        ) : []\n        if(length === 0){\n          setAllTracks(newTracks)\n\n      }\n        else{\n          setAllTracks([...allTracks, ...newTracks])\n        } \n      setLoading(false)\n        \n        \n      }).catch((e)=>{\n        console.log(\"error here\",e)\n      })\n    }, [allTracks, searchFilters])\n\n  const fetchVocals = useCallback(async (length) => {\n  const updatedFilters = []\n\n    for (const [key, val] of Object.entries(searchFilters)) {\n      if (!key.includes(\"is\")  && val !== \"\" && val !== \"Random\") updatedFilters.push(`${key.charAt(0).toUpperCase() + key.slice(1)}: ${val}`)\n      setAppliedFilters(updatedFilters)\n    }\n    await sendRequest(length)\n }, [allTracks, searchFilters])\n\n  useEffect(()=> {\n    if(firstLoad)\n      setFirstLoad(false)\n    else\n      fetchVocals(0)\n  }, [firstLoad, searchFilters])\n\n  const clearFilterData = useCallback(async (length) => {\n  setSearchFilters(filterInitialValues)\n }, [])\n\n  const removeFilter = useCallback(async(key, length) => {\n    for (const [k, v] of Object.entries(searchFilters)) {\n      if (searchFilters.trending === '') searchFilters.trending = \"Random\"\n      if (k.toLowerCase() === key.split(':')[0].toLowerCase() && key.split(':')[1] !== ''){\n        searchFilters[k] = ''\n        setAppliedFilters(appliedFilters.filter(prevFilter => prevFilter !== key))\n      }\n    }\n    sendRequest(length)\n   }, [appliedFilters, searchFilters])\n\n   useEffect(() => {\n     \n   \n   }, [allTracks])\n   \n\n  return (\n    <Box p={0} width=\"100%\">\n      <ContentContainer titleLeft=\"25px\" {...props} title=\"Vocals\" tital_color=\"linear-gradient(#57A4FF, #333333)\" gradient={\"larger\"}>\n        <VocalsTable\n          heading={heading}\n          download={false}\n          heart={false}\n          list={allTracks}\n          downloadCheck={false}\n          fetchVocals={fetchVocals}\n          setSearchFilters={setSearchFilters}\n          searchFilters={searchFilters}\n          tracksTotal={tracksTotal}\n          appliedFilters={appliedFilters}\n          clearFilterData={clearFilterData}\n          removeFilter={removeFilter}\n          trackLoading={loading}\n        />\n      </ContentContainer>\n      <DialoguePopup open={openCoinSuccess} handleClose={handleCancel}>\n              <CoinSucceed\n                handleClose={handleCancel}\n              />\n      </DialoguePopup>\n    </Box>\n  )\n}\n","import React from \"react\"\r\nimport \"./CSS/Card.css\"\r\nimport { Typography } from \"@material-ui/core\"\r\nimport { useHistory } from 'react-router-dom';\r\nimport { actions } from \"../../../redux/subscription/actions\"\r\nimport { useDispatch ,useSelector } from \"react-redux\"\r\nimport { POST } from \"../../../_helpers/fetcher\"\r\nimport { APIs } from \"../../../_helpers/apis\"\r\n\r\n\r\nconst Card = (props) => {\r\n  const history = useHistory()\r\n  const dispatch = useDispatch()\r\n  const { userInfo, auth } = useSelector((state) => state.auth)\r\n\r\n  \r\n\r\n  const next = async () => {\r\n          // dispatch(actions.userSubscriptionPlan(props));\r\n          if(props.active){\r\n            return;\r\n          }\r\n          if(props.id){\r\n            \r\n          }\r\n          const body = {\r\n            \"productName\": `${props.plan} (${props.coin} coins)`,\r\n            // \"productImg\": \"https://www.warbls.com/media/warbls-logo.png\",\r\n            \"recurring\": props.duration ? \"month\" : 'year',\r\n            \"subscriptionPlanId\":props.id,\r\n            \"user_id\": userInfo.user_id,\r\n            \"price\": props.price,\r\n            \"paymentMode\": \"subscription\", //\"payment\",\r\n            \"successUrl\": \"https://www.warbls.com/vocals?status=succeed\",\r\n            \"cancelUrl\": \"https://www.warbls.com/vocals?status=failed\"\r\n          }\r\n          let res = await POST(APIs.stripeCheckoutSession, body);\r\n          window.location.href = res.data\r\n    \r\n}\r\n  const resubscribeUserPlan = async () => {\r\n         \r\n          const body = {\r\n            \r\n            \"userId\": userInfo.user_id,\r\n            \r\n          }\r\n          let res = await POST(APIs.resubscibeUserPlan, body);\r\n          if(res){\r\n            window.location.href = '/manage-subscription';\r\n          }\r\n          // window.location.href = res.data\r\n    \r\n}\r\n\r\n  return (\r\n    <div className=\"card\" id={props.id}  >\r\n      {(props.plan !== 'Basic Plan') && <div className=\"card-batch\">{(props.plan === 'Pro Plan')? 'Most Popular':'Best value'}</div>}  \r\n      <div onClick={() => {  }} className=\"plan\" >\r\n        <div className=\"plan-name\">{props.plan}</div>\r\n        \r\n      </div>\r\n\r\n      <div className=\"info\">\r\n        <div className=\"coins\">\r\n          \r\n          <div className=\"num\">\r\n            <img src={`${process.env.PUBLIC_URL}/images/coin-stack.png`} className=\"image\" />\r\n            <div className=\"value\">{props.coin}</div>\r\n          </div>\r\n          <Typography style={{color:'#686868',fontWeight:'bolder',fontSize:'1.2rem'}} variant=\"p\">/{props.price_duration}</Typography>\r\n        </div>\r\n\r\n        <div className=\"price\">\r\n          \r\n          <div className=\"num\">\r\n            <img\r\n              src={`${process.env.PUBLIC_URL}/images/dollar-currency-symbol.png`}\r\n              className=\"image\"\r\n            />\r\n            <div className=\"value\" id=\"price-value\">\r\n              {props.price}\r\n             \r\n            </div>\r\n          </div>\r\n          <Typography style={{color:'#686868',fontWeight:'bolder',fontSize:'1.2rem'}} variant=\"p\">/{props.price_duration}</Typography>\r\n        </div>\r\n  \r\n      </div>\r\n      {props.cancelUserSubscription && props.id == props.cancelUserSubscription.subscription_plan_id ?\r\n      (<div onClick={resubscribeUserPlan} className=\"sp-choose-btn\" style={{backgroundColor:'#C957FF'}}>\r\n        <Typography variant=\"h6\" style={{fontWeight:'bolder'}}>\r\n         Resubscribe\r\n         </Typography>\r\n     </div>)\r\n      :\r\n      (<div onClick={next} className=\"sp-choose-btn\" style={{backgroundColor:props.active? '#C957FF':'#57A4FF',cursor: props.active? 'not-allowed' : 'pointer'}}>\r\n         <Typography variant=\"h6\" style={{fontWeight:'bolder'}}>\r\n          {props.active?\"Active\":\"Choose\"}\r\n          </Typography>\r\n      </div>)\r\n      }\r\n      <div style={{textAlign:\"center\",marginTop:'20px'}}>\r\n        {\r\n          (props.duration)?(\r\n            <Typography style={{fontWeight:'bold',color:\"#57A4FF\",cursor:'pointer'}} variant=\"p\" onClick={props.yearclick}>Save 20% with yearly billing</Typography>\r\n          ):(<Typography style={{fontWeight:'bold',color:\"#57A4FF\",cursor:'pointer'}} variant=\"p\" onClick={props.monthclick}>Switch to monthly billing</Typography>)\r\n        }\r\n        \r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Card\r\n","import React from \"react\"\nimport \"../../../_warbls/components/subscription/CSS/SelectPlan.css\"\nimport Card from \"../../../_warbls/components/subscription/Card\"\nimport { useEffect, useState, useCallback } from \"react\"\nimport { useDispatch } from \"react-redux\"\nimport { actions } from \"../../../redux/subscription/actions\"\nimport axios from \"axios\"\nimport { useHistory } from \"react-router-dom\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { useSelector } from \"react-redux\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\n\nimport { CircularProgress } from \"@material-ui/core\"\n\nlet monthly_info = {}\nlet yearly_info = {}\n\nconst Plans = (props) => {\n  //insert your fatching data code here\n  const [fatchData, setFatchData] = useState({})\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(null)\n  const [selectedCard, setSelectedCard] = useState(null)\n  const { auth,userInfo } = useSelector((state) => state.auth)\n  const dispatch = useDispatch()\n  const history = useHistory()\n\n  const [card_info, setcard_info] = useState({})\n  const [cancelUserSubscription, setCancelUserSubscription] = useState({})\n\n  const [info, setinfo] = useState(true)\n\n  function filterData(res, propertyName, value) {\n    return res?.results?.filter((obj) => obj[propertyName] === value)\n  }\n  const getCancelUserSubscription = useCallback(async () => {\n    \n\n    try {\n      const res = await axios.get(APIs.userSubscriptionPlanFilters,{\n        params:{user_id: userInfo.user_id,filters: JSON.stringify({status: 'CANCEL'})}\n      });\n      setCancelUserSubscription(res.data)\n    } catch (error) {\n      // setError(error)\n    } finally {\n      // setLoading(false)\n    }\n    // };\n    // await fetchData()\n  }, [])\n \n  const fetch = useCallback(async () => {\n    if (card_info && card_info.length > 0) {\n      return\n    }\n\n    try {\n      const res = await axios.get(APIs.plans)\n\n      monthly_info = filterData(res.data, \"duration\", \"720:00:00\")\n      yearly_info = filterData(res.data, \"duration\", \"8760:00:00\")\n      setcard_info(monthly_info)\n\n    } catch (error) {\n      setError(error)\n    } finally {\n      setLoading(false)\n    }\n    // };\n    // await fetchData()\n  }, [loading, card_info])\n  useEffect(() => {\n    fetch();\n    getCancelUserSubscription();\n  }, [fetch])\n\n  \n\n  const monthly_button = () => {\n    setinfo(true)\n    setcard_info(monthly_info)\n  }\n  const yearly_button = () => {\n    setinfo(false)\n    setcard_info(yearly_info)\n  }\n\n  const next = () => {\n    if (selectedCard != null) {\n      dispatch(actions.userSubscriptionPlan(selectedCard))\n      history.push(\"/checkout\")\n    }\n  }\n\n  if (loading) {\n    return (\n      <div\n        style={{\n          height: \"100vh\",\n          width: \"100vw\",\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\"\n        }}\n      >\n        <CircularProgress size={40} color=\"inherit\" />\n      </div>\n    )\n  }\n\n  if (error) {\n    return <p>Error: {error.message}</p>\n  }\n  const cardClick = (v) => {\n    setSelectedCard(v)\n  }\n\n  return (\n    <>\n      <div className=\"sp-info-sideinfo\">\n        <div\n          className=\"sp-info-duration\"\n          style={{\n            backgroundColor: info ? \"#57A4FF\" : \"#212121\",\n            color: info ? \"#000\" : \"#fff\",\n            fontWeight: \"bolder\",\n            padding: \"5px 10px\"\n          }}\n          onClick={monthly_button}\n        >\n          Monthly\n        </div>\n        <div\n          className=\"sp-info-duration\"\n          style={{\n            backgroundColor: !info ? \"#57A4FF\" : \"#212121\",\n            color: !info ? \"#000\" : \"#fff\",\n            fontWeight: \"bolder\",\n            padding: \"5px 10px\"\n          }}\n          onClick={yearly_button}\n        >\n          Yearly\n        </div>\n      </div>\n\n      {/* mounthly button */}\n      <div className=\"sp-card\">\n        {card_info &&\n          card_info?.map((c, index) => {\n            return (\n              <Card\n                yearclick={yearly_button}\n                monthclick={monthly_button}\n                key={index}\n                id={c.subscription_plan_id}\n                plan={c.name}\n                coin={c.coins}\n                price={c.price}\n                duration={info}\n                price_duration=\"month\"\n                active={props.activePlanId === c.subscription_plan_id}\n                cancelUserSubscription = {cancelUserSubscription}\n              />\n            )\n          })}\n      </div>\n    </>\n\n    // </div>\n  )\n}\n\nexport default Plans\n","import React from 'react'\nimport Plans from './Plans'\nimport { ContentContainer } from '../../../_warbls/components/Container'\nimport '../../../_warbls/components/subscription/CSS/SelectPlan.css'\nimport { useSelector } from 'react-redux'\nconst Plan = () => {\n  const {userSubscription} = useSelector( state => state.subscriptions)\n  const activeID = userSubscription?.subscription_plan_id || 0\n  return (\n    <ContentContainer\n    titleBackground={\"linear-gradient(91.97deg, #212121 9.8%, #57A4FF 133.46%)\"}\n    title={\"Select Plan\"}>\n      <div className=\"sp-info\">\n        <Plans\n         activePlanId={ activeID }\n        />\n      </div>\n    </ContentContainer>\n  )\n}\n\nexport default Plan","import { FaRegArrowAltCircleDown } from \"react-icons/fa\"\nimport { ImHeart } from \"react-icons/im\"\n\nexport const heading = [\"#\",  \"Name\", \"Key\", \"BPM\", \"Time\", \"Waveform\", \"\",\"\"]\nexport const smHeading = [\"Play\", \"\", \"\"]\n\nexport const list = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound6.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound4.m4a\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: FaRegArrowAltCircleDown,\n    src: \"/tracks/sound2.mp3\"\n  }\n]\n","import * as React from \"react\"\nimport { useState, useCallback, useEffect } from \"react\"\nimport { useSelector } from \"react-redux\"\n\nimport { Box } from \"@material-ui/core\"\nimport { VocalsTable } from \"../../../_warbls/components/Vocals\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { heading } from \"./script\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport axios from \"axios\"\nimport { filterInitialValues } from \"../../../_warbls/components/Vocals/script\"\n\nexport const Downloads = (props) => {\n  const { userInfo } = useSelector((state) => state.auth)\n\n  const [downloads, setDownloads] = useState([])\n  const [firstLoad, setFirstLoad] = useState(true)\n  const [tracksTotal, setTracksTotal] = useState(0)\n  const [searchFilters, setSearchFilters] = useState(filterInitialValues)\n  const [appliedFilters, setAppliedFilters] = useState([])\n\n  const sendRequest =useCallback(async (length) => {\n\n    const shuffleVocals = (array) => {\n    for (let i = array?.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1))\n      ;[array[i], array[j]] = [array[j], array[i]]\n    }\n    return array\n   }\n\n    let newTracks = []\n    if (searchFilters.trending === 'Random') searchFilters.trending = ''\n    axios.get(`${APIs.tracks}?load=user_details&offset=${length || downloads.length}&limit=5&object_type=user&action=download&object_id=${userInfo.user_id}&searchFilters=${encodeURIComponent(JSON.stringify(searchFilters))}`).then((res) => {\n      setTracksTotal(res?.data?.total)\n      if (searchFilters.trending === '') newTracks = res.data?.results ? shuffleVocals(res.data.results) : []\n      else{\n        newTracks = res.data?.results ? res.data?.results?.filter((track) =>\n        track?.status === \"active\"\n        ) : []\n      }\n\n    if(length === 0)\n      setDownloads(newTracks)\n\n    else\n      setDownloads([...downloads, ...newTracks])\n\n    })\n  }, [downloads, searchFilters, userInfo.user_id] )\n\n  const fetchVocals = useCallback(async (length) => {\n    const updatedFilters = []\n\n      for (const [key, val] of Object.entries(searchFilters)) {\n        if (!key.includes(\"is\")  && val !== \"\" && val !== \"Random\") updatedFilters.push(`${key.charAt(0).toUpperCase() + key.slice(1)}: ${val}`)\n        setAppliedFilters(updatedFilters)\n      }\n    sendRequest(length)\n    }, [downloads, searchFilters])\n\n  useEffect(()=> {\n    if(firstLoad)\n      setFirstLoad(false)\n    else\n      fetchVocals(0)\n  }, [firstLoad, searchFilters])\n\n  const clearFilterData = useCallback(async () => {\n    setSearchFilters(filterInitialValues)\n  }, [downloads, searchFilters])\n\n  const removeFilter = useCallback(async(key, length) => {\n\n    for (const [k, v] of Object.entries(searchFilters)) {\n      if (k.toLowerCase() === key.split(':')[0].toLowerCase() && key.split(':')[1] !== ''){\n        searchFilters[k] = ''\n         setAppliedFilters(appliedFilters.filter(prevFilter => prevFilter !== key))\n      }\n    }\n    sendRequest(length)\n   }, [appliedFilters, searchFilters])\n\n  return (\n      <Box p={0} width=\"100%\">\n        <ContentContainer titleLeft=\"25px\" {...props} title=\"Downloads\" titleBackground=\"linear-gradient(#A64FCF,#333333)\" gradient={\"larger\"}>\n          <VocalsTable\n            heading={heading}\n            download={true}\n            heart={false}\n            list={downloads}\n            downloadCheck={true}\n            fetchVocals={fetchVocals}\n            setSearchFilters={setSearchFilters}\n            searchFilters={searchFilters}\n            tracksTotal={tracksTotal}\n            appliedFilters={appliedFilters}\n            clearFilterData={clearFilterData}\n            removeFilter={removeFilter}\n          />\n        </ContentContainer>\n      </Box>\n  )\n}\n","import { ImHeart } from \"react-icons/im\"\n\nexport const heading = [\"#\",  \"Name\", \"Key\", \"BPM\", \"Time\", \"Waveform\", \"\",\"\"]\nexport const smHeading = [\"Play\", \"\", \"\"]\nexport const list = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound6.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound6.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: ImHeart,\n    download: \"\",\n    src: \"/tracks/sound2.mp3\"\n  }\n]\n","import * as React from \"react\"\nimport { useState, useCallback, useEffect } from \"react\"\nimport { useSelector } from \"react-redux\"\nimport { Box } from \"@material-ui/core\"\nimport { VocalsTable } from \"../../../_warbls/components/Vocals\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { heading } from \"./script\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport axios from \"axios\"\nimport { filterInitialValues } from \"../../../_warbls/components/Vocals/script\"\nimport { bgcolor } from \"@material-ui/system\"\n\nexport const Likes = (props) => {\nconst { userInfo } = useSelector((state) => state.auth)\n\nconst [likedTracks, setLikedTracks] = useState([])\nconst [firstLoad, setFirstLoad] = useState(true)\nconst [tracksTotal, setTracksTotal] = useState(0)\nconst [searchFilters, setSearchFilters] = useState(filterInitialValues)\nconst [appliedFilters, setAppliedFilters] = useState([])\n\n\nconst sendRequest = useCallback(async (length) => {\n\n  const shuffleVocals = (array) => {\n    for (let i = array?.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1))\n      ;[array[i], array[j]] = [array[j], array[i]]\n    }\n    return array\n   }\n\n  let newTracks = []\n  if (searchFilters.trending === 'Random') searchFilters.trending = ''\n  axios.get(`${APIs.tracks}?load=user_details&offset=${length || likedTracks.length}&limit=5&object_type=user&action=like&object_id=${userInfo.user_id}&searchFilters=${encodeURIComponent(JSON.stringify(searchFilters))}` ).then((res) => {\n      setTracksTotal(res?.data?.total)\n      if (searchFilters.trending === '') newTracks = res.data?.results ? shuffleVocals(res.data.results) : []\n      else{\n        newTracks = res.data?.results ? res.data?.results?.filter((track) =>\n        track?.status === \"active\"\n        ) : []\n      }\n    if(length === 0)\n      setLikedTracks(newTracks)\n\n    else\n      setLikedTracks([...likedTracks, ...newTracks])\n  })\n},[likedTracks, searchFilters, userInfo.user_id] )\n\n  const fetchVocals = useCallback(async (length) => {\n  const updatedFilters = []\n\n    for (const [key, val] of Object.entries(searchFilters)) {\n      if (!key.includes(\"is\")  && val !== \"\" && val !== \"Random\") updatedFilters.push(`${key.charAt(0).toUpperCase() + key.slice(1)}: ${val}`)\n      setAppliedFilters(updatedFilters)\n    }\n   sendRequest(length)\n }, [likedTracks, searchFilters])\n\n  useEffect(()=> {\n    if(firstLoad)\n      setFirstLoad(false)\n    else\n      fetchVocals(0)\n  }, [firstLoad, searchFilters])\n\n  const clearFilterData = useCallback(async () => {\n    setSearchFilters(filterInitialValues)\n }, [likedTracks, searchFilters])\n\n\n  const removeFilter = useCallback(async(key, length) => {\n\n    for (const [k, v] of Object.entries(searchFilters)) {\n      if (k.toLowerCase() === key.split(':')[0].toLowerCase() && key.split(':')[1] !== ''){\n        searchFilters[k] = ''\n         setAppliedFilters(appliedFilters.filter(prevFilter => prevFilter !== key))\n      }\n    }\n    sendRequest(length)\n   }, [appliedFilters, searchFilters])\n\n  return (\n    <div >\n    <Box p={0} width=\"100%\">\n      <ContentContainer titleLeft=\"25px\" {...props} title=\"Liked vocals\" titleBackground = \"linear-gradient(#4DAAC7,#333333)\" gradient={\"larger\"}>\n        <VocalsTable\n          heading={heading}\n          download={false}\n          heart={true}\n          list={likedTracks}\n          downloadCheck={false}\n          fetchVocals={fetchVocals}\n          setSearchFilters={setSearchFilters}\n          searchFilters={searchFilters}\n          tracksTotal={tracksTotal}\n          appliedFilters={appliedFilters}\n          clearFilterData={clearFilterData}\n          removeFilter={removeFilter}\n          />\n      </ContentContainer>\n    </Box>\n  </div>\n  )\n}\n","export const formScript = [\n  // {\n  //   name: \"previous_work\",\n  //   type: \"textarea\",\n  //   placeholder: \"\",\n  //   label: \"Previous Work\"\n  // },\n  // { name: \"sm_link\", type: \"textarea\", placeholder: \"\", label: \"Social media link\" },\n  // {\n  //   name: \"genre\",\n  //   type: \"textarea\",\n  //   placeholder: \"\",\n  //   label: \"Which genres do you enjoy the most?\"\n  // },\n  // { name: \"vocals\", type: \"textarea\", placeholder: \"\", label: \"How do you record your vocals?\" },\n  // {\n  //   name: \"platform_link\",\n  //   type: \"textarea\",\n  //   placeholder: \"\",\n  //   label: \"Do you currently sell vocals on other platform? \\n If so, please provide us a link:\"\n  // }\n  {\n    name: \"vocals\",\n    type: \"textarea\",\n    placeholder: \"\",\n    label: \"Tell ous about your music experience\"\n  },\n  {\n    name: \"previous_work\",\n    type: \"textarea\",\n    placeholder: \"\",\n    label: \"Provide links to some of your work\"\n  },\n  {\n    name: \"platform_link\",\n    type: \"textarea\",\n    placeholder: \"\",\n    label: \"Do you sell vocals on other platforms? If yes, provide us a link:\"\n  }\n]\n\nexport let initValues = {\n  previous_work: \"\",\n  sm_link: \"\",\n  genre: \"\",\n  vocals: \"\",\n  platform_link: \"\"\n}\n","import * as Yup from \"yup\"\n\nexport const schema = Yup.object().shape({\n  previous_work: Yup.string().required(\"this field is required\"),\n  //sm_link: Yup.string().required(\"this field is required\"),\n // genre: Yup.string().required(\"this field is required\"),\n  vocals: Yup.string().required(\"this field is required\"),\n  platform_link: Yup.string().required(\"this field is required\")\n})\n","import * as React from \"react\"\r\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\r\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\r\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\r\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\r\nimport clsx from \"clsx\"\r\nimport { Link, useHistory } from \"react-router-dom\"\r\n\r\nexport const UploadSuccess = (props) => {\r\n  const {\r\n    labelClass,\r\n    root,\r\n    rootInner,\r\n    textContainer,\r\n    typo,\r\n    bgContainer,\r\n    browseVocals\r\n  } = useStyles()\r\n\r\n  const history = useHistory()\r\n\r\n  return (\r\n    <div className={root}>\r\n      <StyledGrid className={rootInner} container>\r\n        <StyledGrid item xs={12} sm={12} md={8} lg={6}>\r\n          <Box className={textContainer} width=\"80%\" marginLeft=\"auto\" marginRight=\"auto\">\r\n            <StyledContainer p={0} my={0}>\r\n              <Typography\r\n                variant=\"h3\"\r\n                style={{ lineHeight: \"80.59px\", marginTop: \"0px\" }}\r\n                className={labelClass}\r\n              >\r\n                Perfect!\r\n              </Typography>\r\n              <Typography variant=\"p\" className={typo}>\r\n                We appreciate your submission. After we have a taken a listen to your work we will\r\n                get back to you. Because we need to have a certain quality on our vocals, some\r\n                submissions will not get accepted.\r\n                <br />\r\n                <br />\r\n                The most typically reason why we cant accept some artists is because they need to\r\n                get a quality microphone and get better at mastering the vocal. We expect every\r\n                vocal to be top quality.\r\n                <br />\r\n                <br />\r\n                We usually take around 48 hours to go through the submissions\r\n              </Typography>\r\n            </StyledContainer>\r\n            <StyledContainer p={0} my={0} mt={10}>\r\n              <Link to=\"/vocals\">\r\n                <Typography\r\n                  variant=\"p\"\r\n                  className={clsx(browseVocals)}\r\n                  style={{ color: \"white\", textDecoration: \"none\" }}\r\n                  onClick={() => {\r\n                    history.push(`/vocals`)\r\n                  }}\r\n                >\r\n                  Browse <span className={\"vocals\"}>Vocals</span>\r\n                </Typography>\r\n              </Link>\r\n            </StyledContainer>\r\n          </Box>\r\n        </StyledGrid>\r\n        <StyledGrid className={bgContainer} item xs={12} md={4} sm={12} lg={6}></StyledGrid>\r\n      </StyledGrid>\r\n    </div>\r\n  )\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  typo: {\r\n    fontSize: \"18px\"\r\n  },\r\n  btn: {\r\n    width: 180,\r\n    borderRadius: 10,\r\n    paddingTop: 12,\r\n    paddingBottom: 12,\r\n    backgroundColor: theme.palette.primary.contrastText,\r\n    color: theme.palette.primary.main,\r\n    \"&:hover\": {\r\n      color: theme.palette.primary.contrastText,\r\n      backgroundColor: theme.palette.primary.main\r\n    }\r\n  },\r\n  input: {\r\n    backgroundColor: theme.palette.primary.contrastText,\r\n    color: theme.palette.primary.main\r\n  },\r\n  labelClass: {\r\n    // fontSize: 17,\r\n    // fontWeight: \"normal\",\r\n    color: theme.palette.primary.contrastText,\r\n    margin: \"0px\"\r\n  },\r\n  browseVocals: {\r\n    fontSize: \"1.2rem\",\r\n    fontWeight: \"600\",\r\n    cursor: \"pointer\",\r\n    \"& .vocals\": {\r\n      color: theme.palette.primary.main,\r\n      backgroundColor: theme.palette.primary.contrastText,\r\n      padding: \"0.25rem\",\r\n      borderRadius: \"0.25rem\"\r\n    }\r\n  },\r\n  root: {\r\n    width: \"100%\",\r\n    height: \"100%\",\r\n    backgroundColor: \"#333333\"\r\n  },\r\n  rootInner: {\r\n    width: \"100%\",\r\n    height: \"100%\"\r\n  },\r\n  bgContainer: {\r\n    background: `url(${toAbsoluteUrl(\"/media/jordan-conner.png\")})`,\r\n    backgroundSize: \"cover\",\r\n    backgroundPosition: \"center\",\r\n    backgroundRepeat: \"no-repeat\",\r\n    [theme.breakpoints.down(\"sm\")]: {\r\n      display: \"none\"\r\n    }\r\n  },\r\n  textContainer: {\r\n    marginTop: \"10rem\",\r\n    marginLeft: \"5rem\"\r\n  }\r\n}))\r\n","import { Box, Typography } from '@material-ui/core'\nimport React, { useEffect } from 'react'\nimport './CSS/menuTap.css'\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min'\n\nconst MenuTabs = (props) => {\n\n    const {icon,heading,ID,logoutHandler,path,activeTabID} = props\n    const history = useHistory()\n\n    // const clickHandler = (e) => { \n    //     console.log(e.target.id);\n    //     setTab(e.target.id);\n    //    const activeElement = document.getElementById(e.target.id);\n    //    const nonactiveElement = document.querySelectorAll('.active-tab');\n\n    //    nonactiveElement.forEach(elem => {\n    //         elem.classList.remove('active-tab');\n    //    })\n    //    activeElement.classList.add('active-tab')\n    //  }\n\n    \n    \n\n  return (\n    <div id={ID} className='tab-container' \n    onClick={heading === 'Logout'?(() => { logoutHandler() }):(() => { \n        history.push(path)\n        // clickHandler(e)\n    })}\n    \n    >   \n    <Box style={{\n        display:\"flex\",\n        gap:'10px'\n\n    }}   \n    >\n\n            <Box style={{\n                display:'flex',\n                alignItems:'center',\n                justifyContent:'center'\n            }}>\n                <img src={icon} alt=\"icon\" />\n            </Box>\n            <Typography variant='p' style={{\n                fontSize:'1.05rem',\n                color: heading === 'Logout'&& '#FF5757'\n            }}>\n                {heading}\n            </Typography>\n        </Box>\n            <Box style={{\n            \n            }}>\n                {\n                    heading !== 'Logout'?(<img src=\"media/rightArrow.png\" alt=\">\" />):(\n                        <Box style={{width:'5px',height:'5px'}}></Box>\n                    )\n                }\n                \n            </Box>\n\n    </div>\n  )\n}\n\nexport default MenuTabs","export const formScript = [\n  // {\n  //   name: \"username\",\n  //   type: \"text\",\n  //   placeholder: \"\",\n  //   label: \"Username\"\n  // },\n  { name: \"full_name\", type: \"text\", placeholder: \"\", label: \"Full name or artist name\" },\n  { name: \"password\", type: \"text\", placeholder: \"\", label: \"Password\" },\n  { name: \"bio\", type: \"textarea\", placeholder: \"Bio\", label: \"Bio\" },\n  // {\n  //   name: \"email\",\n  //   type: \"text\",\n  //   placeholder: \"\",\n  //   label: \"Email\"\n  // },\n  // {\n  //   name: \"user_id\",\n  //   type: \"text\",\n  //   placeholder: \"\",\n  //   label: \"User ID\",\n  //   disabled: true\n  // }\n]\n\nexport const initValues = {\n  username: \"\",\n  full_name: \"\",\n  email: \"\",\n  password: \"\",\n  user_id: \"\",\n  bio: \"\",\n  user_type: \"\",\n  is_suspended: \"\"\n}\n\n\nexport const tabInfo = [\n  { \n    id:'tab1',\n    tabName:'Personal Info',\n    icon:'media/person.png',\n    active_icon:'media/person.png',\n    path:'/profile'\n  },\n  {\n    id:'tab2',\n    tabName:'My Vocals',\n    icon:'media/myMusic.png',\n    active_icon:'media/library.png',\n    path:'/my-vocals',\n  },\n  {\n    id:'tab3',\n    tabName:'Refer Friends',\n    icon:'media/friends.png',\n    active_icon:'media/friendsActive.png',\n    path:'/refer-friend',\n  },\n  {\n    id:'tab4',\n    tabName:'Affiliate',\n    icon:'media/doller.png',\n    active_icon:'media/dollerActive.png',\n    path:'/affiliate',\n  },\n  \n]\n\n\nexport const plan_card_info=[\n  { id:'card1',\n    coins:10,\n    price:1.99,\n  },\n  {\n    id:'card2',\n    coins:30,\n    price:3.99,\n  },\n  {\n    id:'card3',\n    coins:70,\n    price:7.99,\n  },\n  {\n    id:'card4',\n    coins:100,\n    price:9.99,\n  },\n]\n\n export const plans = [{\n        \"subscription_plan_id\":1,\n        \"name\":\"Intro Plan\",\n        \"description\":null,\n        \"coins\":50,\n        \"price\":4.99,\n        \"duration\":\"720:00:00\",\n        \"date_added\":\"2024-01-17T13:22:41.000Z\"},\n        {\"subscription_plan_id\":2,\"name\":\"Standard Plan\",\n        \"description\":null,\"coins\":100,\n        \"price\":8.99,\n        \"duration\":\"720:00:00\",\n        \"date_added\":\"2024-01-17T13:22:42.000Z\"},\n        {\"subscription_plan_id\":3,\n        \"name\":\"Premium Plan\",\n        \"description\":null,\"coins\":300,\n        \"price\":19.99,\"duration\":\"720:00:00\",\n        \"date_added\":\"2024-01-17T13:22:42.000Z\"},\n        {\"subscription_plan_id\":4,\n        \"name\":\"Intro Plan\",\n        \"description\":null,\n        \"coins\":50,\"price\":49.9,\n        \"duration\":\"8760:00:00\",\n        \"date_added\":\"2024-01-17T13:48:25.000Z\"},\n        {\"subscription_plan_id\":5,\"name\":\"Standard Plan\",\n        \"description\":null,\n        \"coins\":100,\n        \"price\":89.9,\"duration\":\"8760:00:00\",\n        \"date_added\":\"2024-01-17T13:48:26.000Z\"},\n        {\"subscription_plan_id\":6,\n        \"name\":\"Premium Plan\",\n        \"description\":null,\n        \"coins\":300,\"price\":199.9,\n        \"duration\":\"8760:00:00\",\n        \"date_added\":\"2024-01-17T13:48:26.000Z\"}]\n","import React, { useEffect } from 'react'\nimport { StyledContainer } from '../../../_warbls/components/Container/StyledContainer'\nimport { Box,Typography } from '@material-ui/core'\nimport MenuTabs from './MenuTabs'\nimport './CSS/profileMenu.css'\nimport { tabInfo } from './script'\n\n\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { makeStyles,Button } from \"@material-ui/core\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useFormik } from \"formik\"\nimport clsx from \"clsx\"\nimport { initValues } from \"./script\"\nimport cogoToast from \"cogo-toast\"\nimport { useHistory } from \"react-router\"\n\nconst { logoutRequest } = actions\n\nconst ProfileMenu = (props) => {\n\n    const {activeTabID} = props\n\n    const { userInfo } = useSelector((state) => state.auth);\n    const history = useHistory()\n    const dispatch = useDispatch()\n\n\n    const handleLogout = () => {\n        dispatch(logoutRequest())\n        history.push(\"/\")\n    }\n\n    useEffect(() => {\n      const tab = document.getElementById(activeTabID);\n      tab.classList.add('active-tab')\n    }, [])\n\n\n\n    \n\n    \n\n\n  return (\n    \n    <div className='profile-menu-container' >\n        \n\n            <Typography variant='p' \n                        style={{\n                            fontWeight:'bold',\n                            fontSize:'1.05rem',\n                        }}\n                        >\n                Welcome to your Profile\n            </Typography>\n\n            <Box className='image_info'>\n                <Typography variant='p' \n                        style={{\n                            fontWeight:'bold',\n                            fontSize:'1.05rem',\n                        }}\n                        >\n                    {userInfo.full_name}\n                </Typography>\n                <Box className=\"profile-image\">\n                    <img src=\"/media/tempProfileImage.png\" alt=\"profile image\" />\n\n                </Box>\n                \n            </Box>\n            <Box className='Menu-tabs'>\n                {\n                    tabInfo.map((tab,key) =>(  \n                        <MenuTabs\n                            // setTab={setTab}\n                            ID={tab.id}\n                            heading={tab.tabName}\n                            icon={tab.icon}\n                            path={tab.path}\n                        />\n                    ))\n                }\n                <MenuTabs\n                            ID='tab5'\n                            heading='Logout'\n                            icon='media/logout.png'\n                            logoutHandler={handleLogout}\n                />\n            </Box>\n\n        \n\n    </div>\n\n\n  )\n}\n\nexport default ProfileMenu\n\n\n\n\n","import { ContentContainer } from \"../../../_warbls/components/Container\"\nimport * as React from \"react\"\nimport { Box, makeStyles } from \"@material-ui/core\"\nimport ProfileMenu from \"./ProfileMenu\"\nimport './CSS/index.css'\n\nexport const ProfileContainer = ({ activeTab,children }) => {\n  const { bg, success, danger, profileRoot, info, saveBtnContainer, saveBtn } = useStyles()\n\n  return (\n    <ContentContainer\n      titleLeft=\"25px\"\n      type=\"profile\"\n      titleBackground=\"linear-gradient(to right,#3A5B5D , #89BABD, #5E8A8D )\"\n      title={\"Profile\"}\n      profile={true}\n    >\n      <Box style={{ padding: \"0 25px\", display: \"flex\", justifyContent:'start' }} pt={0} className={`${profileRoot} profile-main-container`}>\n        <Box className=\"profile-Menu-main-container\"  style={{}}>\n          <ProfileMenu  \n            activeTabID={activeTab}\n            />\n        </Box>\n          {children}\n        </Box>\n    </ContentContainer>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  bg: {\n    // backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText\n  },\n  success: {\n    color: \"#31E921\",\n    fontSize: 17,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    textAlign: \"center\"\n  },\n  info: {\n    color: \"#31DAFF\",\n    fontSize: 17,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    textAlign: \"center\"\n  },\n  danger: {\n    color: \"#FF0000\",\n    fontSize: 17,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    textAlign: \"center\"\n  },\n  profileRoot: {\n    // width: \"100%\",\n    minHeight: \"90vh\",\n    marginBottom: 20,\n    [theme.breakpoints.down(\"md\")]: {\n      marginTop: \"0rem\"\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      marginTop: \"4rem\",\n      marginBottom: 50\n    }\n  },\n  saveBtnContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"start\"\n  },\n  saveBtn: {\n    background: \"#EFEFEF\",\n    border: \"1px solid #FFFFFF\",\n    boxSizing: \"border-box\",\n    borderRadius: \"5px\",\n    color: \"black\"\n  }\n}))\n","import React, { useEffect, useState } from \"react\"\nimport {\n  Box,\n  Button,\n  makeStyles,\n  Typography\n} from \"@material-ui/core\"\nimport { useFormik } from \"formik\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { formScript } from \"./script\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../../redux/artist/actions\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { schema } from \"./schema\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { useParams } from \"react-router\"\nimport { UploadSuccess } from \"./success\"\nimport { ProfileContainer } from \"../Profile/ProfileContainer\"\nimport { useHistory } from \"react-router\"\n\n\nimport ProfileMenu from \"../Profile/ProfileMenu\"\n\nexport const UploadForm = (props) => {\n  const { btn, input, labelClass, root, rootInner, typo } = useStyles()\n  const { singleArtist } = useSelector((state) => state.artist)\n\n  const [isSuccess, setIsSuccess] = useState(true)\n  const history = useHistory();\n\n\n  const { message } = useParams()\n  const [formData, setFormData] = useState({\n    previous_work: \"\",\n    sm_link: \"\",\n    genre: \"\",\n    vocals: \"\",\n    platform_link: \"\"\n  })\n\n  useEffect(() => {\n    dispatch(actions.getSingleArtistRequest())\n  }, [])\n\n  let formik = useFormik({\n    initialValues: formData,\n    enableReinitialize: true,\n    validationSchema: schema,\n    onSubmit: (values) => {\n      dispatch(actions.createArtistRequest(values))\n      // let path = `profile`;\n      // props.history.push(path);\n    }\n  })\n\n  useEffect(() => {\n    let artist = singleArtist?.results?.length > 0 ? singleArtist?.results[0] : {}\n\n    setFormData({\n      platform_link: artist?.platform_link || \"\",\n      vocals: artist?.vocals || \"\",\n      previous_work: artist?.previous_work || \"\",\n      genre: artist?.genre || \"\",\n      sm_link: artist?.sm_link || \"\"\n    })\n  }, [singleArtist])\n\n  const dispatch = useDispatch()\n\n  useEffect(() => {\n    setIsSuccess(message === \"success\")\n  }, [message])\n\n  if(singleArtist?.results?.length > 0 ? true : false){\n    history.push('/upload-track');\n      \n  }\n\n  return (\n    <ProfileContainer\n      activeTab='tab2'\n    >\n      {isSuccess ? (\n        <UploadSuccess />\n        // <></>\n      ) : (\n        <div className={root}>\n          <StyledGrid container>\n            \n            <StyledGrid item xs={12} sm={12} md={6}>\n              <Box className={rootInner} width=\"88%\" marginLeft=\"auto\" marginRight=\"auto\">\n                <StyledContainer p={0} my={0}>\n                  {/* <Typography variant=\"h3\" style={{ lineHeight: \"80.59px\" }} className={labelClass}>\n                    Hey!\n                  </Typography> */}\n                  <Typography variant=\"p\" className={typo}>\n                    Thank you for your interest in becoming an artist on Warbls. Before we can give\n                    you upload access we need to get to know you a little better.\n                  </Typography>\n                </StyledContainer>\n                <br />\n                <StyledContainer p={0}>\n                  {formScript.map((field, index) => (\n                    <Box my={1} width=\"100%\" key={index}>\n                      <InputField\n                        label={field.label}\n                        placeholder={field.placeholder}\n                        name={field.name}\n                        type={field.type}\n                        formik={formik}\n                        classes={input}\n                        labelClass={labelClass}\n                        style={{ borderRadius: \"2px\" }}\n                        isLightTheme={true}\n                      />\n                    </Box>\n                  ))}\n                  <Box my={2} width=\"100%\" textAlign=\"left\">\n                    <Button\n                      variant=\"contained\"\n                      color=\"primary\"\n                      onClick={formik.handleSubmit}\n                      className={btn}\n                      disableElevation\n                      disabled={singleArtist?.results?.length > 0 ? true : false}\n                    >\n                      Submit\n                    </Button>\n                  </Box>\n                  {/* <Box my={2} width=\"100%\">\n                    <Box width=\"70%\" marginLeft=\"auto\" marginRight=\"auto\" textAlign=\"center\">\n                      <Typography variant=\"h6\" className={labelClass}>\n                        Thank you for your request, we will update you in 24 hours\n                      </Typography>\n                    </Box>\n                  </Box> */}\n                </StyledContainer>\n              </Box>\n            </StyledGrid>\n            <StyledGrid item xs={12} md={6} sm={12}></StyledGrid>\n          </StyledGrid>\n        </div>\n      )}\n    </ProfileContainer>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    // fontSize: \"18px\"\n    fontSize:'1rem'\n  },\n  btn: {\n    width: 180,\n    borderRadius: \"2px\",\n    paddingTop: 12,\n    paddingBottom: 12,\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    \"&:hover\": {\n      color: theme.palette.primary.contrastText,\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  input: {\n    //minHeight: \"5rem\",\n    // minWidth: \"40rem\",\n  },\n  labelClass: {\n    // fontSize: 17,\n    // fontWeight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    margin: \"0px\"\n  },\n  root: {\n    background: `url(${toAbsoluteUrl(\"/media/uploadformPic.png\")})`,\n    width: \"100%\",\n    height: \"100%\",\n    backgroundSize: \"contain\",\n    backgroundPosition: \"right\",\n    backgroundRepeat: \"no-repeat\",\n    // backgroundColor: \"#04080B\"\n  },\n  rootInner: {\n    paddingTop:'1rem'\n    // marginTop: \"10rem\",\n    // marginLeft: \"10rem\"\n  }\n}))\n","import * as Yup from \"yup\"  \nexport const schema = Yup.object().shape({\n    bpm: Yup.string().required(\"bpm is required\"),\n    genre: Yup.string().required(\"genre is required\"),\n    key: Yup.string().required(\"key is required\"),\n    language: Yup.string().required(\"language is required\"),\n    track_name: Yup.string().required(\"track name is required\"),\n    // track_url: Yup.string().required(\"track file is required\"),\n    // image_url: Yup.string().required(\"image file is required\"),\n})","import { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport clsx from \"clsx\"\nimport { useFormik } from \"formik\"\nimport * as React from \"react\"\nimport { useEffect } from 'react';\nimport { BiUpload } from \"react-icons/bi\"\nimport { BsImageFill } from \"react-icons/bs\"\nimport { FaMinus } from \"react-icons/fa\"\nimport { HiQuestionMarkCircle } from \"react-icons/hi\"\nimport { POST } from \"../../../_helpers/fetcher\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { bpm, formScript, genres, initValues, key, languages } from \"./script\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { schema } from \"../Terms/schema\"\n\nconst { useRef, useState } = React\n\nexport const Vocal = ({ reset, vocal, removeVocalCallback ,track,image}) => {\n  const {\n    labelClass,\n    addDelBtn,\n    input,\n    uploadsBoxes,\n    selectStyle,\n    typo,\n    fileInput,\n    boldTypo,\n    phraseBox,\n    textBoxes,\n    inputBox,\n    btnWrapper,\n    imgUpload,\n    phraseShotStyle,\n    exampleTypoBox,\n    success_color\n  } = useStyles()\n  const inputRef = useRef()\n  const imageRef = useRef()\n  // const [track, setTrack] = useState()\n  // const [image, setImage] = useState()\n  const [phraseShot, setPhraseShot] = useState()\n  const [stutterChops, setStutterChops] = useState()\n  const [dry, setDry] = useState()\n  const [gender, setGender] = useState('')\n\n\n  useEffect(() => {\n    handlePhrase();\n    handleOneShot();\n    handleDry();\n    handleWet();\n  }, []);\n  // const { auth, userInfo } = useSelector((state) => state.auth)\n\n  const formik = useFormik({\n    initialValues: initValues,\n    validationSchema: schema,\n    onSubmit: async (values, { resetForm }) => {\n      //console.log(values)\n    }\n  })\n  vocal.formik = formik\n  const handleSelectFile = () => {\n    inputRef.current.click()\n  }\n\n  const handleSelectImage = () => {\n    imageRef.current.click()\n  }\n\n  // const handleTrack = async (e) => {\n  //   let file = e.target.files[0];\n  //   if (file) {\n  //       // Create a unique file name\n  //       const uniqueFileName = `${Date.now()}-${file.name}`; // or use `uuidv4()` for UUID\n        \n  //       // Rename the file\n  //       const renamedFile = new File([file], uniqueFileName, { type: file.type });\n\n  //       let fd = new FormData();\n  //       fd.append(\"files\", renamedFile);\n  //       vocal[\"track\"] = fd;\n\n  //       setTrack({ name: \"Please wait, file is uploading...\", isUploading: true });\n\n  //       const imageResponse = await POST(APIs.uploadTrack, fd);\n  //       vocal[\"track_url\"] = imageResponse?.data.location;\n\n  //       setTrack(renamedFile);\n  //   }\n  // }\n\n//   const handleImage = async (e) => {\n//     let file = e.target.files[0];\n//     if (file) {\n//         // Create a unique file name\n//         const uniqueFileName = `${Date.now()}-${file.name}`; // or use `uuidv4()` for UUID\n        \n//         // Rename the file\n//         const renamedFile = new File([file], uniqueFileName, { type: file.type });\n\n//         let fd = new FormData();\n//         fd.append(\"files\", renamedFile);\n//         vocal[\"image\"] = fd;\n\n//         setImage({ name: \"Please wait, file is uploading...\", isUploading: true });\n\n//         const trackResponse = await POST(APIs.uploadTrack, fd);\n//         vocal[\"image_url\"] = trackResponse?.data.location;\n\n//         setImage(renamedFile);\n//     }\n// };\n\n  const handlePhrase = () => {\n    if (!vocal[\"is_phrases\"]) {\n      vocal[\"is_phrases\"] = 1\n      vocal[\"is_oneshot\"] = 0\n      setPhraseShot(\"phrase\")\n    } else {\n      vocal[\"is_phrases\"] = 0\n      setPhraseShot(\"\")\n    }\n  }\n\n  const handleOneShot = () => {\n    if (!vocal[\"is_oneshot\"]) {\n      vocal[\"is_oneshot\"] = 1\n      vocal[\"is_phrases\"] = 0\n      setPhraseShot(\"shot\")\n    } else {\n      vocal[\"is_oneshot\"] = 0\n      setPhraseShot(\"\")\n    }\n  }\n  const handleStutter = () => {\n    if (!vocal[\"is_stutter\"]) {\n      vocal[\"is_stutter\"] = 1\n      vocal[\"is_vocalchops\"] = 0\n      setStutterChops(\"stutter\")\n    } else {\n      vocal[\"is_stutter\"] = 0\n      setStutterChops(\"\")\n    }\n  }\n  const handleChops = () => {\n    if (!vocal[\"is_vocalchops\"]) {\n      vocal[\"is_vocalchops\"] = 1\n      vocal[\"is_stutter\"] = 0\n      setStutterChops(\"chops\")\n    } else {\n      vocal[\"is_vocalchops\"] = 0\n      setStutterChops(\"\")\n    }\n  }\n\n  const handleDry = () => {\n    if (!vocal[\"is_dry\"]) {\n      vocal[\"is_dry\"] = 1\n      vocal[\"is_wet\"] = 0\n      setDry(\"dry\")\n    } else {\n      vocal[\"is_dry\"] = 0\n      setDry(\"\")\n    }\n  }\n\n  const handleWet = () => {\n    if (!vocal[\"is_wet\"]) {\n      vocal[\"is_wet\"] = 1\n      vocal[\"is_dry\"] = 0\n      setDry(\"wet\")\n    } else {\n      vocal[\"is_wet\"] = 0\n      setDry(\"\")\n    }\n  }\n\n  const handleMale = () => {\n    if (!vocal[\"is_male\"]) {\n      vocal[\"is_male\"] = 1\n      vocal[\"is_female\"] = 0\n      // setDry(\"wet\")\n      setGender('male')\n    } else {\n      vocal[\"is_male\"] = 0\n      setGender('')\n      // setDry(\"\")\n    }\n\n  }\n  const handleFemale = () => {\n    if (!vocal[\"is_female\"]) {\n      vocal[\"is_female\"] = 1\n      vocal[\"is_male\"] = 0\n      // setDry(\"wet\")\n      setGender('female')\n    } else {\n      vocal[\"is_female\"] = 0\n      setGender('')\n      // setDry(\"\")\n    }\n  }\n\n  const handleRemoveVocal = () => {\n    removeVocalCallback(vocal)\n  }\n  return (\n    <>\n      <Box mt={6} display=\"flex\" className={uploadsBoxes}>\n        <input\n          type=\"file\"\n          ref={inputRef}\n          accept=\"audio/*,video/*\"\n          onChange= {(e) => { vocal['track'] = e}}//{handleTrack}\n          className={fileInput}\n        />\n        <input\n          type=\"file\"\n          ref={imageRef}\n          accept=\"image/*\"\n          onChange= {(e) => { vocal['image'] = e}}//{handleImage}\n          className={fileInput}\n        />\n\n        <Box\n          onClick={handleSelectFile}\n          display=\"flex\"\n          // bgcolor=\"#fff\"\n          justifyContent=\"space-around\"\n          alignItems=\"center\"\n          borderRadius={5}\n          className={`${imgUpload} pointer`}\n        >\n          <Box p={1}>\n            <BiUpload fontSize={22} />\n          </Box>\n          <Box p={1}>\n            <Typography className={typo}>Add vocal file</Typography>\n          </Box>\n        </Box>\n        <Box\n          display=\"flex\"\n          onClick={handleSelectImage}\n          px={2}\n          //bgcolor=\"#fff\"\n          justifyContent=\"space-around\"\n          alignItems=\"center\"\n          borderRadius={5}\n          className={`${imgUpload} pointer`}\n        >\n          <Box p={1}>\n            <BsImageFill fontSize={22} />\n          </Box>\n          <Box p={1}>\n            <Typography className={typo}>Add cover image</Typography>\n          </Box>\n        </Box>\n      </Box>\n      <Box display=\"flex\" className={uploadsBoxes}>\n        <Box\n          display=\"flex\"\n          //bgcolor=\"#fff\"\n          justifyContent=\"space-around\"\n          alignItems=\"center\"\n          width=\"100%\"\n        >\n          <Box\n            display=\"flex\"\n            onClick={handleSelectImage}\n            px={2}\n            //bgcolor=\"#fff\"\n            justifyContent=\"space-around\"\n            alignItems=\"center\"\n          >\n            {formik.errors.track && (\n              <small className={clsx(\"error\")}>track file is required</small>\n            )}\n          </Box>\n          <Box\n            display=\"flex\"\n            onClick={handleSelectImage}\n            px={2}\n            //bgcolor=\"#fff\"\n            justifyContent=\"space-around\"\n            alignItems=\"center\"\n          >\n            {formik.errors.image && (\n              <small className={clsx(\"error\")}>image file is required</small>\n            )}\n          </Box>\n        </Box>\n      </Box>\n      <Box display=\"block\" className={exampleTypoBox}>\n        <Typography className={boldTypo}>\n          {\" \"}\n          Correct order for filename: Artist_Name_Song_Name_BPM_KEY &nbsp;\n        </Typography>\n        <Typography className={boldTypo}>\n          Example on valid filename: John_Smith_Hey_You_110_Em.waw&nbsp;\n        </Typography>\n      </Box>\n\n      {/* {track && (\n        <Box\n          display=\"flex\"\n          className={textBoxes}\n          flexDirection=\"column\"\n          justifyContent=\"space-around\"\n          pt={3}\n          pb={0.5}\n        >\n          <Box display=\"flex\" justifyContent=\"center\">\n            <Typography className={boldTypo}>Track:&nbsp;</Typography>\n            <Typography className={boldTypo}>\n              {\" \"}\n              <span className={success_color}>{track.name}</span>\n            </Typography>\n          </Box>\n        </Box>\n      )}\n      {image && (\n        <Box\n          display=\"flex\"\n          className={textBoxes}\n          flexDirection=\"column\"\n          justifyContent=\"space-around\"\n          pt={0}\n          pb={0}\n        >\n          <Box display=\"flex\" justifyContent=\"center\">\n            <Typography className={boldTypo}>Cover Image:&nbsp;</Typography>\n            <Typography className={boldTypo}>\n              {\" \"}\n              <span className={success_color}>{image.name}</span>\n            </Typography>\n          </Box>\n        </Box>\n      )} */}\n\n      <Box mt={4} className={inputBox}>\n        {formScript.map((field, index) => (\n          <InputField\n            onChange={(event) => {\n              vocal[field.name] = event.target.value\n            }}\n            label={field.label}\n            key={index}\n            placeholder={field.placeholder}\n            name={field.name}\n            type={field.type}\n            formik={formik}\n            classes={input}\n            labelClass={labelClass}\n          />\n        ))}\n      </Box>\n\n      <Box className={inputBox} mb={0} display=\"flex\" gridGap={10} justifyContent=\"space-between\">\n        <Box\n          className={clsx(phraseBox, \"pointer\", phraseShot === \"phrase\" && phraseShotStyle)}\n          onClick={handlePhrase}\n          style={{\n            flex:'1 1 auto'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>Phrase</Typography>\n          </Box>\n          {/* <HiQuestionMarkCircle fontSize={25} /> */}\n        </Box>\n\n        <Box\n          className={clsx(phraseBox, \"pointer\", phraseShot === \"shot\" && phraseShotStyle)}\n          onClick={handleOneShot}\n          style={{\n            flex:'1 1 auto'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>One-Shot</Typography>\n          </Box>\n          {/* <HiQuestionMarkCircle fontSize={25} /> */}\n        </Box>\n        <Box\n          className={clsx(phraseBox, \"pointer\", stutterChops === \"chops\" && phraseShotStyle)}\n          onClick={handleChops}\n          style={{\n            flex:'1 1 auto'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>Vocal Chops</Typography>\n          </Box>\n        </Box>\n        <Box\n          className={clsx(phraseBox, \"pointer\", stutterChops === \"stutter\" && phraseShotStyle)}\n          onClick={handleStutter}\n          style={{\n            flex:'1 1 150px'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography variant=\"p\" className={typo}>Stutter</Typography>\n          </Box>\n        </Box>\n        {/* <Box\n          className={clsx(phraseBox, \"pointer\", phraseShot === \"chops\" && phraseShotStyle)}\n          onClick={handleOneShot}\n          style={{\n            flex:'1 1 150px'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography style={{fontSize:'0.75rem'}} variant=\"p\"  className={typo}>Harmonies</Typography>\n          </Box>\n        </Box> */}\n        {/* <Box\n          className={clsx(phraseBox, \"pointer\", phraseShot === \"chops\" && phraseShotStyle)}\n          onClick={handleOneShot}\n          style={{\n            flex:'1 1 150px'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography variant=\"p\" className={typo}>Ad-libs</Typography>\n          </Box>\n        </Box> */}\n      </Box>\n\n      {/* <Box className={inputBox} mb={0} mt={1} display=\"flex\" justifyContent=\"space-between\">\n        <Box\n          className={clsx(phraseBox, \"pointer\", dry === \"dry\" && phraseShotStyle)}\n          onClick={handleDry}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>Dry</Typography>\n          </Box>\n          <HiQuestionMarkCircle fontSize={25} />\n        </Box>\n        <Box\n          className={clsx(phraseBox, \"pointer\", dry === \"wet\" && phraseShotStyle)}\n          onClick={handleWet}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>Wet</Typography>\n          </Box>\n          <HiQuestionMarkCircle fontSize={25} />\n        </Box>\n      </Box> */}\n\n      <Box mt={1} className={inputBox} display=\"flex\" gridGap={10} justifyContent=\"space-between\">\n        <Select\n          options={genres.sort((a, b) => a.label.localeCompare(b.label))}\n          classes={selectStyle}\n          formik={formik}\n          name=\"genre\"\n          onChange={(event) => {\n            vocal[\"genre\"] = event.target.value\n          }}\n        />\n        {/* <Select\n          options={languages.sort((a, b) => a.label.localeCompare(b.label))}\n          classes={selectStyle}\n          formik={formik}\n          name=\"language\"\n          onChange={(event) => {\n            vocal[\"language\"] = event.target.value\n          }}\n        /> */}\n        <Box\n          className={clsx(phraseBox, \"pointer\", gender === \"male\" && phraseShotStyle)}\n          onClick={handleMale}\n          style={{\n            flex:'1 8 auto'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography variant=\"p\" className={typo}>Male</Typography>\n          </Box>\n        </Box>\n        <Box\n          className={clsx(phraseBox, \"pointer\", gender === \"female\" && phraseShotStyle)}\n          onClick={handleFemale}\n          style={{\n            flex:'1 8 auto'\n          }}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography variant=\"p\" className={typo}>Female</Typography>\n          </Box>\n        </Box>\n        <Select\n          options={bpm}\n          classes={selectStyle}\n          formik={formik}\n          name=\"bpm\"\n          onChange={(event) => {\n            vocal[\"bpm\"] = event.target.value\n          }}\n        />\n        <Select\n          options={key.sort((a, b) => a.label.localeCompare(b.label))}\n          classes={selectStyle}\n          formik={formik}\n          name=\"key\"\n          onChange={(event) => {\n            vocal[\"key\"] = event.target.value\n          }}\n        />\n      </Box>\n\n      <Box my={1} gridGap={10} className={btnWrapper} display=\"flex\">\n        <Box\n          justifyContent=\"center\"\n          display=\"flex\"\n          className={addDelBtn}\n          onClick={handleRemoveVocal}\n        >\n          <FaMinus fontSize={20}></FaMinus>\n        </Box>\n\n        <Box\n          className={clsx(phraseBox, \"pointer\", dry === \"dry\" && phraseShotStyle)}\n          onClick={handleDry}\n          \n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>Dry</Typography>\n          </Box>\n          {/* <HiQuestionMarkCircle fontSize={25} /> */}\n        </Box>\n        <Box\n          className={clsx(phraseBox, \"pointer\", dry === \"wet\" && phraseShotStyle)}\n          onClick={handleWet}\n        >\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>Wet</Typography>\n          </Box>\n          {/* <HiQuestionMarkCircle fontSize={25} /> */}\n        </Box>\n      </Box>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    color: `${theme.palette.primary.contrastText} !important`,\n    \"&.MuiTypography-body1\": {\n      fontSize: 17,\n      fontWeight: 500,\n      color: \"#000000\",\n      wordSpacing: 2,\n      [theme.breakpoints.down(\"sm\")]: {\n        fontSize: 14\n      }\n    }\n  },\n  success_color: {\n    color: theme.palette.success.main\n  },\n  exampleTypoBox: {\n    width: \"100%\",\n    margin: \"auto\",\n    marginTop: \"2rem\",\n    textAlign: \"center\",\n    \"& .MuiTypography-body1\": {\n      color: theme.palette.primary.contrastText + \" !important\"\n    }\n  },\n  listStyle: {\n    listStyle: \"disk\"\n  },\n  btn: {\n    width: \"100%\",\n    borderRadius: 5,\n    paddingTop: 10,\n    paddingBottom: 10,\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  addDelBtn: {\n    width: \"15%\",\n    borderRadius: 5,\n    padding: 10,\n    marginRight: 7,\n    cursor: \"pointer\",\n    //paddingBottom: 10,\n    border: `1px solid`,\n    //backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    \"&:hover\": {\n      //  backgroundColor: theme.palette.primary.main\n    }\n  },\n  publishBtnStyle: {\n    width: \"85%\",\n    backgroundColor: \"#86DB78\",\n    \"&:hover\": {\n      backgroundColor: \"#477b3f\"\n    }\n  },\n  input: {\n    backgroundColor: \"#ffffff00\"\n  },\n  labelClass: {\n    fontSize: 16,\n    fontWeight: 500,\n    color: \"#000000\"\n  },\n\n  fileInput: {\n    display: \"none\"\n  },\n  boldTypo: {\n    \"&.MuiTypography-body1\": {\n      fontSize: 17,\n      fontWeight: 500,\n      color: theme.palette.primary.contrastText,\n      [theme.breakpoints.down(\"sm\")]: {\n        fontSize: 14\n      }\n    }\n  },\n  phraseBox: {\n    //backgroundColor: \"#ffffff\",\n    borderColor: theme.palette.primary.contrastText,\n    border: \"1px solid\",\n    padding: 8,\n    width: \"49%\",\n    borderRadius: 5,\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  uploadsBoxes: {\n    width: \"45%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    justifyContent: \"space-around\",\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"60%\"\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"80%\"\n    },\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"90%\",\n      justifyContent: \"space-between\"\n    }\n  },\n  textBoxes: {\n    width: \"50%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"70%\"\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"90%\"\n    },\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"100%\",\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  },\n  inputBox: {\n    width: \"60%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    paddingLeft: 64,\n    paddingRight: 64,\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"70%\",\n      paddingLeft: 0,\n      paddingRight: 0\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"90%\",\n      paddingLeft: 0,\n      paddingRight: 0\n    },\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"100%\",\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  },\n  btnWrapper: {\n    width: \"60%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    paddingLeft: \"64px\",\n    paddingRight: \"64px\",\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"100%\",\n      marginLeft: 0,\n      marginRight: 0,\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  },\n  imgUpload: {\n    border: \"1px solid #969696\",\n    color: theme.palette.primary.contrastText,\n    paddingLeft: 16,\n    paddingRight: 16,\n    [theme.breakpoints.down(\"sm\")]: {\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  },\n  select: {\n    backgroundColor: `${theme.palette.primary.contrastText}00`,\n    color: `${theme.palette.primary.contrastText}`,\n    borderRadius: 5,\n    border: `1px solid ${theme.palette.primary.contrastText}`,\n    padding: \"6px 7px\",\n    //        width: \"11%\",\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"100%\",\n      margin: \"5px 0px\",\n      padding: \"12px 7px\"\n    }\n  },\n  selectStyle: {\n    //       width: \"24% !important\",\n    //border: \"0px\",\n    paddingTop: 13,\n    paddingBottom: 13,\n    paddingLeft: 5,\n    flexGrow:2,\n    flexShrink:1,\n    flexBasis:'auto'\n  },\n  phraseShotStyle: {\n    border: \"2px solid #86DB78\"\n  }\n}))\n\nexport const Select = ({ options, name, formik, onChange }) => {\n  const { select, selectStyle } = useStyles()\n\n  return (\n    <span style={{ flexDirection: \"column\", display: \"flex\", width: \"24%\" }}>\n      <select\n        onChangeCapture={onChange}\n        className={clsx(select, selectStyle)}\n        {...formik.getFieldProps(name)}\n      >\n        {options.map((o, index) => (\n          <option key={index} value={o.value}>\n            {o.label}\n          </option>\n        ))}\n      </select>\n      {formik.touched[name] && formik.errors[name] && (\n        <small className={clsx(\"error\")}>{formik.errors[name]}</small>\n      )}\n    </span>\n  )\n}\n","import { useState } from \"react\"\nimport { Box, Button, CircularProgress, makeStyles } from \"@material-ui/core\"\nimport clsx from \"clsx\"\nimport * as React from \"react\"\nimport { FaPlus } from \"react-icons/fa\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../../redux/track/actions\"\nimport { initValues } from \"./script\"\nimport { Vocal } from \"./Vocal\"\nimport { store } from \"../../../redux/store\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { POST } from \"../../../_helpers/fetcher\"\n\nexport const AddVocal = ({}) => {\n  const { btn, addDelBtn, publishBtnStyle, btnWrapper } = useStyles()\n  const [track, setTrack] = useState();\n  const [image, setImage] = useState()\n  const [loading,setLoading] = useState(false)\n\n  const [vocals, setVocals] = useState([\n    {\n      ...initValues,\n      id: new Date().getTime(),\n      added_by: store.getState().auth.userInfo.user_id,\n      formik: null\n    }\n  ])\n\n  const dispatch = useDispatch()\n  // const { loading } = useSelector((state) => state.track)\n\n  // const formik = useFormik({\n  //   initialValues: initValues,\n  //   validationSchema: schema,\n  //   onSubmit: async (values, { resetForm }) => {\n\n  //     dispatch(actions.uploadTrackRequest(vocals))\n  //   }\n  // })\n\n  const handleTrack = async (e) => {\n    let file = e.target.files[0];\n    if (file) {\n        // Create a unique file name\n        const uniqueFileName = `${Date.now()}-${file.name}`; // or use `uuidv4()` for UUID\n        \n        // Rename the file\n        const renamedFile = new File([file], uniqueFileName, { type: file.type });\n\n        let fd = new FormData();\n        fd.append(\"files\", renamedFile);\n        // vocal[\"track\"] = fd;\n\n        setTrack({ name: \"Please wait, file is uploading...\", isUploading: true });\n\n        const imageResponse = await POST(APIs.uploadTrack, fd);\n        setTrack(renamedFile);\n        return imageResponse?.data.location;\n        // vocal[\"track_url\"] = imageResponse?.data.location;\n\n    }\n  }\n\n  const handleImage = async (e) => {\n    let file = e.target.files[0];\n    if (file) {\n        // Create a unique file name\n        const uniqueFileName = `${Date.now()}-${file.name}`; // or use `uuidv4()` for UUID\n        \n        // Rename the file\n        const renamedFile = new File([file], uniqueFileName, { type: file.type });\n\n        let fd = new FormData();\n        fd.append(\"files\", renamedFile);\n        // vocal[\"image\"] = fd;\n\n        setImage({ name: \"Please wait, file is uploading...\", isUploading: true });\n\n        const trackResponse = await POST(APIs.uploadTrack, fd);\n        setImage(renamedFile);\n        return trackResponse?.data.location;\n        // vocal[\"image_url\"] = trackResponse?.data.location;\n\n    }\n};\n  const handlePublish = async () => {\n    let isValid = true;\n    setLoading(true)\n    for (const vocal of vocals) {\n        if (vocal.is_phrases === 1) vocal.price = 19.90;\n        if (vocal.is_oneshot === 1) vocal.price = 6.90;\n        \n        console.log(\"aaa\",vocal.formik)\n        vocal.formik.handleSubmit();\n        if(vocal.formik.isValid){\n          vocal[\"track_url\"] = await handleTrack(vocal['track']);\n          vocal[\"image_url\"] = await handleImage(vocal['image']);\n          delete vocal['track'];\n          delete vocal['image'];\n        }\n        isValid = isValid && vocal.formik.isValid && !!vocal.track_url && !!vocal.image_url;\n    }\n    console.log({ vocals });\n    if (isValid) {\n      console.log({isValid})\n      dispatch(actions.uploadTrackRequest(vocals));\n      setLoading(false)\n    }\n  }\n  const handleAddVocal = () => {\n    let vcls = [...vocals, { ...initValues, id: new Date().getTime() }]\n    setVocals(vcls)\n  }\n  const handleRemoveVocal = ({ id }) => {\n    let vcls = vocals.filter((v) => v.id !== id)\n    setVocals(vcls)\n  }\n\n  return (\n    <>\n      {vocals.map((vocal, index) => (\n        <Vocal key={vocal.id} vocal={vocal} removeVocalCallback={handleRemoveVocal} track={track} image={image}/>\n      ))}\n      <Box my={2} className={btnWrapper} display=\"flex\">\n        <Box justifyContent=\"center\" display=\"flex\" className={addDelBtn} onClick={handleAddVocal}>\n          <FaPlus fontSize={20}></FaPlus>\n        </Box>\n\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          // onClick={formik.handleSubmit}\n          className={clsx(btn, publishBtnStyle)}\n          disableElevation\n        >\n          {loading ? <CircularProgress size={20} color=\"inherit\" /> : \"Publish\"}\n        </Button>\n      </Box>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  btnWrapper: {\n    width: \"60%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    paddingLeft: \"64px\",\n    paddingRight: \"64px\",\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"100%\",\n      marginLeft: 0,\n      marginRight: 0,\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  },\n\n  addDelBtn: {\n    width: \"15%\",\n    borderRadius: 5,\n    padding: 10,\n    marginRight: 7,\n    cursor: \"pointer\",\n    //paddingBottom: 10,\n    border: `1px solid`,\n    //backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    \"&:hover\": {\n      //backgroundColor: theme.palette.primary.main\n    }\n  },\n  btn: {\n    width: \"100%\",\n    borderRadius: 5,\n    paddingTop: 10,\n    paddingBottom: 10,\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  publishBtnStyle: {\n    width: \"85%\",\n    backgroundColor: theme.palette.success.main,\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.main\n    }\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography, Button } from \"@material-ui/core\"\nimport { useSelector } from \"react-redux\"\nimport { listText } from \"./script\"\n\nexport const Terms = ({ next }) => {\n  const { typo, listStyle, btn, boxPadding } = useStyles()\n  const { auth } = useSelector((state) => state.auth)\n\n  return (\n    <>\n      <Box className={boxPadding}>\n        <Typography variant=\"h6\" style={{ marginBottom: \"10px\" }}>\n          Upload Policy\n        </Typography>\n        <Typography className={typo}>\n          You acknowlegde and agree that all vocalfiles uploaded to Warbls.com are 100% your own, and that you own the copyright to your work. You\n          acknowledge and agree that all your uploads will be royalty-free for all users downloading your vocalfiles. Even if you remove your account\n          you understand that your uploads can still be used by users and Warbls.com.\n        </Typography>\n      </Box>\n\n      <Box className={boxPadding}>\n        <Typography variant=\"h6\">Rules</Typography>\n        <ul className={listStyle}>\n          {listText.map((list, index) => (\n            <List text={list.text} key={index} />\n          ))}\n        </ul>\n      </Box>\n      <Box className={boxPadding}>\n        <Typography className={typo}>\n          <strong> IMPORTANT: If these rules are not followed the vocal file will not be approved.</strong>\n        </Typography>\n      </Box>\n      <Box width=\"100%\" textAlign=\"center\">\n        {auth && (\n          <Button variant=\"contained\" color=\"primary\" onClick={next} className={btn} disableElevation>\n            I Agree\n          </Button>\n        )}\n      </Box>\n    </>\n  )\n}\n\nconst List = ({ text }) => {\n  const { typo } = useStyles()\n  return (\n    <Typography component=\"li\" className={typo}>\n      {text}\n    </Typography>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    color: theme.palette.primary.contrastText,\n    \"&.MuiTypography-body1\": {\n      color: theme.palette.primary.contrastText,\n      fontSize: 17,\n      fontWeight: 400,\n      wordSpacing: 2,\n      fontStyle: \"normal\",\n      [theme.breakpoints.down(\"sm\")]: {\n        fontSize: 14\n      }\n    }\n  },\n  listStyle: {\n    listStyle: \"disk\"\n  },\n  btn: {\n    width: 180,\n    borderRadius: 10,\n    paddingTop: 12,\n    paddingBottom: 12,\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n\n    \"&:hover\": {\n      backgroundColor: theme.palette.secondary.main\n    },\n\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"9px 0px\",\n      \"&.MuiButton-label\": {\n        fontSize: 14\n      }\n    }\n  },\n  boxPadding: {\n    padding: \"12px 64px 32px 64px\",\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"10px 20px\"\n    }\n  }\n}))\n","import * as React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport Stepper from \"@material-ui/core/Stepper\"\nimport Step from \"@material-ui/core/Step\"\nimport StepLabel from \"@material-ui/core/StepLabel\"\nimport { AddVocal } from \"./AddVocal\"\nimport { Terms } from \"./Terms\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { useHistory } from \"react-router\"\n\nimport { actions as trackActions } from \"../../../redux/track/actions\"\n// import { actions } from \"../../../redux/track/actions\"\n\nconst { useState, useEffect } = React\n\nfunction getSteps() {\n  return [\"Terms\", \"Add Vocals\"]\n}\n\nexport const TermsAddStepper = () => {\n  const history = useHistory()\n  const { root, bg, circle, stepper, lable, container } = useStyles()\n  const [activeStep, setActiveStep] = useState(0)\n  const steps = getSteps()\n  const dispatch = useDispatch()\n  const { userInfo } = useSelector((state) => state.auth)\n\n  useEffect(() => {\n    if(!userInfo.is_upload_permission)\n    history.push('/vocals');\n    // userInfo.user_type === 0 && history.push(\"/upload-form\")\n  }, [])\n\n  useEffect(() => () => dispatch(trackActions.uploadTrackRequestSetUploadingBitFalse()), []) //uploadTrackRequestSetUploadingBitFalse\n  useEffect(() => dispatch(trackActions.uploadTrackRequestSetUploadingBitFalse()), [])\n\n  const handleNext = () => {\n    setActiveStep((prev) => prev + 1)\n  }\n\n  const handleReset = () => {\n    setActiveStep(0)\n  }\n\n  return (\n    <StyledContainer maxWidth=\"lg\" className={container}>\n      <div className={root}>\n        <div style={{ width: \"100%\" }}>\n          <Stepper activeStep={activeStep} alternativeLabel className={stepper} classes={{ root: bg }}>\n            {steps.map((label) => (\n              <Step key={label} className={circle}>\n                <StepLabel className={lable}>{label}</StepLabel>\n              </Step>\n            ))}\n          </Stepper>\n          <div>{activeStep === 0 ? <Terms next={handleNext} /> : <AddVocal reset={handleReset} />}</div>\n        </div>\n      </div>\n    </StyledContainer>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: \"100%\",\n    minHeight: \"70vh\",\n    display: \"flex\",\n    alignItems: \"center\",\n    color: theme.palette.primary.contrastText,\n    \"@media (max-width:959px) \": {\n      marginBottom: \"50px\"\n    }\n  },\n  bg: {\n    backgroundColor: \"transparent\",\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"24px 5px\"\n    }\n  },\n  circle: {\n    \"& .MuiSvgIcon-root\": {\n      height: 40,\n      width: 40,\n      borderRadius: \"5px\"\n    }\n  },\n  stepper: {\n    width: \"70%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    \"& .MuiStepConnector-lineHorizontal\": {\n      borderTopWidth: 5\n    },\n    \"& .MuiStepConnector-line\": {\n      borderColor: theme.palette.primary.contrastText\n    },\n    \"& .MuiStepConnector-alternativeLabel\": {\n      top: 17\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"90%\"\n    },\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"100%\"\n    }\n  },\n  lable: {\n    \"& .MuiStepLabel-label.MuiStepLabel-alternativeLabel\": {\n      marginTop: 4\n    },\n    \"& .MuiTypography-body2\": {\n      fontSize: 17,\n      color: theme.palette.primary.contrastText,\n      fontWeight: 400\n    }\n  },\n  container: {\n    padding: \"32px 80px\",\n    // display: \"flex\",\n    // alignItems: \"center\",\n    background: \"#333333\",\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"12px 30px\"\n    }\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport clsx from \"clsx\"\nimport { useHistory } from \"react-router\"\n\nexport const TrackUploadSuccess = (props) => {\n  const {\n    labelClass,\n    root,\n    rootInner,\n    textContainer,\n    typo,\n    bgContainer,\n    browseVocals\n  } = useStyles()\n  const history = useHistory()\n\n  return (\n    <div className={root}>\n      <StyledGrid className={rootInner} container>\n        <StyledGrid item xs={12} sm={12} md={8} lg={6}>\n          <Box className={textContainer} width=\"80%\" marginLeft=\"auto\" marginRight=\"auto\">\n            <StyledContainer p={0} my={0}>\n              <Typography\n                variant=\"h3\"\n                style={{ lineHeight: \"80.59px\", marginTop: \"0px\" }}\n                className={labelClass}\n              >\n                Upload successful!!\n              </Typography>\n              <Typography variant=\"p\" className={typo}>\n                Your upload is valued and will get accepted or declined in the next 48 hours..\n                <br />\n                <br />\n                In the meantime, get insperation from our current vocals.\n                <br />\n                <br />\n              </Typography>\n            </StyledContainer>\n            <StyledContainer p={0} my={0} mt={10}>\n              <Typography\n                variant=\"p\"\n                className={clsx(browseVocals)}\n                onClick={() => {\n                  history.push(`/vocals`)\n                }}\n              >\n                Browse <span className={\"vocals\"}>Vocals</span>\n              </Typography>\n            </StyledContainer>\n          </Box>\n        </StyledGrid>\n        <StyledGrid className={bgContainer} item xs={12} md={4} sm={12} lg={6}></StyledGrid>\n      </StyledGrid>\n    </div>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    fontSize: \"18px\"\n  },\n  btn: {\n    width: 180,\n    borderRadius: 10,\n    paddingTop: 12,\n    paddingBottom: 12,\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    \"&:hover\": {\n      color: theme.palette.primary.contrastText,\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  input: {\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main\n  },\n  labelClass: {\n    // fontSize: 17,\n    // fontWeight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    margin: \"0px\"\n  },\n  browseVocals: {\n    fontSize: \"1.2rem\",\n    fontWeight: \"600\",\n    cursor: \"pointer\",\n    \"& .vocals\": {\n      color: theme.palette.primary.main,\n      backgroundColor: theme.palette.primary.contrastText,\n      padding: \"0.25rem\",\n      borderRadius: \"0.25rem\"\n    }\n  },\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n    backgroundColor: \"#333333\"\n  },\n  rootInner: {\n    width: \"100%\",\n    height: \"100%\"\n  },\n  bgContainer: {\n    background: `url(${toAbsoluteUrl(\"/media/track-upload-success-bg.svg\")})`,\n    backgroundSize: \"cover\",\n    backgroundPosition: \"center\",\n    backgroundRepeat: \"no-repeat\",\n    [theme.breakpoints.down(\"sm\")]: {\n      display: \"none\"\n    }\n  },\n  textContainer: {\n    marginTop: \"10rem\",\n    marginLeft: \"5rem\"\n  }\n}))\n","import * as React from \"react\"\nimport { Box, Typography, makeStyles } from \"@material-ui/core\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { BiUpload } from \"react-icons/bi\"\nimport { textAlign } from \"@material-ui/system\"\n\nconst { useRef } = React\n\nexport const RightSide = ({ formik }) => {\n  const {\n    rootWrapper,\n    input,\n    labelClass,\n    inputFlex,\n    bioField,\n    coverBox,\n    fileInput,\n    boxInner\n  } = useStyles()\n\n  const [size, setSize] = React.useState([0, 0])\n  //  listning for width to switch filters fot mobile screen and laptop\n  React.useLayoutEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n  const { userInfo } = useSelector((state) => state.auth)\n  const dispatch = useDispatch()\n  //const profileRef = useRef()\n  const coverRef = useRef()\n\n  // const handleProfile = (e) => {\n  //   const formdata = new FormData()\n  //   formdata.append(\"files\", e.target.files[0])\n  //   dispatch(actions.userImageUpdateRequest(formdata, formik.values.user_id, \"profile_image\"))\n  // }\n\n  const handleCover = (e) => {\n    const formdata = new FormData()\n    formdata.append(\"files\", e.target.files[0])\n    dispatch(actions.userImageUpdateRequest(formdata, formik.values.user_id, \"cover_image\"))\n  }\n\n  // const handleProfileRef = () => {\n  //   profileRef.current.click()\n  // }\n\n  const handleCoverRef = () => {\n    coverRef.current.click()\n  }\n\n  return (\n    <Box className={rootWrapper}>\n      <Box style={{ flex: \"50%\" }}>\n        <br />\n        <Box className={inputFlex}>\n          <Box my={1} width=\"100%\" style={{\n            display:'flex',\n            alignItems:'center',\n            gap:'5px',\n            background:'#3C3C3C',\n            border:'1px solid #333333',\n            borderRadius:'10px',\n          }}>\n            <Typography variant=\"p\">\n              Name\n            </Typography>\n            <InputField\n              style={{textAlign:'right'}}\n              placeholder=\"\"\n              name=\"full_name\"\n              type=\"text\"\n              formik={formik}\n              hideLabel={size[0] < 600 ? true : false}\n              classes={input}\n              labelClass={labelClass}\n              isLightTheme={true}\n            />\n          </Box>\n          <Box my={1} width=\"100%\">\n            <InputField\n              label=\"Password\"\n              placeholder=\"Password\"\n              name=\"password\"\n              type=\"text\"\n              formik={formik}\n              hideLabel={size[0] < 600 ? true : false}\n              classes={input}\n              labelClass={labelClass}\n              isLightTheme={true}\n            />\n          </Box>\n        </Box>\n\n        {/* <Box className={mobileInputSwap}> */}\n        <Box my={1} width=\"100%\" className={bioField}>\n          <InputField\n            label=\"Bio\"\n            placeholder=\"Bio\"\n            name=\"bio\"\n            type=\"textarea\"\n            formik={formik}\n            hideLabel={size[0] < 600 ? true : false}\n            classes={input}\n            labelClass={labelClass}\n            isLightTheme={true}\n          />\n        </Box>\n      </Box>\n      <Box\n        py={{ sm: 2, md: 4 }}\n        style={{\n          flex: \"50%\",\n          alignSelf: \"center\"\n        }}\n      >\n        <Box py={2}>\n          \n          <Box className={coverBox}>\n            <Box\n              p={8}\n              bgcolor=\"#C4C4C4\"\n              onClick={handleCoverRef}\n              borderRadius={10}\n              width=\"90%\"\n              className={boxInner}\n              style={{\n                backgroundImage: `url(${userInfo?.cover_image})`,\n                backgroundRepeat: \"no-repeat\",\n                backgroundSize: \"cover\"\n              }}\n            >\n              {!userInfo?.cover_image && (\n                <div style={{ display: \"flex\", columnGap: \"1rem\", alignItems: \"center\" }}>\n                  <BiUpload size=\"2em\" />\n                  <p>Cover Image</p>\n                </div>\n              )}\n            </Box>\n          </Box>\n        </Box>\n        \n        {/* <input type=\"file\" onChange={handleProfile} ref={profileRef} className={fileInput} /> */}\n        <input type=\"file\" onChange={handleCover} ref={coverRef} className={fileInput} />\n      </Box>\n      {/* </Box> */}\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  rootWrapper: {\n    display: \"flex\",\n    width: \"100%\",\n    columnGap: \"2rem\",\n    justifyContent: \"center\",\n    [theme.breakpoints.down(\"sm\")]: {\n      flexDirection: \"column\",\n      width: \"90%\",\n      margin: \"0 auto\"\n    }\n  },\n  input: {\n    borderRadius:'10px',\n    background:'transparent',\n    border:0,\n    textAlign:'right'\n     \n    \n  },\n  inputFlex: {\n    [theme.breakpoints.down(\"sm\")]: {\n      display: \"flex\",\n      columnGap: \"1rem\"\n    }\n  },\n\n  labelClass: {\n    fontSize: 17,\n    fontWeight: \"normal\",\n    // backgroundColor:theme.palette.primary.main,\n    color: theme.palette.primary.contrastText\n  },\n  bioField: {\n    [theme.breakpoints.down(\"sm\")]: {\n      display: \"block\",\n      position: \"relative\",\n      marginTop: \"3rem\"\n    },\n    \"@media (max-width: 599px)\": {\n      marginTop: \"7rem\"\n    }\n  },\n  borderBox: {\n    border: \"1px solid rgba(0, 0, 0, 0.6)\",\n    overflow: \"hidden\"\n  },\n  typo: {\n    fontSize: 17,\n    color: theme.palette.primary.contrastText,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\"\n  },\n  coverBox: {\n    marginTop: \"2rem\",\n    marginLeft: \"30%\",\n    width: \"50%\",\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"60%\"\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      marginLeft: \"0%\",\n      width: \"110%\",\n      display: \"block\",\n      position: \"relative\",\n      marginTop: \"-13rem\"\n    }\n  },\n  boxInner: {\n    height: \"3rem\",\n    padding: \"30px 30px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    marginBottom: \"30px\"\n  },\n  mobileInputSwap: {\n    border: \"1px solid white\"\n  },\n  profileBox: {\n    width: \"30%\",\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"50%\"\n    }\n  },\n  bioBox: {\n    width: \"80%\",\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"90%\"\n    }\n  },\n  fileInput: {\n    display: \"none\"\n  },\n  textarea: {\n    resize: \"none\",\n    border: \"0px\",\n    \"&:focus\": {\n      border: \"0px\",\n      outline: \"none\",\n      boxShadow: \"none\"\n    }\n  }\n}))\n","import { Container } from '@material-ui/core'\nimport { Typography } from '@mui/material'\nimport './CSS/subsInfo.css'\nimport React from 'react'\n\nconst PlanCard = (props) => {\n    const {setCardID,setPrompt,ID,coins,price} = props\n    const handleClick = event => {\n       setCardID(event.currentTarget.id);\n       setPrompt(true);\n      };\n    \n\n\n\n  return (\n    <div className='plan-card-continer' id={ID}\n        onClick={handleClick}\n    >\n        <div className='coins-container'>\n            <img src=\"media/coins.png\" alt=\"\" />\n\n        </div>\n        <div className='plan-card-heading'>\n            <Typography style={{fontSize:'1rem',fontWeight:'bold'}} variant='p'>\n                {coins} coins\n            </Typography>\n        </div>\n        <div className='plan-card-price'>\n            <Typography color={'#B4B4B4'} variant='p'>\n                $ {price}\n            </Typography>\n        </div>\n    </div>\n  )\n}\n\nexport default PlanCard","import { makeStyles, Typography } from \"@material-ui/core\"\nimport * as React from \"react\"\n\nexport const Table = ({ tracks }) => {\n  const {table_head, tabelRoot, textWhite, nothingTextWrap, trackNameText } = useStyles()\n\n  return tracks.length > 0 ? (\n    <table className={tabelRoot}>\n      <thead>\n        <tr >\n          <th align=\"left\"><Typography style={{fontWeight:'bold'}} variant=\"p\">Name</Typography></th>\n          <th align=\"left\"><Typography className={table_head} variant=\"p\">Plays</Typography></th>\n          <th align=\"left\"><Typography className={table_head} variant=\"p\">Likes</Typography></th>\n          <th align=\"left\"><Typography className={table_head} variant=\"p\">Downloads</Typography></th>\n          <th align=\"left\"><Typography className={table_head} variant=\"p\">Earnings</Typography></th>\n        </tr>\n      </thead>\n      <tbody>\n        {tracks.map((row, index) => (\n          <tr className={textWhite} key={index}>\n            <td>\n              <Typography className={[textWhite, trackNameText].join(\" \")}>\n                {row.track_name}\n              </Typography>\n            </td>\n            <td style={{textAlign:'center'}}>\n              <Typography className={textWhite}>{row.plays}</Typography>\n            </td>\n            <td style={{textAlign:'center'}}>\n              <Typography className={textWhite}>{row.likes}</Typography>\n            </td>\n            <td style={{textAlign:'center'}}>\n              <Typography className={textWhite}>{row.downloads}</Typography>\n            </td>\n            <td style={{textAlign:'center'}}>\n              <Typography className={textWhite}>{row.earnings}$</Typography>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  ) : (\n    <span className={nothingTextWrap}>You dont have any Vocals</span>\n  )\n}\n\nconst useStyles = makeStyles(() => ({\n  table_head:{\n    padding:'10px',\n    fontWeight:'bold',\n    // fontSize:'1rem',\n    // paddingLeft:'1rem'\n  },\n  textWhite: {\n    color: \"#ffffff !important\"\n  },\n  trackNameText: {\n    width: \"400px\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\"\n  },\n  nothingTextWrap: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    marginTop: \"50px\"\n  },\n  tabelRoot: {\n    width: \"100%\",\n    paddingTop: 20,\n    color: \"#fff\",\n    \"& thead tr th\": {\n      fontSize: 14,\n      fontWeight: 400\n    },\n    \"& tbody tr td\": {\n      color: \"#fff\",\n      paddingTop: \"10px\",\n      paddingBottom: \"10px\"\n    }\n  }\n}))\n","import swal from \"sweetalert\"\nimport { Button, CircularProgress, Typography, makeStyles } from \"@material-ui/core\"\nimport Alert from \"@material-ui/lab/Alert\"\nimport * as React from \"react\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { Table } from \"./Table\"\nimport axios from \"axios\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { actions as authActions } from \"../../../redux/auth/actions\"\nimport { Link } from \"react-router-dom\"\nimport { BiUpload } from \"react-icons/bi\"\nimport \"./CSS/MyVocals.css\"\nimport { ProfileContainer } from \"../Profile/ProfileContainer\"\n\nexport const MyVocals = () => {\n  const {\n    animate,\n    sideBtn,\n    withdrawBtn,\n    loadingTextWrap\n  } = useStyles()\n  const { userInfo, auth } = useSelector((state) => state.auth)\n  const [isGeneratingLink, setIsGeneratingLink] = React.useState(false)\n  const [loading, setLoading] = React.useState(false)\n  const [tracks, setTracks] = React.useState([])\n  const [transactionData, setTransactionData] = React.useState([])\n  const [availableBalance, setAvailableBalance] = React.useState(0)\n  const [withdrawAmountThreshold, setWithDrawAmountThreshold] = React.useState(0)\n  const dispatch = useDispatch()\n\n  const getMyVocals = async () => {\n    setLoading(true)\n    try {\n      const { data } = await axios.get(APIs.myVocals + userInfo?.user_id)\n\n      if (data?.amount?.length !== 0 || data?.tracks?.length !== 0) {\n        setTracks(data?.tracks)\n        setTransactionData(data?.amount)\n        setWithDrawAmountThreshold(\n          parseFloat(data.withdrawAmountThreshold >= 0 ? data.withdrawAmountThreshold : 100)\n        )\n        if (data?.amount.length > 0) {\n          var deposit, withdraw\n          deposit = withdraw = 0\n\n          data.amount.map((value) => {\n            if (value.type === \"deposit\") {\n              deposit = value.amount\n            } else {\n              withdraw = value.amount\n            }\n          })\n          setAvailableBalance((deposit - withdraw).toFixed(2))\n        }\n        setLoading(false)\n      } else {\n        setLoading(false)\n      }\n    } catch (err) {\n      swal({ title: \"Oh noes!\", text: \"Error fetching My Vocals list\", icon: \"error\" })\n      setLoading(false)\n    }\n  }\n\n  React.useEffect(() => {\n    dispatch(authActions.userInfoRequest())\n    getMyVocals()\n  }, [])\n\n  const startOnboardingProcess = React.useCallback(async () => {\n    try {\n      setIsGeneratingLink(true)\n      const { data } = await axios.get(APIs.onboarding + userInfo?.user_id, {\n        headers: {\n          token: auth\n        }\n      })\n      if (data !== null && data !== \"\") {\n        window.location.href = data\n      }\n      setIsGeneratingLink(false)\n    } catch (err) {\n      console.log(err)\n    } finally {\n      setIsGeneratingLink(false)\n    }\n  }, [APIs, axios, userInfo])\n\n  const handleWithdrawButtonClicked = async () => {\n    swal({\n      text: `Enter amount to withdraw. ($ ${availableBalance} available)`,\n      content: \"input\",\n      button: {\n        text: \"Withdraw!\",\n        closeModal: false\n      }\n    })\n      .then((amount) => {\n        if (!amount) {\n          throw \"Value cant be nul or 0\"\n          return\n        }\n        if (parseFloat(amount) > availableBalance) throw \"available_balance_error\"\n        if (parseFloat(amount) < withdrawAmountThreshold) throw \"withdraw_threshold_error\"\n        return axios.post(\n          APIs.withdraw,\n          {\n            user_id: userInfo.user_id,\n            amount: amount\n          },\n          {\n            headers: { token: auth }\n          }\n        )\n      })\n      .then((response) => {\n        const { data } = response\n        if (!data || data === \"\") {\n          return swal(\"Withdraw failed!\")\n        }\n        swal({\n          title: \"Withdraw success!\",\n          text: \"Your money is on the way!\",\n          icon: \"success\"\n        })\n      })\n      .catch((err) => {\n        if (err === \"available_balance_error\") {\n          swal(\"Oh noes!\", `amount greater then available balance ${availableBalance}$`, \"error\")\n        } else if (err === \"withdraw_threshold_error\") {\n          swal(\"Oh noes!\", `Can't withdraw less then ${withdrawAmountThreshold}$`, \"error\")\n        } else if (err) {\n          swal(\"Oh noes!\", \"Withdraw Failed!\", \"error\")\n        } else {\n          swal.stopLoading()\n          swal.close()\n        }\n      })\n  }\n\n\n  const temp_tracks = [\n    {\n      track_name:'Love me like you do',\n      plays:'150',\n      likes:'23',\n      downloads:'43',\n      earnings:'543',\n    },\n    {\n      track_name:'Let me love you',\n      plays:'223',\n      likes:'56',\n      downloads:'23',\n      earnings:'654',\n    },\n    {\n      track_name:'Shake it off',\n      plays:'63',\n      likes:'32',\n      downloads:'32',\n      earnings:'432',\n    }\n  ]\n\n  return (\n    // <ContentContainer\n    //   titleBackground=\"linear-gradient(91.97deg, #5F5F5F 9.8%, #E3B8EA 133.46%)\"\n    //   titleLeft=\"25px\"\n    //   title=\"My Vocals\"\n    // >\n\n      // {!userInfo.isOnboardingComplete && (\n      //   <StyledContainer style={{ padding: \"25px\" }}>\n      //     <Alert\n      //       className={animate}\n      //       action={\n      //         <Button\n      //           disabled={!userInfo?.user_id || isGeneratingLink || !auth}\n      //           onClick={startOnboardingProcess}\n      //           className={sideBtn}\n      //         >\n      //           Start{isGeneratingLink && \"ing\"} Onboarding\n      //         </Button>\n      //       }\n      //       variant=\"standard\"\n      //       severity=\"warning\"\n      //     >\n      //       Your onboarding is pending. If you have already submitted your information, then please\n      //       wait for approval.\n      //     </Alert>\n      //   </StyledContainer>\n      // )}\n\n      <ProfileContainer\n          activeTab='tab2'\n      >\n        \n      \n        <StyledContainer style={{ padding: \"25px\" }}>\n        <StyledGrid style={{justifyContent:'space-between'}} container spacing={1}>\n          {/* <StyledGrid xs={6} md={2} item>\n            <p>“when they click on the + this box come up with albums to add the song to</p>\n            <Row jc=\"space-between\" ai=\"center\">\n              <Column p={1} mt={2} className={borderWhite} borderRadius={5} width=\"100px\">\n                <Button className={sideBtn}>Album 1</Button>\n                <div className={divider} />\n                <Button className={sideBtn}>Album 2</Button>\n                <div className={divider} />\n                <Button className={sideBtn}>Album 3</Button>\n              </Column>\n              <img src={toAbsoluteUrl(\"/media/add-img.svg\")} alt=\"\" className={imgIcon} />\n            </Row>\n          </StyledGrid> */}\n\n\n\n\n\n          <StyledGrid  xs={12} md={8} item>\n            {/* <Row>\n              <Button className={topBtn}>All</Button>\n              <Button className={topBtn}>Album 1</Button>\n              <Button className={topBtn}>Album 2</Button>\n              <Button className={topBtn}>Album 3</Button>\n              <Button className={addBtn}>+ &nbsp;Add Album</Button>\n            </Row> */}\n            {loading ? (\n              // <span className={loadingTextWrap}>Loading Please wait ...</span>\n              <div className={loadingTextWrap}>\n              <CircularProgress  size={40} color=\"inherit\" />\n              </div>\n            ) : (\n              <Table tracks={tracks} />\n            )}\n          </StyledGrid>\n          <StyledGrid xs={6} md={2} order={{}} item>\n            <Button className={withdrawBtn} style={{ backgroundColor: \"white\" }}>\n              <Link\n                to={userInfo.user_type === 2 ? \"/upload-track\" : \"/upload-form\"}\n                style={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  color: \"black\",\n                  columnGap: \"10px\",\n                  textDecoration: \"none\"\n                }}\n              >\n                <BiUpload fontSize={18} />\n                <span p={0} m={0}>\n                  Upload Vocal\n                </span>\n              </Link>\n            </Button>\n          </StyledGrid>\n\n          {/* <StyledGrid xs={6} md={2} order={{}} item>\n            <Button onClick={handleWithdrawButtonClicked} className={withdrawBtn}>\n              $&nbsp;&nbsp;Withdraw (${availableBalance}){\" \"}\n            </Button>\n          </StyledGrid> */}\n\n\n\n          {/* <section className=\"layout\">\n                <div className=\"grow1\">\n                  Name\n                </div>\n                <div>\n                  <Typography variant=\"p\">\n                    Plays\n                  </Typography>\n                </div>\n                <div>\n                <Typography variant=\"p\">\n                  Likes\n                </Typography>\n                </div>\n                <div>\n                <Typography variant=\"p\">\n                  Downloads\n                </Typography>\n                </div>\n                <div>\n                <Typography variant=\"p\">\n                  Earnings\n                </Typography>\n                </div>\n          </section> */}\n\n\n\n        </StyledGrid>\n        </StyledContainer>\n\n      </ProfileContainer>\n    // </ContentContainer>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  borderWhite: {\n    border: \"1px solid #fff\"\n  },\n  loadingTextWrap: {\n    display: \"flex\",\n    width: \"100%\",\n    justifyContent: \"center\",\n    marginTop: \"15px\"\n  },\n  sideBtn: {\n    textTransform: \"none\",\n    color: \"#fff\"\n  },\n  divider: {\n    borderTop: \"1px solid #000000\",\n    height: 2,\n    width: \"100%\"\n  },\n  topBtn: {\n    textTransform: \"none\",\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n    border: `1px solid ${theme.palette.primary.contrastText}`,\n    marginLeft: 3,\n    boxSizing: \"border-box\",\n    padding: \"5px 15px\",\n    \"&:hover\": {\n      backgroundColor: \"#777777\"\n      //   border: \"2px solid #000000\"\n    }\n  },\n  addBtn: {\n    backgroundColor: \"rgba(64, 64, 64, 0.87)\",\n    textTransform: \"none\",\n    marginLeft: 3,\n    color: \"#ffffff\",\n    padding: \"5px 15px\",\n    \"&:hover\": {\n      backgroundColor: \"rgba(64, 64, 64, 0.87)\"\n    }\n  },\n  imgIcon: {\n    width: \"20px\",\n    height: \"20px\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\"\n  },\n  withdrawBtn: {\n    backgroundColor: \"rgba(36, 36, 36, 0.87)\",\n    textTransform: \"none\",\n    marginLeft: 3,\n    // padding: \"8px 20px\",\n    borderRadius: 8,\n    // minHeight: \"50px\",\n    color: \"#ffffff\",\n    \"&:hover\": {\n      backgroundColor: \"rgba(36, 36, 36, 0.87)\"\n    }\n  },\n  animate: {\n    \"< *\": {\n      transition: \"all 0.5s ease-in\"\n    }\n  }\n}))\n","import React, { useEffect } from 'react'\nimport CloseIcon from '@material-ui/icons/Close';\nimport PlanCard from \"./PlanCard\"\nimport { plan_card_info } from \"./script\"\nimport './CSS/index.css'\n\nconst CardPrompt = (props) => {\n    const {setPrompt,cardID} = props\n    const info = plan_card_info;\n    const open_card = info.find(item => item.id === cardID);\n    \n    \n\n  return (\n    <div className=\"card-prompt-stickey\">\n        <div className=\"card-prompt\">\n          <div className=\"card-prompt-cross\">\n              <CloseIcon\n                onClick={() => { setPrompt(false) }}\n                style={{\n                  cursor:'pointer'\n                }}\n              />\n          </div>\n          <div className=\"card-prompt-card\">\n            <PlanCard\n                        ID={open_card.id}\n                        coins={open_card.coins}\n                        price={open_card.price}\n                    />\n          </div>\n          <div className=\"card-prompt-btn-container\">\n            <button style={{color:'#FF5757'}} className=\"card-prompt-btn\">\n              Decline\n            </button>\n            <button style={{\n              color:'#86DB78'\n            }} className=\"card-prompt-btn\">\n              Accept\n            </button>\n          </div>\n\n        </div>\n\n      </div>\n  )\n}\n\nexport default CardPrompt","import React from 'react'\nimport CloseIcon from '@material-ui/icons/Close';\nimport { Typography } from '@material-ui/core';\n\n\nconst Alart = (props) => {\n\n    const {tital,subTital,acceptClick,declineClick,btn_tital} = props\n\n  return (\n    <div className=\"card-prompt-stickey\">\n        <div className=\"btn-alart-prompt\">\n          <div className=\"card-prompt-cross\">\n              <CloseIcon\n                onClick={declineClick}\n                style={{\n                  cursor:'pointer',\n                  color:'#000'\n                }}\n              />\n          </div>\n          <div className=\"alart-info-container\">\n            <Typography style={{fontWeight:'bolder',fontSize:'1.1rem'}} variant='p'>{tital}</Typography>\n            <Typography style={{fontWeight:'bolder'}} variant='p'>{subTital}</Typography>\n\n          </div>\n          <div className=\"alart-btn-container\">\n            <button \n              onClick={declineClick}\n              style={{color:'#0D0D0D'}} className=\"alart-btn\" id='alart-btn-1'>\n            No, I want to go back\n            </button>\n            <button \n              onClick={acceptClick}\n              style={{\n              \n             \n            }} \n            className=\"alart-btn\"\n            id='alart-btn-2'\n            >\n              {`Yes, I want to ${btn_tital}`}             \n            </button>\n          </div>\n\n        </div>\n\n      </div>\n  )\n}\n\nexport default Alart","import { ContentContainer } from \"../../../_warbls/components/Container\"\nimport * as React from \"react\"\nimport { Box, makeStyles, Typography, Button } from \"@material-ui/core\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { RightSide } from \"./info\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useFormik } from \"formik\"\nimport clsx from \"clsx\"\nimport { initValues } from \"./script\"\nimport cogoToast from \"cogo-toast\"\nimport { useHistory } from \"react-router\"\nimport ProfileMenu from \"./ProfileMenu\"\nimport { useState } from \"react\"\nimport EditIcon from '@material-ui/icons/Edit';\n\nimport './CSS/index.css'\nimport SubscriptionInfo from \"./SubscriptionInfo\"\nimport { UploadForm } from \"../UploadForm\"\nimport { MyVocals } from \"../MyVocals\"\nimport { ProfileContainer } from \"./ProfileContainer\"\nimport CardPrompt from \"./CardPrompt\"\nimport Alart from \"./Alart\"\n\n\nconst { useEffect } = React\n\nconst { logoutRequest } = actions\n\nexport const Profile = (props) => {\n  const { bg, success, danger, profileRoot, info, saveBtnContainer, saveBtn } = useStyles()\n  const dispatch = useDispatch()\n  const { userInfo } = useSelector((state) => state.auth)\n  const history = useHistory()\n  userInfo.password = \"\"\n\n  const [formEdit, setFormEdit] = useState(false);\n  const [card_prompt, setCard_prompt] = useState(false)\n  const [clickedCardID, setClickedCardID] = useState('card1')\n  const [remove_account, setRemove_account] = useState(false)  \n  const [end_subscription, setEnd_subscription] = useState(false)  \n\n\n\n  const formik = useFormik({\n    initialValues: Object.assign(initValues, userInfo),\n    onSubmit: (values) => {\n      dispatch(actions.userUpdateRequest(values, values.user_id))\n    }\n  })\n\n  useEffect(() => {\n    //dispatch(actions.userInfoRequest())\n    // dispatch(actions.usersRequest())\n    dispatch(actions.userReportsRequest())\n    dispatch(actions.userTypesRequest())\n    // dispatch(actions.userUpdateRequest({ username: \"vickey\", log: { log_added_by: \"1\" } }))\n  }, [])\n\n  const handleRemoveAccount = () => {\n    const id = userInfo.user_id\n    dispatch(actions.removeAccountRequest({ is_suspended: 1 }, id, true))\n  }\n  const handleChangePassword = () => {\n    if (!!formik.values.password) {\n      const id = userInfo.user_id\n      dispatch(actions.userUpdateRequest({ password: formik.values.password }, id, true))\n    } else {\n      cogoToast.warn(\"Please enter password first.\")\n    }\n  }\n\n  \n\n\n\n\n  return (\n    <div>\n      {card_prompt && (\n        <div className=\"card-prompt-container\">\n          <CardPrompt \n            setPrompt={setCard_prompt}\n            cardID={clickedCardID}\n            />\n        </div>\n      )}\n\n      {remove_account && (\n        <div className=\"card-prompt-container\">\n          <Alart\n            tital='Are you sure wanna delete your account?'\n            subTital='Downloaded vocals will be lost'\n            acceptClick={handleRemoveAccount}\n            declineClick={() => { setRemove_account(false) }}\n            btn_tital='delete'\n          \n          />\n        </div>\n      )}\n\n      {end_subscription && (\n        <div className=\"card-prompt-container\">\n          <Alart\n            tital='Are you sure you want to cancel your subscription?'\n            subTital='All your remaining coins will be lost.'\n            acceptClick={() => {  }}\n            declineClick={() => { setEnd_subscription(false) }}\n            btn_tital='cancel'          \n          />\n        </div>\n      )}\n\n      \n\n      \n\n\n        <ProfileContainer\n          activeTab='tab1'\n        >\n          <StyledContainer className={bg} m={0} p={0} minHeight=\"70vh\">\n          <StyledGrid xs={12} md={12} sm={12} \n            className=\"right-side-container\"\n          style={{\n              display:'flex',\n              justifyContent:'space-between',\n              alignItems:'center',\n              flexWrap:'wrap',\n              \n              \n          }}>\n            \n            <Box className=\"form-container\" >\n              \n              <form>\n                <div className=\"button-container\">\n                  {formEdit?(<span><button className=\"submit-btn\" onClick={formik.handleSubmit} type=\"submit\">Save Changes</button>\n                  <button className=\"cancele-btn\" onClick={() => { setFormEdit(false) }}>Cancele</button></span>):(<EditIcon style={{cursor:'pointer'}} onClick={() => { setFormEdit(true); }}/>)}\n                  \n                </div>\n\n                <div className=\"input-container\">\n                  <Typography variant=\"p\">First Name</Typography>\n                  { formEdit?(<input\n                  \n                  id=\"full_name\"\n                  name=\"full_name\"\n                  type=\"text\"\n                  onChange={formik.handleChange}\n                  value={formik.values.full_name}                   \n                />):(<div className=\"input-div\">{userInfo.full_name}</div>)\n\n                  }\n                  \n                </div>\n                <div className=\"input-container\">\n                  <label htmlFor=\"email\">Email Address</label>\n                  {formEdit?(<input\n                    id=\"email\"\n                    name=\"email\"\n                    type=\"email\"\n                    onChange={formik.handleChange}\n                    value={formik.values.email}\n                  />):(<div className=\"input-div\">{userInfo.email}</div>)}\n\n                  \n                </div>\n                <div className=\"input-container\"\n                  style={{\n                    marginBottom:'20px'\n                  }}\n                >\n                  <label htmlFor=\"password\">Password</label>\n                  {formEdit?(<input\n                    id=\"passord\"\n                    name=\"password\"\n                    type=\"password\"\n                    onChange={formik.handleChange}\n                    value={formik.values.password}\n                    style={{\n                      color:\"white\",\n                    }}\n\n                  />):(<div style={{color:'#57A4FF'}} className=\"input-div\">Change Password</div>)}\n                  \n                </div>\n                <div className=\"button-container delete-btn-container\"> \n                    <button className=\"delete-btn\"\n                      onClick={(e) => { \n                        e.preventDefault()\n                        setRemove_account(true) }}\n                    >\n                      Delete account\n                    </button>\n\n                </div>\n              </form>\n\n            </Box>\n              {/* <Box className=\"subscription-Info-main-container\" style={{\n                  paddingLeft:'20px'\n              }}>\n               \n                <SubscriptionInfo\n                  setCardID={setClickedCardID}\n                  setPrompt={setCard_prompt}\n                  setEndSubscription={setEnd_subscription}\n                />\n\n              </Box> */}\n          {/* <StyledGrid item xs={12} sm={12} md={3} lg={3} className={saveBtnContainer}>\n            <Button\n              className={saveBtn}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={formik.handleSubmit}\n            >\n              Save Details\n            </Button>\n          </StyledGrid> */}\n          </StyledGrid>\n          \n          {/* <StyledGrid item xs={12} pl={0}>\n            <Box mt={{ sm: 3, md: 7 }}></Box>\n            <StyledGrid container>\n\n              <StyledGrid xs={12} sm={12} md={6} lg={6} mt={5}>\n                <Box py={1}>\n                  <Typography\n                    className={clsx(success, \"pointer\")}\n                    onClick={() => {\n                      let path = `upload-form`\n                      props.history.push(path)\n                    }}\n                  >\n                    Request Upload Access\n                  </Typography>\n                </Box>\n                <Box py={1}>\n                  <Typography className={clsx(info, \"pointer\")} onClick={handleChangePassword}>\n                    Change Password\n                  </Typography>\n                </Box>\n                <Box py={1}>\n                  <Typography\n                    className={clsx(danger, \"pointer\")}\n                    onClick={() => {\n                      dispatch(logoutRequest())\n                      history.push(\"/\")\n                    }}\n                  >\n                    Log out\n                  </Typography>\n                </Box>\n              </StyledGrid>\n              <StyledGrid item xs={12} sm={12} md={3} lg={3}>\n                <Box py={1}>\n                  <Typography className={clsx(danger, \"pointer\")} onClick={handleRemoveAccount}>\n                    Delete Warbls account\n                  </Typography>\n                </Box>\n              </StyledGrid>\n            </StyledGrid>\n\n\n            <Box py={1}>\n                <Typography className={clsx(success, \"pointer\")} onClick={formik.handleSubmit}>\n                  Update Profile\n                </Typography>\n              </Box>\n\n\n          </StyledGrid> */}\n\n          </StyledContainer>\n        </ProfileContainer>\n\n    </div>\n      \n        \n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  bg: {\n    // backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText\n  },\n  success: {\n    color: \"#31E921\",\n    fontSize: 17,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    textAlign: \"center\"\n  },\n  info: {\n    color: \"#31DAFF\",\n    fontSize: 17,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    textAlign: \"center\"\n  },\n  danger: {\n    color: \"#FF0000\",\n    fontSize: 17,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    textAlign: \"center\"\n  },\n  profileRoot: {\n    // width: \"100%\",\n    minHeight: \"90vh\",\n    marginBottom: 20,\n    [theme.breakpoints.down(\"md\")]: {\n      marginTop: \"0rem\"\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      marginTop: \"17rem\",\n      marginBottom: 50\n    }\n  },\n  saveBtnContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"start\"\n  },\n  saveBtn: {\n    background: \"#EFEFEF\",\n    border: \"1px solid #FFFFFF\",\n    boxSizing: \"border-box\",\n    borderRadius: \"5px\",\n    color: \"black\"\n  }\n}))\n","import * as React from \"react\"\nimport {\n  Table,\n  TableBody,\n  makeStyles,\n  TableCell,\n  TableContainer,\n  TableRow,\n  Paper\n} from \"@material-ui/core\"\n\nexport const PaymentBox = ({ title }) => {\n  const { storeRoot } = useStyles()\n\n  let createData = (name, amount) => {\n    return { name, amount }\n  }\n  const rows = [\n    createData(\"Total Earned \", 27855),\n    createData(\"Balance\", 22555),\n    createData(\"Balance This Month \", 3305),\n    createData(\"Artist Earned \", 1335),\n    createData(\"Artist Withdraw Total\", 286)\n  ]\n\n  return (\n    <TableContainer component={Paper} className={storeRoot}>\n      <Table aria-label=\"simple table\">\n        <TableBody>\n          {rows.map((row) => (\n            <TableRow key={row.name}>\n              <TableCell component=\"th\" scope=\"row\">\n                {row.name}\n              </TableCell>\n              <TableCell align=\"right\">$ {row.amount}</TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  )\n}\n\nconst useStyles = makeStyles(() => ({\n  storeRoot: {\n    maxWidth: 328,\n    overflow: \"hidden\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    backgroundColor: \"transparent\",\n    borderRadius: 5,\n    border: \"1px solid white\"\n    // height: 265\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\n\nexport const StatBox = ({ list }) => {\n  const { root, typo, centerTypo } = useStyles()\n  const { centerValue, bTitle, bValue, uTitle, uValue } = list\n\n  return (\n    <Box\n      className={root}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"space-around\"\n      py={3}\n      my={2}\n    >\n      <Typography variant=\"h6\" className={typo}>\n        {uTitle}: {uValue}\n      </Typography>\n      <Typography variant=\"h6\" className={centerTypo}>\n        {centerValue}\n      </Typography>\n      <Typography variant=\"h6\" className={typo}>\n        {bTitle}: {bValue}\n      </Typography>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    maxWidth: 321,\n    height: 206,\n    width: \"90%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    background: \"transparent\",\n    borderRadius: 5,\n    border: \"1px solid white\"\n  },\n  typo: {\n    color: \"rgba(255, 255, 255, 0.6)\"\n  },\n  centerTypo: {\n    fontSize: 20,\n    color: \"white\"\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport { BsArrowUpShort } from \"react-icons/bs\"\nimport { BsArrowDownShort } from \"react-icons/bs\"\nimport clsx from \"clsx\"\n\nconst { useState } = React\n\nexport const OnlineStoreStat = ({ list, title, mt }) => {\n  const { storeBox, td, table, arrowUp, arrowDown, storeRoot, activeSpan, span, daysBox } =\n    useStyles()\n  const [days, setDays] = useState(\"\")\n\n  return (\n    <Box className={storeRoot} mt={mt}>\n      <Box display=\"flex\" justifyContent=\"space-between\">\n        <Typography variant=\"h6\" style={{ fontSize: \"17px\" }}>\n          {title}\n        </Typography>\n        <Box bgcolor=\"red\" display=\"flex\" className={daysBox}>\n          <span\n            className={clsx(span, { [activeSpan]: days === \"1D\" })}\n            onClick={() => setDays(\"1D\")}\n          >\n            1D\n          </span>\n          <span\n            className={clsx(span, { [activeSpan]: days === \"7D\" })}\n            onClick={() => setDays(\"7D\")}\n          >\n            7D\n          </span>\n          <span\n            className={clsx(span, { [activeSpan]: days === \"1M\" })}\n            onClick={() => setDays(\"1M\")}\n          >\n            1M\n          </span>\n          <span\n            className={clsx(span, { [activeSpan]: days === \"3M\" })}\n            onClick={() => setDays(\"3M\")}\n          >\n            3M\n          </span>\n          <span\n            className={clsx(span, { [activeSpan]: days === \"1Y\" })}\n            onClick={() => setDays(\"1Y\")}\n          >\n            1Y\n          </span>\n          <span\n            className={clsx(span, { [activeSpan]: days === \"ALL\" })}\n            onClick={() => setDays(\"ALL\")}\n          >\n            ALL\n          </span>\n        </Box>\n      </Box>\n      <Box className={storeBox}>\n        <table className={table}>\n          <tbody>\n            {list.map(({ label, total, increase, percent }, index) => (\n              <tr key={index}>\n                <td>\n                  <p className={td}>{label}</p>\n                </td>\n                <td align=\"center\">\n                  <p className={td}>{total}</p>\n                </td>\n                <td align=\"center\">\n                  {increase ? (\n                    <BsArrowUpShort fontSize={30} className={arrowUp} />\n                  ) : (\n                    <BsArrowDownShort fontSize={30} className={arrowDown} />\n                  )}\n                </td>\n                <td align=\"center\">\n                  <p className={td}>{percent}</p>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </Box>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles(() => ({\n  storeRoot: {\n    maxWidth: 500,\n\n    marginLeft: \"auto\",\n    marginRight: \"auto\"\n  },\n  table: {\n    width: \"100%\",\n    \"& tbody tr td\": {\n      padding: \"6px 10px\"\n    }\n  },\n  storeBox: {\n    // maxWidth: 548,\n\n    width: 500,\n    background: \"transparent\",\n    borderRadius: 5,\n    border: \"1px solid white\"\n  },\n  td: {\n    color: \"white\",\n    fontSize: 17,\n    fontStyle: \"normal\"\n  },\n  arrowUp: {\n    color: \"#86DB78\"\n  },\n  arrowDown: {\n    color: \"#E11D1D\"\n  },\n  span: {\n    padding: 4\n  },\n  activeSpan: {\n    padding: 4,\n    borderRadius: 2,\n    backgroundColor: \"#ffffff\"\n  },\n  daysBox: {\n    backgroundColor: \"rgba(196, 196, 196, 0.3)\",\n    marginBottom: 3,\n    borderRadius: 4,\n    padding: 3\n  }\n}))\n","export const visitFromSocial = [\n  { label: \"Facebook\", total: \"230\", increase: true, percent: \"5.8%\" },\n  { label: \"Tik Tok\", total: \"201\", increase: true, percent: \"3.7%\" },\n  { label: \"Instagram\", total: \"192\", increase: true, percent: \"3.4%\" },\n  { label: \"Youtube\", total: \"113\", increase: false, percent: \"2.0%\" },\n  { label: \"Twitter\", total: \"90\", increase: true, percent: \"1.9%\" },\n  { label: \"Reddit\", total: \"55\", increase: true, percent: \"1.5%\" }\n]\n\nexport const visitFromSource = [\n  { label: \"Direct Source\", total: \"230\", increase: true, percent: \"5.8%\" },\n  { label: \"Search\", total: \"201\", increase: true, percent: \"3.7%\" },\n  { label: \"Social\", total: \"192\", increase: true, percent: \"3.4%\" },\n  { label: \"Referral\", total: \"113\", increase: false, percent: \"2.0%\" },\n  { label: \"Email\", total: \"90\", increase: true, percent: \"1.9%\" },\n  { label: \"Other\", total: \"55\", increase: true, percent: \"1.5%\" }\n]\n\nexport const statsList = [\n  {\n    centerValue: \"$2.37k\",\n    bTitle: \"March 2021\",\n    bValue: \"7.96k\",\n    uTitle: \"Sales\",\n    uValue: \"April 2021\"\n  },\n  {\n    centerValue: \"131\",\n    bTitle: \"March 2021\",\n    bValue: \"521\",\n    uTitle: \"Total Orders\",\n    uValue: \"April 2021\"\n  },\n  {\n    centerValue: \"2307\",\n    bTitle: \"March 2021\",\n    bValue: \"6703\",\n    uTitle: \"Total Visitiors\",\n    uValue: \"April 2021\"\n  }\n]\n","import React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\n\nexport default function TopStatBox({ title, stat }) {\n  const { root, typo, centerTypo } = useStyles()\n  return (\n    <Box\n      className={root}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"space-around\"\n      py={3}\n      my={2}\n    >\n      <Typography variant=\"h6\" className={centerTypo}>\n        {stat}\n      </Typography>\n      <Typography variant=\"h6\" className={typo}>\n        {title}\n      </Typography>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    maxWidth: 321,\n\n    width: \"90%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    background: \"transparent\"\n  },\n  typo: {\n    fontSize: \"12px\",\n    color: \"rgb(255,255,255,0.6)\",\n    fontWeight: \"bolder\"\n  },\n  centerTypo: {\n    fontSize: 20,\n\n    color: \"white\"\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles } from \"@material-ui/core\"\nimport { PaymentBox } from \"./PaymentBox\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { StatBox } from \"./StatBox\"\nimport { OnlineStoreStat } from \"./OnlineStoreStat\"\nimport { visitFromSocial, visitFromSource, statsList } from \"./script\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport TopStatBox from \"./TopStatBox\"\n\nexport const Dashboard = () => {\n  const { firstBox, thirdBox } = useStyles()\n  const topStats = [\n    { title: \"Total Vocals\", stat: \"1203\" },\n    { title: \"Vocals Sold\", stat: \"17k\" },\n    { title: \"Vocals sold this Month\", stat: \"788\" },\n    {\n      title: \"Total Customers\",\n      stat: \"12k\"\n    },\n    // {\n    //   title: \"Total customers  this month\",\n    //   stat: \"1689\"\n    // },\n    {\n      title: \"Total Orders\",\n      stat: \"8895\"\n    },\n    {\n      title: \"Orders this month\",\n      stat: \"3.7\"\n    }\n  ]\n\n  return (\n    <Box width=\"100%\">\n      <ContentContainer\n        titleLeft=\"60px\"\n        title=\"Dashboard\"\n        titleBackground={\"linear-gradient(186.71deg, #824141 12.77%, #333333 126.7%)\"}\n        adminGradient={true}\n      >\n        {/* <StyledGrid item lg={12} md={12} xs={12} sm={12} px={2} className={secondBox}>\n          <PaymentBox />\n        </StyledGrid> */}\n        <StyledGrid mx={2}>\n          <StyledGrid item lg={12} md={12} xs={12} sm={12} className={firstBox}>\n            <StyledGrid container my={6}>\n              <PaymentBox />\n              <PaymentBox />\n              <PaymentBox />\n            </StyledGrid>\n          </StyledGrid>\n          <StyledGrid mx={2} item lg={12} md={12} xs={12} sm={12} className={firstBox}>\n            <StyledGrid container my={6} style={{ borderRadius: 5, border: \"1px solid white\" }}>\n              {topStats.map(({ title, stat, index }) => {\n                return (\n                  <StyledGrid item lg={2} md={2} sm={3} xs={4} key={index}>\n                    <TopStatBox title={title} stat={stat} />\n                  </StyledGrid>\n                )\n              })}\n            </StyledGrid>\n          </StyledGrid>\n\n          <StyledGrid item lg={12} md={12} xs={12} sm={12} className={firstBox}>\n            <StyledGrid container>\n              {statsList.map((stat, index) => (\n                <StyledGrid item lg={4} md={6} sm={6} xs={12} key={index}>\n                  <StatBox key={index} list={stat} />\n                </StyledGrid>\n              ))}\n            </StyledGrid>\n          </StyledGrid>\n\n          <StyledGrid item xs={12} className={thirdBox}>\n            <StyledGrid container py={6}>\n              <StyledGrid item md={12} lg={6} sm={12} xs={12}>\n                <OnlineStoreStat list={visitFromSocial} title=\"Online Store Visits By Social\" />\n              </StyledGrid>\n              <StyledGrid item md={12} lg={6} sm={12} xs={12}>\n                <OnlineStoreStat\n                  list={visitFromSource}\n                  title=\"Online Store Visits From Source\"\n                  mt={{ sm: 8, xs: 8, md: 8, lg: 0 }}\n                />\n              </StyledGrid>\n            </StyledGrid>\n          </StyledGrid>\n        </StyledGrid>\n      </ContentContainer>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    fontSize: 20,\n    color: theme.palette.primary.main,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    marginBottom: 5\n  },\n  firstBox: {\n    order: 1,\n\n    [theme.breakpoints.down(\"sm\")]: {\n      order: 2,\n      border: 0\n    }\n  },\n  secondBox: {\n    order: 2,\n    [theme.breakpoints.down(\"sm\")]: {\n      order: 1,\n      borderTop: `1px solid ${theme.palette.primary.main}`\n    }\n  },\n  thirdBox: {\n    marginInline: \"1rem\",\n    order: 3\n  }\n}))\n","import * as React from \"react\"\nimport {\n  Table,\n  TableBody,\n  makeStyles,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Paper\n} from \"@material-ui/core\"\n\nexport const Files = ({ title }) => {\n  const { storeRoot } = useStyles()\n  let createData = (name, calories, fat, carbs, protein) => {\n    return { name, calories, fat, carbs, protein }\n  }\n  const rows = [\n    createData(\"Frank Shine \", 159, 6.0),\n    createData(\"Lisa Dread \", 237, 9.0),\n    createData(\"Martin Deila \", 262, 16.0),\n    createData(\"Ali Sha \", 305, 3.7),\n    createData(\"Eva Calverta\", 356, 16.0)\n  ]\n\n  return (\n    <TableContainer component={Paper} className={storeRoot}>\n      <Table aria-label=\"simple table\">\n        <TableHead>\n          <TableRow>\n            <TableCell>Top Artist this Month</TableCell>\n            <TableCell align=\"right\">Plays</TableCell>\n            <TableCell align=\"right\">Downloads</TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {rows.map((row) => (\n            <TableRow key={row.name}>\n              <TableCell component=\"th\" scope=\"row\">\n                {row.name}\n              </TableCell>\n              <TableCell align=\"right\">{row.calories}</TableCell>\n              <TableCell align=\"right\">{row.fat}</TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  )\n}\n\nconst useStyles = makeStyles(() => ({\n  storeRoot: {\n    maxWidth: 328,\n    overflow: \"hidden\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    backgroundColor: \"transparent\",\n    borderRadius: 5,\n    border: \"1px solid white\"\n    // height: 265\n  }\n}))\n","import * as React from \"react\"\nimport { Box } from \"@material-ui/core\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { Files } from \"./Files\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\n\nexport const Analytics = () => {\n\n  return (\n    <Box width=\"100%\">\n      <ContentContainer\n        titleLeft=\"60px\"\n        title=\"Analytics\"\n        titleBackground={\"linear-gradient(186.71deg, #41827E 12.77%, #333333 126.7%)\"}\n        adminGradient={true}\n      >\n        <StyledGrid px={2}>\n          <h2 style={{ marginTop: \"3rem\" }}>Artists</h2>\n          <StyledGrid item>\n            <StyledGrid container>\n              <StyledGrid item xs={6} md={4}>\n                <Files title=\"Top 5 vocal files\" />\n              </StyledGrid>\n              <StyledGrid item xs={6} md={4}>\n                <Files title=\"Top 5 vocal files\" />\n              </StyledGrid>\n              <StyledGrid item xs={6} md={4}>\n                <Files title=\"Top 5 vocal files\" />\n              </StyledGrid>\n            </StyledGrid>\n          </StyledGrid>\n\n          <h2 style={{ marginTop: \"3rem\" }}>Vocals</h2>\n          <StyledGrid item mb={6}>\n            <StyledGrid container>\n              <StyledGrid item xs={6} md={4}>\n                <Files title=\"Top 5 vocal files\" />\n              </StyledGrid>\n              <StyledGrid item xs={6} md={4}>\n                <Files title=\"Top 5 vocal files\" />\n              </StyledGrid>\n              <StyledGrid item xs={6} md={4}>\n                <Files title=\"Top 5 vocal files\" />\n              </StyledGrid>\n            </StyledGrid>\n          </StyledGrid>\n        </StyledGrid>\n      </ContentContainer>\n    </Box>\n  )\n}\n","import { Button, makeStyles, Typography } from \"@material-ui/core\"\nimport * as React from \"react\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { AiOutlineClose } from \"react-icons/ai\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { actions } from \"../../../redux/track/actions\"\n\nexport const Cart = (props) => {\n  const { handleNext } = props\n  const { fontBold, trackImg, desc, proceedBtn } = useStyles()\n  const cart = useSelector((state) => state.track.cart || [])\n  const dispatch = useDispatch()\n\n  const handleRemoveCart = (id) => {\n    dispatch(actions.removeCartRequest(id))\n  }\n  const cart_sum = cart\n    .reduce(function (r, a) {\n      return r + parseFloat(a[\"price\"])\n    }, 0)\n    .toFixed(2)\n  return (\n    <>\n      <StyledGrid container spacing={0} width=\"90%\" style={{ margin: \"0 auto\", rowGap: \"30px\", fontWeight: \"bold\" }}>\n        <StyledGrid item xs={12} md={8}>\n          <Typography style={{ marginBottom: \"1rem\", marginLeft: \"5px\", fontWeight: \"bold\" }} variant=\"h5\">{`Your cart (${cart.length} items)`}</Typography>\n          {cart.map((cart, index) => (\n            <>\n              <StyledGrid container>\n                <StyledGrid item xs={12} md={10} key={index} my={1}>\n                  <Row\n                    jc=\"space-between\"\n                    style={{\n                      overflowWrap: \"anywhere\",\n                      backgroundColor: \"#202020\",\n                      display: \"flex\",\n                      justifyContent: \"space-between\",\n                      padding: \"4px 0\",\n                      alignItems: \"center\"\n                    }}\n                    mx={1}\n                  >\n                    <div style={{display: \"flex\", marginRight: \"auto\"}}>\n                      <Column px={1}>\n                        <img src={cart.image_url} alt=\"\" className={trackImg} />\n                      </Column>\n\n                      <Column px={1}>\n                        <Typography className={fontBold}>&nbsp;{cart.track_name}</Typography>\n                      </Column>\n                    </div>\n                    <Column p={1} style={{ overflowWrap: \"anywhere\", cursor: \"pointer\", marginLeft: \"auto\" }} mx={2} onClick={() => handleRemoveCart(cart.track_id)}>\n                      <Row>\n                        <Typography className={desc} align=\"center\">\n                          ${cart.price}\n                        </Typography>\n\n                        <Typography className={desc} fontSize={30} style={{ marginRight: \"2rem\", fontSize: \"40px\", lineHeight: \"0\" }}></Typography>\n                        <AiOutlineClose fontSize={25} style={{ margin: \"0 .5rem 0 0\" }} color={\"gray\"} />\n                      </Row>\n                    </Column>\n                  </Row>\n                </StyledGrid>\n              </StyledGrid>\n            </>\n          ))}\n        </StyledGrid>\n        <StyledGrid item xs={12} md={4}>\n          <Typography style={{ marginBottom: \"1.5rem\", fontWeight: \"bold\" }} variant=\"h5\">\n            Order Summary\n          </Typography>\n          <Column jc=\"space-between\" p={2} my={2} style={{ backgroundColor: \"#202020\", padding: \"30px\" }}>\n            <Typography className={desc} align=\"center\" style={{ fontSize: \"20px\", fontWeight: \"bold\", margin: \"0.5rem 0\" }}>\n              {cart.length}, Royalty-Free Vocals\n            </Typography>\n\n            <Typography className={desc} align=\"center\" style={{ fontSize: \"30px\", fontWeight: \"bold\", margin: \"0.5rem 0\" }}>\n              $ {cart_sum}\n            </Typography>\n            <Column ai=\"center\">\n              <Button className={proceedBtn} onClick={handleNext}>\n                Proceed to checkout\n              </Button>\n            </Column>\n          </Column>\n        </StyledGrid>\n      </StyledGrid>\n    </>\n  )\n}\n\n// const languages = [\n//   { label: \"Standard $49\", value: \"\", disabled: true },\n//   { label: \"Standard $49\", value: \"english\" },\n//   { label: \"Standard $49\", value: \"french\" }\n// ]\n\nconst useStyles = makeStyles((theme) => ({\n  imgClass: {\n    width: 150,\n    height: 150\n  },\n  trackImg: {\n    width: '35px',\n    borderRadius: '5px'\n  },\n  selectClass: {\n    border: \"0px\",\n    color: \"#000000\",\n    width: \"100%\"\n  },\n  fontBold: {\n    fontWeight: \"bold\",\n    color: theme.palette.primary.contrastText,\n    margin: \"7px 0 0 0\",\n    fontSize: \"17px\"\n  },\n  desc: {\n    fontWeight: \"bold\",\n    fontSize: \"17px\",\n    color: theme.palette.primary.contrastText\n  },\n  link: {\n    color: \"#4099F3\"\n  },\n  wan: {\n    fontWeight: \"bold\",\n    fontSize: \"17px\"\n  },\n\n  proceedBtn: {\n    backgroundColor: theme.palette.btns.pay,\n    color: \"#ffffff\",\n    borderRadius: 5,\n    textTransform: \"none\",\n    width: \"100%\",\n    paddingTop: 8,\n    paddingBottom: 8,\n    marginTop: 10,\n    marginBottom: 5,\n    fontWeight: \"bold\",\n    fontSize: \"20px\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.success.dark,\n      color: \"#ffffff\"\n    }\n  },\n  continues: {\n    textDecoration: \"none\"\n  }\n}))\n","import * as Yup from \"yup\"\nimport valid from \"card-validator\"\nexport const formScript = [\n  {\n    name: \"email\",\n    type: \"email\",\n    placeholder: \"Email\",\n    label: \"Email\",\n    xs: 12,\n    md: 12,\n    style: {\n      borderRadius: 4,\n      textAlign: 'right',\n    }\n  },\n  {\n    name: \"name\",\n    type: \"text\",\n    placeholder: \"Full name\",\n    label: \"\",\n    xs: 12,\n    md: 12,\n    style: {\n      borderTopLeftRadius: 4,\n      borderTopRightRadius: 4,\n      marginTop: 20\n    }\n  },\n  {\n    name: \"country\",\n    type: \"text\",\n    placeholder: \"Country\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    style: {\n      borderBottomLeftRadius: 4\n    }\n  },\n  {\n    name: \"postalCode\",\n    type: \"text\",\n    placeholder: \"ZIP\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    style: {\n      borderBottomRightRadius: 4\n    }\n  },\n  {\n    name: \"creditCard\",\n    type: \"text\",\n    placeholder: \"1234 1234 1234 1234\",\n    label: \"Card information\",\n    xs: 12,\n    md: 12,\n    inputImage: true,\n    style: {\n      borderTopLeftRadius: 4,\n      borderTopRightRadius: 4,\n    }\n  },\n  // {\n  //   name: \"month\",\n  //   type: \"text\",\n  //   placeholder: \"MM\",\n  //   label: \"Expiration\",\n  //   xs: 12,\n  //   md: 4\n  // },\n  {\n    name: \"year\",\n    type: \"text\",\n    placeholder: \"MM / YY\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    style: {\n      borderBottomLeftRadius: 4\n    }\n  },\n  {\n\n    name: \"cvc\",\n    type: \"text\",\n    placeholder: \"CVC\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    inputCvcImage: true,\n    style: {\n      borderBottomRightRadius: 4\n    }\n  },\n  {\n    name: \"last4\",\n    type: \"text\",\n    label: \"Card Number\",\n    xs: 12,\n    md: 12\n  },\n  {\n    name: \"cardName\",\n    type: \"text\",\n    label: \"Name on Card\",\n    xs: 12,\n    md: 12\n  }\n]\n\nexport const initValues = {\n  firstName: \"\",\n  lastName: \"\",\n  creditCard: \"\",\n  month: \"\",\n  year: \"\",\n  cvc: \"\",\n  country: \"\",\n  postalCode: \"\"\n}\nexport const schema = Yup.object().shape({\n  name: Yup.string().required(\"Name is required\"),\n  creditCard: Yup.string()\n    .required(\"Card number is required\")\n    .test(\n      \"test-number\", // this is used internally by yup\n      \"Card number is invalid\", //validation message\n      (value) => valid.number(value).isValid\n    ),\n  year: Yup.string().required(\"Expiration date is required\").matches(/^(0[1-9]|1[0-2])[ ]?\\/[ ]?([0-9]{2})$/, \"Wrong format for expiration date. Possible formats are MM / YY or MM/YY\"),\n  cvc: Yup.string().required(\"CVC/CVV is required\")\n    .test(\n      \"test-number\", // this is used internally by yup\n      \"Invalid input! CVC/CVV number contains 3 digits only.\", //validation message\n      (value) => valid.cvv(value).isValid\n    ),\n  country: Yup.string().required(\"Country is required\"),\n  postalCode: Yup.string().required(\"ZIP is required\")\n})\nexport const conformationList = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  }\n]\n\nexport const checkoutList = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  }\n]\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport { Column } from \"../Flex/Column\"\nimport { StyledGrid } from \"../Container/StyledGrid\"\nimport { Row } from \"../Flex/Row\"\nimport fileDownload from \"js-file-download\"\nimport axios from \"axios\"\n\nexport const ThanksVocalRow = ({ tracks, showDownloadButton }) => {\n  const {fontBold, desc, trackImg } = useStyles()\n\n  const handleDownload = (url, track) => {\n    axios\n      .get(url, {\n        responseType: \"blob\"\n      })\n      .then((res) => {\n        fileDownload(res.data, track.track_name + \".wav\")\n      })\n  }\n\n  return (\n    <>\n      {tracks.map((cart, index) => (\n        <StyledGrid container style={{ width: \"100%\", justifyContent: \"center\" }} key={cart.track_name}>\n          <StyledGrid item xs={12} md={!!showDownloadButton ? 8 : 12} my={1}>\n            <Row\n              jc=\"space-between\"\n              p={1}\n              borderRadius={5}\n              style={{\n                overflowWrap: \"anywhere\",\n                backgroundColor: !showDownloadButton ? \"#202020\" : \"transparent\",\n                border: showDownloadButton ? \"1px solid white\" : \"none\",\n                alignItems: \"center\"\n              }}\n              mx={1}\n            >\n              <Column jc=\"space-between\">\n                <Box>\n                  <Row style={{alignItems: \"center\"}}>\n                    <img src={cart.image_url} alt=\"\" className={trackImg} />\n                    <Typography className={fontBold}>&nbsp;{cart.track_name}</Typography>\n                  </Row>\n                </Box>\n              </Column>\n            </Row>\n          </StyledGrid>\n          <StyledGrid\n            item\n            xs={12}\n            mx={2}\n            md={4}\n            my={1}\n            borderRadius={5}\n            style={{\n              display: !!showDownloadButton ? \"\" : \"none\",\n              backgroundColor: \"#FF00C7\",\n              color: \"white\",\n              maxWidth: \"200px\",\n              paddingTop: \"10px\"\n            }}\n          >\n            <Row\n              jc=\"space-around\"\n              p={1}\n              px={2}\n              style={{ overflowWrap: \"anywhere\", cursor: \"pointer\" }}\n              mx={2}\n              onClick={() => handleDownload(cart.track_url, cart)}\n              //onClick={() => handleRemoveCart(cart.track_id)}\n            >\n              <Column>\n                <img src={\"media/dowload-vocal.png\"} width=\"22\" height=\"18\" alt=\"downlaod vocal img\" />\n              </Column>\n\n              <Column>\n                <Typography className={desc} align=\"center\">\n                  Download\n                </Typography>\n              </Column>\n            </Row>\n          </StyledGrid>\n        </StyledGrid>\n      ))}\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  btn: {\n    marginLeft: 5,\n    // backgroundColor: \"#F3F4F5\",\n    border: `1px solid ${theme.palette.primary.main}`,\n\n    height: 43,\n    width: 260,\n    borderRadius: 5,\n    \"&:hover\": {\n      //backgroundColor: theme.palette.primary.main,\n      color: \"#ffffff\"\n    }\n  },\n  helperText: {\n    color: \"#9F9F9F\"\n  },\n  btnCell: {\n    width: 260\n  },\n  row: {\n    \"& td\": {\n      textAlign: \"left\",\n      borderBottom: `1px solid ${theme.palette.secondary.main}`,\n      // backgroundColor: \"#ffffff\",\n      width: 50\n    },\n    \"& td:last-child\": {\n      textAlign: \"left\",\n      borderBottom: `0px solid ${theme.palette.secondary.main}`,\n      backgroundColor: \"transparent\"\n    }\n  },\n  title: {\n    fontSize: 17\n  },\n  fontBold: {\n    fontWeight: \"bold\",\n    color: theme.palette.primary.contrastText,\n    paddingLeft: '10px'\n  },\n  desc: {\n    //fontWeight: \"bold\",\n    color: theme.palette.primary.contrastText\n  },\n  trackImg: {\n    width: '35px',\n    borderRadius: '5px'\n  }\n}))\n","import { useState, useCallback, useMemo } from 'react'\nimport { Typography, Button, makeStyles, Box } from \"@material-ui/core\"\nimport { useFormik } from \"formik\"\nimport * as React from \"react\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { formScript, initValues, schema } from \"./script\"\nimport { ThanksVocalRow } from \"../../../_warbls/components/VocalRow/ThanksVocalRow\"\nimport { useSelector } from \"react-redux\"\nimport { POST } from \"../../../_helpers/fetcher\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport cogoToast from \"cogo-toast\"\nimport axios from 'axios'\n// import Radio from \"@material-ui/core/Radio\";\n// import RadioGroup from \"@material-ui/core/RadioGroup\";\n// import FormControlLabel from \"@material-ui/core/FormControlLabel\";\n// import FormControl from \"@material-ui/core/FormControl\";\n// import CardData from \"./CardData\"\n// import * as Yup from \"yup\"\nimport PayPalButton from \"./PayPalButton\";\n\nexport const Checkout = (props) => {\n  const { handleNext, prevCardInfo } = props\n  const { labelClass, inputClass, labelCardClass, labelEmailClass, head, submitBtn, InputRoot, vocalRowsWrapper, priceWrapper, paymentForm } = useStyles()\n  const { cart } = useSelector((state) => state.track)\n  const { userInfo } = useSelector((state) => state.auth)\n  const [IsSubmitting, setIsSubmitting] = useState(false)\n  // const [radioCard, setRadioCard] = useState(prevCardInfo !== undefined ? \"Existing\" : \"New\");\n  const cart_sum = useMemo(() => {\n    return cart.reduce( (r, a) => {\n        return r + parseFloat(a[\"price\"])\n      }, 0)\n    .toFixed(2)\n  }, [cart])\n\n  const submitPayment = useCallback(async (values) => {\n    let body = {\n      ...values,\n      // useExisitingCard: prevCardInfo?.id !== undefined && radioCard === \"Existing\",\n      month: parseInt(values?.year.split(\"/\")[0]),\n      year: parseInt(values?.year.split(\"/\")[1] ),\n      name: values?.name,\n      amount: cart_sum * 100,\n      user_id: userInfo.user_id,\n      track_ids: cart.map((obj) => obj.track_id)\n    }\n\n    setIsSubmitting(true)\n    let res = await POST(APIs.checkout, body)\n\n    if (!res?.error !== false) {\n      handleNext()\n    }else {\n      console.log(res?.error?.message)\n      cogoToast.error(\"Card expiration date is invalid\")\n    }\n    setIsSubmitting(false)\n  } ,[cart, cart_sum, handleNext, prevCardInfo?.id, userInfo.user_id])\n\n    // const  handleRadioInput = (event) => {\n    //   if (event.target.value === radioCard) {\n    //     setRadioCard(\"\");\n    //   } else {\n    //     setRadioCard(event.target.value);\n    //   }\n    // }\n\n  const formik = useFormik({\n    initialValues: initValues,\n    // validationSchema: radioCard === \"Existing\" ? Yup.object().shape({}) : schema,\n    validationSchema: schema,\n    onSubmit: async (values, { resetForm }) => {\n      if (IsSubmitting) return\n\n      const updatedValues = {\n        ...values,\n        number: values.creditCard,\n      };\n\n      delete updatedValues.creditCard;\n\n      submitPayment(updatedValues);\n\n      //dispatch(actions.signupRequest(values, handleSignup, resetForm))\n      // if (!loading) {\n      //   handleSignup()\n      //   resetForm()\n      // }\n    }\n  })\n\n  const renderNewCard = () => {\n    return formScript.slice(1, 7).map((field, index) => (\n      <StyledGrid item xs={field.xs} md={field.md} key={index} className={InputRoot} style={{padding: '0px'}}>\n        <InputField\n          placeholder={field.placeholder}\n          name={field.name}\n          type={field.type}\n          formik={formik}\n          label={field.label}\n          style={{ ...field.style }}\n          classes={inputClass}\n          labelClass={field.label === \"Card information\" ? labelCardClass : labelClass}\n          isLightTheme={true}\n          inputImage={field.inputImage}\n          inputCvcImage={field.inputCvcImage}\n          value={field.type === \"email\" && userInfo.email}\n          autoComplete={field.name === \"creditCard\" && \"cc-number\"}\n        />\n      </StyledGrid>\n    ))\n  }\n\n  const handleCreateOrder = async (data, actions) => {\n    try {\n      const response = await axios.post(APIs.paypalCreateOrder, {\n        user_id: userInfo.user_id,\n        track_ids: cart.map((obj) => obj.track_id)\n      });\n\n      return response.data.orderID;\n    } catch (error) {\n      console.error(\"Error creating PayPal order:\", error);\n    }\n  }\n\n  const handleApprove = async (data, actions) => {\n    try {\n      await axios.post(APIs.paypalCaptureOrder, {\n        orderID: data.orderID,\n        user_id: userInfo.user_id,\n        track_ids: cart.map((obj) => obj.track_id)\n      });\n      handleNext()\n    } catch (error) {\n      console.error(\"Error capturing PayPal order:\", error);\n    }\n  };\n\n  return (\n    <>\n      <StyledContainer p={0} height=\"70vh\" style={{ overflowX: \"hidden !important\", maxWidth: \"100vw\" }} id=\"doc-element\">\n        <StyledGrid container spacing={3}>\n          <StyledGrid item xs={12} md={6} className={paymentForm}>\n            {/* <div style={{paddingRight: \"5px\"}}>\n              <PayPalButton\n                amount={cart_sum}\n                currency=\"USD\"\n                createOrder={handleCreateOrder}\n                onApprove={handleApprove}\n              />\n            </div>\n            <div style={{margin: '25px 0 25px 0'}}>\n              <div className=\"hr-text-container\">\n                <hr className=\"hr-text\" />\n                <span className=\"hr-text-span\">Or pay with card</span>\n                <hr className=\"hr-text\" />\n              </div>\n            </div> */}\n            <Box display=\"flex\" width=\"100%\" justifyContent=\"space-between\" flexWrap=\"wrap\">\n              <Typography variant=\"h5\" className={head}>\n                Billing Information\n              </Typography>\n              <div style={{width: '135px'}}><img src=\"media/poweredStripe.svg\" height=\"35px\" width=\"160px\" alt=\"stripe\" /></div>\n            </Box>\n            {/* <Row mb={3}>\n              <Row>\n                <span style={{ marginTop: \"20%\" }}>\n                  <input type=\"radio\" name=\"paymentMethod\" checked={true} />\n                </span>\n                <img src=\"media/card.png\" alt=\"\" className={cardStyle} />\n              </Row>\n            </Row> */}\n\n            <StyledGrid container width=\"100%\">\n\n              {formScript.slice(0, 1).map((field, index) => (\n                <StyledGrid item xs={field.xs} md={field.md} key={index} className={InputRoot}>\n                  <InputField\n                    placeholder={field.placeholder}\n                    name={field.name}\n                    type={field.type}\n                    formik={formik}\n                    label={field.label}\n                    style={{ ...field.style }}\n                    classes={`${inputClass} inputEmailCheckout`}\n                    labelClass={field.type === \"email\" ? labelEmailClass: labelClass}\n                    isLightTheme={true}\n                    inputImage={field.inputImage}\n                    value={field.type === \"email\" && userInfo.email}\n                  />\n                </StyledGrid>\n              ))}\n              {/*\n                prevCardInfo &&\n                  <div>\n                    <FormControl id=\"selectCard\">\n                      <RadioGroup\n                        aria-labelledby=\"selectCard\"\n                        name=\"selectCard\"\n                        value={radioCard}\n                        onChange={handleRadioInput}\n                        row\n                      >\n                        <FormControlLabel\n                          control={<Radio onChange={handleRadioInput} />}\n                          label=\"Choose Existing Card\"\n                          value=\"Existing\"\n                        />\n                        <FormControlLabel\n                          control={<Radio onChange={handleRadioInput} />}\n                          label=\"Add new Card\"\n                          value=\"New\"\n                        />\n                      </RadioGroup>\n                    </FormControl>\n                  </div>\n              */}\n              {/*\n                radioCard === \"New\" ?\n                  renderNewCard() :\n                  <CardData cardInfo={prevCardInfo} submitPayment={submitPayment} />\n              */}\n              {renderNewCard()}\n\n              <StyledGrid container mx={0} my={1}>\n                <Button className={submitBtn} onClick={formik.handleSubmit} >\n                  {!IsSubmitting ? \"Pay\" : \"Please wait ...\"}\n                </Button>\n              </StyledGrid>\n            </StyledGrid>\n          </StyledGrid>\n\n          <StyledGrid item xs={12} md={6} className={priceWrapper}>\n            <Row jc=\"center\">\n              <Typography variant=\"h6\">Total Price</Typography>\n            </Row>\n            <Row jc=\"center\">\n              <Typography variant=\"h3\">${cart_sum}</Typography>\n            </Row>\n            <Column\n              // border={1}\n              //borderColor=\"rgba(0, 0, 0, 0.1)\"\n\n              py={0}\n              px={3}\n              ai=\"center\"\n            >\n              <Row my={2} className={vocalRowsWrapper} width=\"30%\">\n                <ThanksVocalRow tracks={cart} />\n                {/* <table>\n                  <tbody>\n                    {cart.map((l, index) => (\n                      <ThanksVocalRow rowList={cart} key={index} width=\"500px\" />\n                    ))}\n                  </tbody>\n                </table> */}\n              </Row>\n            </Column>\n          </StyledGrid>\n        </StyledGrid>\n      </StyledContainer>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  cardStyle: {\n    width: 180,\n    height: 100,\n    margin: \"0px 2px\",\n    borderRadius: 3\n  },\n  paymentForm: {\n    padding: \"12px 98px!important\",\n    \"@media (max-width:800px)\": {\n      padding: '12px!important'\n    }\n  },\n  inputClass: {\n    backgroundColor: \"transparent\",\n    border: \"1px solid lightgray\",\n    // borderRadius: 4,\n    width: \"100%\",\n    \"@media(max-width:500px)\": {}\n  },\n  labelClass: {\n    fontWeight: \"bold\",\n    marginLeft: 0,\n  },\n  labelCardClass: {\n    fontWeight: \"bold\",\n    marginLeft: 0,\n    marginTop: 20,\n    marginBottom: 5,\n  },\n  labelEmailClass: {\n    position: 'relative',\n    top: 31,\n    color: 'rgb(0, 0, 0)',\n    zIndex: 1,\n    paddingLeft: 10,\n  },\n  head: {\n    fontWeight: \"bold\",\n    // marginBottom: \"1.5rem\"\n  },\n  subHead: {\n    fontWeight: \"bold\",\n    margin: \"15px 0px 10px 0px\"\n  },\n  submitBtn: {\n    backgroundColor: theme.palette.btns.pay,\n    color: theme.palette.primary.contrastText,\n    padding: \"10px 25px\",\n    borderRadius: 5,\n    marginTop: 20,\n    width: \"100%\",\n    textAlign: \"center\",\n    fontWeight: \"bold\",\n    textTransform: 'Capitalize',\n    fontSize: '20px',\n    \"&:hover\": {\n      backgroundColor: theme.palette.success.dark,\n      color: theme.palette.primary.contrastText\n    },\n  },\n  total: {\n    textDecoration: \"underline\"\n  },\n  mul: {\n    fontSize: 16\n  },\n  InputRoot: {\n    \"& .MuiBox-root\": {\n      margin: \"0px 0px\"\n    }\n  },\n  vocalRowsWrapper: {\n    minWidth: \"450px\",\n    \"@media (max-width:450px)\": {\n      minWidth: \"350px\"\n    }\n  },\n  priceWrapper: {\n    marginTop: 14,\n    \"@media (max-width:800px)\": {\n      minWidth: 6\n    }\n  },\n  headerWrapper: {\n    margin: '25px 0 25px 0'\n  }\n}))\n","import * as React from \"react\"\nimport { Typography, Box, makeStyles } from \"@material-ui/core\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { ThanksVocalRow } from \"../../../_warbls/components/VocalRow/ThanksVocalRow\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { useHistory } from \"react-router-dom\"\nimport { actions } from \"../../../redux/track/actions\"\nexport const Confirmation = (props) => {\n  const { smallText, bigText, span, darkSpan, vocalRowContainer } = useStyles()\n  const { cart } = useSelector((state) => state.track)\n  const history = useHistory()\n  const dispatch = useDispatch()\n  React.useEffect(() => () => dispatch(actions.emptyCartRequest()), [dispatch])\n\n  return (\n    <>\n      <StyledContainer my={5}>\n        <Column ai=\"center\">\n          <Typography className={smallText}>Order Number: {Math.random().toString(36).substr(2, 9)}</Typography>\n          <Typography className={bigText}>\n            Go to your &nbsp;\n            <span className={span}>\n              <img src={\"media/dowload-vocal.png\"} width=\"22\" height=\"18\" alt=\"downlaod vocal img\" style={{ margin: \"0 .5rem 2px 0\" }} />\n            </span>\n            &nbsp; page to access your vocal files or download them here.\n          </Typography>\n          <Box width=\"90%\" style={{ backgroundColor: \"white\", height: \"1px\", margin: \"40px auto 10px auto\" }} />\n          <Box py={4} className={vocalRowContainer}>\n            <ThanksVocalRow tracks={cart} showDownloadButton={true} />\n          </Box>\n          <Typography variant=\"h5\" className={bigText}>\n            Browse more{\" \"}\n            <span\n              className={darkSpan}\n              onClick={() => {\n                history.push(`/vocals`)\n              }}\n            >\n              Vocals\n            </span>\n          </Typography>\n        </Column>\n      </StyledContainer>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  smallText: {\n    fontSize: 20,\n    fontWeight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    marginTop: 10\n  },\n  bigText: {\n    fontSize: 30,\n    fontWEight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    marginTop: 10\n  },\n  span: {\n    // fontSize: 35,\n    color: theme.palette.primary.main,\n    backgroundColor: \"#212121\",\n    padding: \"10px 5px 2px 12px\",\n    borderRadius: 5,\n    cursor: \"pointer\"\n  },\n  darkSpan: {\n    // fontSize: 35,\n    color: theme.palette.primary.main,\n    backgroundColor: \"white\",\n    padding: \"5px 5px 2px 6px\",\n    borderRadius: 5,\n    cursor: \"pointer\"\n  },\n\n  vocalRowContainer: {\n    width: \"55%\",\n    \"@media (max-width: 600px)\": {\n      width: \"90%\"\n    }\n  }\n}))\n","import { useState, useEffect } from \"react\"\nimport { makeStyles, Stepper, Step, StepLabel, Box } from \"@material-ui/core\"\nimport clsx from \"clsx\"\nimport axios from \"axios\"\nimport { Cart } from \"./ViewCart\"\nimport { Checkout } from \"./Checkout\"\nimport { Confirmation } from \"./Confirmation\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { useSelector } from \"react-redux\"\nimport { APIs } from \"../../../_helpers/apis\"\n\nexport const ViewCart = (props) => {\n  const classes = useStyles()\n  const { auth } = useSelector((state) => state.auth)\n  const [ prevCardInfo, setPrevCardInfo ] = useState()\n  const [activeStep, setActiveStep] = useState(0)\n  const steps = getSteps()\n  const cart = useSelector((state) => state.track.cart || [])\n  const handleNext = () => {\n    if (cart.length) {\n      setActiveStep((prevActiveStep) => prevActiveStep + 1)\n    }\n  }\n\n  const handleBack = () => {\n    setActiveStep((prevActiveStep) => prevActiveStep - 1)\n  }\n\n  const handleReset = () => {\n    setActiveStep(0)\n  }\n\n  useEffect(()=>{\n    if(!auth) return;\n\n    axios.get(APIs.getCardInfo, {\n      headers: {\n        \"Auhtorization\" : auth\n      }\n    }).then(resp => {\n      if ( !resp.data || !resp.data?.data || resp.data === '' || Object.keys(resp.data).length === 0 || resp.data === undefined)\n        return\n      else\n        setPrevCardInfo(resp.data.data)\n    })\n  }, [auth])\n\n  return (\n    <Box p={0} width=\"100%\">\n      {activeStep === 2 ? (\n        <ContentContainer titleLeft=\"38%\" titleBackground={\"#48E12F\"} title=\"Thank You!\" pageType=\"payment\" thankYou={true}>\n          <Confirmation handleReset={handleReset} handleBack={handleBack} />\n        </ContentContainer>\n      ) : (\n        <ContentContainer\n          titleBackground={activeStep === 0 ? \"linear-gradient(to right, #5F5F5F , #C2EDBB)\" : \"linear-gradient(to right,#757E73 ,#31ae1b )\"}\n          title={activeStep === 0 ? \"Cart\" : \"Checkout\"}\n          pageType=\"payment\"\n        >\n          <StyledContainer>\n            <div className={classes.root} style={{ width: \"80%\" }}>\n              <Box className={classes.stepperConatainer}>\n                <Stepper activeStep={activeStep}>\n                  {steps.map((label, index) => (\n                    <Step key={index} onClick={() => activeStep === 1 && index === 0 && setActiveStep(0)}>\n                      <StepLabel style={{ cursor: \"pointer\", fontWeight: \"bold\" }} StepIconComponent={() => StepIcon({ step: index, activeStep })}>\n                        {label}\n                      </StepLabel>\n                    </Step>\n                  ))}\n                </Stepper>\n              </Box>\n              <div className={clsx(activeStep === 1 && classes.hideOverflow)}>\n                {activeStep === 0 ? (\n                  <Cart handleNext={handleNext} handleBack={handleBack} />\n                ) : activeStep === 1 ? (\n                  <Checkout handleNext={handleNext} handleBack={handleBack} prevCardInfo={prevCardInfo} />\n                ) : (\n                  <Confirmation handleReset={handleReset} handleBack={handleBack} />\n                )}\n              </div>\n            </div>\n          </StyledContainer>\n        </ContentContainer>\n      )}\n    </Box>\n  )\n}\n\nconst StepIcon = (props) => {\n  const { step, activeStep } = props\n  return (\n    <div>\n      <p\n        style={{\n          padding: \"1px 7px\",\n          color: \"black\",\n          backgroundColor: step === activeStep ? \"white\" : \"gray\",\n          borderRadius: \"2px\"\n        }}\n      >\n        {step + 1}\n      </p>\n    </div>\n  )\n}\n\nfunction getSteps() {\n  return [\"View cart\", \"Checkout\", \"Confirmation\"]\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: \"90%\",\n    margin: \"0 auto\",\n\n    \"& .MuiPaper-root\": {\n      backgroundColor: \"#fff0\",\n      padding: \"3rem 0\",\n      position: \"relative\",\n      left: \"0px\"\n    },\n    \"@media(max-width:1280px)\": {\n      marginTop: 50\n    },\n    \"@media(max-width:550px)\": {\n      width: \"100% !important\",\n      maxWidth: \"100vw\"\n    }\n  },\n  button: {\n    marginRight: theme.spacing(1)\n  },\n  instructions: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  stepperConatainer: {\n    width: \"35%\",\n    marginLeft: \"5%\",\n\n    \"@media (max-width:1000px) \": {\n      width: \"100%\"\n    },\n    \"@media (max-width:420px) \": {}\n  },\n  hideOverflow: {\n    \"@media (max-width:500px)\": {\n      maxWidth: \"450px !important\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      margin: \"0 auto\"\n    },\n    \"@media (max-width:400px)\": {\n      maxWidth: \"330px !important\"\n    }\n  }\n}))\n","import * as Yup from \"yup\"\nimport valid from \"card-validator\"\nexport const formScript = [\n  {\n    name: \"email\",\n    type: \"email\",\n    placeholder: \"Email\",\n    label: \"Email\",\n    xs: 12,\n    md: 12,\n    style: {\n      borderRadius: 4,\n      textAlign: 'right',\n      backgroundColor:'#DBDADA',\n      color:'#393939',\n    }\n  },\n  {\n    name: \"name\",\n    type: \"text\",\n    placeholder: \"Full name\",\n    label: \"\",\n    xs: 12,\n    md: 12,\n    style: {\n      borderTopLeftRadius: 4,\n      borderTopRightRadius: 4,\n      marginTop: 20\n    }\n  },\n  {\n    name: \"country\",\n    type: \"text\",\n    placeholder: \"Country\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    style: {\n      borderBottomLeftRadius: 4\n    }\n  },\n  {\n    name: \"postalCode\",\n    type: \"text\",\n    placeholder: \"ZIP\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    style: {\n      borderBottomRightRadius: 4\n    }\n  },\n  {\n    name: \"creditCard\",\n    type: \"text\",\n    placeholder: \"1234 1234 1234 1234\",\n    label: \"Card information\",\n    xs: 12,\n    md: 12,\n    inputImage: true,\n    style: {\n      borderTopLeftRadius: 4,\n      borderTopRightRadius: 4,\n    }\n  },\n  // {\n  //   name: \"month\",\n  //   type: \"text\",\n  //   placeholder: \"MM\",\n  //   label: \"Expiration\",\n  //   xs: 12,\n  //   md: 4\n  // },\n  {\n    name: \"year\",\n    type: \"text\",\n    placeholder: \"MM / YY\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    style: {\n      borderBottomLeftRadius: 4\n    }\n  },\n  {\n\n    name: \"cvc\",\n    type: \"text\",\n    placeholder: \"CVC\",\n    label: \"\",\n    xs: 12,\n    md: 6,\n    inputCvcImage: true,\n    style: {\n      borderBottomRightRadius: 4\n    }\n  },\n  {\n    name: \"last4\",\n    type: \"text\",\n    label: \"Card Number\",\n    xs: 12,\n    md: 12\n  },\n  {\n    name: \"cardName\",\n    type: \"text\",\n    label: \"Name on Card\",\n    xs: 12,\n    md: 12\n  }\n]\n\nexport const initValues = {\n  firstName: \"\",\n  lastName: \"\",\n  creditCard: \"\",\n  month: \"\",\n  year: \"\",\n  cvc: \"\",\n  country: \"\",\n  postalCode: \"\"\n}\nexport const schema = Yup.object().shape({\n  name: Yup.string().required(\"Name is required\"),\n  creditCard: Yup.string()\n    .required(\"Card number is required\")\n    .test(\n      \"test-number\", // this is used internally by yup\n      \"Card number is invalid\", //validation message\n      (value) => valid.number(value).isValid\n    ),\n  year: Yup.string().required(\"Expiration date is required\").matches(/^(0[1-9]|1[0-2])[ ]?\\/[ ]?([0-9]{2})$/, \"Wrong format for expiration date. Possible formats are MM / YY or MM/YY\"),\n  cvc: Yup.string().required(\"CVC/CVV is required\")\n    .test(\n      \"test-number\", // this is used internally by yup\n      \"Invalid input! CVC/CVV number contains 3 digits only.\", //validation message\n      (value) => valid.cvv(value).isValid\n    ),\n  country: Yup.string().required(\"Country is required\"),\n  postalCode: Yup.string().required(\"ZIP is required\")\n})\nexport const conformationList = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: true\n  }\n]\n\nexport const checkoutList = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    download: \"\"\n  }\n]\n","import { useState, useCallback, useMemo } from 'react'\nimport { Typography, Button, makeStyles, Box, useTheme } from \"@material-ui/core\"\nimport { useFormik } from \"formik\"\nimport * as React from \"react\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { formScript, initValues, schema } from \"./script\"\nimport { ThanksVocalRow } from \"../../../_warbls/components/VocalRow/ThanksVocalRow\"\nimport { useSelector } from \"react-redux\"\nimport { POST } from \"../../../_helpers/fetcher\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport cogoToast from \"cogo-toast\"\nimport axios from 'axios'\nimport { useHistory } from 'react-router'\nimport { useEffect } from 'react'\n// import Radio from \"@material-ui/core/Radio\";\n// import RadioGroup from \"@material-ui/core/RadioGroup\";\n// import FormControlLabel from \"@material-ui/core/FormControlLabel\";\n// import FormControl from \"@material-ui/core/FormControl\";\n// import CardData from \"./CardData\"\n// import * as Yup from \"yup\"\n// import PayPalButton from \"./PayPalButton\";\n\nexport const Checkout = (props) => {\n    const { handleNext } = props\n    const { labelClass, inputClass, labelCardClass, labelEmailClass, head, submitBtn, InputRoot, vocalRowsWrapper, priceWrapper, paymentForm } = useStyles()\n    // const { cart } = useSelector((state) => state.track)\n    const { userInfo } = useSelector((state) => state.auth);\n    const reduxSubscription = useSelector((state) => state.subscriptions)\n    \n    const history = useHistory();\n\n    \n    \n    \n\n    const [IsSubmitting, setIsSubmitting] = useState(false)\n    // const [radioCard, setRadioCard] = useState(prevCardInfo !== undefined ? \"Existing\" : \"New\");\n    // const cart_sum = useMemo(() => {\n    //     return cart.reduce((r, a) => {\n    //         return r + parseFloat(a[\"price\"])\n    //     }, 0)\n    //         .toFixed(2)\n    // }, [cart])\n\n    const submitPayment = useCallback(async (values) => {\n        let body = {\n            ...values,\n            // useExisitingCard: prevCardInfo?.id !== undefined && radioCard === \"Existing\",\n            month: parseInt(values?.year.split(\"/\")[0]),\n            year: parseInt(values?.year.split(\"/\")[1]),\n            name: values?.name,\n            // amount: cart_sum * 100,\n            user_id: userInfo.user_id,\n            subscriptionPlanId: reduxSubscription?.userSubscription?.id\n            // track_ids: cart.map((obj) => obj.track_id)\n        }\n        setIsSubmitting(true)\n        let res = await POST(APIs.subscriptionCheckout, body)\n\n        if (res?.status === 200) {\n            handleNext()\n        } else {\n            console.log(res?.error?.message)\n            cogoToast.error(\"Card expiration date is invalid\")\n        }\n        setIsSubmitting(false)\n    }, [ handleNext, userInfo.user_id])\n\n\n\n    const formik = useFormik({\n        initialValues: initValues,\n        validationSchema: schema,\n        onSubmit: async (values, { resetForm }) => {\n            if (IsSubmitting) return\n\n            const updatedValues = {\n                ...values,\n                number: values.creditCard,\n            };\n\n            delete updatedValues.creditCard;\n\n            submitPayment(updatedValues);\n\n\n        }\n    })\n\n    const renderCheckoutField = () => {\n        return formScript.slice(0, 7).map((field, index) => (\n            <StyledGrid item xs={field.xs} md={field.md} key={index} className={InputRoot} style={{ padding: '0px' }}>\n                <InputField\n                    placeholder={field.placeholder}\n                    name={field.name}\n                    type={field.type}\n                    formik={formik}\n                    label={field.label}\n                    style={{ ...field.style }}\n                    classes={inputClass}\n                    labelClass={field.label === \"Card information\" ? labelCardClass : labelClass}\n                    isLightTheme={true}\n                    inputImage={field.inputImage}\n                    inputCvcImage={field.inputCvcImage}\n                    value={field.type === \"email\" && userInfo.email}\n                    autoComplete={field.name === \"creditCard\" && \"cc-number\"}\n                />\n            </StyledGrid>\n        ))\n    }\n\n\n    return (\n        <>\n            <StyledContainer p={0} height=\"70vh\" style={{ overflowX: \"hidden !important\", maxWidth: \"100vw\" }} id=\"doc-element\">\n                <StyledGrid container spacing={3}>\n                    <StyledGrid item xs={12} md={6} className={paymentForm}>\n\n                        <Box display=\"flex\" width=\"100%\" justifyContent=\"space-between\" flexWrap=\"wrap\">\n                            <Typography variant=\"h5\" className={head}>\n                                Billing Information\n                            </Typography>\n                            <div style={{ width: '135px' }}><img src=\"media/poweredStripe.svg\" height=\"35px\" width=\"160px\" alt=\"stripe\" /></div>\n                        </Box>\n\n\n                        <StyledGrid container width=\"100%\">\n\n                            {renderCheckoutField()}\n\n                            <StyledGrid container mx={0} my={1}>\n                                <Button className={submitBtn} onClick={formik.handleSubmit} >\n                                    {!IsSubmitting ? \"Subscribe\" : \"Please wait ...\"}\n                                </Button>\n                            </StyledGrid>\n                        </StyledGrid>\n                    </StyledGrid>\n\n                    <StyledGrid item xs={12} md={6} className={priceWrapper}>\n                        <div style={{display:\"flex\",justifyContent:\"space-between\"}} >\n                            <div style={{display:\"flex\",gap:'10px'}}>\n                                <div style={{ width:'80px',height:'80px', backgroundColor:'#FFFFFF',borderRadius:'10px',display:'flex',justifyContent:'center',alignItems:'center',}}>\n                                <img src=\"media/logo-sm.png\" alt=\"\" />\n                                </div>\n                                <Typography variant=\"h6\">\n                                    <strong>{reduxSubscription?.userSubscription?.plan}</strong> \n                                    <br/> \n                                    <p>${reduxSubscription?.userSubscription?.price} /mo</p>\n                                </Typography>                       \n                            </div>\n                            <Typography variant='p' \n                                        style={{color:'#57A4FF',cursor:'pointer'}}\n                                        onClick={() => { (reduxSubscription?.userSubscription?.id)? history.push('/manage-subscription'):history.push('/plans') }}\n                                        >Change plane</Typography>\n                        </div>\n                        <br/>\n                        <br/>\n                        <div style={{display:\"flex\",justifyContent: \"space-between\",alignItems: \"center\"}}>\n                        <Typography variant=\"h6\" style={{fontWeight:'bolder'}}>Total Price</Typography>\n                        <Typography variant=\"h6\" style={{fontWeight:'bolder'}}>${reduxSubscription?.userSubscription?.price}/mo</Typography>\n                        </div>\n                        {/* <Row jc=\"center\">\n                            <Typography variant=\"h6\">Total Price</Typography>\n                            <Typography variant=\"h6\">$8.99/mon</Typography>\n\n\n                        </Row> */}\n                    </StyledGrid>\n                </StyledGrid>\n            </StyledContainer>\n        </>\n    )\n}\n\nconst useStyles = makeStyles((theme) => ({\n    cardStyle: {\n        width: 180,\n        height: 100,\n        margin: \"0px 2px\",\n        borderRadius: 3\n    },\n    paymentForm: {\n        padding: \"12px 98px!important\",\n        \"@media (max-width:800px)\": {\n            padding: '12px!important'\n        }\n    },\n    inputClass: {\n        backgroundColor: \"#F1F1F1\",\n        border: \"1px solid lightgray\",\n        // borderRadius: 5,\n        fontWeight:'bold',\n        color:'black',\n        width: \"100%\",\n        \"@media(max-width:500px)\": {}\n    },\n    labelClass: {\n        fontWeight: \"bold\",\n        marginLeft: 0,\n    },\n    labelCardClass: {\n        fontWeight: \"bold\",\n        marginLeft: 0,\n        marginTop: 20,\n        marginBottom: 5,\n    },\n    labelEmailClass: {\n        position: 'relative',\n        top: 31,\n        color: 'rgb(0, 0, 0)',\n        zIndex: 1,\n        paddingLeft: 10,\n    },\n    head: {\n        fontWeight: \"bold\",\n        // marginBottom: \"1.5rem\"\n    },\n    subHead: {\n        fontWeight: \"bold\",\n        margin: \"15px 0px 10px 0px\"\n    },\n    submitBtn: {\n        backgroundColor: '#57A4FF',\n        color: theme.palette.primary.contrastText,\n        padding: \"10px 25px\",\n        borderRadius: 5,\n        marginTop: 20,\n        width: \"100%\",\n        textAlign: \"center\",\n        fontWeight: \"bold\",\n        textTransform: 'Capitalize',\n        fontSize: '20px',\n        \"&:hover\": {\n            backgroundColor: '#0075ff',\n            color: theme.palette.primary.contrastText\n        },\n    },\n    total: {\n        textDecoration: \"underline\"\n    },\n    mul: {\n        fontSize: 16\n    },\n    InputRoot: {\n        \"& .MuiBox-root\": {\n            margin: \"0px 0px\"\n        }\n    },\n    vocalRowsWrapper: {\n        minWidth: \"450px\",\n        \"@media (max-width:450px)\": {\n            minWidth: \"350px\"\n        }\n    },\n    priceWrapper: {\n        marginTop: 14,\n        \"@media (max-width:800px)\": {\n            minWidth: 6\n        }\n    },\n    headerWrapper: {\n        margin: '25px 0 25px 0'\n    }\n}))\n","import { useState, useEffect } from \"react\"\nimport { makeStyles, Stepper, Step, StepLabel, Box,Typography } from \"@material-ui/core\"\nimport clsx from \"clsx\"\nimport axios from \"axios\"\n// import { Cart } from \"./ViewCart\"\nimport { Checkout } from \"./Checkout\"\nimport { Confirmation } from \"./Confirmation\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { useSelector } from \"react-redux\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { Popup } from \"../../../_warbls/components/Popup\"\nimport CloseRoundedIcon from '@material-ui/icons/CloseRounded';\nimport { useHistory } from \"react-router\"\n\n\nexport const CheckoutPage = (props) => {\n  const classes = useStyles()\n  const { auth } = useSelector((state) => state.auth)\n  const [ prevCardInfo, setPrevCardInfo ] = useState()\n  const [activeStep, setActiveStep] = useState(1)\n  const steps = getSteps()\n  const [openDialogue, setopenDialogue] = useState(false)\n  const history = useHistory()\n\n\n//   const cart = useSelector((state) => state.track.cart || [])\n  const handleNext = () => {\n    // if (cart.length) {\n      setActiveStep((prevActiveStep) => prevActiveStep + 1)\n    // }\n  }\n\n  const handleBack = () => {\n    setActiveStep((prevActiveStep) => prevActiveStep - 1)\n  }\n\n  const handleReset = () => {\n    setActiveStep(0)\n  }\n\n  useEffect(() => {\n    activeStep == 2? setopenDialogue(true):setopenDialogue(false)  \n  }, [activeStep])\n  \n const handleDialogue = () => { \n    setopenDialogue(!openDialogue)\n  }\n\n//   useEffect(()=>{\n//     if(!auth) return;\n\n//     axios.get(APIs.getCardInfo, {\n//       headers: {\n//         \"Auhtorization\" : auth\n//       }\n//     }).then(resp => {\n//       if ( !resp.data || !resp.data?.data || resp.data === '' || Object.keys(resp.data).length === 0 || resp.data === undefined)\n//         return\n//       else\n//         setPrevCardInfo(resp.data.data)\n//     })\n//   }, [auth])\n\n  return (\n    \n    <Box p={0} width=\"100%\">\n      {/* {activeStep === 2 ? (\n        <ContentContainer titleLeft=\"38%\" titleBackground={\"#48E12F\"} title=\"Thank You!\" pageType=\"payment\" thankYou={true}>\n          <Confirmation handleReset={handleReset} handleBack={handleBack} />\n        </ContentContainer>\n      ) : ( */}\n        <ContentContainer\n          titleBackground={activeStep === 1 ? \"linear-gradient(89.25deg, #203947 0.65%, #57A4FF 159.11%, #48E12F 176.51%, #7ED1FF 176.51%)\" : \"linear-gradient(89.25deg, #203947 0.65%, #57A4FF 159.11%, #48E12F 176.51%, #7ED1FF 176.51%)\"}\n          title={activeStep === 1 ? \"Checkout\" : \"Confirmation\"}\n          pageType=\"payment\"\n        >\n          <StyledContainer>\n            <div className={classes.root} style={{ width: \"80%\" }}>\n              <Box className={classes.stepperConatainer}>\n                <Stepper activeStep={activeStep}>\n                  {steps.map((label, index) => (\n                    <Step key={index}>\n                      <StepLabel style={{ cursor: \"pointer\", fontWeight: \"bold\" }} StepIconComponent={() => StepIcon({ step: index, activeStep })}>\n                        {label}\n                      </StepLabel>\n                    </Step>\n                  ))}\n                </Stepper>\n              </Box>\n              <div className={clsx(activeStep === 0 && classes.hideOverflow)}>\n                <Checkout handleNext={handleNext} handleBack={handleBack} prevCardInfo={prevCardInfo} />\n                <Popup open={openDialogue} handleClose={handleDialogue}>\n                \n                  <div>\n                    <div style={{display:'flex',cursor:'pointer',justifyContent:'flex-end'}}>\n                      <CloseRoundedIcon style={{position:'absolute',top:'5px',right:'5px'}} onClick={() => { history.push(\"/\") }}/>\n                    </div>\n                  <div style={{display:'flex',alignItems:'center',justifyContent:'center',gap:'15px'}}>\n                    <div style={{backgroundColor:'#fff', borderRadius:'5px',padding:'10px'}}>\n                      <img src={`${process.env.PUBLIC_URL}/images/coin-stack.png`} style={{width:'25px', height:'25px'}} />\n                    </div>\n                    <Typography veriant='p' style={{fontWeight:'bolder',color:'#fff'}}>\n                      Enjoy your coins\n                    </Typography>\n                  </div>\n                </div>\n        \n                </Popup>\n                {/* // <Cart handleNext={handleNext} handleBack={handleBack} /> */}\n                {/* {activeStep === 1 ? (\n                  <>\n                  </>\n                ) : activeStep === 2 && (\n                    <Confirmation handleReset={handleReset} handleBack={handleBack} />\n                ) } */}\n              </div>\n            </div>\n          </StyledContainer>\n        </ContentContainer>\n      {/* )} */}\n    </Box>\n  )\n}\n\nconst StepIcon = (props) => {\n  const { step, activeStep } = props\n  return (\n    <div>\n      <p\n        style={{\n          padding: \"1px 7px\",\n          color: \"black\",\n          backgroundColor: step === activeStep ? \"white\" : \"gray\",\n          borderRadius: \"2px\"\n        }}\n      >\n        {step + 1}\n      </p>\n    </div>\n  )\n}\n\nfunction getSteps() {\n  return [\"View plans\",\"Checkout\", \"Confirmation\"]\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: \"90%\",\n    margin: \"0 auto\",\n\n    \"& .MuiPaper-root\": {\n      backgroundColor: \"#fff0\",\n      padding: \"3rem 0\",\n      position: \"relative\",\n      left: \"0px\"\n    },\n    \"@media(max-width:1280px)\": {\n      marginTop: 50\n    },\n    \"@media(max-width:550px)\": {\n      width: \"100% !important\",\n      maxWidth: \"100vw\"\n    }\n  },\n  button: {\n    marginRight: theme.spacing(1)\n  },\n  instructions: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  stepperConatainer: {\n    width: \"35%\",\n    marginLeft: \"5%\",\n\n    \"@media (max-width:1000px) \": {\n      width: \"100%\"\n    },\n    \"@media (max-width:420px) \": {}\n  },\n  hideOverflow: {\n    \"@media (max-width:500px)\": {\n      maxWidth: \"450px !important\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      margin: \"0 auto\"\n    },\n    \"@media (max-width:400px)\": {\n      maxWidth: \"330px !important\"\n    }\n  }\n}))\n","import * as React from \"react\"\nimport { Typography, Box, makeStyles } from \"@material-ui/core\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { ThanksVocalRow } from \"../../../_warbls/components/VocalRow/ThanksVocalRow\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { useHistory } from \"react-router-dom\"\nimport { actions } from \"../../../redux/track/actions\"\nexport const Confirmation = (props) => {\n  const { smallText, bigText, span, darkSpan, vocalRowContainer } = useStyles()\n  const { cart } = useSelector((state) => state.track)\n  const history = useHistory()\n  const dispatch = useDispatch()\n  React.useEffect(() => () => dispatch(actions.emptyCartRequest()), [dispatch])\n\n  return (\n    <>\n      <StyledContainer my={5}>\n        <Column ai=\"center\">\n          <Typography className={smallText}>Order Number: {Math.random().toString(36).substr(2, 9)}</Typography>\n          <Typography className={bigText}>\n            Go to your &nbsp;\n            <span className={span}>\n              <img src={\"media/play.svg\"} width=\"22\" height=\"18\" alt=\"downlaod vocal img\" style={{ margin: \"0 .5rem 2px 0\" }} />\n            </span>\n            &nbsp; page to access your vocal files to purshasing coins\n          </Typography>\n          <Box width=\"90%\" style={{ backgroundColor: \"white\", height: \"1px\", margin: \"40px auto 10px auto\" }} />\n          {/* <Box py={4} className={vocalRowContainer}> */}\n            {/* <ThanksVocalRow tracks={cart} showDownloadButton={true} /> */}\n          {/* </Box> */}\n          {/* <Typography variant=\"h5\" className={bigText}>\n            Browse more{\" \"}\n            <span\n              className={darkSpan}\n              onClick={() => {\n                history.push(`/vocals`)\n              }}\n            >\n              Vocals\n            </span>\n          </Typography> */}\n        </Column>\n      </StyledContainer>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  smallText: {\n    fontSize: 20,\n    fontWeight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    marginTop: 10\n  },\n  bigText: {\n    fontSize: 30,\n    fontWEight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    marginTop: 10\n  },\n  span: {\n    // fontSize: 35,\n    color: theme.palette.primary.main,\n    backgroundColor: \"#212121\",\n    padding: \"10px 5px 2px 12px\",\n    borderRadius: 5,\n    cursor: \"pointer\"\n  },\n  darkSpan: {\n    // fontSize: 35,\n    color: theme.palette.primary.main,\n    backgroundColor: \"white\",\n    padding: \"5px 5px 2px 6px\",\n    borderRadius: 5,\n    cursor: \"pointer\"\n  },\n\n  vocalRowContainer: {\n    width: \"55%\",\n    \"@media (max-width: 600px)\": {\n      width: \"90%\"\n    }\n  }\n}))\n","import * as React from \"react\"\nimport {Box, InputBase, makeStyles } from \"@material-ui/core\"\nimport { FaSearch } from \"react-icons/fa\"\n\nexport const AdminFilter = ({ title, length, placeholder,setFilters, filters }) => {\n  const { inputField, searchIcon } = useStyles()\n\n  return (\n    <Box width=\"100%\" py={3}>\n      <Box display=\"flex\" alignItems=\"center\" width=\"100%\">\n        <FaSearch fontSize={20} className={searchIcon} />\n        <InputBase className={inputField} placeholder={placeholder} onChange={({ target }) => {\n              setFilters({\n                ...filters,\n                searchKey: target.value\n              })\n            }} />\n      </Box>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles(() => ({\n  inputField: {\n    width: \"100%\",\n    marginInline: \"20px\"\n  },\n  inputSelect: {\n    width: \"20%\",\n    border: 0,\n    borderRight: \"1px solid #000000\"\n  },\n  searchIcon: {\n    margin: \"0px 10px\"\n  }\n}))\n","import \"./styles.css\"\n\nimport React, { Component } from \"react\"\nimport Pagination from \"react-js-pagination\"\n\nexport default class App extends Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      activePage: 1\n    }\n  }\n\n  handlePageChange(pageNumber) {\n    if (this.props.auth) {\n      this.setState({ activePage: pageNumber })\n      this.props.setPageNo(pageNumber)\n      this.props.setPaginationRange([(pageNumber - 1) * 20, pageNumber * 20])\n    } else this.props.handleSignUp()\n  }\n\n  render() {\n    return (\n      this.props.total >= 19 && (\n        <div className=\"pagination-wrapper\">\n          <Pagination\n            activePage={this.state.activePage}\n            itemsCountPerPage={20}\n            innerClass=\"pagination-list\"\n            totalItemsCount={this.props.total}\n            activeClass=\"active-page\"\n            nextPageText=\"Next  | > \"\n            prevPageText=\"Previous  | <\"\n            itemClassFirst=\"first-class\"\n            itemClassLast=\"last-class\"\n            itemClassNext=\"next-class\"\n            itemClassPrev=\"prev-class\"\n            lastPageText=\"Last\"\n            firstPageText=\"First\"\n            pageRangeDisplayed={3}\n            onChange={this.handlePageChange.bind(this)}\n          />\n        </div>\n      )\n    )\n  }\n}\n","import { Button, makeStyles, Typography } from \"@material-ui/core\"\nimport * as React from \"react\"\nimport { BsFillTrashFill } from \"react-icons/bs\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useDispatch } from \"react-redux\"\nimport swal from \"sweetalert\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nimport Pagination from \"../../../_warbls/components/Pagination/index\"\nimport { useSelector } from \"react-redux\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { POST } from \"../../../_helpers/fetcher\"\n\nconst { useContext, useState } = React\n\nexport const Table = ({ users, currentUser, setCurrentUser, sideBarActivation, setSideBarActivation }) => {\n  const { table, deleteBtn, activeBtn, btn, emailColor, typo, artistStyle, userStyle, tableContainer,dnone,uploadBtn } = useStyles()\n  const dispatch = useDispatch()\n  const [pageNo, setPageNo] = useState(1)\n  const [paginationRange, setPaginationRange] = useState([(pageNo - 1) * 50, pageNo * 50])\n  const { handleSignup } = useContext(AppContext)\n  const { auth } = useSelector((state) => state.auth)\n\n  const handleUserType = (type, id) => {\n    dispatch(actions.userUpdateRequest({ user_type: type }, id))\n  }\n  const uploadPermission = async (id,isPerm) => {\n    const imageResponse = await POST(APIs.uploadPermission, {user_id: id,is_upload_permission: !isPerm});\n  }\n  const handleRemoveUser = (isSuspend, id) => {\n    swal({\n      title: \"Are you sure?\",\n      text: \"Once action performed, you will not be able to recover this data!\",\n      icon: \"warning\",\n      buttons: true,\n      dangerMode: true\n    }).then((willDelete) => {\n      if (willDelete) {\n        swal(\"Poof! Action has been performed successfully!\", {\n          icon: \"success\"\n        })\n        dispatch(actions.removeAccountRequest({ is_suspended: isSuspend }, id, false))\n      } else {\n        swal(\"Cancelled! Your data is safe\")\n      }\n    })\n  }\n\n  return (\n    <div className={tableContainer}>\n      <table className={table}>\n        <thead>\n          <tr>\n            {heading.map((head, index) => (\n              <th key={index}>{head}</th>\n            ))}\n            <th>\n              <BsFillTrashFill fontSize={20} color={\"red\"} />\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {users.slice(paginationRange[0], paginationRange[1]).map((row, index) => (\n            <tr key={index}>\n              <td>\n                <input type=\"checkbox\" />\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>{row.user_id}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>{row.full_name}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={emailColor}>{row.email}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>{setUserType(row.user_type)}</Typography>\n              </td>\n              <td align=\"center\">\n                <Row jc=\"center\" width=\"100%\">\n                  {/* <Button className={btn} onClick={() => handleViewUser(row)}>\n                    View\n                  </Button> */}\n                  <Button onClick={() => uploadPermission(row.user_id,row.is_upload_permission)} className={setUserType(row.user_type) === \"artist\"? row.is_upload_permission? uploadBtn  : btn : dnone}>\n                    Upload Permission\n                  </Button>\n                  <Button className={setUserType(row.user_type) === \"artist\" ? artistStyle : btn} onClick={() => handleUserType(2, row.user_id)}>\n                    Artist\n                  </Button>\n                  <Button\n                    className={setUserType(row.user_type) === \"user\" ? userStyle : btn}\n                    onClick={() => {\n                      setCurrentUser(row)\n\n                      setSideBarActivation(!sideBarActivation)\n                    }}\n                  >\n                    Form\n                  </Button>\n                  {/* <Button className={btn} onClick={() => handleUserType(null, row.user_id)}>\n                    User\n                  </Button> */}\n                </Row>\n              </td>\n              <td align=\"center\">\n                {row.is_suspended === 1 ? (\n                  <Button className={activeBtn} onClick={() => handleRemoveUser(0, row.user_id)}>\n                    Active\n                  </Button>\n                ) : (\n                  <Button className={deleteBtn} onClick={() => handleRemoveUser(1, row.user_id)}>\n                    <BsFillTrashFill fontSize={23} />\n                  </Button>\n                )}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <Pagination\n        page={pageNo}\n        setPageNo={setPageNo}\n        total={users?.length}\n        paginationRange={paginationRange}\n        setPaginationRange={setPaginationRange}\n        auth={auth}\n        handleSignUp={handleSignup}\n      />\n    </div>\n  )\n}\n\nconst setUserType = (type) => {\n  return type === 1 ? \"admin\" : type === 2 ? \"artist\" : \"user\"\n}\n\nconst heading = [\"\", \"ID\", \"Name\", \"Email\", \"Type\", \"Actions\"]\n\nconst useStyles = makeStyles(() => ({\n  tableContainer: {\n    width: \"100%\",\n    maxWidth: \"100%\",\n    overflow: \"auto\"\n  },\n\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\",\n\n    \"& thead tr\": {\n      border: \"1px solid white\",\n      overflow: \"auto\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th\": {\n      minWidth: \"50px\",\n      paddingBlock: \"10px\",\n      overflow: \"auto\",\n      scroll: \"auto\"\n    },\n    \"& tbody tr td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      overflow: \"auto\",\n      scroll: \"auto\"\n    }\n  },\n\n  deleteBtn: {\n    backgroundColor: \"rgba(255, 0, 0, 0.75)\",\n    color: \"white\",\n    maxWidth: \"30px\",\n    marginTop: 10,\n    border: \"1px solid rgba(255, 0, 0, 0.75)\",\n    \"&:hover\": {\n      backgroundColor: \"rgba(255, 0, 0, 0.75)\",\n      color: \"#000000\"\n    }\n  },\n  btn: {\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    marginTop: 10,\n    border: \"1px solid white\",\n    margin: \"0px 3px\",\n    textTransform: \"none\",\n    \"&:hover\": {\n      backgroundColor: \"#86DB78\"\n    }\n  },\n  dnone:{\n    display: \"none\"\n  },\n  uploadBtn: {\n    marginTop: 10,\n    backgroundColor: \"#86DB78\",\n    color: \"white\",\n    margin: \"0px 3px\",\n    textTransform: \"none\"\n  },\n  artistStyle: {\n    marginTop: 10,\n    backgroundColor: \"#86DB78\",\n    color: \"white\",\n    margin: \"0px 3px\",\n    textTransform: \"none\"\n  },\n  userStyle: {\n    marginTop: 10,\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    border: \"1px solid #86DB78\",\n    margin: \"0px 3px\",\n    textTransform: \"none\"\n  },\n  emailColor: {\n    marginTop: 10,\n    color: \"white\"\n  },\n  activeBtn: {\n    backgroundColor: \"#86DB78\",\n    color: \"white\",\n    marginTop: 10,\n    textTransform: \"none\",\n    border: \"1px solid #86DB78\"\n  },\n  typo: {\n    marginTop: 10,\n    color: \"white\"\n  }\n}))\n","import React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState } from \"react\"\nimport WaveSurfer from \"wavesurfer.js\"\nimport { CircularProgress, makeStyles, Tooltip } from \"@material-ui/core\"\nimport { useSelector } from \"react-redux\"\nimport { SongContext } from \"../SideBarInfo\"\n\nconst Waveform =forwardRef((props,ref) => {\n\n  const { id, setDuration, generateDuration, current, song, container, setContainer, setCurrent,listTrack,setLoad , setWaveform,size} = props;\n\n  const { waveContainer, wave } = useStyles()\n  const { volume } = useSelector((state) => state.track)\n  const waveform = useRef(null)\n\n  const [loader, setLoader] = useState(false)\n  const [currentProgress, setCurrentProgress] = useState(0)\n\n  const mysongcontext=useContext(SongContext);\n\n    \n  \n  \n  useEffect(() => {\n    setLoader(true)\n    const track = document.querySelector(`#track${id}`)\n    if (!waveform.current) {\n      waveform.current = WaveSurfer.create({\n        barWidth: 3,\n        cursorWidth: 1,\n        container: `#waveform${id}`,\n        backend: \"WebAudio\",\n        height: 100,\n        waveColor: \"#9D9D9D\",\n        progressColor: \"#86DB78\",\n        responsive: true,\n        cursorColor: \"transparent\"\n      })\n    }\n\n    waveform.current.load(track)\n    waveform.current.on(\"ready\", function () {\n      setLoader(false)\n      const fixed = waveform.current.getDuration().toFixed(0)\n      const val = fixed.split(\".\")[0]\n      const mins = val > 60 ? (val / 60).toFixed(0) : 0\n      const scnd = val > 60 ? val % 60 : val\n      const duration = `0${mins}:${scnd.toString().length === 2 ? scnd : \"0\" + scnd}`\n      setDuration(duration)\n    })\n  }, [id, setDuration])\n\n  const handleMouseEnter = () => {\n    setCurrentProgress(waveform.current.getCurrentTime())\n  }\n\n  useEffect(handleMouseEnter, [currentProgress])\n\n  useEffect(() => {\n    if (id === current) {\n      waveform.current.setVolume(volume)\n    }\n  }, [current, id, volume])\n\n  useEffect(() => {\n    \n    setLoad(loader)\n    \n  \n    \n  }, [loader])\n  \n   const handlePlay=()=> {\n      if (container) {\n        container.current.stop()\n      }\n      waveform.current.play()\n      setContainer(waveform)\n      setCurrent(id)\n      mysongcontext.setListTrack(listTrack)\n      mysongcontext.setCurrentSong(waveform.current)\n      mysongcontext.setContainerSong(container.current)\n      mysongcontext.setPlaying(true)\n      mysongcontext.setCurrentId(id)\n  \n    }\n\n   const handleStop=()=> {\n      \n      setCurrent()\n      waveform?.current?.stop()\n      // console.log(waveform.current);\n      mysongcontext.setPlaying(false) \n    }\n\n \n    useImperativeHandle(ref, () => ({\n  \n      getAlert() {\n        // alert(\"getAlert from Child\");\n        handlePlay();\n      }\n  \n    }));\n\n    useEffect(() => {\n      if(id == mysongcontext.currentId){\n        handlePlay();\n      }\n    \n      \n    },[mysongcontext.currentId])\n    \n\n\n\n  return (\n    <div className={waveContainer}>\n      \n      {loader ? (\n        <CircularProgress size={20} color=\"inherit\" style={{ visibility: (size > 1280) && 'hidden'}}/>\n        ) : (\n\n        size < 1280 && (         \n          <>\n          {id === current && mysongcontext.playing ? (\n            <div onClick={handleStop}>\n              <img\n                src=\"media/stopSong.png\"\n                //   color=\"#86DB78\"\n                className=\"pointer\"\n                alt=\"stop img\"\n                />\n            </div>\n          ) : (\n            <div onClick={handlePlay}>\n              <img\n                src=\"media/playSong.png\"\n                //   color=\"#86DB78\"\n                className=\"pointer\"\n                alt=\"play img\"\n                />\n            </div>\n          )}\n        </>\n          )\n      )}\n\n      {/* {typeof generateDuration == 'function' && <Tooltip title={generateDuration(currentProgress)} style={{ visibility: (size < 1280) && 'hidden'}}>\n         <div id={`waveform${id}`} onMouseEnter={handleMouseEnter} className={`pointer ${wave}`} />\n      </Tooltip>} */}\n\n      <Tooltip title={generateDuration(currentProgress)} style={{ visibility: (size < 1280) && 'hidden'}}>\n        <div id={`waveform${id}`} onMouseEnter={handleMouseEnter} className={`pointer ${wave}`} />\n      </Tooltip>\n      <audio id={`track${id}`} src={`${song}`} className=\"pointer\" />\n      \n    </div>\n  )\n}\n);\n\nexport default Waveform\n\nconst useStyles = makeStyles(() => ({\n  waveContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: 50,\n    width: \"90%\",\n    background: \"transparent\",\n    overflow: \"hidden\",\n    color: \"#9D9D9D\",\n\n    \"@media (max-width:1280px)\": {\n      margin: \"-2px 0px 0 -10px !important\",\n      width: \"100px\"\n    }\n  },\n  wave: {\n    width: \"90%\",\n    height: \"70px\",\n    marginBottom: \"30px\",\n    marginLeft: \"20px\"\n  }\n}))\n","import React, { useState } from \"react\"\nimport WaveFramer from \"../../../_warbls/components/TrackFramer/index\"\n\nexport const SideBarWave = ({\n  tracks,\n  setContainer,\n  setCurrent,\n  container,\n  current,\n  dummyTrack,\n  handlePlayCount,\n  track\n}) => {\n  const [duration, setDuration] = useState(\"0:00\")\n\n  const generateDuration = (dur) => {\n    const fixed = dur.toFixed(0)\n    const val = fixed.split(\".\")[0]\n    const mins = val > 60 ? (val / 60).toFixed(0) : 0\n    const scnd = val > 60 ? val % 60 : val\n    return `0${mins}: ${scnd.toString().length === 2 ? scnd : \"0\" + scnd}`\n  }\n\n  return (\n    <div style={{ width: \"200px\" }}>\n      <WaveFramer\n        index={track.track_id}\n        generateDuration={generateDuration}\n        song={track.track_url}\n        setContainer={setContainer}\n        setCurrent={setCurrent}\n        container={container}\n        current={current}\n        setDuration={setDuration}\n        handlePlayCount={handlePlayCount}\n      />\n    </div>\n  )\n}\n","import React, { useState } from \"react\"\nimport { AiOutlineClose } from \"react-icons/ai\"\nimport { BsCloudDownload } from \"react-icons/bs\"\nimport styles from \"./sidebar.module.css\"\nimport { SideBarWave } from \"./waveframer\"\nimport { useSelector, useDispatch } from \"react-redux\"\nimport { actions } from \"../../../redux/track/actions\"\n\nexport const SideBar = ({ setSideBarCheck, sideBarCheck, user, artists, tracks }) => {\n  const dummyTrack = useSelector((state) => state.track.tracks)\n  const dispatch = useDispatch()\n  const [container, setContainer] = useState(\"\")\n  const [current, setCurrent] = useState(\"\")\n  const { auth, userInfo } = useSelector((state) => state.auth)\n  const [selected, setSelected] = useState(\"\")\n  const [formData, setFormData] = React.useState({\n    previous_work: null,\n    sm_link: null,\n    platform_link: null\n  })\n  const [track, setTrack] = React.useState([])\n\n  const handleStop = () => {\n    setSelected(\"\")\n  }\n  const handlePlay = (i) => {\n    setCurrent(i)\n    setSelected(i)\n  }\n  const handlePlayCount = (id) => {\n    if (auth) {\n      const payload = {\n        object_type: \"user\",\n        object_id: userInfo.user_id,\n        added_by: userInfo.user_id,\n        action: \"play\",\n        action_against_id: id\n      }\n      dispatch(actions.trackWisePlayRequest(payload))\n    } else {\n      return\n    }\n  }\n\n  React.useEffect(() => {\n    let artist = null\n    let track = []\n    setFormData({ previous_work: null, sm_link: null, platform_link: null })\n    if (user && user.user_type === 2) {\n      artist = artists.find((art) => {\n        return art.user_id === user.user_id\n      })\n      artist &&\n        setFormData({\n          previous_work: artist.vocals,\n          sm_link: artist.previous_work,\n          platform_link: artist.platform_link\n        })\n      track = tracks.filter((tr) => {\n        return tr.user_details?.user_id === user.user_id\n      })\n\n      setTrack(track)\n    }\n  }, [artists, tracks, user])\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.top_bar}>\n        <h4>Artist# &nbsp;&nbsp;&nbsp;&nbsp;{user && user.user_id}</h4>\n        <span className={styles.close_icon} onClick={(e) => setSideBarCheck(!sideBarCheck)}>\n          <AiOutlineClose />\n        </span>\n      </div>\n      <h6 className={styles.email}>{user && user.email}</h6>\n      <h6 className={styles.name}>{user && user.full_name}</h6>\n      <p className={styles.form_heading}>Form</p>\n      {user && user.user_type === 2 && (\n        <form>\n          <label className={styles.label}>\n            Tell us more about yourself\n            <h6 className={styles.text_area}>{formData.previous_work}</h6>\n          </label>\n          <label className={styles.label}>\n            Provide links to some of your work\n            <h6 className={styles.text_area}>{formData.sm_link}</h6>\n          </label>\n          <label className={styles.label}>\n            Do you sell vocals on other platforms? If yes, provide us a link:\n            <h6 className={styles.text_area}>{formData.platform_link}</h6>\n          </label>\n        </form>\n      )}\n\n      <div className={styles.button_group}>\n        <button className={user && user.user_type === 2 ? styles.active_btn : styles.btn}>\n          Artist\n        </button>\n        <button className={user && user.user_type === 0 ? styles.active_btn : styles.btn}>\n          User\n        </button>\n      </div>\n      {user && user.user_type === 2 && (\n        <div className={styles.vocal_top_bar}>\n          <h4 className={styles.vocals_heading}>Released Vocals</h4>\n          <span className={styles.download_icon}>\n            <BsCloudDownload />\n          </span>\n        </div>\n      )}\n\n      {track &&\n        track.map((tr) => {\n          return (\n            user &&\n            user.user_type === 2 && (\n              <div className={styles.vocal_content}>\n                <p>{tr.track_id}</p>\n                <p>{tr.date_added.slice(0, 10)}</p>\n                <img src={tr.image_url} alt=\"\" width={50} />\n                <div className={styles.vocal}>\n                  <SideBarWave\n                    setContainer={setContainer}\n                    setCurrent={setCurrent}\n                    container={container}\n                    current={current}\n                    handlePlay={handlePlay}\n                    handleStop={handleStop}\n                    dummyTrack={dummyTrack}\n                    selected={selected}\n                    handlePlayCount={handlePlayCount}\n                    track={tr}\n                  />\n                </div>\n                <p>{dummyTrack[0].download}</p>\n              </div>\n            )\n          )\n        })}\n    </div>\n  )\n}\n","import * as React from \"react\"\nimport { Box, makeStyles } from \"@material-ui/core\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { AdminFilter } from \"../../../_warbls/components/DashboardFilter\"\nimport { Table } from \"./Table\"\nimport { actions as authActions } from \"../../../redux/auth/actions\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { SideBar } from \"./sidebar\"\nimport { actions } from \"../../../redux/artist/actions\"\nimport { actions as trackActions } from \"../../../redux/track/actions\"\n\nconst { useEffect } = React\n\nexport const UsersArtists = () => {\n  const {wrapper, sideBar, table } = useStyles()\n  const { users } = useSelector((state) => state.auth)\n  const { tracks } = useSelector((state) => state.track)\n  const [sideBarActivation, setSideBarActivation] = React.useState(false)\n  const [currentUser, setCurrentUser] = React.useState(null)\n  const dispatch = useDispatch()\n  const { artists } = useSelector((state) => state.artist)\n\n  useEffect(() => {\n    dispatch(actions.getArtistsRequest())\n  }, [dispatch])\n\n  useEffect(() => {\n    dispatch(trackActions.getAllTracksRequest())\n  }, [dispatch])\n\n  useEffect(() => {\n    dispatch(authActions.usersRequest())\n  }, [dispatch])\n\n  return (\n    <Box className={wrapper}>\n      <ContentContainer\n        titleLeft=\"60px\"\n        title=\"User & Artists\"\n        titleBackground={\"linear-gradient(186.71deg, #41827E 12.77%, #333333 126.7%)\"}\n        adminGradient={true}\n      >\n        <div className={sideBar} style={{ display: !sideBarActivation ? \"none\" : \"unset\" }}>\n          <SideBar\n            setSideBarCheck={setSideBarActivation}\n            sideBarCheck={sideBarActivation}\n            user={currentUser}\n            artists={artists}\n            tracks={tracks}\n          />\n        </div>\n        <Box width=\"90%\" mx={\"auto\"} className={table}>\n          <StyledGrid>\n            <StyledGrid item borderColor=\"primary\">\n              <AdminFilter placeholder=\"Search users and artists...\" />\n              <Table\n                users={users.map((e, i, a) => a[a.length - 1 - i])}\n                sideBarActivation={sideBarActivation}\n                setSideBarActivation={setSideBarActivation}\n                currentUser={currentUser}\n                setCurrentUser={setCurrentUser}\n              />\n            </StyledGrid>\n            {/* <StyledGrid item xs={3} px={2}>\n            <PaymentBox />\n          </StyledGrid> */}\n          </StyledGrid>\n        </Box>\n      </ContentContainer>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    position: \"relative\"\n  },\n  table: {\n    \"@media (max-width:969px)\": {\n      marginTop: \"16rem\"\n    }\n  },\n  sideBar: {\n    position: \"absolute\",\n    width: \"50%\",\n    height: \"auto\",\n    zIndex: 10,\n    top: \"0%\",\n    right: \"0%\",\n    background: \"#282828\",\n    \"@media(max-Width: 1050px)\": {\n      width: \"75%\"\n    },\n    \"@media(max-Width: 599px)\": {\n      top: \".9rem\"\n    },\n    \"@media(max-Width: 500px)\": {\n      width: \"100%\"\n    },\n    \"@media(max-Width: 480px)\": {\n      top: \".4rem\"\n    }\n  },\n  typo: {\n    fontSize: 20,\n    color: theme.palette.primary.main,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    marginBottom: 5\n  }\n}))\n","// the problematic area is the WaveForm\n\nimport { Button, makeStyles, Typography } from \"@material-ui/core\"\nimport { useState, useEffect, useContext, useCallback, useRef, useLayoutEffect } from \"react\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport WaveFramer from \"../../../_warbls/components/TrackFramer/index\"\nimport { useSelector, useDispatch } from \"react-redux\"\nimport { actions } from \"../../../redux/track/actions\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nimport Pagination from \"../../../_warbls/components/Pagination\"\n\n\nexport const Table = ({\n  tracks,\n  setContainer,\n  setCurrent,\n  container,\n  current,\n  sideBarActivation,\n  setSideBarActivation,\n  currentVocal,\n  setCurrentVocal,\n  updateTrackStatus,\n  handlePublish,\n  handleDelete\n}) => {\n  const { table, deleteBtn, btn, typo, img, helperText, title, downloadStyle, tableContainer } =\n    useStyles()\n\n  const dispatch = useDispatch()\n  const { auth, userInfo } = useSelector((state) => state.auth)\n  const [load, setLoad] = useState(true)\n  const childRef = useRef()\n  const [size, setSize] = useState([0, 0])\n  const [waveform, setWaveform] = useState()\n    \n\n  const [resortedTracks, setResortedTracks] = useState([])\n\n  const [durationList, setDurationList] = useState([])\n  const [pageNo, setPageNo] = useState(1)\n  const [paginationRange, setPaginationRange] = useState([(pageNo - 1) * 20, pageNo * 20])\n  const { handleSignup } = useContext(AppContext)\n\n\n  useLayoutEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n  useEffect(() => {\n    setResortedTracks(tracks)\n  }, [tracks, resortedTracks])\n\n  const generateDuration = useCallback((dur) => {\n    const fixed = dur?.toFixed(0)\n    const val = fixed?.split(\".\")[0]\n    const mins = val > 60 ? (val / 60).toFixed(0) : 0\n    const scnd = val > 60 ? val % 60 : val\n    return `0${mins}: ${scnd.toString().length === 2 ? scnd : \"0\" + scnd}`\n  }, [])\n\n  const pushDurations = useCallback((dur) =>\n    setDurationList((prevDurations) => [...prevDurations, dur])\n  , [])\n\n  let resultantTracks = []\n  resultantTracks = resortedTracks.length > 19 ? resortedTracks.slice(paginationRange[0], paginationRange[1]) : resortedTracks\n\n  return (\n    <div>\n      <div className={tableContainer}>\n        <table className={table}>\n          <thead>\n            <tr>\n              {heading.map((head, index) => (\n                <th key={index}>{head}</th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {resultantTracks.map((row, index) => (\n              <tr key={row.track_id}>\n                <td>{row.track_id}</td>\n                <td align=\"center\">\n                  <img src={row.image_url} alt=\"\" className={img} />\n                </td>\n                <td align=\"center\">\n                  <span>{durationList[index]}</span>\n                </td>\n\n                <td align=\"center\" style={{ width: 250 }}>\n\n                  <WaveFramer\n\n                    generateDuration={generateDuration}\n\n                    song={row?.track_url}\n                    setContainer={setContainer}\n                    setCurrent={setCurrent}\n                    container={container}\n                    current={current}\n                    setDuration={pushDurations}\n                    id={row.track_id}\n                    setLoad={setLoad}\n                    listTrack={resultantTracks}\n                    setWaveform={setWaveform}\n                    size={size[0]}\n                    ref={childRef}\n\n                  />\n                </td>\n                <td align=\"left\">\n                  <Column>\n                    <Typography variant=\"h6\" className={`${title} truncate`}>\n                      {row.track_name}\n                    </Typography>\n                    <small className={helperText}>{row.user_details?.full_name}</small>\n                  </Column>\n                </td>\n                <td align=\"center\">\n                  <Typography className={typo}>{row.play}</Typography>\n                </td>\n\n                <td align=\"left\">\n                  <Typography className={typo}>{row.download}</Typography>\n                </td>\n\n                <td align=\"center\">\n                  <Row jc=\"center\" width=\"100%\">\n                    {/* <Button className={btn}>View</Button> */}\n                    <Button\n                      className={row.download === 0 ? downloadStyle : btn}\n                      onClick={(e) => handlePublish(row)}\n                    >\n                      {row.status === \"pending\" ? \"Publish\" : \"Unpublish\"}\n                    </Button>\n                    {/* <Button className={btn}>Edit</Button> */}\n                  </Row>\n                </td>\n                <td align=\"center\">\n                  <Button\n                    className={deleteBtn}\n                    onClick={(e) => {\n                      setCurrentVocal(row)\n                      setSideBarActivation(!sideBarActivation)\n                    }}\n                  >\n                    Edit\n                  </Button>\n                </td>\n                <td align=\"center\">\n                  <Button\n                    className={deleteBtn}\n                    style={{ backgroundColor: \"red\" }}\n                    onClick={(e) => handleDelete([row])}\n                  >\n                    Delete\n                  </Button>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      <Pagination\n        page={pageNo}\n        setPageNo={setPageNo}\n        total={resortedTracks?.length}\n        paginationRange={paginationRange}\n        setPaginationRange={setPaginationRange}\n        auth={auth}\n        handleSignUp={handleSignup}\n      />\n    </div>\n  )\n}\n\nconst heading = [\"#\", \"Image\", \"Time\", \"Plays\", \"Name\", \"Download\", \"\", \"Action\"]\n\nconst useStyles = makeStyles(() => ({\n  tableContainer: {\n    width: \"100%\",\n    maxWidth: \"100%\",\n    overflow: \"auto\"\n  },\n\n  table: {\n    width: \"100%\",\n    overflow: \"scroll\",\n    maxWidth: \"100%\",\n    borderCollapse: \"collapse\",\n    // \"@media (max-width: 1030px)\": {\n    //   width: \"70%\",\n    //   overflow: \"hidden\"\n    // },\n    // \"@media (max-width: 750px)\": {\n    //   width: \"70%\"\n    // },\n    \"& thead tr\": {\n      border: \"1px solid white\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th\": {\n      minWidth: \"50px\",\n      paddingBlock: \"10px\",\n      scroll: \"auto\"\n    },\n    \"& tbody tr td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      scroll: \"auto\"\n    },\n    \"& tbody tr:last-child td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      border: 0\n    }\n  },\n\n  deleteBtn: {\n    backgroundColor: \"#86DB78\",\n    color: \"white\",\n    margin: \"0px 3px\",\n    \"&:hover\": {\n      color: \"white\"\n    }\n  },\n  btn: {\n    backgroundColor: \"#86DB78\",\n    color: \"white\",\n    margin: \"0px 3px\",\n    textTransform: \"none\"\n  },\n  downloadStyle: {\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    margin: \"0px 3px\",\n    border: \"1px solid white\"\n  },\n\n  helperText: {\n    color: \"#9F9F9F\"\n  },\n  typo: {\n    color: \"white\"\n  },\n  img: {\n    width: 50\n  },\n  title: {\n    fontSize: 17,\n    width: 300\n  }\n}))\n","import React, { useState } from \"react\"\nimport clsx from \"clsx\"\nimport { useFormik } from \"formik\"\nimport { AiOutlineClose } from \"react-icons/ai\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport { BiSelectMultiple } from \"react-icons/bi\"\nimport { HiQuestionMarkCircle } from \"react-icons/hi\"\nimport { BsPencilSquare } from \"react-icons/bs\"\nimport { AiFillPlayCircle, AiFillHeart, AiOutlineCloudDownload, AiFillDollarCircle } from \"react-icons/ai\"\nimport styles from \"./sidebar.module.css\"\nimport swal from \"sweetalert\"\nimport { useSelector, useDispatch } from \"react-redux\"\nimport { bpm, genres, initValues, key, languages } from \"../Terms/script\"\nimport { schema } from \"../Terms/schema\"\nimport { actions } from \"../../../redux/track/actions\"\n\nexport const SideBar = ({ setSideBarCheck, sideBarCheck, vocal, filters, setFilters }) => {\n  const imageRef = React.useRef()\n  const [track, setTrack] = useState()\n  const [image, setImage] = useState()\n  const dispatch = useDispatch()\n  const { userInfo } = useSelector((state) => state.auth)\n  const [phraseShot, setPhraseShot] = useState()\n  const [oneShot, setOneShot] = useState()\n\n  const [dry, setDry] = useState()\n  const [wet, setWet] = useState()\n\n  const [vocalName, setVocalName] = React.useState(vocal?.track_name)\n\n  const {\n    uploadsBoxes,\n    selectStyle,\n    typo,\n    phraseBox,\n    inputBox,\n    phraseShotStyle,\n    dryBox\n  } = useStyles()\n\n  React.useEffect(() => {\n    setTrack(null)\n    setImage(null)\n    setVocalName(vocal?.track_name)\n\n    setFilters({\n      ...filters,\n      bpm: vocal?.bpm || \"\",\n      key: vocal?.key || \"\",\n      language: vocal?.language || \"other\",\n      genre: vocal?.genre || \"\",\n      isOneshot: vocal?.is_oneshot === 1 && 1,\n      isPhrases: vocal?.is_phrases === 1 && 1,\n      isDry: vocal?.is_dry === 1 && 1,\n      isWet: vocal?.is_wet === 1 && 1\n    })\n    vocal?.is_phrases === 1 && setPhraseShot(\"phrase\")\n    vocal?.is_oneshot === 1 && setOneShot(\"shot\")\n    vocal?.is_dry === 1 && setDry(\"dry\")\n    vocal?.is_wet === 1 && setWet(\"wet\")\n  }, [vocal])\n\n\n  const formik = useFormik({\n    initialValues: initValues,\n    validationSchema: schema,\n    onSubmit: async (values, { resetForm }) => {\n    }\n  })\n  // vocal.formik = formik\n\n  // const handleTrack = async (e) => {\n  //   let file = e.target.files[0]\n  //   if (file) {\n  //     let fd = new FormData()\n  //     fd.append(\"files\", file)\n  //     vocal[\"track\"] = fd\n  //     setTrack({ name: \"Please wait file is uploading...\", isUploading: true })\n  //     const imageResponse = await POST(APIs.uploadTrack, fd)\n  //     vocal[\"image_url\"] = imageResponse?.data.location\n  //     setTrack(file)\n  //   }\n  // }\n\n  // const handleImage = async (e) => {\n  //   let file = e.target.files[0]\n  //   if (file) {\n  //     let fd = new FormData()\n  //     fd.append(\"files\", file)\n  //     vocal[\"image\"] = fd\n  //     setImage({ name: \"Please wait file is uploading...\", isUploading: true })\n  //     const trackResponse = await POST(APIs.uploadTrack, fd)\n  //     vocal[\"track_url\"] = trackResponse?.data.location\n  //     setImage(file)\n  //   }\n  // }\n\n  const handlePhrase = () => {\n    if (!filters.isPhrases) {\n      setFilters({ ...filters, isPhrases: 1 })\n      setPhraseShot(\"phrase\")\n    } else {\n      setFilters({ ...filters, isPhrases: 0 })\n      setPhraseShot(\"\")\n    }\n  }\n\n  const handleOneShot = () => {\n    if (!filters.isOneshot) {\n      setFilters({ ...filters, isOneshot: 1 })\n\n      setOneShot(\"shot\")\n    } else {\n      setFilters({ ...filters, isOneshot: 0 })\n      setOneShot(\"\")\n    }\n  }\n\n  const handleDry = () => {\n    if (!filters.isDry) {\n      setFilters({ ...filters, isDry: 1 })\n      setDry(\"dry\")\n    } else {\n      setFilters({ ...filters, isDry: 0 })\n      setDry(\"\")\n    }\n  }\n\n  const handleWet = () => {\n    if (!vocal[\"is_wet\"]) {\n      setFilters({ ...filters, isWet: 1 })\n      setWet(\"wet\")\n    } else {\n      setFilters({ ...filters, isWet: 0 })\n      setWet(\"\")\n    }\n  }\n\n  // const handleSelectFile = () => {\n  //   inputRef.current.click()\n  // }\n\n  const handleSelectImage = () => {\n    imageRef.current.click()\n  }\n\n  const handleSave = (track) => {\n    const payload = {\n      is_wet: parseInt(filters.isWet),\n      is_dry: parseInt(filters.isDry),\n      is_oneshot: parseInt(filters.isOneshot),\n      is_phrases: parseInt(filters.isPhrases),\n      language: filters.language,\n      bpm: parseInt(filters.bpm),\n      key: filters.key,\n      genre: filters.genre,\n      track_name: vocalName,\n      log: JSON.stringify({ log_added_by: userInfo.user_id })\n    }\n    const id = track.track_id\n    swal({\n      title: \"Are you sure?\",\n      text: \"Once action performed, you will not be able to recover this data!\",\n      icon: \"warning\",\n      buttons: true,\n      dangerMode: true\n    }).then((willDelete) => {\n      if (willDelete) {\n        swal(\"Poof! Action has been perfomed succesfully!\", {\n          icon: \"success\"\n        })\n        dispatch(actions.updateTracksRequest(payload, id))\n      } else {\n        swal(\"Cancelled! Your data is safe\")\n      }\n    })\n  }\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.top_bar}>\n        <h4>Vocal# &nbsp;&nbsp;&nbsp;&nbsp;{vocal?.track_id}</h4>\n        <div className={styles.stats_wrapper}>\n          <span>\n            <AiFillPlayCircle /> <p>0</p>\n          </span>\n          <span>\n            <AiFillHeart />\n            <p>{vocal?.liked}</p>\n          </span>\n          <span>\n            <AiOutlineCloudDownload />\n            <p>{vocal?.download}</p>\n          </span>\n          <span>\n            <AiFillDollarCircle />\n            <p>{vocal?.price}</p>\n          </span>\n        </div>\n        <span className={styles.close_icon} onClick={(e) => setSideBarCheck(!sideBarCheck)}>\n          <AiOutlineClose />\n        </span>\n      </div>\n\n      <h6 className={styles.email}>{vocal?.user_details?.email || \"\"}</h6>\n      <h6 className={styles.name}>{vocal?.user_details?.full_name || \"\"}</h6>\n\n      <div className={styles.vocal_input_container}>\n        <form>\n          <input\n            type=\"text\"\n            value={vocalName}\n            className={styles.vocal_input}\n            onChange={(e) => {\n              e.preventDefault()\n              setVocalName(e.target.value)\n            }}\n          />\n        </form>\n        <span>\n          <BsPencilSquare />\n        </span>\n      </div>\n\n      <Box display=\"flex\" className={uploadsBoxes}>\n        <Box\n          display=\"flex\"\n          //bgcolor=\"#fff\"\n          justifyContent=\"space-around\"\n          alignItems=\"center\"\n        ></Box>\n      </Box>\n\n      <Box display=\"flex\" className={uploadsBoxes}>\n        <Box\n          display=\"flex\"\n          //bgcolor=\"#fff\"\n          justifyContent=\"space-around\"\n          alignItems=\"center\"\n          width=\"100%\"\n        >\n          <Box\n            display=\"flex\"\n            onClick={handleSelectImage}\n            px={2}\n            //bgcolor=\"#fff\"\n            justifyContent=\"space-around\"\n            alignItems=\"center\"\n          >\n            {typeof track != \"object\" && <small className={clsx(\"error\")}>track file is required</small>}\n          </Box>\n          <Box\n            display=\"flex\"\n            onClick={handleSelectImage}\n            px={2}\n            //bgcolor=\"#fff\"\n            justifyContent=\"space-around\"\n            alignItems=\"center\"\n          >\n            {typeof image != \"object\" && <small className={clsx(\"error\")}>image file is required</small>}\n          </Box>\n        </Box>\n      </Box>\n      <Box className={inputBox} mb={0} mt={2} display=\"flex\" justifyContent=\"space-between\">\n        <Box className={clsx(phraseBox, \"pointer\", phraseShot === \"phrase\" && phraseShotStyle)} onClick={handlePhrase}>\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>Phrase(s)</Typography>\n          </Box>\n          <HiQuestionMarkCircle fontSize={25} />\n        </Box>\n\n        <Box className={clsx(phraseBox, \"pointer\", oneShot === \"shot\" && phraseShotStyle)} onClick={handleOneShot}>\n          <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n            <Typography className={typo}>One-Shot</Typography>\n          </Box>\n          <HiQuestionMarkCircle fontSize={25} />\n        </Box>\n      </Box>\n\n      <Box mt={1} className={inputBox} display=\"flex\" justifyContent=\"space-between\" style={{ columnGap: \".5rem\" }}>\n        <Select\n          options={genres.sort((a, b) => a.label.localeCompare(b.label))}\n          classes={selectStyle}\n          formik={formik}\n          value={filters.genre}\n          name=\"genre\"\n          setHandle={(value) => {\n            setFilters({\n              ...filters,\n              genre: value\n            })\n          }}\n        />\n        <Select\n          options={languages.sort((a, b) => a.label.localeCompare(b.label))}\n          classes={selectStyle}\n          formik={formik}\n          value={filters.language}\n          name=\"language\"\n          setHandle={(value) => {\n            setFilters({\n              ...filters,\n              language: value\n            })\n          }}\n        />\n        <Select\n          options={bpm}\n          classes={selectStyle}\n          value={filters.bpm}\n          formik={formik}\n          name=\"bpm\"\n          setHandle={(value) => {\n            setFilters({\n              ...filters,\n              bpm: value\n            })\n          }}\n        />\n        <Select\n          options={key.sort((a, b) => a.label.localeCompare(b.label))}\n          classes={selectStyle}\n          formik={formik}\n          value={filters.key}\n          name=\"key\"\n          setHandle={(value) => {\n            setFilters({\n              ...filters,\n              key: value\n            })\n          }}\n        />\n      </Box>\n      <div className={styles.vocal_results}>\n        <button className={styles.valid_btn}>Valid</button>\n        <p>{vocal?.status === \"active\" ? \"Published\" : \"Not Published\"}</p>\n        <span>{vocal?.status === \"active\" ? <BiSelectMultiple /> : <AiOutlineClose />}</span>\n        <Box className={inputBox} mt={-1} display=\"flex\" justifyContent=\"space-between\" flexDirection={\"column\"} style={{ rowGap: \".5rem\" }}>\n          <Box className={clsx(dryBox, \"pointer\", dry === \"dry\" && phraseShotStyle)} onClick={handleDry}>\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n              <Typography style={{ color: \"white\" }}>Dry</Typography>\n            </Box>\n          </Box>\n          <Box className={clsx(dryBox, \"pointer\", wet === \"wet\" && phraseShotStyle)} onClick={handleWet}>\n            <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n              <Typography style={{ color: \"white\" }}>Wet</Typography>\n            </Box>\n          </Box>\n        </Box>\n      </div>\n      <button className={styles.save_btn} onClick={() => handleSave(vocal)}>\n        Save\n      </button>\n    </div>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    color: `${theme.palette.primary.contrastText} !important`,\n    \"&.MuiTypography-body1\": {\n      fontSize: 17,\n      fontWeight: 500,\n      color: \"#000000\",\n      wordSpacing: 2,\n      [theme.breakpoints.down(\"sm\")]: {\n        fontSize: 14\n      }\n    }\n  },\n  success_color: {\n    color: theme.palette.success.main\n  },\n  exampleTypoBox: {\n    width: \"100%\",\n    margin: \"auto\",\n    marginTop: \"2rem\",\n    textAlign: \"center\",\n    \"& .MuiTypography-body1\": {\n      color: theme.palette.primary.contrastText + \" !important\"\n    }\n  },\n  listStyle: {\n    listStyle: \"disk\"\n  },\n  btn: {\n    width: \"100%\",\n    borderRadius: 5,\n    paddingTop: 10,\n    paddingBottom: 10,\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  addDelBtn: {\n    width: \"15%\",\n    borderRadius: 5,\n    padding: 10,\n    marginRight: 7,\n    cursor: \"pointer\",\n    //paddingBottom: 10,\n    border: `1px solid`,\n    //backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    \"&:hover\": {\n      //  backgroundColor: theme.palette.primary.main\n    }\n  },\n  publishBtnStyle: {\n    width: \"85%\",\n    backgroundColor: \"#86DB78\",\n    \"&:hover\": {\n      backgroundColor: \"#477b3f\"\n    }\n  },\n  input: {\n    backgroundColor: \"#ffffff00\"\n  },\n  labelClass: {\n    fontSize: 16,\n    fontWeight: 500,\n    color: \"#000000\"\n  },\n\n  fileInput: {\n    display: \"none\"\n  },\n  boldTypo: {\n    \"&.MuiTypography-body1\": {\n      fontSize: 17,\n      fontWeight: 500,\n      color: theme.palette.primary.contrastText,\n      [theme.breakpoints.down(\"sm\")]: {\n        fontSize: 14\n      }\n    }\n  },\n  phraseBox: {\n    //backgroundColor: \"#ffffff\",\n    borderColor: theme.palette.primary.contrastText,\n    border: \"1px solid\",\n    padding: 8,\n    width: \"49%\",\n    borderRadius: 5,\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  dryBox: {\n    borderColor: theme.palette.primary.contrastText,\n    border: \"1px solid\",\n    padding: 3,\n    width: \"100%\",\n    borderRadius: 5,\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  uploadsBoxes: {\n    // border: \"1px solid white\",\n    width: \"100%\",\n    columnGap: \".5rem\",\n    justifyContent: \"space-between\"\n  },\n  textBoxes: {\n    width: \"100%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"70%\"\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"90%\"\n    },\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"100%\",\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  },\n  inputBox: {\n    width: \"100%\"\n  },\n  btnWrapper: {\n    width: \"60%\",\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    paddingLeft: \"64px\",\n    paddingRight: \"64px\",\n    [theme.breakpoints.down(\"xs\")]: {\n      width: \"100%\",\n      marginLeft: 0,\n      marginRight: 0,\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  },\n  imgUpload: {\n    width: \"100%\",\n    height: \"80px\",\n    textAlign: \"center\",\n    border: \"1px solid #969696\",\n    color: theme.palette.primary.contrastText,\n    paddingLeft: 16,\n    paddingRight: 16\n  },\n  select: {\n    backgroundColor: `${theme.palette.primary.contrastText}00`,\n    color: `${theme.palette.primary.contrastText}`,\n    borderRadius: 5,\n    border: `1px solid ${theme.palette.primary.contrastText}`,\n    padding: \"6px 7px\"\n  },\n  selectStyle: {\n    width: \"80%\",\n    color: \"white\",\n    backgroundColor: \"transparent\",\n    paddingTop: 13,\n    paddingBottom: 13,\n    paddingLeft: 5\n  },\n  phraseShotStyle: {\n    border: \"2px solid #86DB78\"\n  }\n}))\n\nexport const Select = ({ options, value, haddleQueryParams, setHandle }) => {\n  const { select, selectStyle } = useStyles()\n  // useEffect(haddleQueryParams, [value])\n\n  return (\n    <select value={value} onChange={({ target }) => setHandle(target.value)} className={clsx(select, selectStyle)}>\n      {options.map((o, index) => (\n        <option key={index} value={o.value}>\n          {o.label}\n        </option>\n      ))}\n    </select>\n  )\n}\n","import React from \"react\"\nimport { AddVocal } from \"../Terms/AddVocal\"\nimport styles from \"./sidebar.module.css\"\nimport { AiOutlineClose } from \"react-icons/ai\"\n\nexport default function AdminSideBar({ sideBarCheck, setSideBarCheck }) {\n  return (\n    <div className={styles.wrapper}>\n      <span className={styles.absolute_close_icon} onClick={(e) => setSideBarCheck(!sideBarCheck)}>\n        <AiOutlineClose />\n      </span>\n      <AddVocal />\n    </div>\n  )\n}\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport clsx from \"clsx\"\n import RangeSlider from \"../RangeSlider/index\"\n\nconst { useState } = React\n\nexport const FilesFilter = ({ filters, setFilters, refreshFilters }) => {\n  const {\n    root,\n    typo,\n    phraseBox1,\n    phrase,\n    active,\n    refreshBox\n  } = useStyles()\n  \n  return (\n    <Box>\n      <Box display=\"flex\" justifyContent=\"center\" width=\"100%\" overflow=\"hidden\">\n        <Box onClick={refreshFilters}>\n          <Typography className={refreshBox}>Reset All</Typography>\n        </Box>\n      </Box>\n      <Box className={root}>\n        <Box display=\"flex\" flexDirection=\"column\" width=\"30%\" style={{ rowGap: \"10px\" }}>\n          <Box display=\"flex\" flexDirection=\"row\" style={{ columnGap: \"10px\" }}>\n            <Box\n              className={clsx(phraseBox1, phrase, \"pointer\", {\n                [active]: filters.isNewest === \"1\" && filters.isOldest === \"0\"\n              })}\n              onClick={() => {\n                setFilters({\n                  ...filters,\n                  isNewest: \"1\",\n                  isOldest: \"0\"\n                })\n              }}\n            >\n              <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n                <Typography className={typo}>Newest</Typography>\n              </Box>\n            </Box>\n            <Box\n              className={clsx(phraseBox1, phrase, \"pointer\", {\n                [active]: filters.isOldest === \"1\" && filters.isNewest === \"0\"\n              })}\n              onClick={() => {\n                setFilters({\n                  ...filters,\n                  isNewest: \"0\",\n                  isOldest: \"1\"\n                })\n              }}\n            >\n              <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n                <Typography className={typo}>Oldest</Typography>\n              </Box>\n            </Box>\n          </Box>\n          <Box display=\"flex\" flexDirection=\"row\" style={{ columnGap: \"10px\" }}>\n            <Box\n              className={clsx(phraseBox1, phrase, \"pointer\", {\n                [active]: filters.isMostDownloaded === \"1\" && filters.isLeastDownloaded === \"0\"\n              })}\n              onClick={() => {\n                setFilters({\n                  ...filters,\n                  isMostDownloaded: \"1\",\n                  isLeastDownloaded: \"0\"\n                })\n              }}\n            >\n              <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n                <Typography className={typo}>Most Downloaded</Typography>\n              </Box>\n            </Box>\n            <Box\n              className={clsx(phraseBox1, phrase, \"pointer\", {\n                [active]: filters.isMostDownloaded === \"0\" && filters.isLeastDownloaded === \"1\"\n              })}\n              onClick={() => {\n                setFilters({\n                  ...filters,\n                  isMostDownloaded: \"0\",\n                  isLeastDownloaded: \"1\"\n                })\n              }}\n            >\n              <Box width=\"100%\" justifyContent=\"center\" display=\"flex\">\n                <Typography className={typo}>Least Downloaded</Typography>\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  langs: {\n    width: \"13.5%\",\n    padding: \"0 3rem\",\n    \"@media screen and (max-width: 1500px)\": {\n      width: \"12%\",\n      minWidth: \"12%\"\n    }\n  },\n  root: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    justifyContent: \"center\",\n    \"@media screen and (max-width: 1250px)\": {\n      flexWrap: \"wrap\"\n    }\n    // flexWrap: \"wrap\"\n  },\n  filterBox: {\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n    borderRadius: 5,\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    padding: 0,\n    margin: 0,\n    marginLeft: \"3px\",\n    \"@media screen and (max-width: 1250px)\": {\n      width: \"100%\",\n      border: \"1px solid white\",\n      columnGap: \"1rem\"\n    }\n  },\n  search: {\n    //  position: \"relative\",\n    borderRadius: 5,\n    margin: \" 0 4px\",\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n    border: \"1px solid \" + theme.palette.primary.contrastText,\n    // \"&:hover\": {\n    //   backgroundColor: \"#ffffff\"\n    // },\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    // marginRight: 0,\n    // marginLeft: theme.spacing(2),\n    width: \"100%\",\n    [theme.breakpoints.up(\"sm\")]: {\n      //marginLeft: theme.spacing(3),\n      width: \"auto\"\n    }\n  },\n  searchIcon: {\n    padding: theme.spacing(0, 2),\n    height: \"100%\",\n    pointerEvents: \"none\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n    // /borderLeft: \"1px solid\",\n    //border: \"0px solid \" + theme.palette.primary.contrastText,\n    // borderTopRightRadius: 5,\n    //borderBottomRightRadius: 5,\n    [theme.breakpoints.down(\"md\")]: {\n      height: \"40.63px\"\n    }\n  },\n  inputRoot: {\n    color: \"inherit\",\n    width: \"100%\"\n  },\n  inputInput: {\n    padding: \"8px 8px\",\n    // vertical padding + font size from searchIcon\n    paddingRight: `calc(1em + ${theme.spacing(4)}px)`,\n    transition: theme.transitions.create(\"width\"),\n    width: \"100%\",\n    [theme.breakpoints.up(\"md\")]: {\n      padding: \"12px 8px\"\n    }\n  },\n  phrase: {\n    borderRadius: 5,\n    display: \"flex\",\n    padding: 2,\n    border: \"1px solid white\",\n    alignItems: \"center\",\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n    // border: \"1px solid \" + theme.palette.primary.contrastText,\n    boxSizing: \"border-box\"\n  },\n  phraseBox: {\n    width: \"100%\"\n  },\n  phraseBox1: {\n    width: \"50%\",\n    margin: \"0\"\n  },\n  typo: {\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n\n    // border: \"1px solid \" + theme.palette.primary.contrastText,\n    \"&.MuiTypography-body1\": {\n      fontSize: 12,\n      fontWeight: 500,\n\n      backgroundColor: \"transparent\",\n      color: theme.palette.primary.contrastText,\n      // border: \"1px solid \" + theme.palette.primary.contrastText,\n      wordSpacing: 5,\n      \"@media screen and (max-width: 1250px)\": {}\n    }\n  },\n  active: {\n    boxSizing: \"border-box\",\n    border: \"2px solid #86DB78\"\n  },\n  selectStyle: {\n    width: \"24%\",\n    border: \"0px\",\n    paddingTop: 13,\n    paddingBottom: 13,\n    paddingLeft: 5\n  },\n  refreshBox: {\n    backgroundColor: \"transparent\",\n    color: \"white\",\n    padding: \"5px 38px\",\n    textAlign: \"center\",\n    border: \"1px solid white\",\n    borderRadius: \"5px\",\n    margin: \"-38px 3px 0 0\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    columnGap: \"4px\"\n  },\n  select: {\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.contrastText,\n    border: \"1px solid \" + theme.palette.primary.contrastText,\n    borderRadius: 5,\n    margin: \"0 3px\",\n    // border: `1px solid ${theme.palette.secondary.main}`,\n    padding: \"6px 7px\",\n    width: \"12.6%\",\n    [theme.breakpoints.down(\"md\")]: {\n      width: \"100%\",\n      margin: \"5px 0px\",\n      padding: \"12px 7px\"\n    }\n  }\n}))\n\nexport const Select = ({ options, value, haddleQueryParams, setHandle, type }) => {\n  const { select, selectStyle } = useStyles()\n  const [bpmValue, setBpmValue] = useState([0, 100])\n\n  return (\n    <>\n      {type === \"bpm\" ? (\n        <div style={{ width: \"100px\" }}>\n          <RangeSlider value={bpmValue} setValue={setBpmValue} />\n        </div>\n      ) : (\n        <select\n          value={value}\n          onChange={({ target }) => setHandle(target.value)}\n          className={clsx(select, selectStyle)}\n        >\n          {options.map((o, index) => (\n            <option key={index} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n      )}\n    </>\n  )\n}\n","import * as React from \"react\"\nimport { Box, makeStyles } from \"@material-ui/core\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { AdminFilter } from \"../../../_warbls/components/DashboardFilter\"\nimport { Table } from \"./Table\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { filleFilterInitialValues, filterInitialValues } from \"../../../_warbls/components/Vocals/script\"\nimport { actions } from \"../../../redux/track/actions\"\nimport { SideBar } from \"./sidebar\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport AdminSideBar from \"./adminSideBar\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport axios from \"axios\"\nimport cogoToast from \"cogo-toast\"\nimport swal from \"sweetalert\"\nimport { FilesFilter } from \"../../../_warbls/components/Vocals/FilesFilter\"\n\nconst { useEffect, useState } = React\n\nexport const Files = () => {\n\n\n  const { wrapper, sideBar, table, adminSideBar, newVocalButton } = useStyles()\n  const { allTracks } = useSelector((state) => state.track)\n  const { userInfo } = useSelector((state) => state.auth)\n  const dispatch = useDispatch()\n  const [container, setContainer] = useState(\"\")\n  const [filesFilters, setFilesFilters] = useState(filleFilterInitialValues)\n\n  const [current, setCurrent] = useState(\"\")\n  const [selected, setSelected] = useState(\"\")\n  const [sideBarActivation, setSideBarActivation] = useState(false)\n  const [currentVocal, setCurrentVocal] = useState(null)\n  const [filters, setFilters] = useState(filterInitialValues)\n  const [openAdmin, setOpenAdmin] = useState(false)\n  const [tracks, setTracks] = useState(allTracks)\n  const [resortedTracks, setResortedTracks] = useState(true)\n  const [sortedTracks, setSortedTracks] = useState(tracks)\n\n  useEffect(() => {\n    if (filesFilters.isOldest === \"1\") {\n      setSortedTracks(sortedTracks.sort((a, b) => a.track_id.toString().localeCompare(b.track_id.toString())))\n    } else if (filesFilters.isNewest === \"1\") {\n      setSortedTracks(sortedTracks.sort((a, b) => b.track_id.toString().localeCompare(a.track_id.toString())))\n    }\n    if (filesFilters.isLeastDownloaded === \"1\") {\n      setSortedTracks(sortedTracks.sort((a, b) => a.download.toString().localeCompare(b.download.toString())))\n    } else if (filesFilters.isMostDownloaded === \"1\") {\n      setSortedTracks(sortedTracks.sort((a, b) => b.download.toString().localeCompare(a.download.toString())))\n    }\n    if (filesFilters?.searchKey !== \"\") {\n    let filteredSongs = allTracks?.filter((track) => {\n      return track.track_name.toString().replaceAll('_',\" \").toLowerCase().includes(filesFilters.searchKey.toLowerCase())\n    })\n    setSortedTracks(filteredSongs)\n    } else setSortedTracks(allTracks)\n\n    setResortedTracks(!resortedTracks)\n  }, [filesFilters])\n\n  const handleStop = () => {\n    setSelected(\"\")\n  }\n  const handlePlay = (i) => {\n    setCurrent(i)\n    setSelected(i)\n  }\n\n  useEffect(() => {\n    dispatch(actions.getAllPendingTracksRequest())\n  }, [])\n\n  const updateTrackStatus = (track, type, toast) => {\n    const payload = {\n      status: type ? type : track.status === \"active\" ? \"pending\" : \"active\",\n      is_oneshot: track.is_oneshot,\n      is_phrases: track.is_phrases,\n      log: JSON.stringify({ log_added_by: userInfo.user_id })\n    }\n    const id = track.track_id\n    dispatch(actions.updateTracksRequest(payload, id, toast))\n  }\n\n  const handlePublish = (row, tracks, type) => {\n    swal({\n      title: \"Are you sure?\",\n      text: \"Once action performed, you will not be able to recover this data!\",\n      icon: \"warning\",\n      buttons: true,\n      dangerMode: true\n    }).then(async (willDelete) => {\n      if (willDelete) {\n        swal(\"Poof! Action has been perfomed succesfully!\", {\n          icon: \"success\"\n        })\n        if (tracks) {\n          setTimeout(() => {\n            tracks.map((track) => {\n              updateTrackStatus(track, type, true)\n            })\n          }, 2000)\n        } else {\n          updateTrackStatus(row)\n        }\n      } else {\n        swal(\"Cancelled! Your data is safe\")\n      }\n    })\n  }\n\n  const handleDelete = (track_id) => {\n    track_id.forEach((track, index) => {\n      track_id[index] = parseInt(track.track_id)\n    })\n\n    swal({\n      title: \"Are you sure?\",\n      text: \"Once action performed, you will not be able to recover this data!\",\n      icon: \"warning\",\n      buttons: true,\n      dangerMode: true\n    }).then(async (willDelete) => {\n      if (willDelete) {\n        swal(\"Poof! Action has been perfomed succesfully!\", {\n          icon: \"success\"\n        })\n\n        axios\n          .delete(APIs.deleteTrack, {\n            headers: {\n              tracks: JSON.stringify(track_id)\n            }\n          })\n          .then(() => {\n            cogoToast.success(\"Track/s deleted successfully\")\n          })\n          .catch(() => cogoToast.error(\"An unexpected error occured.\"))\n        // disable-next-es-lint\n      } else {\n        swal(\"Cancelled! Your data is safe\")\n      }\n    })\n  }\n\n  return (\n\n\n    <Box className={wrapper}>\n      <ContentContainer\n        titleLeft=\"60px\"\n        title=\"Vocalfiles\"\n        titleBackground={\"linear-gradient(186.71deg, #468241 12.77%, #333333 126.7%)\"}\n        adminGradient={true}\n      >\n\n\n\n\n        <div className={sideBar} \n          // style={{ display: !sideBarActivation ? \"none\" : \"unset\" }}\n          \n          >\n          {/* <SideBar\n            setSideBarCheck={setSideBarActivation}\n            sideBarCheck={sideBarActivation}\n            vocal={currentVocal}\n            filters={filters}\n            setFilters={setFilters}\n          /> */}\n        </div>\n\n        <Box\n          style={{\n            width: \"100%\",\n            padding: \"30px 50px 0 50px\"\n          }}\n        >\n          {/* <FilesFilter filters={filesFilters} setFilters={setFilesFilters} /> */}\n        </Box>\n\n        <div className={adminSideBar} \n           style={{ display: !openAdmin ? \"none\" : \"unset\" }}\n          >\n           <AdminSideBar setSideBarCheck={setOpenAdmin} sideBarCheck={openAdmin} /> \n        </div>\n\n        \n\n        <Box width=\"90%\" mx={\"auto\"} className={table}>\n          <StyledGrid>\n            <StyledGrid item>\n              <AdminFilter title=\"Total Files\" length=\"2309\" placeholder=\"Search Vocalfiles\" filters={filesFilters} setFilters={setFilesFilters} />\n              <Box display=\"flex\" justifyContent=\"center\" width=\"70vw\" style={{ margin: \"0 auto\" }}>\n                <div className={newVocalButton}>\n                  <button onClick={(e) => setOpenAdmin(true)}>Add new Vocals</button>\n                </div>\n                <Box display=\"flex\" justifyContent=\"space-between\">\n                  <div className={newVocalButton}>\n                    <button onClick={() => handlePublish(allTracks, allTracks, \"active\")}>Publish All</button>\n                  </div>\n                  <div className={newVocalButton}>\n                    <button onClick={() => handlePublish(allTracks, allTracks, \"pending\")}>Unpublish All</button>\n                  </div>\n                </Box>\n              </Box>\n\n\n              {/* the problematic area is the Table */}\n\n              <Table\n                tracks={sortedTracks}\n                setContainer={setContainer}\n                setCurrent={setCurrent}\n                container={container}\n                current={current}\n                handlePlay={handlePlay}\n                handleStop={handleStop}\n                selected={selected}\n                sideBarActivation={sideBarActivation}\n                setSideBarActivation={setSideBarActivation}\n                currentVocal={currentVocal}\n                setCurrentVocal={setCurrentVocal}\n                handlePublish={handlePublish}\n                handleDelete={handleDelete}\n                resortedTracks={resortedTracks}\n              />\n            </StyledGrid>\n\n          </StyledGrid>\n        </Box>\n            {/* <StyledGrid item xs={3} px={2}>\n            <PaymentBox />\n          </StyledGrid> */}\n      </ContentContainer>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    position: \"relative\"\n  },\n  adminSideBar: {\n    position: \"absolute\",\n    width: \"90%\",\n    height: \"auto\",\n    zIndex: 10,\n    top: \"0%\",\n    right: \"0%\",\n    background: \"#282828\"\n  },\n  sideBar: {\n    position: \"absolute\",\n    width: \"50%\",\n    height: \"auto\",\n    zIndex: 10,\n    top: \"0%\",\n    right: \"0%\",\n    background: \"#282828\",\n    \"@media(max-Width: 1050px)\": {\n      width: \"75% !important\"\n    },\n    \"@media(max-Width: 599px)\": {\n      top: \".9rem !important\"\n    },\n    \"@media(max-Width: 500px)\": {\n      width: \"100% !important\"\n    },\n    \"@media(max-Width: 480px)\": {\n      top: \".4rem !important\"\n    }\n  },\n  table: {\n    \"@media (max-width:969px)\": {\n      marginTop: \"16rem\"\n    }\n  },\n  typo: {\n    fontSize: 20,\n    color: theme.palette.primary.main,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    marginBottom: 5\n  },\n  newVocalButton: {\n    display: \"flex\",\n    width: \"150px\",\n    justifyContent: \"center\",\n    margin: \"10px auto 30px auto\",\n    \"& button\": {\n      padding: \"15px 25px\",\n      backgroundColor: \"transparent\",\n      color: \"white\",\n      outline: \"none\",\n      border: \"1px solid white\",\n      cursor: \"pointer\"\n    }\n  }\n}))\n","import { makeStyles, Typography } from \"@material-ui/core\"\nimport React, { useState, useContext } from \"react\"\nimport { actions } from \"../../../redux/orders/actions\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nimport Pagination from \"../../../_warbls/components/Pagination/index\"\n\nexport const Table = ({ sideBarActivation, setSideBarActivation, setOrder }) => {\n  const { table, typo, emailColor, tableContainer, username } = useStyles()\n  const dispatch = useDispatch()\n  const orders = useSelector((state) => state.order.orders.map((e, i, a) => a[a.length - 1 - i]))\n  const { auth } = useSelector((state) => state.auth)\n  const [pageNo, setPageNo] = useState(1)\n  const [paginationRange, setPaginationRange] = useState([(pageNo - 1) * 50, pageNo * 50])\n  const { handleSignup } = useContext(AppContext)\n\n  React.useEffect(() => {\n    dispatch(actions.getOrders())\n  }, [])\n\n  return (\n    <div>\n      <div className={tableContainer}>\n        <table className={table}>\n          <thead>\n            <tr>\n              {heading.map((head, index) => (\n                <th key={index}>{head}</th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {orders.slice(paginationRange[0], paginationRange[1]).map((row, index) => (\n              <tr\n                key={index}\n                onClick={() => {\n                  setSideBarActivation(!sideBarActivation)\n                  setOrder(row)\n                }}\n              >\n                <td>\n                  <input type=\"checkbox\" />\n                </td>\n                <td>\n                  <Typography className={typo}>{row.order_id}</Typography>\n                </td>\n                <td align=\"center\">\n                  <Typography className={username}>{row.user_details.full_name}</Typography>\n                </td>\n                <td align=\"center\">\n                  <Typography className={emailColor}>{row.user_details.email}</Typography>\n                </td>\n                <td align=\"center\">\n                  <Typography className={typo}>{row.date_added.slice(0, 10)}</Typography>\n                </td>\n                <td align=\"center\">\n                  <Typography className={typo}>{row.order_details.length}</Typography>\n                </td>\n                <td align=\"center\">\n                  <Typography className={typo}>${row.order_details.reduce((a, c) => a + c.amount, 0).toFixed(1)}</Typography>\n                </td>\n                <td align=\"center\">\n                  <Typography className={typo} style={{ textTransform: \"uppercase\" }}>\n                    {row.order_status}\n                  </Typography>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      <Pagination\n        page={pageNo}\n        setPageNo={setPageNo}\n        total={orders?.length}\n        paginationRange={paginationRange}\n        setPaginationRange={setPaginationRange}\n        auth={auth}\n        handleSignUp={handleSignup}\n      />\n    </div>\n  )\n}\n\nconst heading = [\"\", \"ID\", \"Name\", \"Email\", \"Date\", \"Products\", \"Price\", \"Status\"]\n\nconst useStyles = makeStyles(() => ({\n  tableContainer: {\n    width: \"100%\",\n    maxWidth: \"100%\",\n    overflow: \"auto\"\n  },\n\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\",\n    \"& thead tr\": {\n      border: \"1px solid white\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th\": {\n      padding: \"10px 0px\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th:last-child\": {\n      borderTopRightRadius: 8,\n      borderBottomRightRadius: 8\n    },\n    \"& thead tr th:first-child\": {\n      borderTopLeftRadius: 8,\n      borderBottomLeftRadius: 8\n    },\n    \"& tbody tr td\": {\n      paddingTop: 15,\n      paddingBottom: 15,\n      scroll: \"auto\"\n      //   borderBottom: \"1px solid #000000\"\n    },\n    \"& tbody tr:last-child td\": {\n      paddingTop: 15,\n      paddingBottom: 15,\n      border: 0\n    }\n  },\n  typo: {\n    color: \"white\"\n  },\n  username: {\n    color: \"white\"\n  },\n  emailColor: {\n    color: \"white\"\n  }\n}))\n","import React from \"react\"\nimport { AiOutlineClose } from \"react-icons/ai\"\nimport { makeStyles, Typography } from \"@material-ui/core\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport styles from \"./sidebar.module.css\"\nimport { BiSelectMultiple } from \"react-icons/bi\"\n\nexport const SideBar = ({ setSideBarCheck, sideBarCheck, order }) => {\n  const { table, tableContainer, typo, helperText, title, img } = useStyles()\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.top_bar}>\n        <h4>Order# &nbsp;&nbsp;&nbsp;&nbsp;{order?.order_id}</h4>\n        <span className={styles.close_icon} onClick={(e) => setSideBarCheck(!sideBarCheck)}>\n          <AiOutlineClose />\n        </span>\n      </div>\n      <h6 className={styles.email}>{order?.user_details.email}</h6>\n      <h6 className={styles.pay_status}>\n        <span className={styles.pay_status_icon}>\n          <BiSelectMultiple />\n        </span>\n        Paid\n      </h6>\n      <h6 className={styles.pay_date}>{order?.date_added.slice(0, 10)}</h6>\n      <div className={tableContainer}>\n        <table className={table}>\n          <thead>\n            <tr align=\"left\">\n              {heading.map((head, index) => (\n                <th key={index}>{head}</th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {order?.order_details.map((row, index) => (\n              <tr key={index}>\n                <td align=\"left\">\n                  <img src={row.track_details?.image_url} alt=\"\" className={img} />\n                </td>\n\n                <td align=\"left\">\n                  <Column>\n                    <Typography variant=\"h6\" className={`${title} truncate`}>\n                      {row.track_details?.track_name}\n                    </Typography>\n                    <small className={helperText}>{order.user_details?.fullname}</small>\n                  </Column>\n                </td>\n                <td align=\"center\">\n                  <Typography className={typo}>$ {row?.amount}</Typography>\n                </td>\n                <td align=\"center\">\n                  <Typography className={typo}>$ {(row?.amount - (row?.amount === 19.9 ? 2.8 : 1.2)).toFixed(2)}</Typography>\n                </td>\n              </tr>\n            ))}\n            <tr>\n              <td align=\"left\">\n                <Typography variant=\"h6\" style={{ fontWeight: \"bolder\" }} mt={1}>\n                  Total\n                </Typography>\n              </td>\n              <td align=\"left\">\n                <Column></Column>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo} style={{ fontWeight: \"bolder\" }}>\n                  $ {order?.order_details.reduce((a, c) => a + c.amount, 0).toFixed(2)}\n                </Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo} style={{ fontWeight: \"bolder\" }}>\n                  $ {order?.order_details.reduce((a, c) => a + (c?.amount - (c?.amount === 19.9 ? 2.1 : 0.7)), 0).toFixed(2)}\n                </Typography>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  )\n}\n\nconst heading = [\"\", \"Order Summary\", \"Revenue \", \"Profit\"]\n\nconst useStyles = makeStyles(() => ({\n  tableContainer: {\n    margin: \"2rem 0\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    overflow: \"auto\"\n  },\n\n  table: {\n    width: \"100%\",\n    overflow: \"scroll\",\n    maxWidth: \"100%\",\n    borderCollapse: \"collapse\",\n    \"& thead tr\": {\n      border: \"1px solid white\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th\": {\n      minWidth: \"50px\",\n      paddingBlock: \"10px\",\n      scroll: \"auto\"\n    },\n    \"& tbody tr td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      scroll: \"auto\"\n    },\n    \"& tbody tr:last-child td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      border: 0\n    }\n  },\n  typo: {\n    marginTop: 5,\n    color: \"white\"\n  },\n  helperText: {\n    color: \"#9F9F9F\"\n  },\n  title: {\n    marginTop: 5,\n    fontSize: 17,\n    width: 170\n  },\n  img: {\n    marginTop: 5,\n    width: 40\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles } from \"@material-ui/core\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { Table } from \"./Table\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { AdminFilter } from \"../../../_warbls/components/DashboardFilter\"\nimport { SideBar } from \"./sidebar\"\n\nexport const Orders = () => {\n  const { wrapper, sideBar, table } = useStyles()\n  const [sideBarActivation, setSideBarActivation] = React.useState(false)\n  const [order, setOrder] = React.useState(null)\n\n  return (\n    <Box className={wrapper}>\n      <ContentContainer\n        titleLeft=\"60px\"\n        title=\"Orders\"\n        titleBackground={\n          \"linear-gradient(186.71deg, #825841 -151.34%, #825841 12.77%, #333333 126.7%)\"\n        }\n        adminGradient={true}\n      >\n        <div className={sideBar} style={{ display: !sideBarActivation ? \"none\" : \"unset\" }}>\n          <SideBar\n            setSideBarCheck={setSideBarActivation}\n            order={order}\n            sideBarCheck={sideBarActivation}\n          />\n        </div>\n        <Box width=\"90%\" mx={\"auto\"} className={table}>\n          <StyledGrid>\n            <StyledGrid item>\n              <AdminFilter placeholder=\"Search Orders\" />\n              <Table\n                sideBarActivation={sideBarActivation}\n                setSideBarActivation={setSideBarActivation}\n                setOrder={setOrder}\n              />\n            </StyledGrid>\n            {/* <StyledGrid item xs={3} px={2}>\n            <PaymentBox />\n          </StyledGrid> */}\n          </StyledGrid>\n        </Box>\n      </ContentContainer>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    position: \"relative\"\n  },\n  sideBar: {\n    position: \"absolute\",\n    width: \"50%\",\n    top: \"0%\",\n    height: \"auto\",\n    zIndex: 10,\n    right: \"0%\",\n    background: \"#282828\",\n    \"@media(max-Width: 1200px)\": {\n      width: \"80%\"\n    },\n    \"@media(max-Width: 599px)\": {\n      top: \".9rem\"\n    },\n    \"@media(max-Width: 500px)\": {\n      width: \"100%\"\n    },\n    \"@media(max-Width: 480px)\": {\n      top: \".4rem\"\n    }\n  },\n  table: {\n    \"@media (max-width:969px)\": {\n      marginTop: \"16rem\"\n    }\n  },\n  typo: {\n    fontSize: 20,\n    color: theme.palette.primary.main,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    marginBottom: 5\n  }\n}))\n","import React, { useState, useEffect } from \"react\"\nimport \"slick-carousel/slick/slick.css\"\nimport \"slick-carousel/slick/slick-theme.css\"\nimport Slider from \"react-slick\"\nimport { settings } from \"./settings\"\nimport { makeStyles } from \"@material-ui/core\"\nimport axios from \"axios\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { useHistory } from \"react-router\"\nimport { useSelector } from \"react-redux\"\n\nexport default function ArtistCarousel() {\n  const [popularArtists, setPopularArtists] = useState(null)\n  const { auth } = useSelector((state) => state.auth)\n\n  useEffect(() => {\n    // dispatch(actions.usersRequest())\n    if (auth) {\n      axios.get(APIs.popularArtist).then(({ data }) => {\n        setPopularArtists(data)\n      })\n    }\n  }, [auth])\n\n  return <div></div>\n}\n\nfunction CarouselItem({ data }) {\n  const { artistName, artistImage } = useStyles()\n  const history = useHistory()\n  return (\n    <div\n      onClick={() =>\n        history.push({\n          pathname: \"/artist\",\n          state: {\n            data: data\n          }\n        })\n      }\n    >\n      <img className={artistImage} src={data?.cover_image} alt={''} />\n      <h6 className={artistName}>{data?.full_name}</h6>\n    </div>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  artistHeading: {\n    margin: \"0 0 2rem 0\",\n    fontSize: \"1.3rem\"\n  },\n  carouselWrapper: {\n    margin: \"4rem auto\",\n    width: \"60% !important\",\n    maxHeight: \"200px\",\n    maxWidth: \"60vw !important\",\n    overflow: \"hidden\",\n    \"@media (max-width: 1260px) and (min-width:959px)\": {\n      width: \"70%\"\n    }\n  },\n  artistImage: {\n    width: \"100px\",\n    height: \"100px\",\n    marginInline: \"auto\",\n    background: \"#C4C4C4\",\n    borderRadius: \"4px\",\n    color: \"white\"\n  },\n  artistName: {\n    margin: \"20px  0 0 0 \",\n    color: \"gray\",\n    fontSize: \"13px\",\n    textAlign: \"center\"\n  }\n}))\n","import { useHistory } from \"react-router\"\r\nimport * as React from \"react\"\r\nimport { Box, makeStyles, Typography, Button, CircularProgress } from \"@material-ui/core\"\r\nimport { StyledContainer } from \"../../../../_warbls/components/Container/StyledContainer\"\r\nimport { StyledGrid } from \"../../../../_warbls/components/Container/StyledGrid\"\r\nimport { Row } from \"../../../../_warbls/components/Flex/Row\"\r\nimport { VocalRow } from \"../../../../_warbls/components/VocalRow\"\r\nimport { toAbsoluteUrl } from \"../../../../_helpers/toAbsoluteUrl\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport { AppContext } from \"../../../../_warbls/providers/AppProvider\"\r\nimport { actions } from \"../../../../redux/track/actions\"\r\nimport ArtistCarousel from \"../../../../_warbls/components/carousel\"\r\nimport { filterInitialValues } from \"../../../../_warbls/components/Vocals/script\"\r\nimport { Filter } from \"../../../../_warbls/components/Vocals/Filter\"\r\nimport { SMFilter } from \"../../../../_warbls/components/Vocals/SMFilter\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport axios from \"axios\"\r\nimport { APIs } from \"../../../../_helpers/apis\"\r\n\r\nconst { useState, useContext, useEffect } = React\r\n\r\nexport const ArtistPublicProfile = () => {\r\n  // read id from params\r\n  const { id } = useParams()\r\n  const history = useHistory()\r\n  const { tableContainer, progress, progressContainer, topBg, topBtn, table, artist, name, filterBg, editedBtn, filterBox } = useStyles()\r\n  const dispatch = useDispatch()\r\n  // const { tracks } = useSelector((state) => state.track)\r\n  const [tracks, setTracks] = useState(0)\r\n  const [userInfo, setUserInfo] = useState(0) // 0 loading, {} success, 2 error\r\n  const [container, setContainer] = useState(\"\")\r\n  const [current, setCurrent] = useState(\"\")\r\n  const [selected, setSelected] = useState(\"\")\r\n  const [, setPlay] = useState(false)\r\n  const [updateFilters, setUpdateFilters] = useState(\"\")\r\n\r\n  const { auth } = useSelector((state) => state.auth)\r\n\r\n  const { handleLogin, handleCart } = useContext(AppContext)\r\n  const data = [0, 2].includes(tracks) ? [] : tracks.filter((t, index) => index !== 0 && index !== 1)\r\n  const [filters, setFilters] = useState(filterInitialValues)\r\n  const [size, setSize] = React.useState([0, 0])\r\n  const profileImg = userInfo.cover_image\r\n  let heading = [\"#\", \"Waveform\", \"Name\", \"Key\", \"BPM\"]\r\n  if (size[0] < 1280) {\r\n    heading = [\"Name and Artist\", \"\", \"\"]\r\n  }\r\n\r\n  useEffect(async () => {\r\n    try {\r\n      const r = await axios.get(`${APIs.users}?user_id=${id}`, {\r\n        headers: {\r\n          token: auth\r\n        }\r\n      })\r\n      if (r.status === 200 && \"results\" in r.data && r.data.total > 0) {\r\n        setUserInfo(r.data.results[0])\r\n      } else {\r\n        history.push(\"/artist\")\r\n      }\r\n    } catch (err) {\r\n      history.push(\"/artist\")\r\n    }\r\n  }, [id])\r\n\r\n  useEffect(async () => {\r\n    if (!!userInfo?.user_id) {\r\n      try {\r\n        const r = await axios.get(`${APIs.tracks}?load=track_stats&added_by=${userInfo.user_id}`, {\r\n          headers: {\r\n            token: auth\r\n          }\r\n        })\r\n        if (r.status === 200 && \"results\" in r.data && r.data.total > 0) {\r\n          setTracks(r.data.results)\r\n        } else {\r\n          setTracks(2)\r\n        }\r\n      } catch (err) {\r\n        setTracks(2)\r\n      }\r\n    }\r\n  }, [userInfo, auth])\r\n\r\n  const handleStop = () => {\r\n    setPlay(false)\r\n    setSelected(\"\")\r\n  }\r\n  const handlePlay = (i) => {\r\n    setCurrent(i)\r\n    setSelected(i)\r\n    setPlay(true)\r\n  }\r\n\r\n  const payload = {\r\n    object_type: \"user\",\r\n    object_id: userInfo.user_id,\r\n    added_by: userInfo.user_id\r\n  }\r\n\r\n  const handleLike = (trackID) => {\r\n    if (auth) {\r\n      const data = {\r\n        action: \"like\",\r\n        action_against_id: trackID,\r\n        ...payload\r\n      }\r\n      dispatch(actions.trackWiseLikeRequest(data))\r\n    } else {\r\n      handleLogin()\r\n    }\r\n  }\r\n\r\n  const handleUnlike = (trackID) => {\r\n    if (auth) {\r\n      const data = {\r\n        action: \"like\",\r\n        object_id: userInfo.user_id,\r\n        log: JSON.stringify({ log_added_by: userInfo.user_id })\r\n      }\r\n\r\n      dispatch(actions.trackWiseUnLikeRequest(data, trackID))\r\n    } else {\r\n      handleLogin()\r\n    }\r\n  }\r\n\r\n  //listning for width to switch filters fot mobile screen and laptop\r\n  React.useLayoutEffect(() => {\r\n    function updateSize() {\r\n      setSize([window.innerWidth, window.innerHeight])\r\n    }\r\n    window.addEventListener(\"resize\", updateSize)\r\n    updateSize()\r\n    return () => window.removeEventListener(\"resize\", updateSize)\r\n  }, [])\r\n\r\n  return (\r\n    <Box>\r\n      {userInfo === 0 && ( // loading\r\n        <StyledContainer className={progressContainer}>\r\n          <CircularProgress className={progress} />\r\n        </StyledContainer>\r\n      )}\r\n      {userInfo !== 0 && (\r\n        <>\r\n          <Box\r\n            className={topBg}\r\n            style={{\r\n              backgroundImage: `url(${profileImg})`,\r\n              backgroundSize: \"cover\",\r\n              backgroundRepeat: \"no-repeat\",\r\n              backgroundPosition: \"center\"\r\n            }}\r\n            display=\"flex\"\r\n            alignItems=\"center\"\r\n          >\r\n            <StyledContainer display=\"flex\" flexDirection=\"column\">\r\n              <Row ai=\"center\">\r\n                <img src={toAbsoluteUrl(\"/media/tick.svg\")} alt=\"\" width=\"20px\" height=\"20px\" />\r\n                &nbsp; &nbsp;<Typography className={artist}>Artist</Typography>\r\n              </Row>\r\n              <Typography className={name}>{userInfo.full_name}</Typography>\r\n            </StyledContainer>\r\n          </Box>\r\n          <Box>\r\n            <StyledGrid xs={12} item className={filterBg}>\r\n              <Box style={{ padding: \" 0 20px\" }}>\r\n                <Row style={{ display: size[0] > 1280 ? \"unset\" : \"none\" }}>\r\n                  <Button className={topBtn}>All</Button>\r\n                  <Button className={topBtn}>Album 1</Button>\r\n                  <Button className={topBtn}>Album 2</Button>\r\n                  <Button className={topBtn}>Album 3</Button>\r\n                  <Button className={editedBtn}>\r\n                    Edited by <br /> Warbis\r\n                  </Button>\r\n                </Row>\r\n                <Row>\r\n                  <Box className={filterBox} pt={2}>\r\n                    {size[0] > 1280 ? (\r\n                      <Filter filters={filters} setFilters={setFilters} updateFilters={updateFilters} setUpdateFilters={setUpdateFilters} />\r\n                    ) : (\r\n                      <SMFilter filters={filters} setFilters={setFilters} />\r\n                    )}\r\n                  </Box>\r\n                </Row>\r\n              </Box>\r\n            </StyledGrid>\r\n\r\n            <div className={tableContainer} style={{ marginTop: size[0] > 1280 ? \"20px\" : \"70px\" }}>\r\n              {tracks === 0 && ( // loading\r\n                <StyledContainer className={progressContainer}>\r\n                  <CircularProgress className={progress} />\r\n                </StyledContainer>\r\n              )}\r\n              {tracks === 2 && ( // error/no data\r\n                <StyledContainer className={progressContainer}>\r\n                  <Typography variant=\"h3\">No Tracks available</Typography>\r\n                </StyledContainer>\r\n              )}\r\n              {![0, 2].includes(tracks) && (\r\n                <table className={table}>\r\n                  <thead>\r\n                    <tr>\r\n                      {heading.map((head, index) => (\r\n                        <th key={index}>{head}</th>\r\n                      ))}\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    {[...data, ...data].map((row, index) => (\r\n                      <VocalRow\r\n                        key={index}\r\n                        index={index}\r\n                        setContainer={setContainer}\r\n                        setCurrent={setCurrent}\r\n                        container={container}\r\n                        current={current}\r\n                        handlePlay={handlePlay}\r\n                        rowList={row}\r\n                        handleStop={handleStop}\r\n                        selected={selected}\r\n                        handleCart={handleCart}\r\n                        handleLike={handleLike}\r\n                        handleUnlike={handleUnlike}\r\n                      />\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              )}\r\n            </div>\r\n          </Box>\r\n\r\n          <ArtistCarousel />\r\n        </>\r\n      )}\r\n      {/* <StyledGrid xs={12} md={2} item>\r\n            <Typography variant=\"h6\">Fans also like</Typography>\r\n            <Box p={2} mt={1} bgcolor=\"rgba(196, 196, 196, 0.2)\">\r\n              {Array.from({ length: 5 }).map((row, index) => (\r\n                <Row my={2} key={index} jc=\"space-around\">\r\n                  <Box bgcolor=\"#C4C4C4\" p={2} borderRadius={5}></Box>\r\n                  <Typography variant=\"h6\">&nbsp;Artist name*</Typography>\r\n                </Row>\r\n              ))}\r\n            </Box>\r\n          </StyledGrid> */}\r\n    </Box>\r\n  )\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  progressContainer: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    marginTop: \"2rem\",\r\n    overflow: \"hidden\"\r\n  },\r\n  progress: {\r\n    color: \"white\"\r\n  },\r\n  tableContainer: {\r\n    width: \"100%\",\r\n    padding: \"0 20px\",\r\n    maxWidth: \"100%\",\r\n    overflow: \"auto\"\r\n  },\r\n\r\n  table: {\r\n    width: \"100%\",\r\n    borderCollapse: \"collapse\",\r\n    \"& thead tr\": {\r\n      border: \"1px solid white\",\r\n      scroll: \"auto\"\r\n    },\r\n    \"& thead tr th\": {\r\n      minWidth: \"50px\",\r\n      paddingBlock: \"10px\",\r\n      scroll: \"auto\"\r\n    },\r\n    \"& tbody tr td\": {\r\n      paddingTop: 5,\r\n      paddingBottom: 5,\r\n      scroll: \"auto\"\r\n    }\r\n  },\r\n  topBg: {\r\n    width: \"100%\",\r\n    height: \"170px\"\r\n  },\r\n  topBtn: {\r\n    textTransform: \"none\",\r\n    marginLeft: 5,\r\n    marginTop: 10,\r\n    boxSizing: \"border-box\",\r\n    padding: \"6px 15px\",\r\n    color: \"white\",\r\n    border: \"1px solid white\",\r\n    borderRadius: \"5px\",\r\n    backgroundColor: \"transparent\",\r\n    \"&:hover\": {\r\n      backgroundColor: \"#C4C4C4\"\r\n      //   border: \"2px solid #000000\"\r\n    }\r\n  },\r\n  editedBtn: {\r\n    color: \"white\",\r\n    fontWeight: \"bolder\",\r\n    fontSize: 12,\r\n    marginLeft: \"30px\",\r\n    marginTop: 10,\r\n    boxSizing: \"border-box\",\r\n    padding: \"5px 15px\",\r\n    backgroundColor: \"rgba(87, 164, 255, 1)\",\r\n    border: \"1px solid #FFFFFF\"\r\n  },\r\n  filterBg: {\r\n    width: \"100%\",\r\n    height: \"170px\",\r\n    background: \"linear-gradient(180deg, rgba(80, 141, 214, 0.8) 0%, #333333 86.39%)\"\r\n  },\r\n  filterBox: {\r\n    width: \"60%\",\r\n    [theme.breakpoints.down(\"lg\")]: {\r\n      width: \"75%\"\r\n    },\r\n    // \"@media screen and (max-width: 1500px)\": {\r\n    //   width: \"75%\"\r\n    // },\r\n    [theme.breakpoints.down(\"md\")]: {\r\n      width: \"70%\"\r\n    },\r\n    \"@media screen and (max-width: 959px)\": {\r\n      width: \"93%\"\r\n    },\r\n    \"@media screen and (max-width: 400px)\": {\r\n      width: \"90%\"\r\n    },\r\n\r\n    position: \"absolute\",\r\n    marginBottom: 30\r\n  },\r\n  select: {\r\n    border: 0,\r\n    marginTop: 20,\r\n    width: 100\r\n  },\r\n  // table: {\r\n  //   width: \"100%\",\r\n  //   borderCollapse: \"collapse\",\r\n  //   marginTop: 20\r\n  // },\r\n  artist: {\r\n    fontSize: 17,\r\n    color: \"white\"\r\n  },\r\n  name: {\r\n    color: \"white\",\r\n    fontSize: \"xxx-large\",\r\n    fontWeight: \"bolder\"\r\n  }\r\n}))\r\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { useSelector } from \"react-redux\"\nimport { filterInitialValues } from \"../../../_warbls/components/Vocals/script\"\nimport { useLocation } from \"react-router-dom\"\nimport axios from \"axios\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { VocalsTable } from \"../../../_warbls/components/Vocals\"\n\nconst { useState, useEffect, useCallback } = React\n\nexport const Artist = ({ props }) => {\n  const { tableContainer, topBg, artist, name, filterBg } = useStyles()\n  const location = useLocation()\n  var { userInfo } = useSelector((state) => state.auth)\n  const [size, setSize] = useState([0, 0])\n\n  if (location?.state?.data) {\n    userInfo = location?.state?.data\n    profileImg = location?.state?.data?.cover_image\n  }\n\n  var profileImg = userInfo.cover_image\n  let heading = [\"#\", \"Waveform\", \"Name\", \"Key\", \"BPM\", \"Time\" , \"\"]\n  if (size[0] < 1280) {\n    heading = [\"Play\", \"\", \"\"]\n  }\n\nconst [artistTracks, setArtistTracks] = useState([])\nconst [firstLoad, setFirstLoad] = useState(true)\nconst [tracksTotal, setTracksTotal] = useState(0)\nconst [searchFilters, setSearchFilters] = useState(filterInitialValues)\nconst [appliedFilters, setAppliedFilters] = useState([])\n\n\nconst sendRequest = useCallback(async (length) => {\n  let newTracks = []\n   if (searchFilters.trending === 'Random') searchFilters.trending = ''\n  axios.get(`${APIs.tracks}?load=user_details&offset=${length || artistTracks.length}&limit=5&object_type=user&added_by=${userInfo.user_id}&object_id=${userInfo.user_id}&searchFilters=${encodeURIComponent(JSON.stringify(searchFilters))}` ).then((res) => {\n      setTracksTotal(res?.data?.total)\n        newTracks = res.data?.results ? res.data?.results?.filter((track) =>\n      track?.status === \"active\"\n    ) : []\n\n    if(length === 0)\n      setArtistTracks(newTracks)\n\n    else\n      setArtistTracks([...artistTracks, ...newTracks])\n  })\n},[artistTracks, searchFilters, userInfo.user_id] )\n\n  const fetchVocals = useCallback(async (length) => {\n  const updatedFilters = []\n\n    for (const [key, val] of Object.entries(searchFilters)) {\n      if (!key.includes(\"is\")  && val !== \"\") updatedFilters.push(`${key.charAt(0).toUpperCase() + key.slice(1)}: ${val}`)\n      setAppliedFilters(updatedFilters)\n    }\n   sendRequest(length)\n }, [artistTracks, searchFilters])\n\n  useEffect(()=> {\n    if(firstLoad)\n      setFirstLoad(false)\n    else\n      fetchVocals(0)\n  }, [firstLoad, searchFilters])\n\n  const clearFilterData = useCallback(async () => {\n    setSearchFilters(filterInitialValues)\n }, [artistTracks, searchFilters])\n\n\n  const removeFilter = useCallback(async(key, length) => {\n\n    for (const [k, v] of Object.entries(searchFilters)) {\n      if (k.toLowerCase() === key.split(':')[0].toLowerCase() && key.split(':')[1] !== ''){\n        searchFilters[k] = ''\n         setAppliedFilters(appliedFilters.filter(prevFilter => prevFilter !== key))\n      }\n    }\n    sendRequest(length)\n   }, [appliedFilters, searchFilters])\n\n  //listning for width to switch filters fot mobile screen and laptop\n  React.useLayoutEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n  return (\n    <Box>\n      <Box\n        className={topBg}\n        style={{\n          backgroundImage: `url(${profileImg})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundPosition: \"center\",\n          padding: \"0 50px\"\n        }}\n        display=\"flex\"\n        alignItems=\"center\"\n      >\n        {(userInfo.is_admin || userInfo.is_admin === 0)}\n        <StyledContainer display=\"flex\" flexDirection=\"column\" style={{ height: \"100%\", padding: \"110px 0 0 0px\" }}>\n          <Row ai=\"center\">\n            <img src={toAbsoluteUrl(\"/media/Vector.png\")} alt=\"\" width=\"20px\" height=\"20px\" />\n            &nbsp; &nbsp;<Typography className={artist}><h2>Verified Artist</h2></Typography>\n          </Row>\n          <Typography className={name}>{userInfo?.full_name}</Typography>\n        </StyledContainer>\n      </Box>\n      <Box>\n\n         <StyledGrid xs={12} item className={filterBg} >\n        </StyledGrid>\n\n        <div className={tableContainer} style={{ marginTop: size[0] > 1280 ? \"-20px\" : \"30px\", padding: size[0] > 1280 ? \"0 10px\" : \"75px 0px\" }}>\n          <VocalsTable\n          heading={heading}\n          download={false}\n          heart={true}\n          list={artistTracks}\n          downloadCheck={false}\n          fetchVocals={fetchVocals}\n          setSearchFilters={setSearchFilters}\n          searchFilters={searchFilters}\n          tracksTotal={tracksTotal}\n          appliedFilters={appliedFilters}\n          clearFilterData={clearFilterData}\n          removeFilter={removeFilter}\n        />\n        </div>\n      </Box>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  tableContainer: {\n    width: \"100%\",\n    padding: \"0 95px 42px\",\n    maxWidth: \"100%\",\n    overflow: \"auto\",\n\n    \"@media (max-width:800px)\": {\n      padding: \"0px\",\n      width: \"97%\",\n      oveflow: \"scroll\",\n      maxWidth: \"730px\",\n      margin: \"0 auto\"\n    },\n    \"@media (max-width:600px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"530px\"\n    },\n    \"@media (max-width:400px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"330px\"\n    }\n  },\n  sidebar_controls: {\n    display: \"flex\",\n    columnGap: \"10px\",\n    margin: \"-80px 0px 50px 0px\"\n  },\n  control_image: {\n    cursor: \"pointer\",\n    backgroundColor: \"rgb(102,102,102)\",\n    padding: \"5px\"\n  },\n\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\",\n    \"& thead tr\": {\n      border: \"1px solid white\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th\": {\n      minWidth: 50,\n      paddingBlock: \"10px\",\n      scroll: \"auto\"\n    },\n    \"& tbody tr td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      scroll: \"auto\"\n    }\n  },\n  topBg: {\n    width: \"100%\",\n    height: \"240px\"\n  },\n  topBtn: {\n    textTransform: \"none\",\n    marginRight: 15,\n    marginTop: 10,\n    boxSizing: \"border-box\",\n    padding: \"12px 15px\",\n    color: \"white\",\n    border: \"1px solid white\",\n    borderRadius: \"5px\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"#C4C4C4\"\n      //   border: \"2px solid #000000\"\n    }\n  },\n  editedBtn: {\n    color: \"white\",\n    fontWeight: \"bolder\",\n    fontSize: 14,\n    marginLeft: \"0px\",\n    marginTop: 10,\n    boxSizing: \"border-box\",\n    padding: \"0px 15px\",\n    backgroundColor: \"rgba(87, 164, 255, 1)\",\n    border: \"1px solid #FFFFFF\",\n    textTransform: \"capitalize\",\n\n    strong: {\n      fontWeight: \"bolder\"\n    }\n  },\n  filterBg: {\n    padding: \"0px 50px 32px\",\n    width: \"100%\",\n    height: \"50px\",\n    background: \"linear-gradient(180deg, rgba(80, 141, 214, 0.8) 0%, #333333 86.39%)\",\n\n    \"@media (max-width: 1280px)\": {\n      padding: \"0 25px 32px\"\n    }\n  },\n  filterBox: {\n    width: \"100%\",\n\n    position: \"relative\",\n    marginBottom: 30\n  },\n  select: {\n    border: 0,\n    marginTop: 20,\n    width: 100\n  },\n  artist: {\n    fontSize: 14,\n    color: \"white\",\n    padding: 0,\n    margin: 0\n  },\n  name: {\n    marginTop: \"-20px\",\n    color: \"white\",\n    fontSize: \"xxx-large\",\n    fontWeight: \"bolder\",\n    width: \"100%\",\n    \"@media (max-width:1000px)\": {\n      fontSize: 40\n    }\n  }\n}))\n","import { Button, makeStyles, Typography } from \"@material-ui/core\"\nimport * as React from \"react\"\nimport { actions } from \"../../../redux/artist/actions\"\nimport { useDispatch } from \"react-redux\"\nimport { useSelector } from \"react-redux\"\nimport swal from \"sweetalert\"\nimport Pagination from \"../../../_warbls/components/Pagination/index\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\n\nconst { useState, useContext } = React\n\nexport const Table = ({ artists }) => {\n  const { table, deleteBtn, activeBtn, emailColor, typo, tableContainer } = useStyles()\n  const dispatch = useDispatch()\n  const { userInfo, auth } = useSelector((state) => state.auth)\n\n  const [pageNo, setPageNo] = useState(1)\n  const [paginationRange, setPaginationRange] = useState([(pageNo - 1) * 50, pageNo * 50])\n  const { handleSignup } = useContext(AppContext)\n\n  const handleArtistUpdate = (id, status) => {\n    swal({\n      title: \"Are you sure?\",\n      text: \"Once action performed, you will not be able to recover this data!\",\n      icon: \"warning\",\n      buttons: true,\n      dangerMode: true\n    }).then((willDelete) => {\n      if (willDelete) {\n        dispatch(\n          actions.updateArtistsRequest(\n            {\n              status,\n              log: JSON.stringify({ log_added_by: userInfo?.user_id })\n            },\n            id\n          )\n        )\n        swal(\"Poof! Action has been perfomed succesfully!\", {\n          icon: \"success\"\n        })\n      } else {\n        swal(\"Cancelled! Your data is safe\")\n      }\n    })\n  }\n\n  return (\n    <div className={tableContainer}>\n      <table className={table}>\n        <thead>\n          <tr>\n            {heading.map((head, index) => (\n              <th key={index}>{head}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {artists.slice(paginationRange[0], paginationRange[1]).map((row, index) => (\n            <tr key={index} style={{ marginTop: \"20px\" }}>\n              <td>\n                <input type=\"checkbox\" />\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>{row.user_id}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>{row.status}</Typography>\n              </td>\n\n              <td align=\"center\">\n                <Typography className={typo}>{row.vocals}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={emailColor}>{row.platform_link}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>{row.previous_work}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>{row.sm_link}</Typography>\n              </td>\n              <td align=\"center\">\n                <Typography className={typo}>\n                  {new Date(row.date_added).toLocaleDateString()}\n                </Typography>\n              </td>\n              <td align=\"right\" style={{ marginLeft: \"20px\", display: \"flex\" }}>\n                {row.status !== \"approved\" && (\n                  <Button\n                    className={activeBtn}\n                    onClick={() => handleArtistUpdate(row.form_id, \"approved\")}\n                  >\n                    Approve\n                  </Button>\n                )}\n                {row.status !== \"rejected\" && (\n                  <Button\n                    className={deleteBtn}\n                    onClick={() => handleArtistUpdate(row.form_id, \"rejected\")}\n                  >\n                    Delete\n                  </Button>\n                )}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <Pagination\n        page={pageNo}\n        setPageNo={setPageNo}\n        total={artists?.length}\n        paginationRange={paginationRange}\n        setPaginationRange={setPaginationRange}\n        auth={auth}\n        handleSignUp={handleSignup}\n      />\n    </div>\n  )\n}\n\nconst heading = [\n  \"\",\n  \"ID\",\n  \"Status\",\n  \"Vocals\",\n  \"Platform Link\",\n  \"Previous Work\",\n  \"Sm Link\",\n  \"Date Added\",\n  \"Actions\"\n]\n\nconst useStyles = makeStyles(() => ({\n  tableContainer: {\n    width: \"100%\",\n    maxWidth: \"100%\",\n    overflow: \"auto\"\n  },\n\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\",\n    \"& thead tr\": {\n      border: \"1px solid white\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th\": {\n      minWidth: \"50px\",\n      paddingBlock: \"10px\",\n      scroll: \"auto\"\n    },\n    \"& tbody tr td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      scroll: \"auto\"\n    }\n  },\n  deleteBtn: {\n    backgroundColor: \"rgba(255, 0, 0, 0.75)\",\n    color: \"white\",\n    paddingInline: 13,\n    textTransform: \"capitalize\",\n    \"&:hover\": {\n      backgroundColor: \"rgba(255, 0, 0, 0.75)\",\n      color: \"white\"\n    }\n  },\n  emailColor: {\n    color: \"white\"\n  },\n  activeBtn: {\n    backgroundColor: \"#86DB78\",\n    color: \"white\",\n    margin: \"0 5px 0 0\",\n    textTransform: \"capitalize\"\n  },\n  typo: {\n    color: \"white\"\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles } from \"@material-ui/core\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { AdminFilter } from \"../../../_warbls/components/DashboardFilter\"\nimport { Table } from \"./Table\"\nimport { actions } from \"../../../redux/artist/actions\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\n\nconst { useEffect } = React\n\nexport const ArtistFormTable = () => {\n  const { table } = useStyles()\n  const dispatch = useDispatch()\n  const { artists } = useSelector((state) => state.artist)\n\n  useEffect(() => {\n    dispatch(actions.getArtistsRequest())\n  }, [])\n\n  return (\n    <ContentContainer\n      titleLeft=\"60px\"\n      title=\"Aritsts Request\"\n      titleBackground={\"linear-gradient(186.71deg, #41827E 12.77%, #333333 126.7%)\"}\n      adminGradient={true}\n    >\n      <Box width=\"90%\" mx={\"auto\"} className={table}>\n        <StyledGrid>\n          <StyledGrid item>\n            <AdminFilter placeholder=\"Search users and artists...\" />\n            <Table artists={artists.map((e, i, a) => a[a.length - 1 - i])} />\n          </StyledGrid>\n        </StyledGrid>\n      </Box>\n    </ContentContainer>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    fontSize: 20,\n    color: theme.palette.primary.main,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    marginBottom: 5\n  },\n  table: {\n    \"@media (max-width:969px)\": {\n      marginTop: \"16rem\"\n    }\n  }\n}))\n","import * as React from \"react\"\nimport {\n  Box,\n  makeStyles,\n  Typography\n} from \"@material-ui/core\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nexport const ContactUs = (props) => {\n  const { labelClass, root, rootInner, typo, socialIcon, socialLabel } = useStyles()\n\n  return (\n    <>\n      <div className={root}>\n        <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"80vh\">\n          <Box className={rootInner} marginLeft=\"auto\" marginRight=\"auto\">\n            <Typography variant=\"p\" className={typo}>\n              Contact us\n            </Typography>\n            <Typography variant=\"h1\" className={labelClass}>\n              post@warbls.com\n            </Typography>\n          </Box>\n        </Box>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"bottom\"\n          minHeight=\"10vh\"\n          textAlign=\"center\"\n        >\n          <div>\n            <div className={socialLabel}>Social</div>\n            <a href=\"https://www.instagram.com/warbls\" className={socialIcon}>\n              <img src={`${toAbsoluteUrl(\"/media/insta.svg\")}`} alt=\"\"></img>\n            </a>\n            <a href=\"https://www.facebook.com/warbls\" className={socialIcon}>\n              <img src={`${toAbsoluteUrl(\"/media/facebook.svg\")}`} alt=\"\"></img>\n            </a>\n            {/* <a href={\"javascript:void(0)\"} className={socialIcon}>\n              <img src={`${toAbsoluteUrl(\"/media/Tiktok-Black-Icon-Logo-Vector.webp\")}`}  alt=\"\"></img>\n            </a> */}\n            <a href=\"https://www.youtube.com/@warbls\" className={socialIcon}>\n              <img src={`${toAbsoluteUrl(\"/media/youtube.svg\")}`} alt=\"\"></img>\n            </a>\n          </div>\n        </Box>\n      </div>\n    </>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    fontSize: \"18px\"\n  },\n  socialIcon: {\n    margin: \"5px\"\n  },\n  socialLabel: {\n    marginBottom: \"5px\"\n  },\n  btn: {\n    width: 180,\n    borderRadius: \"2px\",\n    paddingTop: 12,\n    paddingBottom: 12,\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    \"&:hover\": {\n      color: theme.palette.primary.contrastText,\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  input: {\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    minHeight: \"5rem\",\n    minWidth: \"40rem\"\n  },\n  labelClass: {\n    fontSize: \"3rem\",\n    // fontWeight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    margin: \"0px 2rem\",\n    \"@media (max-width:600px)\": {\n      fontSize: \"1.5rem\"\n    }\n  },\n  root: {\n    background: `url(${toAbsoluteUrl(\"/media/triangle-shade.svg\")})`,\n    width: \"100%\",\n    height: \"95%\",\n    backgroundSize: \"cover\",\n    backgroundPosition: \"right\",\n    backgroundRepeat: \"no-repeat\",\n\n    backgroundPositionX: \"-25rem\",\n    //backgroundColor: \"#04080B\",\n    \"@media (max-width:959px) and (min-width:450px)\": {\n      marginBottom: \"50px\"\n    }\n  },\n  rootInner: {\n    textAlign: \"center\"\n    //marginTop: \"10rem\",\n    //marginLeft: \"10rem\"\n  }\n}))\n\n","export const QAs = [\n  {\n    qa: [{\n      q: \"Are all vocals on Warbls royalty-free?\",\n      a: \"Yes. You have a royalty-free license for every vocal you purchase on Warbls.com. This means that you dont have to pay royalties to ether ous at Warbls or the artist. So you dont have to worry about paying the creator, other than the initial price of the vocal. \",\n    }, {\n      q: \"Are all vocals on Warbls non-exclusive?\",\n      a: \"Yes. This means that other users can also use the same sound as you without infringing on any New recording or Creative Works you create using the vocal, and vice versa.\",\n    },\n    {\n      q: \"Do I have 100% owernship of the composition I have made with vocals froms Warbls?\",\n      a: \"You have ownership of your New Recording and Creative Work made with vocals from Warbls, but you dont own the exclusive rights to the vocals. Other users from Warbls can use the same vocals you have used without infringing on your track and vice versa.\",\n    },\n    {\n      q: \"What/who do I put under “vocalist” or for the lyrics when registering a song containing a Warbls vocal with a PRO (publishing rights organization)?\",\n      a: \"You are the owner of any New Recordings you've made using sounds from Warbls, however, you have a license to, not ownership of, those sounds (meaning other users can also use those sounds in their own New Recordings). While you are required to disclose that you are using audio samples in your New Recording, you do not need to credit Warbls or the sample creator as they are not a co-owner of your track.\",\n    },\n     {\n      q: \"Can I feature the artist in the song title?\",\n      a: \"No, you can not include the artist name in any form.\",\n    },\n    {\n      q: \" Can I resell vocals?\",\n      a: \"No, that is not allowed. If this happens, legal action will be one of the consequences.\",\n    }\n  ]\n  }\n]\n\n","import * as React from 'react';\nimport Avatar from '@mui/material/Avatar';\nimport Button from '@mui/material/Button';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport TextField from '@mui/material/TextField';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Checkbox from '@mui/material/Checkbox';\nimport Link from '@mui/material/Link';\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\n// import LockOutlinedIcon from '@mui/icons-material/LockOutlined';\nimport Typography from '@mui/material/Typography';\nimport Container from '@mui/material/Container';\nimport { createTheme, ThemeProvider } from '@mui/material/styles';\n\n\n// TODO remove, this demo shouldn't need to reset the theme.\n\nconst defaultTheme = createTheme();\n\nexport default function MessageForm() {\n  const {field} = styling\n\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const data = new FormData(event.currentTarget);\n    \n    data.set('message','hello')\n  };\n\n  return (\n    <ThemeProvider theme={defaultTheme}>\n      <Container component=\"main\" style={\n        {\n          width:'30rem',\n          marginRight:0,\n          margin:0,\n        }\n      }>\n        {/* <CssBaseline /> */}\n        <Box\n          sx={{\n            marginTop: 8,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-start',\n          }}\n        >\n          \n          <Typography component=\"h1\" variant=\"h3\" style={{fontWeight:800,color:'#57A4FF'}}>\n            Send a message\n          </Typography>\n          <Box component=\"form\" noValidate onSubmit={handleSubmit} sx={{ mt: 3 }}>\n            <Grid container spacing={0.7}>\n              <Grid item xs={12} sm={6}\n                \n              >\n                <TextField\n                  autoComplete=\"given-name\"\n                  name=\"name\"\n                  required\n                  fullWidth\n                  id=\"firstName\"\n                  // label=\"First Name\"\n                  // autoFocus\n                  style={field}\n                  placeholder='Name or Artist name'\n                />\n              </Grid>\n              <Grid item xs={12} sm={6} style={{}}>\n                <TextField\n                  required\n                  fullWidth\n                  id=\"Subject\"\n                  placeholder=\"Subject\"\n                  name=\"subject\"\n                  autoComplete=\"family-name\"\n                  style={field}\n                />\n              </Grid>\n              <Grid item xs={12}>\n                <TextField\n                  required\n                  fullWidth\n                  id=\"email\"\n                  placeholder=\"Email Address\"\n                  name=\"email\"\n                  autoComplete=\"email\"\n                  style={field}\n                />\n              </Grid>\n              <Grid item xs={12}>\n                <TextField\n                  required\n                  fullWidth\n                  name=\"message\"\n                  placeholder=\"message\"\n                  // type=\"password\"\n                  multiline\n                  rows={4}\n                  id=\"password\"\n                  autoComplete=\"new-password\"\n                  style={field}\n                />\n              </Grid>\n              \n            </Grid>\n            <Button\n              type=\"submit\"\n              fullWidth\n              variant=\"contained\"\n              sx={{ mt: 3, mb: 2 }}\n              style={{\n                maxWidth:'10rem',\n                backgroundColor: '#57A4FF',\n                cursor:'pointer'\n              }}\n            >\n              Send\n            </Button>\n            \n          </Box>\n        </Box>\n        {/* <Copyright sx={{ mt: 5 }} /> */}\n      </Container>\n    </ThemeProvider>\n  );\n}\n\n\nconst styling = {\n  field:{\n    backgroundColor:\"#fff\",\n    borderRadius:'5px'\n  }\n}","import { Box,Typography } from '@material-ui/core'\nimport EmailOutlinedIcon from '@material-ui/icons/EmailOutlined';\nimport InstagramIcon from '@material-ui/icons/Instagram';\nimport FacebookIcon from '@material-ui/icons/Facebook';\nimport YouTubeIcon from '@material-ui/icons/YouTube';\nimport React from 'react'\n\nconst Contactus = () => {\n  return (\n    <Box style={{\n        display:\"flex\",\n        flexDirection:'column',\n        gap:'10px',\n        // marginBottom:'13%'\n        \n    }}>\n        <Typography component=\"h1\" variant=\"h3\" style={{fontWeight:800,color:'#57A4FF'}}>\n            Contact Us\n        </Typography>\n        <Typography variant='p' style={{fontWeight:800}}>\n        We would love to hear from you!<br/> Send us any questions or suggestions <br/> and we write you back the same day.\n        </Typography>\n        <Box style={{\n            display:'flex',\n            gap:\"10px\"\n        }}>\n            <EmailOutlinedIcon/>\n            <Typography variant='p'>\n                support@warbls.com\n            </Typography>\n        </Box>\n        <Box style={{\n            display:'flex',\n            gap:'10px'\n        }}>\n            <InstagramIcon/>\n            <FacebookIcon/>\n            <YouTubeIcon/>\n        </Box>\n    </Box>\n  )\n}\n\nexport default Contactus","\n\n\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport Tab from \"@material-ui/core/Tab\"\nimport Tabs from \"@material-ui/core/Tabs\"\nimport PropTypes from \"prop-types\"\nimport * as React from \"react\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { QAs } from \"./script\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport Accordion from \"@material-ui/core/Accordion\"\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\"\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\"\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\"\nimport MessageForm from \"./MessageForm\"\nimport Contactus from \"./Contactus\"\n\n\n\nexport const QA = (props) => {\n  const {\n    labelClass,\n    root,\n    rootInner,\n    textContainer,\n    bgContainerQuestions,\n    bgContainerQuestionsMark,\n    tabBody,\n    accordionSummaryHeading\n  } = useStyles()\n  const [activeTab, setactiveTabValue] = React.useState(0)\n\n  const handleChange = (event, newValue) => {\n    setactiveTabValue(newValue)\n  }\n  return (\n    <>\n      <div className={root}>\n        <div className={bgContainerQuestions}> </div>\n        <div className={bgContainerQuestionsMark}> </div>\n        <StyledGrid className={rootInner} container>\n          <StyledGrid item xs={12} sm={12} md={12} lg={12}>\n            <Box className={textContainer} width=\"80%\">\n              <StyledContainer p={0} my={0}>\n                <Typography\n                  variant=\"h3\"\n                  style={{ lineHeight: \"80.59px\", marginTop: \"0px\" }}\n                  className={labelClass}\n                >\n                  Warbls Licensing FAQ\n                </Typography>\n                <Typography\n                  variant=\"p\"\n                  style={{ lineHeight: \"40.59px\", marginTop: \"0px\" }}\n                  className={labelClass}\n                >\n                  Please take a look at our Terms of Use for most up-to-date and detailed informaration. Any defined terms used below have their meaning set forth <br></br> in the Terms of Use.\n                </Typography>\n              </StyledContainer>\n\n              <StyledContainer p={0} my={0} mt={10}>\n               <Box>\n                  <Box\n                  style={{\n                    flexGrow: 1,\n                    bgcolor: \"background.paper\",\n                    display: \"flex\",\n                    // flexDirection:'column'\n                    // width: \"350px\"\n                  }}\n                >\n                  <Tabs\n                    orientation=\"vertical\"\n                    variant=\"scrollable\"\n                    value={activeTab}\n                    onChange={handleChange}\n                    aria-label=\"Vertical tabs example\"\n                    style={{ borderRight: 1, borderColor: \"divider\", width: \"350px\" }}\n                  >\n                    {QAs.map((qa, index) => (\n                      <Tab\n                        label={qa.group}\n                        {...a11yProps(index)}\n                        key={`Tab_${qa.group}_${index}`}\n                      />\n                    ))}\n                  </Tabs>\n                  {QAs.map((qa, index) => (\n                    <TabPanel value={activeTab} index={index} key={`TabPanel_${qa.group}_${index}`}>\n                      {qa.qa.map((QAobj, ind) => (\n                        <div className={tabBody}>\n                          <Accordion>\n                            <AccordionSummary\n                              expandIcon={<ExpandMoreIcon />}\n                              aria-controls=\"panel1a-content\"\n                              id={`panel_${index}_${ind}-header`}\n                            >\n                              <Typography className={accordionSummaryHeading}>{QAobj.q}</Typography>\n                            </AccordionSummary>\n                            <AccordionDetails>\n                              <Typography>{QAobj.a}</Typography>\n                            </AccordionDetails>\n                          </Accordion>\n                        </div>\n                      ))}\n                    </TabPanel>\n                  ))}\n                  </Box>\n                  <Box style={{\n                  display:'flex',\n                  alignItems:'baseline',\n                  // justifyontent:\n                  justifyContent:\"space-around\",\n                  flexWrap:'wrap-reverse',\n                  \n                  // paddingLeft:'6%'\n                }}>\n                  <Contactus/>\n                  <MessageForm/> \n                  </Box>\n              </Box>\n              </StyledContainer>\n              {/* <StyledContainer p={0} my={0} mt={10}>\n                                <Typography variant=\"p\" className={clsx(browseVocals)}>\n                                    Browse <span className={\"vocals\"} >Vocals</span>\n                                </Typography>\n                            </StyledContainer> */}\n            </Box>\n          </StyledGrid>\n        </StyledGrid>\n      </div>\n\n    </>\n  )\n}\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`vertical-tabpanel-${index}`}\n      aria-labelledby={`vertical-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box style={{ p: 3 }}>\n          <Typography>{children}</Typography>\n        </Box>\n      )}\n    </div>\n  )\n}\n\nTabPanel.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.number.isRequired,\n  value: PropTypes.number.isRequired\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `vertical-tab-${index}`,\n    \"aria-controls\": `vertical-tabpanel-${index}`\n  }\n}\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    fontSize: \"18px\"\n  },\n  btn: {\n    width: 180,\n    borderRadius: 10,\n    paddingTop: 12,\n    paddingBottom: 12,\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    \"&:hover\": {\n      color: theme.palette.primary.contrastText,\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  input: {\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main\n  },\n  labelClass: {\n    // fontSize: 17,\n    // fontWeight: \"normal\",\n    color: theme.palette.primary.contrastText,\n    margin: \"0px\"\n  },\n  browseVocals: {\n    fontSize: \"1.2rem\",\n    fontWeight: \"600\",\n    cursor: \"pointer\",\n    \"& .vocals\": {\n      color: theme.palette.primary.main,\n      backgroundColor: theme.palette.primary.contrastText,\n      padding: \"0.25rem\",\n      borderRadius: \"0.25rem\"\n    }\n  },\n  tabBody: {\n    width: \"80%\",\n    marginLeft: \"2rem\",\n    marginBottom: \"0.5rem\"\n  },\n  accordionSummaryHeading: {\n    fontSize: theme.typography.pxToRem(15),\n    fontWeight: theme.typography.fontWeightRegular\n  },\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n    backgroundColor: \"#333333\"\n  },\n  rootInner: {\n    width: \"100%\",\n    height: \"80%\"\n  },\n  bgContainerQuestions: {\n    background: `url(${toAbsoluteUrl(\"/media/Questions.png\")})`,\n    backgroundSize: \"auto\",\n    backgroundPosition: \"left\",\n    backgroundRepeat: \"no-repeat\",\n    height: \"40%\",\n    width: \"80%\",\n    position: \"absolute\",\n    left: \"16rem\",\n    top: \"2rem\",\n    [theme.breakpoints.down(\"sm\")]: {\n      display: \"none\"\n    }\n  },\n  bgContainerQuestionsMark: {\n    background: `url(${toAbsoluteUrl(\"/media/question-mark.svg\")})`,\n    backgroundSize: \"auto\",\n    backgroundPosition: \"right\",\n    backgroundRepeat: \"no-repeat\",\n    height: \"40%\",\n    width: \"80%\",\n    position: \"absolute\",\n    right: \"8rem\",\n    top: \"10rem\",\n    [theme.breakpoints.down(\"sm\")]: {\n      display: \"none\"\n    }\n  },\n  textContainer: {\n    marginTop: \"8rem\",\n    marginLeft: \"2rem\"\n  }\n}))\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography, Button } from \"@material-ui/core\"\nimport { useHistory } from \"react-router\"\n\nexport const TermsOfUse = () => {\n  const { typo, btn, boxPadding } = useStyles()\n  const history = useHistory()\n\n  return (\n    <>\n      <Box className={boxPadding}>\n        <Typography variant=\"h4\" style={{ margin: \"30px 0 10px 0\" }}>\n          Terms of Use\n        </Typography>\n        <Typography className={typo}>\n          By visiting, logging on or using Warbls, you acknowledge that you have the right, authorization and capicity to enter into this Agreement,\n          that you have read and understood this Agreement, and that you agree to the Terms of Use.\n        </Typography>\n      </Box>\n\n      <Box className={boxPadding}>\n        <Typography variant=\"h6\" style={{ marginBottom: \"10px\" }}>\n          1. Personal data\n        </Typography>\n        <Typography className={typo}>\n          You agree to provide only the true, correct and complete information to us via the site or App. Any personal data will be treated by\n          appropriate care and security.\n        </Typography>\n      </Box>\n\n      <Box className={boxPadding}>\n        <Typography variant=\"h6\" style={{ marginBottom: \"10px\" }}>\n          2. Vocal upload\n        </Typography>\n        <Typography className={typo}>\n          By uploading any vocals and sounds, or any other content, you retain ownership and all rights to your uploads. You acknowlegde and agree\n          that all vocalfiles uploaded to Warbls.com are 100% your own, and that you own the copyright to your work. You acknowledge and agree that\n          all your uploads will be royalty-free for all users downloading your vocalfiles. Even if you remove your account you understand that your\n          uploads can still be used by users and Warbls.com.\n        </Typography>\n      </Box>\n\n      <Box className={boxPadding}>\n        <Typography variant=\"h6\" style={{ marginBottom: \"10px\" }}>\n          3. Copyright{\" \"}\n        </Typography>\n        <Typography className={typo}>\n          The vocals are licenced to custommers, not sold, to be used for your original music compositions and productions only. All copying, lending,\n          duplicating, re- selling, sending, and trading of any vocal is stricly illegal and prohibited.\n        </Typography>\n      </Box>\n\n      <Box className={boxPadding}>\n        <Typography variant=\"h6\" style={{ marginBottom: \"10px\" }}>\n          4. Your use of the service\n        </Typography>\n        <Typography className={typo}>You agree that you will not;</Typography>\n        <Typography className={typo}>\n          <Box display=\"flex\" style={{ columnGap: \"20px\" }}>\n            <span>-</span>\n            <span>\n              Impersonate any other person, conduct yourself in an offensive or abusive manner, or use the service for any unlawful purposes.\n            </span>\n          </Box>\n        </Typography>\n        <Typography className={typo}>\n          <Box display=\"flex\" style={{ columnGap: \"20px\" }}>\n            <span>-</span>\n            <span>\n              Upload, share or submit content as indecent, porngraphic, sexually explict, libelous, maliciously false, inaccurate, misleading,\n              depicting violence, offensive, abusive, hateful, discriminatory or cause annoyance, incovienience or needless anxiety to any person.\n            </span>\n          </Box>\n        </Typography>\n        <Typography className={typo}>\n          <Box display=\"flex\" style={{ columnGap: \"20px\" }}>\n            <span>-</span>\n            <span>Contact the artists.</span>\n          </Box>\n        </Typography>\n      </Box>\n\n      <Box className={boxPadding}>\n        <Typography variant=\"h6\" style={{ marginBottom: \"10px\" }}>\n          5. Contacting us\n        </Typography>\n        <Typography className={typo}>If you have any questions please contact us via email; support@warbls.com</Typography>\n      </Box>\n\n      <Box width=\"100%\" textAlign=\"center\">\n        <Button variant=\"contained\" color=\"primary\" onClick={() => history.push(\"/\")} className={btn} disableElevation>\n          Go back\n        </Button>\n      </Box>\n    </>\n  )\n}\n\n// const List = ({ text }) => {\n//   const { typo } = useStyles()\n//   return (\n//     <Typography component=\"li\" className={typo}>\n//       {text}\n//     </Typography>\n//   )\n// }\n\nconst useStyles = makeStyles((theme) => ({\n  typo: {\n    color: theme.palette.primary.contrastText,\n    \"&.MuiTypography-body1\": {\n      color: theme.palette.primary.contrastText,\n      fontSize: 17,\n      fontWeight: 400,\n      wordSpacing: 2,\n\n      fontStyle: \"normal\",\n      [theme.breakpoints.down(\"sm\")]: {\n        fontSize: 14\n      }\n    }\n  },\n  listStyle: {\n    listStyle: \"disk\"\n  },\n  btn: {\n    width: 180,\n    borderRadius: 10,\n    paddingTop: 12,\n    paddingBottom: 12,\n    backgroundColor: theme.palette.primary.contrastText,\n    color: theme.palette.primary.main,\n    marginBottom: 30,\n\n    \"&:hover\": {\n      backgroundColor: theme.palette.secondary.main\n    },\n\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"9px 0px\",\n      \"&.MuiButton-label\": {\n        fontSize: 14\n      }\n    }\n  },\n  boxPadding: {\n    padding: \"12px 64px 32px 64px\",\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"10px 20px\"\n    }\n  }\n}))\n","import { Box, Typography } from '@material-ui/core'\nimport React from 'react'\nimport './CSS/ReferFriend.css'\n\n\nconst ReferalStep = (props) => {\n    const {num,heading,detail} = props\n  return (\n    <Box className='referal-step-contianer'>\n        <Box className='step-heading'>\n            <Box className='num-container'>\n                <Typography style={{fontWeight:'bold'}} variant='p'>{num}</Typography>\n            </Box>\n            <Typography style={{fontSize:'1rem',fontWeight:'bold'}} variant='p'>\n                {heading}\n            </Typography>\n        </Box>\n        <Box className='step-detail'>\n            <Typography  variant='p'>\n                {detail}\n            </Typography>\n        </Box>\n        \n\n\n    </Box>\n  )\n}\n\nexport default ReferalStep","export const steps_detail =[\n    {\n        heading:'Invite friends',\n        detail:'Refer friends to Warbls through email or your personal referral link.'\n    },\n    {\n        heading:'They get a coins',\n        detail:`When your referrals subscribe to Warbls, they'll get 100 bonus coins.`\n    },\n    {\n        heading:'You get coins',\n        detail:`Once they complete their order, you'll get 100 coins.`\n    }\n]","\nimport React, { useRef, useState } from 'react'\nimport { Box, Typography } from '@material-ui/core'\nimport { useSelector } from 'react-redux'\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport TelegramIcon from '@material-ui/icons/Telegram';\n\nconst ReferalForm = () => {\n    const { userInfo } = useSelector((state) => state.auth);\n\n    const emailRef = useRef(null)\n    const [copy, setcopy] = useState(false)\n    \n\n    const handelSend= () => {  }\n\n  return (\n    <Box className='referal-form-container'>\n        <Box className='referal-form-label'>\n            <Typography style={{color: '#fff'}}>\n                Share your personal referral link\n            </Typography>\n        </Box>\n            <Box className='referal-link'>\n                <Typography style={{color: copy ? '#000':'',marginLeft: '10px'}} variant='h6'>\n                    https://www.warbls.com/referrals/{userInfo.user_id}\n                </Typography>\n                <button className='link-btn' \n                    onClick={() => { \n                        navigator.clipboard.writeText(`https://www.warbls.com/referrals/${userInfo.user_id}`)\n                        setcopy(true)\n                        \n                    }}\n                ><FileCopyIcon style={{margin:'0 5px', color:'white'}}/> &nbsp;Copy</button>\n            </Box>\n        <Box className='referal-form-label'>\n        <Typography style={{color: '#fff'}}>\n                Share your personal referral link\n            </Typography>\n        </Box>\n        <Box className='refer-email'>\n            <input \n                type=\"email\" \n                ref={emailRef}\n                placeholder='email@email.com'\n\n                />\n            <button \n                className='share-btn'\n                onClick={handelSend}\n                >\n                    <TelegramIcon style={{color:'#fff'}}/> &nbsp;Send\n            </button>\n        </Box>\n    </Box>\n  )\n}\n\nexport default ReferalForm","import React from 'react'\nimport { ProfileContainer } from '../Profile/ProfileContainer'\nimport { Box, Typography } from '@material-ui/core'\nimport { useSelector } from 'react-redux'\nimport StarRoundedIcon from '@material-ui/icons/StarRounded';\nimport ReferalStep from './ReferalStep';\nimport './CSS/ReferFriend.css'\nimport { steps_detail } from './script';\nimport ReferalForm from './ReferalForm';\n\n\nexport const ReferFriend = () => {\n    const { userInfo } = useSelector((state) => state.auth);\n    let step_num=0;\n\n  return (\n    <ProfileContainer\n        activeTab='tab3'\n    >\n        <Box className='fr-container'>\n            <Typography style={{fontWeight:'bolder'}} variant='h4'>\n                <Typography variant='h4' style={{display:'inline',color:'#57A4FF',fontWeight:'bolder'}}>\n                    {userInfo.full_name}\n                </Typography>\n                , earn coins by referring friends to Warbls\n            </Typography>\n            <Typography style={{fontWeight:'bold'}} variant='h5'>Get <img src={`${process.env.PUBLIC_URL}/images/CoinsRefer.png`} style={{marginLeft:'5px'}}/>  100 coins for each referral. </Typography>\n            <Box className='rf-steps-container'>\n                {   \n                    steps_detail.map((step,i) => { \n                            step_num++;\n                        return(\n                            <ReferalStep\n                                key={i}\n                                num={step_num}\n                                heading={step.heading}\n                                detail={step.detail}\n                            />\n                        )\n                     })\n                }\n            </Box>\n            <Box className='rf-form-container'>\n                <ReferalForm/>\n            </Box>\n            <Box className='rf-earned-container'>\n                <Typography className='total-earning' variant='h6'>\n                Total coins earned \n                    <Box\n                        style={{\n                            display:'flex',\n                            alignItems:'center',\n                            gap:'5px'\n                        }}\n                    > \n                        <img src={`${process.env.PUBLIC_URL}/images/CoinsRefer.png`} className='image'/> 199 </Box>\n                </Typography>\n            </Box>\n            <Box className='rf-referal'>\n                <StarRoundedIcon/>\n                <Typography variant='h6'>Referrals</Typography>\n            </Box>\n            <Box className='rf-email-status'>\n                <Typography variant='h6'>Email</Typography>\n                <Typography variant='h6'>Status</Typography>\n            </Box>\n        </Box>\n    </ProfileContainer>\n  )\n}\n\n","import { Box } from '@material-ui/core'\nimport React from 'react'\nimport './CSS/Affiliate.css'\n\nconst AffiliateStep = (props) => {\n   const {image,heading,detail} = props\n\n  return (\n    <Box className='affiliate-step-container'>\n        <Box className='affiliate-image'>\n            <img src={`${process.env.PUBLIC_URL}/images/Affliate_images/${image}`} className='image'/>\n        </Box>\n        <Box className='step-heading'>\n            {heading}\n        </Box>\n        <Box className=\"step-detail\">\n            {detail}\n        </Box>\n    </Box>\n\n  )\n}\n\nexport default AffiliateStep","export const affiliate_steps=[\n    {\n        image:'jointHands.png',\n        heading:'Join as an Affiliate',\n        detail:`It’s free to get started. Access marketing materials, tools, and more!\n        `\n    },\n    {\n        image:'promote.png',\n        heading:'Promote Warbls',\n        detail:`Share Warbls with your target audience. There's a match for every need.`\n    },\n    {\n        image:'Earning.png',\n        heading:'Start Earning',\n        detail:`Earn right from the moment your traffic converts. \n        `\n    },\n]","import React from 'react'\nimport { ProfileContainer } from '../Profile/ProfileContainer'\nimport { Box, Typography } from '@material-ui/core'\nimport AffiliateStep from './AffiliateStep'\nimport './CSS/Affiliate.css'\nimport { affiliate_steps } from './script'\n\nexport const Affiliate = () => {\n    let num=0;\n\n  return (\n    <ProfileContainer\n        activeTab='tab4'\n    >\n        <Box className='affiliate-container'>\n            <Box className='affiliate-heading'>\n                <Typography style={{\n                    fontWeight:'bolder'\n                }} variant='h3'>\n                    Get <span style={{color:'#38BC22'}}>cash</span> by driving traffic to Warbls\n                </Typography>\n            </Box>\n            <Box className='affiliate-sub-heading'>\n                <Typography variant='h5'>\n                Promote the #1 website for vocals for music producers. Get paid to drive traffic. It’s that easy!\n                </Typography>\n            </Box>\n            <Box className='affiliate-btn'>\n                <button className='start-btn'>\n                    <Typography style={{\n                        fontSize:'1rem',\n                        fontWeight:'bold',\n                        color:'#fff'\n                    }}>\n                        Start earning now\n                    </Typography>\n                </button>\n            </Box>\n            <Box className='affiliate-para'>\n                <Typography variant='p'>We've forged a strategic partnership with Rewardful, seamlessly integrated with the Stripe and PayPal payment systems.</Typography>\n\n            </Box>\n            <Box className=\"affiliate-steps\">\n                {\n                    affiliate_steps.map((step) => { \n                        num++;\n                        return(\n                           <>\n                            <AffiliateStep\n                                image={step.image}\n                                heading={step.heading}\n                                detail={step.detail}\n                                />\n                            {num!=3 && <Box className='affiliate-arrow'>\n                                    <img src={`${process.env.PUBLIC_URL}/images/Affliate_images/RightArrow.png`}/>\n                                </Box>\n                            }\n                            </> \n                        )\n                     })\n                }\n            </Box>\n        </Box>\n    </ProfileContainer>\n  )\n}\n\n","export const heading = [\"#\", \"Name\", \"Key\", \"BPM\", \"Time\" , \"Waveform\", \"\",\"\"]\n\nexport const list = [\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound4.m4a\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound5.m4a\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound6.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound1.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound2.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound3.mp3\"\n  },\n  {\n    play: \"\",\n    time: \"\",\n    name: \"\",\n    key: \"\",\n    bpm: \"\",\n    heart: \"\",\n    download: \"\",\n    src: \"/tracks/sound4.m4a\"\n  }\n]\n","import React, { useState, useRef, useCallback, useContext, useEffect } from \"react\"\nimport { useHistory } from \"react-router\"\nimport {CircularProgress, makeStyles, Button, Typography, useMediaQuery, useTheme, Box } from \"@material-ui/core\"\n\nimport { FaRegHeart } from \"react-icons/fa\"\nimport FileCopyOutlinedIcon from '@material-ui/icons/FileCopyOutlined';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport { ImHeart } from \"react-icons/im\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { useSelector } from \"react-redux\"\n\nimport { FaCoins } from \"react-icons/fa\";\nimport { MdDownloadForOffline } from \"react-icons/md\";\n// import { SongContext } from \"../SideBarInfo\"\nimport { SongContext } from \"../../../_warbls/components/SideBarInfo\";\n\nimport AddIcon from '@material-ui/icons/Add';\n\nimport StopRoundedIcon from '@material-ui/icons/StopRounded';\nimport PlayArrowRoundedIcon from '@material-ui/icons/PlayArrowRounded';\nimport WaveSurfer from 'wavesurfer.js';\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\";\n\n\nexport const TempRow = ({\n  rowList,\n  index,\n  setContainer,\n  setCurrent,\n  container,\n  current,\n  download,\n  heart,\n  handleDownload,\n  handleLike,\n  handleUnlike,\n  handleCart,\n  downloadCheck,\n  handleDownloadTrackWithCoins,\n  userSubscription,\n  handleDialogue,\n}) => {\n  const history = useHistory()\n  const { btn, helperText, btnCell, row, mucisTrack, downloadCell, downIconSvg,downIcon,heartStyle, desc, tracksControl, add_to_cart, btn_download, responsive_layout_vocals } =\n    useStyles()\n  const theme = useTheme()\n  const media = useMediaQuery(theme.breakpoints.down(\"sm\"))\n  const { auth, users } = useSelector((state) => state.auth)\n\n  const [duration, setDuration] = useState(\"0:00\")\n  const [heartFlag, setheartFlag] = useState(rowList?.liked === 1)\n  // const downloadRef = useRef(null)\n  const priceRef = useRef(null)\n  const waveformRef = useRef(null);\n  const [copyVocal, setCopyVocal] = useState(false);\n\n\n  \nconst { openLogin, handleLogin, openSignup, handleSignup, toolbar } = useContext(AppContext)\n  const mysongcontext=useContext(SongContext);\n  const [loader, setLoader] = useState(true)\n  const [waveform, setWaveform] = useState('')\n  const childRef = useRef();\n\n  const [play, setPlay] = useState(false)\n\n  const [isPerchased, setisPerchased] = useState(false)\n\n  // const {userSubscription} = useSelector( state => state.subscriptions)\n  \n\n  \n\n  const generateDuration = useCallback((dur) => {\n    const fixed = dur.toFixed(0)\n    const val = fixed.split(\".\")[0]\n    const mins = val > 60 ? (val / 60).toFixed(0) : 0\n    const scnd = val > 60 ? val % 60 : val\n    return `0${mins}:${scnd.toString().length === 2 ? scnd : \"0\" + scnd}`\n  }, [])\n\n  const [isHover, setIsHover] = useState(false)\n  const [size, setSize] = useState([0, 0])\n\n  //  listning for width to switch filters fot mobile screen and laptop\n  React.useLayoutEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n  \n\n  const navigateToArtist = (artistID) => {\n    const artist = users.filter((user) => {\n      return user.user_id === artistID\n    })\n\n    if (auth) {\n      history.push({\n        pathname: \"/artist\",\n        state: {\n          data: artist[0]\n        }\n      })\n    }\n  }\n\n  const getVocalsWidth = () => {\n    if (size[0] > 1200) return \"300px\"\n    else if (size[0] > 430) return \"210px\"\n    else if (size[0] > 400) return '190px'\n    else if (size[0] > 380) return '180px'\n    else return '160px'\n  }\n\n  \n\n  // WaveForm code is starts from here\n\n  useEffect(() => {\n    setLoader(true)\n    const track = document.querySelector(`#temptrack${rowList.track_id}`);\n\n    waveformRef.current = WaveSurfer.create({\n      barWidth: 3,\n      cursorWidth: 1,\n      container: `#waveform`,\n      backend: 'WebAudio',\n      height: 80,\n      progressColor: '#2D5BFF',\n      responsive: true,\n      waveColor: '#EFEFEF',\n      cursorColor: 'transparent',\n    });\n\n    waveformRef.current.load(track);\n\n    waveformRef.current.on(\"ready\", function () {\n      setLoader(false)\n      const fixed = waveformRef.current.getDuration().toFixed(0)\n      const val = fixed.split(\".\")[0]\n      const mins = val > 60 ? (val / 60).toFixed(0) : 0\n      const scnd = val > 60 ? val % 60 : val\n      const duration = `0${mins}:${scnd.toString().length === 2 ? scnd : \"0\" + scnd}`\n      setDuration(duration)\n    })\n\n    return () => {\n      waveformRef.current.destroy();\n    };\n  }, [rowList.track_id]);\n\n  const handlePlay = () => {\n\n    if (container) {\n      container.current.stop();\n    }\n    // setPlaying(!playing);\n    waveformRef.current.play();\n    setContainer(waveformRef)\n    setCurrent(rowList.track_id)\n    setPlay(true)\n    if(auth){\n      mysongcontext.setCurrentId(rowList.track_id)\n      mysongcontext.setCurrentSong(waveformRef.current)\n      mysongcontext.setListTrack(rowList)\n      mysongcontext.setPlaying(true)\n    }\n      \n    // waveformRef.current.playPause();\n};\n  const handleStop = () => {\n\n    waveformRef.current.stop();\n    mysongcontext.setPlaying(false)\n    setPlay(false)\n    \n};\n\n  \n\nconst url = rowList?.track_url;\n\n\n\nuseEffect(() => {\n  if(rowList.track_id == mysongcontext.currentId){\n    handlePlay();\n  }\n\n  \n},[mysongcontext.currentId])\n\n\n  const rowOnClick = () => { \n    if(play){\n      handleStop();\n    }else{\n      handlePlay();\n    }\n   }\n\n\n\n\n\n\n\n  // WaveForm code is ends at here\n\n   \n//  console.log('this is reduser user subscription',userSubscription.remaining_coins);\n\n\n\n\n\n  return (\n\n    <tr\n      onClick={rowOnClick}\n      style={{ \n        userSelect: \"none\", \n        position: 'relative',\n      cursor:'pointer'}}\n      className={`${row} table-row`}\n      id={rowList.track_id === current && (auth?(mysongcontext.playing):(play))?('table-play-row'):('')}\n      // onClick={(e) => playVocalOnRow(e, rowList)}\n      onMouseEnter={() => {\n        setIsHover(true)\n      }}\n      onMouseLeave={() => {\n        setIsHover(false)\n      }}\n    >\n\n      <td style={{ display: size[0] > 1280 ? \"flex\" : \"none\", alignItems:'center',justifyContent:'center', width: '30px', height: '100%' ,marginLeft:'10px' }}>\n        <span style={{ visibility: isHover && 'hidden', color: '#9D9D9D' }}>{index + 1}</span>\n\n        {size[0] > 1280 && (\n          <>\n            {/* {isHover && ( */}\n              <>\n                {/* {heartFlag ? (\n                  <ImHeart\n                    className={heartStyle}\n                    fontSize=\"16px\"\n                    onClick={() => {\n                      handleUnlike(rowList?.track_id)\n                      rowList.liked = 0\n                      setheartFlag(!!!heartFlag)\n                    }}\n                  />\n\n                  // <></>\n                ) : (\n                  <FaRegHeart\n                    className={heartStyle}\n                    fontSize=\"16px\"\n                    onClick={() => {\n                      handleLike(rowList?.track_id)\n                      rowList.liked = 1\n                      setheartFlag(!!!heartFlag)\n                    }}\n                  />\n\n                  // <></>\n                  \n                )} */}\n\n                {/* {loader ? (\n                        <CircularProgress size={20} color=\"inherit\" className={heartStyle} />\n                        ) : ( */}\n                        <>\n                          {/* {rowList.track_id === current && mysongcontext.playing ? ( */}\n                          {\n                          rowList.track_id === current && (auth?(mysongcontext.playing):(play)) ? (\n                            \n                              <StopRoundedIcon\n                                onClick={handleStop}\n                                className={heartStyle} \n                                style={{width:'50px',height:'50px',color:'#57A4FF'}}\n                                />\n                            \n                          ) : (\n                            isHover && (\n\n                              \n                              <PlayArrowRoundedIcon                              \n                                onClick={handlePlay}  \n                                style={{width:'50px',height:'50px',color:'#B1B1B1'}}\n                                className={heartStyle}\n                                />\n                            \n                                )\n                          )}\n                        </>\n                       {/* )} */}\n\n              </>\n            {/* )} */}\n          </>\n        )}\n      </td>\n\n\n      \n      <td>\n        <div\n          style={{\n            display: \"flex\",\n            justifyContent: \"center\",\n            maxWidth: \"400px\",\n            marginLeft: \"10px\"\n          }}\n        >\n          {rowList?.image_url ? (\n            <div onClick={rowOnClick} style={{cursor:'pointer', position: \"relative\" }}>\n              {loader && (<div style={{display:'flex',justifyContent:'center',alignItems:'center', width:'100%',height:'100%',position:'absolute'}}>\n                <CircularProgress size={30} color=\"#000\"/>\n              </div>)}\n              <img  src={rowList?.image_url} className={mucisTrack}  alt=\"music track img\" />\n              <div className={tracksControl}>\n                {/* {size[0] < 1280 && (\n                  <WaveFramer\n                    generateDuration={generateDuration}\n                    song={rowList?.track_url}\n                    setContainer={setContainer}\n                    setCurrent={setCurrent}\n                    container={container}\n                    current={current}\n                    setDuration={setDuration}\n                    id={rowList.track_id}\n                    listTrack={rowList}\n                    setLoad={setLoader}\n                    setWaveform={setWaveform}\n\n                    size={size[0]}\n\n                  />\n                )} */}\n              </div>\n            </div>\n          ) : (\n            <div onClick={rowOnClick} style={{ position: \"relative\", border: \"1px solid white\" }}>\n              <img src={toAbsoluteUrl(\"/media/music-track.png\")} className={mucisTrack} alt=\"music track img\" />\n            </div>\n          )}\n          <div\n            onClick={rowOnClick}\n            style={{\n              display: \"flex\",\n              flexDirection: \"column\",\n              alignItems: \"start\",\n              marginLeft: \"10px\",\n              width: getVocalsWidth(),\n              paddingRight: \"0px\",\n              whiteSpace: \"nowrap\",\n              overflow: \"hidden\",\n              textOverflow: \"ellipsis\"\n            }}\n          > \n            <Typography variant=\"p\" style={{color:(size[0] < 1000 && rowList.track_id === current && play ) && '#57A4FF'}} >\n            {rowList?.track_name.substring(0, 40)}\n            {rowList?.track_name.length > 40 ? \"...\" : \"\"}\n            </Typography>\n            <small className={helperText} style={{ cursor: auth && \"pointer\" }} onClick={() => navigateToArtist(rowList?.user_details?.user_id)}>\n              {rowList?.user_details?.full_name || \"\"}\n            </small>\n          </div>\n        </div>\n      </td>\n      {/* {!media && size[0] > 1280 && ( */}\n      { size[0] > 1000 && (\n        <td\n        style={{\n          marginLeft: \"0px\",\n          color: \"#EAEAEA\"\n        }}\n      >\n        <Typography variant=\"body1\" style={{ color: \"#EAEAEA\" }}>\n          {rowList?.key}\n        </Typography>\n      </td>\n      )}\n      \n      { size[0] > 1000 && (\n\n      <td>\n        <Typography\n          variant=\"body1\"\n          style={{\n            paddingLeft: window.location.href.split(\"/\").pop() === \"artist\" ? \"40px\" : \"0px\",\n            color: \"#EAEAEA\"\n          }}\n        >\n          {rowList?.bpm}\n        </Typography>\n      </td>\n      )}\n      {/* )} */}\n      {/* {!media && size[0] > 1280 && ( */}\n      {/* )} */}\n      {/* {size[0] > 1280 && ( */}\n\n      {size[0] > 1000 && (\n      <td\n        style={{\n          whiteSpace: \"nowrap\",\n          margin: window.location.href.split(\"/\").pop() === \"artist\" ? \"20px 40px\" : \"20px\",\n          // paddingLeft: window.location.href.split(\"/\").pop() === \"artist\" ? \"40px\" : \"0px\",\n          // display: \"inline-block\"\n        }}\n      >\n        <span>{duration}</span>\n      </td>\n\n      )}\n      {/* )} */}\n      {/* {size[0] < 1280 && ( */}\n      <td\n        style={{\n          width: \"300px\",\n          display: size[0] < 1280 && \"none\",\n          userSelect: \"none\"\n        }}\n      >\n        {rowList?.track_url && (\n          <div\n          style={{\n              display: 'flex',\n              // flexDirection: 'row',\n              // alignItems: 'center',\n              // justifyContent: 'center',\n              // height: '100px',\n              width: '100%',\n              background: 'transparent',\n            }}\n          >\n            <div\n              style={{\n                width: '100%',\n                height: '80px',\n              }}\n              id=\"waveform\"\n            />\n            <audio id={`temptrack${rowList.track_id}`} src={url} preload=\"auto\" />\n          </div>\n\n\n\n          // <TempWave\n          // track_url={rowList?.track_url}\n          // trackid={rowList.track_id}\n          // play={play}\n          // setDuration={setDuration}\n          // setContainer={setContainer}\n          // container={container}\n          // setCurrent={setCurrent} \n          // listTrack={rowList} \n          // setLoader={setLoader}             \n          // />\n\n          // <WaveFramer\n          //   generateDuration={generateDuration}\n          //   song={rowList?.track_url}\n          //   setContainer={setContainer}\n          //   setCurrent={setCurrent}\n          //   container={container}\n          //   current={current}\n          //   setDuration={setDuration}\n          //   id={rowList.track_id}\n          //   listTrack={rowList}\n          //   setLoad={setLoader}\n          //   setWaveform={setWaveform}\n\n          //   size={size[0]}\n          //   ref={childRef}\n          // />\n\n          \n        )}\n      </td>\n      <td style={{ width: \"70px\", padding: size[0] > 1280 ? \"0px\" : \"0 0px 0 30px\" }}>\n        {\n          <>\n          {heartFlag ? (\n            \n            <ImHeart\n              className={heartStyle}\n              fontSize=\"16px\"\n              onClick={() => {\n                handleUnlike(rowList?.track_id)\n                rowList.liked = 0\n                setheartFlag(!!!heartFlag)\n              }}\n            />\n           \n          ) : (\n            \n            (size[0] > 1000 ? isHover : true) && (\n            <div style={{\n              display:\"flex\",\n              justifyContent:\"space-between\",\n              alignItems:\"center\"\n            }}>\n              \n              {copyVocal?(\n                  <FileCopyIcon\n                  className={\".\"}\n                  style={{\n                   display:size[0] > 1000 ? '': 'none',\n                   zIndex:20,\n                   cursor:\"pointer\",\n                   fontSize:\"16px\"\n                  }}\n                  onClick={(e) => {\n                    e.stopPropagation(); \n                   navigator.clipboard.writeText(`https://www.warbls.com/sharevocal/${rowList.track_id}`)\n                  setCopyVocal(true);\n                  \n                }}\n                />\n              ):(\n                <FileCopyOutlinedIcon\n                className={\".\"}\n                style={{\n                  display:size[0] > 1000 ? '': 'none',\n                  zIndex:20,\n                  cursor:\"pointer\",\n                  fontSize:\"16px\"\n                }}\n                onClick={(e) => { \n                  e.stopPropagation();\n                  navigator.clipboard.writeText(`https://www.warbls.com/sharevocal/${rowList.track_id}`)\n                  setCopyVocal(true);\n                 \n                  \n              }}\n              />\n              )}\n              \n\n              <FaRegHeart\n                className={\".\"}\n                style={{\n                  zIndex:20,\n                  cursor:\"pointer\"\n                }}\n                fontSize=\"16px\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                handleLike(rowList?.track_id)\n                rowList.liked = 1\n                setheartFlag(!!!heartFlag)\n                  }}\n              />\n\n              \n\n            </div>\n\n\n            )\n          )}\n        </>\n          \n        }\n        \n      </td>\n      {/* )} */}\n        \n      <td className={download ? downloadCell : btnCell}>\n        {rowList.action == 'download' ? (\n          <>\n          <Button\n            className={btn_download}\n            onClick={(e) =>{\n              e.stopPropagation();\n              handleDownload(rowList?.track_url, rowList?.track_name)}\n            }\n            style={{display: size[0] > 1000 ? '':'none', backgroundColor: size[0] > 1280 ? \"#C957FF\" : \"transparent\" }}\n            >\n            <span className={downIcon}><MdDownloadForOffline className={downIconSvg}/></span>\n\n            {size[0] > 1280 && <Typography className={desc}>DOWNLOAD </Typography>}\n          </Button>\n            \n          <Box style={{display: size[0] >= 1000 ? 'none':''}}>\n              <MdDownloadForOffline style={{width:'30px', height:'30px'}} onClick={() => handleDownload(rowList?.track_url, rowList?.track_name)} />\n          </Box>\n            \n            \n            </>\n          // <Button\n          //   className={btn_download}\n          //   onClick={() => handleDownload(rowList?.track_url, rowList?.track_name)}\n          //   style={{ backgroundColor: size[0] > 1280 ? \"#FF00C7\" : \"transparent\" }}\n          // >\n          //   <span> <img src=\"/media/download-light.png\" width=\"22\" height=\"20\" /></span>\n\n          //   {size[0] > 1280 && <Typography className={desc}>DOWNLOAD </Typography>}\n          // </Button>\n        ) : (\n          // <Button className={clsx(btn , responsive_layout_vocals)} onClick={() => handleDownloadTrackWithCoins(rowList?.track_id)} style={{ backgroundColor: size[0] > 1280 ? \"#169C00\" : \"transparent\" }}>\n          //   <img src=\"/media/cart.png\" width=\"22\" height=\"18\" style={{ marginBottom: \"2px\" }} />\n          //    &nbsp;&nbsp;\n          //   {size[0] > 1280 && (\n          //     <h2\n          //       style={{\n          //         padding: \".3rem 2rem\",\n          //         margin: \"0\",\n          //         fontWeight: \"bolder\",\n          //         color: \"white\",\n          //         fontSize: \"15px\"\n          //       }}\n          //       ref={priceRef}\n          //     >\n          //       ${rowList?.price}\n          //     </h2>\n          //   )}\n          // </Button>\n          isPerchased?(\n          <>\n            <Button\n              className={btn_download}\n              onClick={(e) => {\n                e.stopPropagation();\n                handleDownload(rowList?.track_url, rowList?.track_name)}}\n              style={{display: size[0] > 1000 ? '':'none', backgroundColor: size[0] > 1280 ? \"#C957FF\" : \"transparent\" }}\n              >\n              <span className={downIcon}><MdDownloadForOffline className={downIconSvg}/></span>\n  \n              {size[0] > 1280 && <Typography className={desc}>DOWNLOAD </Typography>}\n            </Button>\n              \n            <Box style={{display: size[0] >= 1000 ? 'none':''}}>\n                <MdDownloadForOffline style={{width:'30px', height:'30px'}} \n                onClick={(e) =>{\n                  e.stopPropagation();\n                  handleDownload(rowList?.track_url, rowList?.track_name)\n                } \n                } \n                />\n            </Box>\n              \n              \n              </>):(\n          <>\n          <Button className={btn_download} style={{ display: size[0] > 1000 ? '':'none', backgroundColor: '#57A4FF',minWidth:\"9rem\"}} variant=\"contained\" \n          startIcon={\n            userSubscription?.remaining_coins >= (!!rowList.is_oneshot ? 5: 10)?\n            <MdDownloadForOffline className={downIconSvg}/> \n            :\n            <FaCoins />\n               } onClick={(e) => {\n                  e.stopPropagation();\n                if(auth){\n                  \n                  if(userSubscription?.remaining_coins >= (!!rowList.is_oneshot ? 5: 10)){\n                    handleDownloadTrackWithCoins(rowList?.track_id)\n                    setisPerchased(true)\n                  }else{\n                    handleDialogue()\n                  }\n                }\n                else{\n                  handleLogin()\n                }\n                }} >\n            <Button style={{padding: '6px 11px'}}>\n              {!!rowList.is_oneshot ? 5: 10} coins\n            </Button>\n\n          </Button>\n\n          <Box style={{display: size[0] >= 1000 ? 'none':''}}>\n              <AddIcon onClick={(e) => \n                {\n                  e.stopPropagation();\n                  if(auth){\n\n                    if(userSubscription?.remaining_coins >= (!!rowList.is_oneshot ? 5: 10)){\n                      handleDownloadTrackWithCoins(rowList?.track_id)\n                      setisPerchased(true)\n                    }else{\n                      handleDialogue()\n                    }\n\n                  }\n                  else{\n                    handleLogin()\n                  }\n                }\n                }/>\n          </Box>\n          \n          </>\n\n          )\n          \n\n        )}\n\n      </td>\n    </tr>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  btn: {\n    width: \"auto\",\n    color: theme.palette.primary.contrastText,\n    padding: \"2px 40px\",\n    margin: 0,\n    \"@media (min-width:1280px)\": {\n      \"&:hover\": {\n        backgroundColor: \"#0A4600 !important\",\n        border: '1px solid #2AFF00',\n      }\n    },\n    \"&:hover $cartIcon\": {\n      display: \"block\",\n    }\n  },\n  btn_download: {\n    width: \"auto\",\n    color: theme.palette.primary.contrastText,\n    padding: \"5px 15px\",\n    margin: 0,\n    transition:'transform 0.2s ease-in',\n    \"&:hover $cartIcon\": {\n      display: \"block\"\n    },\n    \"&:hover\": {\n      \n      // border:\"2px solid #fff\",\n      transform: 'scale(1.15)',\n      \n      \n      \n    }\n  },\n  cartIcon: {\n    display: \"none\"\n  },\n  downIcon:{\n    paddingTop: '4px',\n    \"& svg\": {\n      fontSize: '20px' \n    }\n  },\n  downIconSvg:{\n    fontSize: '20px' \n  },\n  desc: {\n    //fontWeight: \"bold\",\n    color: theme.palette.primary.contrastText,\n    marginLeft: \"8px\",\n\n  },\n  helperText: {\n    color: \"#9F9F9F\",\n    \"&:hover\": {\n      fontWeight:'bolder',\n      textDecoration: 'underline',\n      textDecorationColor:'#57A4FF',\n      color:'#57A4FF'\n    }\n  },\n  btnCell: {\n    width: 260,\n\n  },\n  downloadCell: {\n    width: 50,\n  },\n  row: {\n    \"& td\": {\n      textAlign: \"center\",\n    },\n    \"& td:first-child\": {\n      // padding: '20px 10px 0 10px',\n      position: 'absolute',\n      inset: '0 0 0 0',\n\n      textAlign: 'left',\n\n    },\n    \"& td:last-child\": {\n      // textAlign: \"right\",\n      padding: '0 10px',\n\n    }\n  },\n  title: {\n    display: \"block\",\n    marginTop: \"5px !important\",\n    fontSize: 17,\n    border: \"1px solid white\",\n    [theme.breakpoints.down(\"xl\")]: {\n      width: 300,\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\"\n    },\n    \"@media screen and (max-width:700px)\": {\n      width: \"100px !important\"\n    },\n\n    [theme.breakpoints.down(\"xs\")]: {\n      width: 120\n    }\n  },\n  mucisTrack: {\n    height: 37,\n    marginTop: \"5px\",\n    width: 42,\n    borderRadius: '3px',\n    \"@media (max-width:1280px)\": {\n      height: 42,\n      marginTop: \"5px\",\n      width: 47,\n    },\n  },\n  tracksControl: {\n    position: \"absolute\",\n    top: \"0px\",\n    left: \"0\",\n    height: 40,\n    width: 40,\n    marginLeft: 20,\n    \"@media (max-width:1280px)\": {\n      marginLeft: 25,\n      top: \"5px\",\n    },\n\n  },\n  heartStyle: {\n    cursor: \"pointer\",\n    zIndex: 20,\n    \"@media (min-width:1280px)\": {\n      position: 'absolute',\n      // inset: '20px 15px 0 10px',\n\n    }\n  },\n  add_to_cart: {\n    padding: \".4rem 1rem .4rem 0rem\",\n    fontWeight: \"bold\",\n    fontSize: 12,\n    textTransform: \"capitalize\"\n  },\n  responsive_layout_vocals: {\n\n    \"@media (max-width: 420px)\": {\n      right: '25%'\n    }\n  }\n}))\n\n\n","import React, { useState, useContext, useEffect, useCallback, useLayoutEffect, useMemo } from \"react\"\nimport { Box, makeStyles, Typography, Button } from \"@material-ui/core\"\nimport axios from \"axios\"\nimport InfiniteScroll from \"react-infinite-scroll-component\";\nimport PerfectScrollbar from \"react-perfect-scrollbar\"\nimport { useSelector, useDispatch } from \"react-redux\"\nimport fileDownload from \"js-file-download\"\nimport { AiOutlineClockCircle } from \"react-icons/ai\"\nimport {  Oval } from 'react-loader-spinner'\n// import { genres } from \"./script\"\nimport { genres } from \"../../../_warbls/components/Vocals/script\";\nimport { APIs } from \"../../../_helpers/apis\"\n\n// import { VocalRow } from \"../../components/VocalRow\"\nimport { TempRow } from \"./TempRow\";\nimport { actions } from \"../../../redux/track/actions\"\n// import { AppContext } from \"../../providers/AppProvider\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\";\n// import { SearchFilters } from \"./searchFilters\";\nimport { SearchFilters } from \"../../../_warbls/components/Vocals/searchFilters\";\nimport cogoToast from \"cogo-toast\"\n// import { SongContext } from \"../SideBarInfo\";\nimport { SongContext } from \"../../../_warbls/components/SideBarInfo\";\n// import { Popup } from \"../Popup\";\nimport { Popup } from \"../../../_warbls/components/Popup\";\n// import SubDialogue from \"./SubDialogue\";\nimport SubDialogue from \"../../../_warbls/components/Vocals/SubDialogue\";\n\n\nexport const TempTable = ({\n  heading,\n  download,\n  heart,\n  list,\n  downloadCheck,\n  fetchVocals,\n  setSearchFilters,\n  searchFilters,\n  tracksTotal,\n  appliedFilters,\n  clearFilterData,\n  removeFilter\n}) => {\n  const [size, setSize] = useState([0, 0])\n  const { table, overflow, rootBox, vocalWrapper, tracksBtn } = useStyles()\n  var { likedTracks, dowloadedTracks, loading ,allTracks} = useSelector((state) => state.track)\n  const { handleLogin, handleCart } = useContext(AppContext)\n  const { auth, userInfo } = useSelector((state) => state.auth)\n  const dispatch = useDispatch()\n  const [container, setContainer] = useState(\"\")\n  const [current, setCurrent] = useState(\"\")\n  const [hasMore, setHasMore] = useState(true)\n  const [filters, setFilters] = useState([])\n  const [filteredTracks, setFilteredTracks] = useState([])\n  const [preFilteredTracks, setPreFilteredTrack] = useState([])\n  const [filteredGenres, setFilteredGenres] = useState([])\n  const [openDialogue, setOpenDialogue] = useState(false);\n\n  const {userSubscription} = useSelector( state => state.subscriptions)\n\n  const mysongcontext = useContext(SongContext)\n  let id_list= [];\n\n\n\n\n\n  // setting tables headings for mobile screen\n  if (size[0] < 1280) {\n    heading = [\"Play\", \"\", \"\"]\n  }\n  const handleDownloadTrackWithCoins = useCallback(async (track_id) => {\n    axios\n      .post(APIs.trackOrder, {\n        user_id: userInfo.user_id,\n        track_id\n      })\n      .then((res) => {\n        if(res.data){\n        cogoToast.info(\"Successfully Added For Download\")\n\n        }\n      }) .catch(error => {\n        // Handle errors\n        cogoToast.error(error)\n        console.error('Error with subs:', error);\n      })\n  }, [])\n  useEffect(() => {\n    dispatch(actions.activeVocal(container))\n    \n  },[container])\n  useEffect(() => {\n    let track_res = list\n    if (heart)\n      track_res = likedTracks\n    else if (download)\n      track_res = dowloadedTracks\n\n    if (filters.trending === \"Standard\") track_res = shuffleVocals(track_res)\n    setFilteredTracks(track_res)\n    setPreFilteredTrack(track_res)\n  }, [list, likedTracks, dowloadedTracks, heart, download, filters.trending])\n\n  const shuffleVocals = (array) => {\n    for (let i = array?.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1))\n      ;[array[i], array[j]] = [array[j], array[i]]\n    }\n    return array\n   }\n\n\n  const handleDownload = useCallback(async (url, track_name) => {\n    axios\n      .get(url, {\n        responseType: \"blob\"\n      })\n      .then((res) => {\n        fileDownload(res.data, track_name + \".wav\")\n      })\n  }, [])\n\n  const handleLike = useCallback(\n    (trackID) => {\n      const payload = {\n        object_type: \"user\",\n        object_id: userInfo.user_id,\n        added_by: userInfo.user_id\n      }\n\n      if (auth) {\n        const data = {\n          action: \"like\",\n          action_against_id: trackID,\n          ...payload\n        }\n        dispatch(actions.trackWiseLikeRequest(data))\n      } else {\n        handleLogin()\n      }\n    },\n    [auth, dispatch, handleLogin, userInfo.user_id]\n  )\n\n  const handleUnlike = (trackID) => {\n    if (auth) {\n      const data = {\n        action: \"like\",\n        object_id: userInfo.user_id,\n        log: JSON.stringify({ log_added_by: userInfo.user_id })\n      }\n\n      dispatch(actions.trackWiseUnLikeRequest(data, trackID))\n    } else {\n      handleLogin()\n    }\n  }\n\n  // listning for width to switch filters fot mobile screen and laptop\n  useLayoutEffect(() => {\n    const updateSize = () => {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n   let tracksData = useMemo(() => {\n    if (auth)\n      return list?.length > 0 ?\n       list : []\n    else\n      return list?.length > 0 ?\n        list.slice(0, 20) : []\n  }, [auth, list])\n\n  useEffect( () => {\n    if ( !tracksTotal  || (auth && tracksData.length > 0 && list.length === tracksTotal) || (!auth && tracksData.length === 20) ){\n      setHasMore(false)\n    }else setHasMore(true)\n  }, [auth, hasMore, list.length, tracksData, tracksTotal])\n\n  useEffect(() => {\n    const updateFilteredGenres = (filter_genres) => {\n      const filteredGenres = genres\n        .filter((genre) => filter_genres.includes(genre.value))\n        .slice();\n\n      const updatedGenres = [\n        genres.find((genre) => genre.label === 'Genres'),\n        ...filteredGenres\n      ];\n\n      setFilteredGenres(updatedGenres);\n    };\n\n    if(!auth) {\n       axios.get(APIs.getTracksGenre)\n      .then((res) => {\n        updateFilteredGenres(res.data);\n      })\n      .catch((error) => {\n        console.log(error);\n      });\n    } else {\n      const distinctGenresWithActiveTrack = [...new Set(allTracks.filter(track => track.status === \"active\").map(track => track.genre))]\n      updateFilteredGenres(distinctGenresWithActiveTrack);\n    }\n  }, [allTracks, auth, list])\n\n  //getting track id of the songs\n  \n\n  \n  \n  \n  useEffect(() => {\n\n      if(auth){\n\n        \n        id_list = tracksData.map((track) => { return(track.track_id) })\n        mysongcontext.setSongIds(id_list) \n       \n        dispatch(actions.getAllPendingTracksSuccess(tracksData)) \n      }    \n\n    \n    \n    \n    // mysongcontext.setTrackId(id_list);\n    // console.log(\"set the id\",mysongcontext.trackIds);\n  \n  }, [tracksData])\n\n  const handleSubDialogue = () => { setOpenDialogue(!openDialogue) }\n  \n\n\n  return (\n    <div className={vocalWrapper}>\n\n      <SearchFilters\n      setSearchFilters={setSearchFilters}\n      searchFilters={searchFilters}\n      appliedFilters={appliedFilters}\n      clearFilterData={clearFilterData}\n      removeFilter={removeFilter}\n      filteredGenres={filteredGenres}\n      />\n\n      <Box className={rootBox} width=\"100%\">\n        <Box className={overflow} style={{ marginTop: size[0] > 1280 ? \"-40px\" : \"-30px\"}}>\n          <PerfectScrollbar style={{ minHeight: '100vh'}}>\n            <br/>\n            <InfiniteScroll style={{overflowX: \"hidden\"}}\n              dataLength={tracksData.length}\n              next={()=>{\n                fetchVocals(tracksData.length)\n              }}\n              hasMore={hasMore}\n              loader={<Oval\n                  height={30}\n                  width={30}\n                  color=\"#ffff\"\n                  wrapperStyle={{marginLeft: 500}}\n                  wrapperClass=\"\"\n                  visible={true}\n                  ariaLabel='oval-loading'\n                  secondaryColor=\"#ffff\"\n                  strokeWidth={5}\n                  strokeWidthSecondary={5}\n                />}\n              >\n              <table className={table}>\n                <thead>\n                  <tr>\n                    {heading.map((head, index) =>\n                      index === 4 ? (\n                        <th>\n                          <Typography\n                            variant=\"body2\"\n                            key={index}\n                            style={{\n                              width: index === 0 && 50,\n                              display: \"block\",\n                              margin: \"5px 0px 0px 0px\",\n                              fontSize: \"20px\",\n                            }}\n                          >\n                            <AiOutlineClockCircle />\n                          </Typography>\n                        </th>\n                      ) : (\n                        <th>\n                          <Typography variant=\"body2\" key={index} style={{ width: index === 0 && 50 , textAlign: index===0 ? 'left' : \"center\", paddingLeft: index ===0 ? '10px' : '0', marginLeft:index === 0 && '10px'} }>\n                            {head}\n                          </Typography>\n                        </th>\n                      )\n                    )}\n                  </tr>\n                </thead>\n                <tbody>\n                  <br />\n                    {\n                      tracksData.map((track, index) => \n                          { \n                            // id_list.push(track.track_id)\n                            return(\n                              <TempRow\n                              key={index}\n                              index={index}\n                              setContainer={setContainer}\n                              setCurrent={setCurrent}\n                              container={container}\n                              current={current}\n                              downloadCheck={downloadCheck}\n                              rowList={track}\n                              download={download}\n                              heart={heart}\n                              handleDownload={handleDownload}\n                              handleLike={handleLike}\n                              handleUnlike={handleUnlike}\n                              handleCart={handleCart}\n                              handleDownloadTrackWithCoins={handleDownloadTrackWithCoins}\n                              userSubscription={userSubscription}\n                              handleDialogue={handleSubDialogue}\n                              />\n                              )\n                            }\n                      )\n                    }\n                </tbody>\n              </table>\n            </InfiniteScroll>\n            {hasMore && (<section>\n              <ul id=\"downArrow\">\n                  <li style={{i:1}}></li>\n                  <li style={{i:2}}></li>\n                  <li style={{i:3}}></li>\n              </ul>\n            </section>)}\n            { !auth && tracksData.length === 20 && (\n            <Button\n            className={tracksBtn}\n            onClick={() => handleLogin()}\n            >\n            { <Typography>Load More </Typography>}\n            </Button> )}\n          </PerfectScrollbar>\n        </Box>\n        <Popup open={openDialogue} handleClose={handleSubDialogue}>\n              <SubDialogue handleClose={handleSubDialogue}/>\n        </Popup>\n        \n      </Box>\n    </div>\n  )}\n\nconst useStyles = makeStyles((theme) => ({\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\",\n    overflow: \"hidden\",\n    \"& thead tr th\": {\n      borderBottom: `1px solid ${theme.palette.secondary.main}`,\n      width: 50\n    },\n    \"@media (max-width:800px)\": {\n      width: \"97%\",\n      oveflow: \"scroll\",\n      maxWidth: \"730px\",\n      margin: \"0 auto\"\n    },\n    \"@media (max-width:600px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"530px\"\n    },\n    \"@media (max-width:400px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"330px\"\n    }\n  },\n  vocalWrapper: {\n    margin: \"0 50px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    \"@media (max-width:1000px)\": {\n      margin: \"0 0px\"\n    }\n  },\n\n  filterBox: {\n    width: \"100%\",\n\n    \"@media screen and (max-width: 1300px)\": {\n      marginTop: \"-80px\"\n    },\n\n    position: \"relative\",\n    marginBottom: 60\n  },\n  overflow: {\n    width: \"inherit\",\n    overflow: \"hidden\",\n    paddingRight: 5\n  },\n  rootBox: {\n    padding: \"0px 32px 32px\",\n    [theme.breakpoints.down(\"sm\")]: {\n      padding: \"0px  0px 0px\"\n    },\n    \"@media (min-width: 1280px)\": {\n      maxWidth: \"auto\"\n    }\n  },\n  tracksBtn: {\n    \"&:hover\": {\n      backgroundColor: \"white\"\n    },\n    marginLeft: 500,\n    marginTop: 35,\n    padding: 12,\n    \"@media (max-width: 540px)\" : {\n      marginLeft: 110\n    },\n    \"@media (min-width: 700px) and (max-width: 850px)\" : {\n      marginLeft: 290\n    }\n  },\n  btnColor: {\n    color: \"white !important\"\n  }\n}))\n","import React, { useState, useCallback, useEffect } from \"react\"\nimport { Box } from \"@material-ui/core\"\n\nimport { ContentContainer } from \"../../../_warbls/components/Container\"\nimport { heading } from \"./script\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport axios from \"axios\"\nimport { filterInitialValues } from \"../../../_warbls/components/Vocals/script\"\nimport { useSelector, useDispatch } from \"react-redux\"\nimport { DialoguePopup } from \"../ManageSubscription/Dialoagus/DialoguePopup\"\nimport { actions } from \"../../../redux/track/actions\"\nimport CoinSucceed from \"../../../_warbls/components/Vocals/CoinSucceed\"\nimport { TempTable } from \"./TempTable\"\n\nexport const TempVocals = (props) => {\n\n  const [allTracks, setAllTracks] = useState([])\n  const [firstLoad, setFirstLoad] = useState(true)\n  const [tracksTotal, setTracksTotal] = useState(0)\n  const [searchFilters, setSearchFilters] = useState(filterInitialValues)\n  const [appliedFilters, setAppliedFilters] = useState([])\n  const { userInfo } = useSelector((state) => state.auth)\n  const [openCoinSuccess, setopenCoinSuccess] = useState(false)\n  const dispatch = useDispatch();\n\n  const query = new URLSearchParams(props.location.search);\n  const status = query.get('status')\n\n  // console.log(\"this is the the status value : \",status)\n\n  const handleCancel = () => { setopenCoinSuccess(!openCoinSuccess) }\n  useEffect(() => {\n    if(status){\n      setopenCoinSuccess(true)\n    }\n  }, [])\n  \n\n    const sendRequest =useCallback(async (length) => {\n      const params = {\n      'load': 'user_details',\n      'offset': length || 0,\n      'limit': 5,\n      searchFilters\n      }\n      if(userInfo){\n        params.object_id = userInfo.user_id;\n        params.object_type = 'user'\n      }\n      let newTracks = []\n      if (searchFilters.trending === '') searchFilters.trending = 'Random'\n      axios.get(APIs.tracks, { params: params }).then((res) => {\n          setTracksTotal(res?.data?.total)\n           newTracks = res.data?.results ? res.data?.results?.filter((track) =>\n          track?.status === \"active\"\n        ) : []\n\n        if(length === 0){\n          setAllTracks(newTracks)\n\n      }\n        else{\n          setAllTracks([...allTracks, ...newTracks])\n        } \n        \n        \n      }).catch((e)=>{\n        console.log(\"error here\",e)\n      })\n    }, [allTracks, searchFilters])\n\n  const fetchVocals = useCallback(async (length) => {\n  const updatedFilters = []\n\n    for (const [key, val] of Object.entries(searchFilters)) {\n      if (!key.includes(\"is\")  && val !== \"\" && val !== \"Random\") updatedFilters.push(`${key.charAt(0).toUpperCase() + key.slice(1)}: ${val}`)\n      setAppliedFilters(updatedFilters)\n    }\n    await sendRequest(length)\n }, [allTracks, searchFilters])\n\n  useEffect(()=> {\n    if(firstLoad)\n      setFirstLoad(false)\n    else\n      fetchVocals(0)\n  }, [firstLoad, searchFilters])\n\n  const clearFilterData = useCallback(async (length) => {\n  setSearchFilters(filterInitialValues)\n }, [])\n\n  const removeFilter = useCallback(async(key, length) => {\n    for (const [k, v] of Object.entries(searchFilters)) {\n      if (searchFilters.trending === '') searchFilters.trending = \"Random\"\n      if (k.toLowerCase() === key.split(':')[0].toLowerCase() && key.split(':')[1] !== ''){\n        searchFilters[k] = ''\n        setAppliedFilters(appliedFilters.filter(prevFilter => prevFilter !== key))\n      }\n    }\n    sendRequest(length)\n   }, [appliedFilters, searchFilters])\n\n   useEffect(() => {\n     \n   \n   }, [allTracks])\n   \n\n  return (\n    <Box p={0} width=\"100%\">\n      <ContentContainer titleLeft=\"25px\" {...props} title=\"Vocals\" tital_color=\"linear-gradient(#57A4FF, #333333)\" gradient={\"larger\"}>\n        <TempTable\n          heading={heading}\n          download={false}\n          heart={false}\n          list={allTracks}\n          downloadCheck={false}\n          fetchVocals={fetchVocals}\n          setSearchFilters={setSearchFilters}\n          searchFilters={searchFilters}\n          tracksTotal={tracksTotal}\n          appliedFilters={appliedFilters}\n          clearFilterData={clearFilterData}\n          removeFilter={removeFilter}\n        />\n      </ContentContainer>\n      <DialoguePopup open={openCoinSuccess} handleClose={handleCancel}>\n              <CoinSucceed\n                handleClose={handleCancel}\n              />\n      </DialoguePopup>\n    </Box>\n  )\n}\n","import * as React from \"react\"\nimport { Box, makeStyles, Typography } from \"@material-ui/core\"\nimport { StyledContainer } from \"../../../_warbls/components/Container/StyledContainer\"\nimport { StyledGrid } from \"../../../_warbls/components/Container/StyledGrid\"\nimport { Row } from \"../../../_warbls/components/Flex/Row\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { useSelector } from \"react-redux\"\nimport { filterInitialValues } from \"../../../_warbls/components/Vocals/script\"\nimport { useLocation } from \"react-router-dom\"\nimport axios from \"axios\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { VocalsTable } from \"../../../_warbls/components/Vocals\"\n\nconst { useState, useEffect, useCallback } = React\n\n   const CopylinkVocal = ({ props }) => {\n  const { tableContainer, topBg, artist, name, filterBg } = useStyles()\n  const location = useLocation()\n  var { userInfo } = useSelector((state) => state.auth)\n  const [size, setSize] = useState([0, 0])\n\n  if (location?.state?.data) {\n    userInfo = location?.state?.data\n    profileImg = location?.state?.data?.cover_image\n  }\n\n  var profileImg = userInfo.cover_image\n  let heading = [\"#\", \"Name\", \"Key\", \"BPM\", \"Time\" , \"Waveform\", \"\",\"\"]\n  if (size[0] < 1280) {\n    heading = [\"Play\", \"\", \"\"]\n  }\n\nconst [artistTracks, setArtistTracks] = useState([])\nconst [firstLoad, setFirstLoad] = useState(true)\nconst [tracksTotal, setTracksTotal] = useState(0)\nconst [searchFilters, setSearchFilters] = useState(filterInitialValues)\nconst [appliedFilters, setAppliedFilters] = useState([])\n\n\nconst sendRequest = useCallback(async (length) => {\n  let newTracks = []\n   if (searchFilters.trending === 'Random') searchFilters.trending = ''\n  axios.get(`${APIs.tracks}?load=user_details&offset=${length || artistTracks.length}&limit=5&object_type=user&added_by=${userInfo.user_id}&object_id=${userInfo.user_id}&searchFilters=${encodeURIComponent(JSON.stringify(searchFilters))}` ).then((res) => {\n      setTracksTotal(res?.data?.total)\n        newTracks = res.data?.results ? res.data?.results?.filter((track) =>\n      track?.status === \"active\"\n    ) : []\n\n    if(length === 0)\n      setArtistTracks(newTracks)\n\n    else\n      setArtistTracks([...artistTracks, ...newTracks])\n  })\n},[artistTracks, searchFilters, userInfo.user_id] )\n\n  const fetchVocals = useCallback(async (length) => {\n  const updatedFilters = []\n\n    for (const [key, val] of Object.entries(searchFilters)) {\n      if (!key.includes(\"is\")  && val !== \"\") updatedFilters.push(`${key.charAt(0).toUpperCase() + key.slice(1)}: ${val}`)\n      setAppliedFilters(updatedFilters)\n    }\n   sendRequest(length)\n }, [artistTracks, searchFilters])\n\n  useEffect(()=> {\n    if(firstLoad)\n      setFirstLoad(false)\n    else\n      fetchVocals(0)\n  }, [firstLoad, searchFilters])\n\n  const clearFilterData = useCallback(async () => {\n    setSearchFilters(filterInitialValues)\n }, [artistTracks, searchFilters])\n\n\n  const removeFilter = useCallback(async(key, length) => {\n\n    for (const [k, v] of Object.entries(searchFilters)) {\n      if (k.toLowerCase() === key.split(':')[0].toLowerCase() && key.split(':')[1] !== ''){\n        searchFilters[k] = ''\n         setAppliedFilters(appliedFilters.filter(prevFilter => prevFilter !== key))\n      }\n    }\n    sendRequest(length)\n   }, [appliedFilters, searchFilters])\n\n  //listning for width to switch filters fot mobile screen and laptop\n  React.useLayoutEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight])\n    }\n    window.addEventListener(\"resize\", updateSize)\n    updateSize()\n    return () => window.removeEventListener(\"resize\", updateSize)\n  }, [])\n\n  return (\n    <Box>\n      <Box\n        className={topBg}\n        style={{\n          backgroundImage: `url(${profileImg})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundPosition: \"center\",\n          padding: \"0 50px\"\n        }}\n        display=\"flex\"\n        alignItems=\"center\"\n      >\n        {(userInfo.is_admin || userInfo.is_admin === 0)}\n        <StyledContainer display=\"flex\" flexDirection=\"column\" style={{ height: \"100%\", padding: \"110px 0 0 0px\" }}>\n          <Row ai=\"center\">\n            <img src={toAbsoluteUrl(\"/media/Vector.png\")} alt=\"\" width=\"20px\" height=\"20px\" />\n            &nbsp; &nbsp;<Typography className={artist}><h2>Verified Artist</h2></Typography>\n          </Row>\n          <Typography className={name}>{userInfo?.full_name}</Typography>\n        </StyledContainer>\n      </Box>\n      <Box>\n\n         <StyledGrid xs={12} item className={filterBg} >\n        </StyledGrid>\n\n        <div className={tableContainer} style={{ marginTop: size[0] > 1280 ? \"-20px\" : \"30px\", padding: size[0] > 1280 ? \"0 10px\" : \"75px 0px\" }}>\n          <VocalsTable\n          heading={heading}\n          download={false}\n          heart={true}\n          list={artistTracks}\n          downloadCheck={false}\n          fetchVocals={fetchVocals}\n          setSearchFilters={setSearchFilters}\n          searchFilters={searchFilters}\n          tracksTotal={tracksTotal}\n          appliedFilters={appliedFilters}\n          clearFilterData={clearFilterData}\n          removeFilter={removeFilter}\n        />\n        </div>\n      </Box>\n    </Box>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  tableContainer: {\n    width: \"100%\",\n    padding: \"0 95px 42px\",\n    maxWidth: \"100%\",\n    overflow: \"auto\",\n\n    \"@media (max-width:800px)\": {\n      padding: \"0px\",\n      width: \"97%\",\n      oveflow: \"scroll\",\n      maxWidth: \"730px\",\n      margin: \"0 auto\"\n    },\n    \"@media (max-width:600px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"530px\"\n    },\n    \"@media (max-width:400px)\": {\n      oveflow: \"scroll\",\n      maxWidth: \"330px\"\n    }\n  },\n  sidebar_controls: {\n    display: \"flex\",\n    columnGap: \"10px\",\n    margin: \"-80px 0px 50px 0px\"\n  },\n  control_image: {\n    cursor: \"pointer\",\n    backgroundColor: \"rgb(102,102,102)\",\n    padding: \"5px\"\n  },\n\n  table: {\n    width: \"100%\",\n    borderCollapse: \"collapse\",\n    \"& thead tr\": {\n      border: \"1px solid white\",\n      scroll: \"auto\"\n    },\n    \"& thead tr th\": {\n      minWidth: 50,\n      paddingBlock: \"10px\",\n      scroll: \"auto\"\n    },\n    \"& tbody tr td\": {\n      paddingTop: 5,\n      paddingBottom: 5,\n      scroll: \"auto\"\n    }\n  },\n  topBg: {\n    width: \"100%\",\n    height: \"240px\"\n  },\n  topBtn: {\n    textTransform: \"none\",\n    marginRight: 15,\n    marginTop: 10,\n    boxSizing: \"border-box\",\n    padding: \"12px 15px\",\n    color: \"white\",\n    border: \"1px solid white\",\n    borderRadius: \"5px\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"#C4C4C4\"\n      //   border: \"2px solid #000000\"\n    }\n  },\n  editedBtn: {\n    color: \"white\",\n    fontWeight: \"bolder\",\n    fontSize: 14,\n    marginLeft: \"0px\",\n    marginTop: 10,\n    boxSizing: \"border-box\",\n    padding: \"0px 15px\",\n    backgroundColor: \"rgba(87, 164, 255, 1)\",\n    border: \"1px solid #FFFFFF\",\n    textTransform: \"capitalize\",\n\n    strong: {\n      fontWeight: \"bolder\"\n    }\n  },\n  filterBg: {\n    padding: \"0px 50px 32px\",\n    width: \"100%\",\n    height: \"50px\",\n    background: \"linear-gradient(180deg, rgba(80, 141, 214, 0.8) 0%, #333333 86.39%)\",\n\n    \"@media (max-width: 1280px)\": {\n      padding: \"0 25px 32px\"\n    }\n  },\n  filterBox: {\n    width: \"100%\",\n\n    position: \"relative\",\n    marginBottom: 30\n  },\n  select: {\n    border: 0,\n    marginTop: 20,\n    width: 100\n  },\n  artist: {\n    fontSize: 14,\n    color: \"white\",\n    padding: 0,\n    margin: 0\n  },\n  name: {\n    marginTop: \"-20px\",\n    color: \"white\",\n    fontSize: \"xxx-large\",\n    fontWeight: \"bolder\",\n    width: \"100%\",\n    \"@media (max-width:1000px)\": {\n      fontSize: 40\n    }\n  }\n}))\n\nexport default CopylinkVocal;\n","import * as React from \"react\"\nimport {Typography} from \"@material-ui/core\"\n\nconst ManageCards = (props) => {\n    const {heading,content,btnContant,coins,duration,date,btnOnClick}= props\n  \n  return (\n    \n      <div style={{display:'flex',flexDirection:'column',width:'325px',gap:'20px'}}>\n        <Typography variant=\"h6\" style={{fontWeight:'bolder'}} >\n            {heading}\n        </Typography>\n        <div  style={{borderRadius:'5px',backgroundColor:'#212121',padding:'20px'}}>\n           {\n            (heading === \"Your Pro Plan\")?(\n                <div style={{display:'flex',justifyContent:'center',gap:'10px'}} >\n                <img src={`${process.env.PUBLIC_URL}/images/coin-stack.png`} style={{width:'20px',height:'20px',marginTop:'10px'}} />\n                <div style={{display:'flex',columnGap:10,justifyContent:'center',alignItems:\"baseline\"}}>\n                    {/* {content} */}\n                    <Typography \n                    style={{\n                        fontSize:'3rem',\n                        fontWeight:'bolder'\n                    }} variant=\"p\">\n                        {coins}\n                    </Typography>\n                    <div style={{fontWeight:'bolder',fontSize:'1.1rem',color:'#686868'}}>\n                        /{duration}\n                    </div>\n                </div>\n            </div>\n            ):(\n                \n                    (heading === \"Support\")?(\n                        <div>\n                            {content}\n                        </div>\n                    ):(\n                        <div>\n                            Renewal Date: {date}<br/>\n                            Billing Period: {duration}ly\n                        </div>\n                    )\n                \n                \n            )\n           }\n            {\n                (heading === \"Support\")?(\n                    <div\n                    style={{ color:\"#57A4FF\", padding:'15px 0',textAlign:'left',fontWeight:\"bolder\",fontSize:'1rem',borderRadius:'5px',marginTop:'20px'}}\n                    >\n                        {btnContant}\n                       \n                    </div>\n\n                ):(\n                    <div onClick={btnOnClick} \n                      style={{backgroundColor:heading === \"Your Pro Plan\"? \"#57A4FF\":\"#333333\",padding:'10px 0',textAlign:'center',fontWeight:\"bolder\",fontSize:'1.1rem',borderRadius:'5px',marginTop:heading !== \"Your Pro Plan\" &&'30px',cursor:'pointer',color:heading === \"Your Pro Plan\" && \"#000\"}}>  \n                <Typography variant=\"p\">\n                    {btnContant}\n                   \n                </Typography>\n            </div>\n                )\n            }\n            \n        </div>\n        \n      </div>\n   \n  )\n}\n\n\n\n\nexport default ManageCards;","import React from 'react'\nimport { Typography } from '@material-ui/core';\nimport styles from \"./Css/dialogue.module.css\"\n\nconst MoreCoinRow = (props) => {\n\n    const {coins,price,setSelectRow,selectRow,isHover} = props;\n  return (\n    <div onClick={() => { setSelectRow({coin:coins,price:price}) }} \n        className={isHover ? styles.dialogueRow:styles.dialogueRowBackground}\n        style={{textAlign:'center',backgroundColor:selectRow.coin === coins && '#57A4FF',borderRadius:'5px',padding:'5px 0',cursor:'pointer'}}>\n        <Typography style={{fontWeight:'bolder'}} variant='h6'>\n            {coins} Coins - $ {price}\n        </Typography>\n        \n    </div>\n  )\n}\n\nexport default MoreCoinRow","export const moreCoinsInfo=[\n    {\n        coins:'50',\n        price:'6.00'\n    },\n    {\n        coins:'100',\n        price:'12.00'\n    },\n    {\n        coins:'200',\n        price:'20.00'\n    },\n    {\n        coins:'400',\n        price:'35.00'\n    },\n]","import React, { useState } from 'react'\nimport { Typography } from '@material-ui/core'\nimport CloseRoundedIcon from '@material-ui/icons/CloseRounded';\nimport MoreCoinRow from './MoreCoinRow';\nimport { moreCoinsInfo } from './script';\nimport { POST } from \"../../../_helpers/fetcher\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { useSelector } from 'react-redux'\n\nconst MoreCoins = (props) => {\n  const {handleClose} = props\n  const [selectRow, setSelectRow] = useState({coin:'0',price:'0'})\n  const [confirmDialogue, setConfirmDialogue] = useState(false)\n  const { userInfo } = useSelector((state) => state.auth)\n\n  const handleContinue = () => { setConfirmDialogue(!confirmDialogue) }\n  const purchaseCoins = async (data) => {\n    const body = {\n      \"productName\": `(${data.coin} coins)`,\n      // \"productImg\": \"https://www.warbls.com/media/warbls-logo.png\",\n      \"coins\": data.coin,\n      \"user_id\": userInfo.user_id,\n      \"price\": data.price,\n      \"paymentMode\": \"payment\", //\"payment\",\n      \"successUrl\": \"https://www.warbls.com/vocals?status=succeed\",\n      \"cancelUrl\": \"https://www.warbls.com/vocals?status=failed\"\n    }\n    let res = await POST(APIs.stripeCheckoutSession, body);\n    window.location.href = res.data\n  }\n  \n  return (\n    <div style={{backgroundColor:'#202B38',borderRadius:'5px',padding:'20px',display:'flex',flexDirection:'column',gap:'10px'}}>\n      \n      <div>\n        <CloseRoundedIcon style={{position:'absolute',top:'10px',right:'10px',cursor:'pointer'}} onClick={handleClose}/>\n      </div>\n      <div >\n          <Typography style={{fontWeight:'bolder'}} variant='h5'>Buy More Coins</Typography>\n      </div>\n      {\n        confirmDialogue?(\n          <>\n           <div>\n              <Typography style={{fontWeight:'bolder',color:'#57A4FF'}} variant='h6'>Confirm your purchase</Typography>\n          </div>\n           <div>\n              <Typography style={{color:'#fff'}} variant='p'>Your saved payment method will be charged instantly upon confirmation.\n              </Typography>\n          </div>\n           <div>\n              <Typography style={{color:'#929292'}} variant='p'>Note: you can only use your coins with an active subscription.</Typography>\n          </div>\n\n          <div>         \n                                      <MoreCoinRow\n                                          coins={selectRow.coin}\n                                          price={selectRow.price}\n                                          setSelectRow={() => {  }}\n                                          selectRow={false}\n                                          isHover={false}\n                                                 />         \n          </div>\n          <div style={{display:'flex',justifyContent:'flex-end',alignItems:'center',gap:'20px'}}>\n        <div onClick={handleContinue}\n           style={{display:'flex',cursor:'pointer'}}>\n          <Typography variant='p'>Back</Typography>\n          \n        </div>\n        <div onClick={() => {  }}\n           style={{cursor:'pointer',backgroundColor:'#57A4FF',borderRadius:'5px',padding:'10px 20px'}}>\n\n          <Typography variant='p' style={{fontWeight:'bolder'}} onClick={() => {purchaseCoins(selectRow)}}>Purchase</Typography>\n        </div>\n\n      </div>\n          \n\n\n          </>\n        ):(\n          <>\n      <div>\n\n          <Typography style={{fontWeight:'bolder',color:'#57A4FF'}} variant='h6'>Select amount of coins</Typography>\n\n      </div>\n      <div style={{display:'flex',flexDirection:'column',gap:'10px'}}>\n        {\n          moreCoinsInfo.map((info,index) => \n                                      <MoreCoinRow\n                                          coins={info.coins}\n                                          price={info.price}\n                                          setSelectRow={setSelectRow}\n                                          selectRow={selectRow}\n                                          isHover={true}\n                                                 /> )\n        }\n        \n      </div>\n      <div style={{display:'flex',justifyContent:'flex-end',alignItems:'center',gap:'20px'}}>\n        <div onClick={handleClose}\n           style={{display:'flex',cursor:'pointer'}}>\n          <Typography variant='p'>Back</Typography>\n          \n        </div>\n        <div onClick={() => { \n          if(selectRow.coin != '0') \n              handleContinue()\n        }}\n           style={{cursor:'pointer',backgroundColor:'#57A4FF',borderRadius:'5px',padding:'10px 20px'}}>\n\n          <Typography variant='p' style={{fontWeight:'bolder'}}>Continue</Typography>\n        </div>\n\n      </div>\n      </>\n        )\n      }\n      \n\n\n    </div>\n  )\n}\n\nexport default MoreCoins","import React, { useState } from 'react'\nimport CheckCircleRoundedIcon from '@material-ui/icons/CheckCircleRounded';\nimport CloseRoundedIcon from '@material-ui/icons/CloseRounded';\nimport { Typography } from '@material-ui/core';\n\n\n\nconst UpgradePlan = (props) => {\n    \n    const {handleClose,date} = props\n    const [immediateTimeframe, setImmediateTimeframe] = useState(true)\n    \n   \n  return (\n    <div style={{backgroundColor:'#202B38',borderRadius:'5px',padding:'20px',display:'flex',flexDirection:'column',gap:'10px'}}>\n        <div>\n        <CloseRoundedIcon style={{position:'absolute',top:'10px',right:'10px',cursor:'pointer'}} onClick={handleClose}/>\n      </div>\n      <div >\n          <Typography style={{fontWeight:'bolder'}} variant='h5'>Upgrade Plan</Typography>\n      </div>\n      <div>\n              <Typography style={{fontWeight:'bolder',color:'#57A4FF'}} variant='h6'>Choose your timeframe</Typography>\n    </div>\n    <div onClick={() => { setImmediateTimeframe(true) }}\n         style={{ display:\"flex\",alignItems:'center',gap:'10px',backgroundColor:'#3D4756',border: immediateTimeframe && \"2px solid #57A4FF\",borderRadius:'5px' , padding:'10px' ,cursor:'pointer'}}>\n        <div \n             style={{display:'flex',justifyContent:'center',alignItems:'center',borderRadius:'50%',backgroundColor: !immediateTimeframe && \"#fff\", width:'20px',height:'20px'}} >\n            {\n                immediateTimeframe && (<CheckCircleRoundedIcon style={{color:'#57A4FF',}}/>)\n            }\n\n        </div>\n        <div>\n            <Typography variant='p'>Immediately with proration</Typography>\n        </div>\n    </div>\n    <div onClick={() => { setImmediateTimeframe(false) }}\n         style={{display:'flex',alignItems:'center',gap:'10px',backgroundColor:'#3D4756',border: !immediateTimeframe && \"2px solid #57A4FF\",borderRadius:'5px', padding:'10px',cursor:\"pointer\"}}>\n    <div  \n        style={{display:'flex',justifyContent:'center',alignItems:'center',borderRadius:'50%',backgroundColor: immediateTimeframe && \"#fff\", width:'20px',height:'20px'}} >\n            {\n                !immediateTimeframe && (<CheckCircleRoundedIcon style={{color:'#57A4FF'}}/>)\n            }\n\n        </div>\n        <div>\n            <Typography variant='p'>At the end of current billing period, {date}</Typography>\n\n        </div>\n    </div>\n    <div style={{display:'flex',justifyContent:'flex-end',alignItems:'center',gap:'20px'}}>\n        <div onClick={handleClose}\n           style={{display:'flex',cursor:'pointer'}}>\n          <Typography variant='p'>Back</Typography>\n          \n        </div>\n        <div onClick={() => { \n    \n        }}\n           style={{cursor:'pointer',backgroundColor:'#57A4FF',borderRadius:'5px',padding:'10px 20px'}}>\n\n          <Typography variant='p' style={{fontWeight:'bolder'}}>Continue</Typography>\n        </div>\n\n      </div>\n        \n    </div>\n  )\n}\n\nexport default UpgradePlan","import React from 'react'\nimport CloseRoundedIcon from '@material-ui/icons/CloseRounded';\nimport { Typography } from '@material-ui/core';\nimport { useSelector } from 'react-redux'\nimport { POST } from \"../../../_helpers/fetcher\"\nimport { APIs } from \"../../../_helpers/apis\"\n\n\n\n\n\nconst CancelPlan = (props) => {\n    const { userInfo } = useSelector((state) => state.auth)\n    const {handleClose} = props\n    const cancelSubscription = async () => {\n      \n      let res = await POST(APIs.stripeCancelSubscription, {userId: userInfo?.user_id})\n      if (res?.status === 200) {\n        window.location.href = '/plans';\n      }\n    }\n  return (\n    <div style={{backgroundColor:'#202B38',borderRadius:'5px',padding:'20px',display:'flex',flexDirection:'column',gap:'10px'}}>\n        <div>\n        <CloseRoundedIcon style={{position:'absolute',top:'10px',right:'10px',cursor:'pointer'}} onClick={handleClose}/>\n      </div>\n      <div >\n          <Typography style={{fontWeight:'bolder'}} variant='h5'>Cancel your Subscription</Typography>\n      </div>\n      <div>\n              <Typography style={{color:'#fff'}} variant='p'>Your subscription will be canceled at the end of the current billing period.</Typography>\n          </div>\n           <div>\n              <Typography style={{color:'#929292'}} variant='p'>NB: All your remaining coins will be lost.</Typography>\n        </div>\n        <div style={{display:'flex',justifyContent:'flex-end',alignItems:'center',gap:'20px'}}>\n        <div onClick={handleClose}\n           style={{display:'flex',cursor:'pointer'}}>\n          <Typography variant='p'>Back</Typography>\n          \n        </div>\n        <div onClick={() => { \n         \n        }}\n           style={{cursor:'pointer',backgroundColor:'#FF5757',borderRadius:'5px',padding:'10px 20px'}}>\n\n          <Typography variant='p' style={{fontWeight:'bolder'}} onClick={() => {cancelSubscription()}}>Confirm Cancellation</Typography>\n        </div>\n\n      </div>\n    \n    </div>\n  )\n}\n\nexport default CancelPlan","import React, { useState } from 'react'\nimport { ContentContainer } from '../../../_warbls/components/Container'\nimport ManageCards from './ManageCards'\nimport {Box,makeStyles,Typography} from \"@material-ui/core\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport Plans from '../Plan/Plans'\nimport { useSelector } from 'react-redux'\nimport { Popup } from '../../../_warbls/components/Popup'\nimport { DialoguePopup } from './Dialoagus/DialoguePopup'\nimport MoreCoins from './MoreCoins'\nimport UpgradePlan from './UpgradePlan'\nimport CancelPlan from './CancelPlan'\n\n\n\nconst ManageSubscription = (props) => {\n  const { root } = useStyles()\n  const {userSubscription} = useSelector( state => state.subscriptions)\n  const activeID = userSubscription?.subscription_plan_id || 0\n  const plan_duration= (userSubscription?.subscription_plan_id > 0 && userSubscription?.subscription_plan_id < 10 )? \"Month\":\"Year\";\n  const [openDialogue, setOpenDialogue] = useState(false)\n  const [upgradePlan, setUpgradePlan] = useState(false)\n  const [cancelPlanDialoague, setCancelPlanDialoague] = useState(false)\n  \n\n  const renewalDate = userSubscription?.renewal_date || \"No date\"\n\n  const handleDialogue = () => { setOpenDialogue(!openDialogue) }\n  const handleUpgradePlan = () => { setUpgradePlan(!upgradePlan) }\n  const handleCancelPlan = () => { setCancelPlanDialoague(!cancelPlanDialoague)}\n \n\n  return (\n    <ContentContainer\n            titleBackground={\"linear-gradient(91.97deg, #212121 9.8%, #57A4FF 133.46%)\"}\n            title={\"Manage Subscription\"}\n            >\n            <div className={root}>\n\n                <div>\n                    <div style={{display:'flex', gap:'30px',marginTop:'20px',justifyContent:'flex-start',flexWrap:\"wrap\"}}>\n                \n                <ManageCards\n                    heading=\"Your Pro Plan\"\n                    coins={userSubscription?.total_coins || 0}\n                    duration=\"month\"\n                    btnContant='Buy More Coins'\n                    btnOnClick={handleDialogue}\n\n                    />\n              <div>\n\n                <ManageCards\n                    heading=\"Billing & Payment\"\n                    date={renewalDate.slice(0, 10)}\n                    duration={plan_duration}\n                    btnContant='Edit Billing Details'\n                    btnOnClick={handleUpgradePlan}\n                    />\n                <div style={{textAlign:'center',margin:'10px 0'}}>\n                        <Typography  variant='p' onClick={handleCancelPlan} style={{cursor:'pointer'}}>Cancel Plan</Typography>\n                </div>\n              </div>\n                <ManageCards\n                    heading=\"Support\"\n                    content='Need help? For support, issues with coins or billing problems, email us at:'\n                    btnContant='support@warbls.com'\n                    btnOnClick={() => {  }}\n                    />\n\n                    </div>\n                    \n                </div>\n\n                <div>\n                    <Typography variant='h6' style={{fontWeight:'bolder'}}>All Plans</Typography>\n                    <Plans\n                        activePlanId={activeID}\n                    />\n                </div>\n            </div>\n            <DialoguePopup open={openDialogue} handleClose={handleDialogue}>\n              <MoreCoins\n                handleClose={handleDialogue}\n              />\n\n            </DialoguePopup>\n            <DialoguePopup open={upgradePlan} handleClose={handleUpgradePlan}>\n              <UpgradePlan\n                handleClose={handleUpgradePlan}\n                date={renewalDate.slice(0, 10)}\n\n              />\n\n            </DialoguePopup>\n            <DialoguePopup open={cancelPlanDialoague} handleClose={handleCancelPlan}>\n              <CancelPlan\n                handleClose={handleCancelPlan}\n              />\n\n            </DialoguePopup>\n            \n          \n\n    </ContentContainer>\n  )\n}\n\n\nconst useStyles = makeStyles((theme) => ({\n  root:{\n\n    marginLeft:'80px',\n    \n\n  }\n}))\n\nexport default ManageSubscription;","import * as React from \"react\"\r\nimport { Vocals } from \"./modules/Vocals\"\r\nimport  Plan  from \"./modules/Plan\"\r\nimport { Downloads } from \"./modules/Downloads\"\r\nimport { Likes } from \"./modules/Likes\"\r\nimport { UploadForm } from \"./modules/UploadForm\"\r\nimport { TermsAddStepper } from \"./modules/Terms\"\r\nimport { TrackUploadSuccess } from \"./modules/Terms/success\"\r\nimport { Profile } from \"./modules/Profile\"\r\nimport { Dashboard } from \"./modules/Dashboard\"\r\nimport { Analytics } from \"./modules/Analytics\"\r\nimport { ViewCart } from \"./modules/Cart\"\r\nimport { CheckoutPage } from \"./modules/Checkout\"\r\nimport { UsersArtists } from \"./modules/UserAndArtists\"\r\nimport { Files } from \"./modules/Files\"\r\nimport { Orders } from \"./modules/Order/index\"\r\nimport { MyVocals } from \"./modules/MyVocals\"\r\nimport { ArtistPublicProfile } from \"./modules/Artist/PublicProfile\"\r\nimport { Artist } from \"./modules/Artist\"\r\nimport { Route, Redirect, Switch } from \"react-router-dom\"\r\nimport { ArtistFormTable } from \"./modules/ArtistsFormTable\"\r\nimport { ContactUs } from \"./modules/ContactUs\"\r\nimport { QA } from \"./modules/QA\"\r\nimport { TermsOfUse } from \"./modules/Terms/UpdatedTerms\"\r\nimport { ReferFriend } from \"./modules/ReferFriend\"\r\nimport { Affiliate } from \"./modules/Affiliate\"\r\nimport { TempVocals } from \"./modules/TempVocals\"\r\nimport CopylinkVocal from \"./modules/CopylinkVocal\"\r\nimport ManageSubscription from \"./modules/ManageSubscription\"\r\n\r\n\r\nexport const BaseRoutes = () => {\r\n  return (\r\n    <Switch>\r\n      <Redirect exact to=\"/vocals\" from=\"/\" />\r\n      <Route path=\"/vocals\" component={Vocals} />\r\n      <Route path=\"/temp-vocals\" component={TempVocals} />\r\n      <Route path=\"/plans\" component={Plan} />\r\n      <Route path=\"/manage-subscription\" component={ManageSubscription} />\r\n      <Route path=\"/shareVocal/:id\" component={CopylinkVocal} />\r\n      <Route path=\"/contact-us\" component={ContactUs} />\r\n      <Route path=\"/q&a\" component={QA} />\r\n      <Route path=\"/downloads\" component={Downloads} />\r\n      <Route path=\"/likes\" component={Likes} />\r\n      <Route path=\"/upload-form/:message\" exact component={UploadForm} />\r\n      <Route path=\"/upload-form\" component={UploadForm} />\r\n      <Route path=\"/terms\" component={TermsAddStepper} />\r\n      <Route path=\"/upload-track/success\" component={TrackUploadSuccess} />\r\n      <Route path=\"/upload-track\" component={TermsAddStepper} />\r\n      <Route path=\"/profile\" component={Profile} />\r\n      <Route path=\"/refer-friend\" component={ReferFriend} />\r\n      <Route path=\"/affiliate\" component={Affiliate} />\r\n      <Route path=\"/termsOfUse\" component={TermsOfUse} exact />\r\n      <Route path=\"/dashboard\" component={Dashboard} />\r\n      <Route path=\"/analytics\" component={Analytics} />\r\n      <Route path=\"/cart\" component={ViewCart} />\r\n      <Route path=\"/checkout\" component={CheckoutPage} />\r\n      <Route path=\"/users\" component={UsersArtists} />\r\n      <Route path=\"/files\" component={Files} />\r\n      <Route path=\"/orders\" component={Orders} />\r\n      <Route path=\"/my-vocals\" component={MyVocals} />\r\n      <Route path=\"/artist/:id\" component={ArtistPublicProfile} />\r\n      <Route path=\"/artist\" component={Artist} />\r\n      <Route path=\"/artist-requests\" component={ArtistFormTable} />\r\n    </Switch>\r\n  )\r\n}\r\n","import React from \"react\";\nimport * as PropTypes from \"prop-types\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Button,\n  Typography,\n  makeStyles,\n  Slide\n} from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport red from \"@material-ui/core/colors/red\";\n\nconst useStyles = makeStyles(() => ({\n  dialog: {\n    borderRadius: 0\n  },\n  button: {\n    borderRadius: 0,\n    textTransform: \"none\",\n    padding: 5\n  },\n  logout: {\n    color: \"#fff\",\n    backgroundColor: red[500],\n    \"&:hover\": {\n      backgroundColor: red[700]\n    }\n  },\n  countdown: {\n    color: red[700]\n  }\n}));\n\nconst Transition = React.forwardRef(function Transition(props, ref) {\n  return <Slide direction=\"up\" ref={ref} {...props} />;\n});\n\nexport default function SessionTimeoutDialog({\n  open,\n  countdown,\n  onLogout,\n  onContinue\n}) {\n  const classes = useStyles();\n\n  return (\n    <Dialog\n      open={open}\n      aria-labelledby=\"session-timeout-dialog\"\n      aria-describedby=\"session-timeout-dialog\"\n      classes={{ paper: classes.dialog }}\n      TransitionComponent={Transition}\n    >\n      <DialogTitle id=\"session-timeout-dialog-title\">\n        Session Timeout\n      </DialogTitle>\n      <DialogContent>\n        <Typography variant=\"body2\">\n          The current session is about to expire in{\" \"}\n          <span className={classes.countdown}>{countdown}</span> seconds.\n        </Typography>\n        <Typography variant=\"body2\">{`Would you like to continue the session?`}</Typography>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          onClick={onLogout}\n          variant=\"contained\"\n          className={clsx(classes.logout, classes.button)}\n        >\n          Logout\n        </Button>\n        <Button\n          onClick={onContinue}\n          color=\"primary\"\n          variant=\"contained\"\n          className={classes.button}\n        >\n          Continue Session\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nSessionTimeoutDialog.propTypes = {\n  /**\n   * indicator whether the dialog is open/close\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * the countdown timer.\n   */\n  countdown: PropTypes.number.isRequired,\n  /**\n   * callback function to handle closing action\n   */\n  onLogout: PropTypes.func.isRequired,\n  /**\n   * callback function to handle confirm action.\n   */\n  onContinue: PropTypes.func.isRequired\n};","import React, { useRef, useState } from \"react\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport IdleTimer from \"react-idle-timer\"\nimport SessionTimeoutDialog from \"./SessionTimeoutDialog\"\nimport { actions } from \"../../redux/auth/actions\"\n\nconst { logoutRequest } = actions\nlet countdownInterval\nlet timeout\n\nexport default function SessionTimeout() {\n  const { auth } = useSelector((state) => state.auth)\n  const isAuthenticated = !!auth\n  const dispatch = useDispatch()\n  const [timeoutModalOpen, setTimeoutModalOpen] = useState(false)\n  const [timeoutCountdown, setTimeoutCountdown] = useState(0)\n  const idleTimer = useRef(null)\n  // useEffect(() => {\n  //     const unloadCallback = (event) => {\n  //       event.preventDefault();\n  //       dispatch(logoutRequest())\n  //       //event.returnValue = \"\";\n  //       return \"\";\n  //     };\n\n  //     window.addEventListener(\"beforeunload\", unloadCallback);\n  //     //return () => window.removeEventListener(\"beforeunload\", unloadCallback);\n  //   }, []);\n  const clearSessionTimeout = () => {\n    clearTimeout(timeout)\n  }\n\n  const clearSessionInterval = () => {\n    clearInterval(countdownInterval)\n  }\n\n  const handleLogout = (isTimedOut = false) => {\n    setTimeoutModalOpen(false)\n    clearSessionInterval()\n    clearSessionTimeout()\n    if (!!isTimedOut) {\n      dispatch(logoutRequest())\n    }\n  }\n\n  const handleContinue = () => {\n    setTimeoutModalOpen(false)\n    clearSessionInterval()\n    clearSessionTimeout()\n  }\n\n  const onActive = () => {\n    if (!timeoutModalOpen) {\n      clearSessionInterval()\n      clearSessionTimeout()\n    }\n  }\n\n  const onIdle = () => {\n    const delay = 1000 * 5 * 1\n    if (isAuthenticated && !timeoutModalOpen) {\n      timeout = setTimeout(() => {\n        let countDown = 10\n        setTimeoutModalOpen(true)\n        setTimeoutCountdown(countDown)\n        countdownInterval = setInterval(() => {\n          if (countDown > 0) {\n            setTimeoutCountdown(--countDown)\n          } else {\n            handleLogout(true)\n          }\n        }, 1000)\n      }, delay)\n    }\n  }\n\n  return (\n    <>\n      <IdleTimer\n        ref={idleTimer}\n        onActive={onActive}\n        onIdle={onIdle}\n        debounce={250}\n        timeout={1000 * 60 * 15} //15 Mins\n        crossTab={true}\n      />\n      <SessionTimeoutDialog\n        countdown={timeoutCountdown}\n        onContinue={handleContinue}\n        onLogout={() => handleLogout(true)}\n        open={timeoutModalOpen}\n      />\n    </>\n  )\n}\n","import * as Yup from \"yup\"\n\nexport const schema = Yup.object().shape({\n  username: Yup.string().required(\"username is required\")\n})\n","export const formScript = [{ name: \"username\", type: \"text\", placeholder: \"Email address\" }]\n\nexport const initValues = {\n  username: \"\"\n}\n","import React, { useContext, useEffect } from \"react\"\nimport { Box, Button, makeStyles, CircularProgress } from \"@material-ui/core\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { useFormik } from \"formik\"\nimport { schema } from \"./schema\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { formScript, initValues } from \"./script\"\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport clsx from \"clsx\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport cogoToast from \"cogo-toast\"\nimport axios from \"axios\"\nimport { useHistory } from \"react-router\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\n\nexport const ForgotPassword = () => {\n  const { button, btn, inputTextClass, root } = useStyles()\n  const dispatch = useDispatch()\n  const { users, loading } = useSelector((state) => state.auth)\n  const history = useHistory()\n  const { closeLogin } = useContext(AppContext)\n\n  useEffect(() => {\n    closeLogin()\n  }, [])\n\n  const formik = useFormik({\n    initialValues: initValues,\n    validationSchema: schema,\n    onSubmit: async (values, { resetForm }) => {\n      const user = users.find((user) => user.email === values.username)\n\n      if (!user) {\n        cogoToast.error(\"User with this id does not exist\")\n        return\n      }\n\n      const payload = {\n        email: values.username,\n        log: JSON.stringify({ log_added_by: \"1\" }),\n        id: user.user_id\n      }\n\n      axios\n        .post(APIs.forgotPassword, payload)\n        .then((res) => {\n          if (res.status === 200) {\n            cogoToast.success(\n              \"Password reset email sent , Please check email for further instructions.\"\n            )\n            dispatch(actions.usersRequest())\n            history.push(\"/\")\n          }\n        })\n        .catch((err) => {\n          cogoToast.error(\"Error during email sending\", err)\n        })\n    }\n  })\n\n  return (\n    <Column className={root}>\n      <Box my={1}>\n        <img height=\"65px\" src={toAbsoluteUrl(\"/media/logo-sm-white.png\")} alt=\"logo\" />\n      </Box>\n      {formScript.map((field, index) => (\n        <Box my={0} width=\"100%\" key={index}>\n          <InputField\n            key={index}\n            placeholder={field.placeholder}\n            name={field.name}\n            type={field.type}\n            formik={formik}\n            classes={inputTextClass}\n            isLightTheme={true}\n            rootStyle={{\n              margin: \"0.5rem 0px\"\n            }}\n          />\n        </Box>\n      ))}\n      <Box my={2} width=\"100%\">\n        <Button className={clsx(button, btn)} onClick={formik.handleSubmit}>\n          {loading ? <CircularProgress size={20} color=\"inherit\" /> : \"Send Email\"}\n        </Button>\n      </Box>\n    </Column>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"30%\",\n    margin: \"0 auto\",\n    height: \"92vh\",\n\n    \"@media (max-width:900px) \": {\n      width: \"50%\"\n    },\n\n    \"@media (max-width:600px) \": {\n      width: \"80%\"\n    }\n  },\n  inputTextClass: {\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main\n  },\n  button: {\n    backgroundColor: theme.palette.success.main,\n    color: theme.palette.primary.contrastText,\n    width: \"100%\",\n    height: 37,\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  forgot: {\n    fontSize: 14,\n    fontStyle: \"normal\",\n    fontWeight: \"400\",\n    color: theme.palette.primary.contrastText,\n    textDecoration: \"none\"\n  },\n  createButton: {\n    backgroundColor: theme.palette.primary.contrastText,\n    border: `1px solid ${theme.palette.primary.main}`,\n    color: \"#000000\",\n    height: 37,\n    width: \"100%\",\n    fontSize: 14,\n    fontStyle: \"normal\",\n    fontWeight: \"400\"\n  },\n  divider: {\n    backgroundColor: theme.palette.secondary.main,\n    height: 2,\n    width: \"100%\",\n    margin: \"10px 0px\"\n  },\n  btn: {\n    borderRadius: 5,\n    textTransform: \"none\",\n    paddingLeft: 20,\n    paddingRight: 20,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    fontSize: 18\n  },\n  dontHfay: {\n    color: theme.palette.primary.contrastText\n  }\n}))\n","import * as Yup from \"yup\"\n\nexport const schema = Yup.object().shape({\n  password: Yup.string().required(\"password is required\").min(6, \"must be 6 character\"),\n  confirmPassword: Yup.string()\n    .required(\"confirm password is required\")\n    .min(6, \"must be 6 character\")\n})\n","export const formScript = [\n  { name: \"password\", type: \"password\", placeholder: \"New Password\" },\n  { name: \"confirmPassword\", type: \"password\", placeholder: \"Confirm New Password\" }\n]\n\nexport const initValues = {\n  password: \"\",\n  confirmPassword: \"\"\n}\n","import React, { useContext, useEffect } from \"react\"\nimport { Box, Button, makeStyles, CircularProgress } from \"@material-ui/core\"\nimport { InputField } from \"../../../_warbls/components/Form/Input\"\nimport { Column } from \"../../../_warbls/components/Flex/Column\"\nimport { useFormik } from \"formik\"\nimport { schema } from \"./schema\"\nimport { toAbsoluteUrl } from \"../../../_helpers/toAbsoluteUrl\"\nimport { formScript, initValues } from \"./script\"\nimport { useSelector } from \"react-redux\"\nimport clsx from \"clsx\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport cogoToast from \"cogo-toast\"\nimport axios from \"axios\"\nimport { useHistory, useLocation } from \"react-router\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\n\nexport const ResetPassword = (props) => {\n  const { button, btn, inputTextClass, root } = useStyles()\n  const { users, loading } = useSelector((state) => state.auth)\n  const history = useHistory()\n  const { closeLogin } = useContext(AppContext)\n  const location = useLocation()\n\n  useEffect(() => {\n    closeLogin()\n  }, [])\n\n  useEffect(() => {\n    const user = users.some(\n      (user) =>\n        user.reset_password_hash ===\n        location.pathname.split(\"/\")[location.pathname.split(\"/\").length - 1]\n    )\n\n    if (!user) {\n      cogoToast.error(\"Invalid link\")\n      history.push(\"/\")\n    }\n  }, [location.pathname, users])\n\n  const formik = useFormik({\n    initialValues: initValues,\n    validationSchema: schema,\n    onSubmit: async ({ password, confirmPassword }, { resetForm }) => {\n      const user = users.find(\n        (user) =>\n          user.reset_password_hash ===\n          location.pathname.split(\"/\")[location.pathname.split(\"/\").length - 1]\n      )\n\n      if (password !== confirmPassword) {\n        cogoToast.error(\"Passwords should match each other\")\n        return\n      }\n\n      const payload = {\n        password,\n        log: JSON.stringify({ log_added_by: \"1\" })\n      }\n\n      axios\n        .put(APIs.updateUser + `${user?.user_id}`, payload)\n        .then(({ data }) => {\n          cogoToast.success(\"Password reset successfully\")\n          history.push(\"/\")\n        })\n        .catch((err) => {\n          cogoToast.error(\"Error during password resetting\", err)\n        })\n    }\n  })\n\n  return (\n    <Column className={root}>\n      <Box my={1}>\n        <img height=\"65px\" src={toAbsoluteUrl(\"/media/logo-sm-white.png\")} alt=\"logo\" />\n      </Box>\n      {formScript.map((field, index) => (\n        <Box my={0} width=\"100%\" key={index}>\n          <InputField\n            key={index}\n            placeholder={field.placeholder}\n            name={field.name}\n            type={field.type}\n            formik={formik}\n            classes={inputTextClass}\n            isLightTheme={true}\n            rootStyle={{\n              margin: \"0.5rem 0px\"\n            }}\n          />\n        </Box>\n      ))}\n      <Box my={2} width=\"100%\">\n        <Button className={clsx(button, btn)} onClick={formik.handleSubmit}>\n          {loading ? <CircularProgress size={20} color=\"inherit\" /> : \"Reset Password\"}\n        </Button>\n      </Box>\n    </Column>\n  )\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"30%\",\n    margin: \"0 auto\",\n    height: \"92vh\",\n\n    \"@media (max-width:900px) \": {\n      width: \"50%\"\n    },\n\n    \"@media (max-width:600px) \": {\n      width: \"80%\"\n    }\n  },\n  inputTextClass: {\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main\n  },\n  button: {\n    backgroundColor: theme.palette.success.main,\n    color: theme.palette.primary.contrastText,\n    width: \"100%\",\n    height: 37,\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.main\n    }\n  },\n  forgot: {\n    fontSize: 14,\n    fontStyle: \"normal\",\n    fontWeight: \"400\",\n    color: theme.palette.primary.contrastText,\n    textDecoration: \"none\"\n  },\n  createButton: {\n    backgroundColor: theme.palette.primary.contrastText,\n    border: `1px solid ${theme.palette.primary.main}`,\n    color: \"#000000\",\n    height: 37,\n    width: \"100%\",\n    fontSize: 14,\n    fontStyle: \"normal\",\n    fontWeight: \"400\"\n  },\n  divider: {\n    backgroundColor: theme.palette.secondary.main,\n    height: 2,\n    width: \"100%\",\n    margin: \"10px 0px\"\n  },\n  btn: {\n    borderRadius: 5,\n    textTransform: \"none\",\n    paddingLeft: 20,\n    paddingRight: 20,\n    fontStyle: \"normal\",\n    fontWeight: \"normal\",\n    fontSize: 18\n  },\n  dontHfay: {\n    color: theme.palette.primary.contrastText\n  }\n}))\n","import React from \"react\";\nimport { useHistory } from \"react-router\";\nimport axios from \"axios\"\nimport { APIs } from \"../../../_helpers/apis\"\nimport { Signup } from \"../Signup/index\"\nimport { useFormik } from \"formik\"\nimport { initValues } from \"../Signup/script\";\nimport { schema } from \"../Signup/schema\";\nimport { actions } from \"../../../redux/auth/actions\"\nimport { useDispatch, useSelector } from \"react-redux\"\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nconst { useContext } = React\n\nexport const DiscordRedirect = () => {\n    const history = useHistory();\n    const dispatch = useDispatch()\n    // const [errors, setErrors] = React.useState(null);\n    // const { openLogin, handleLogin, openSignup, handleSignup, toolbar } = useContext(AppContext)\n    // const formik = useFormik({\n    //   initialValues: initValues,\n    //   validationSchema: schema,\n    //   onSubmit: (values, { resetForm }) => {\n    //     console.log({values})\n    //     dispatch(actions.signupRequest({ ...values }, handleSignup, resetForm, setErrors))\n    //     // if (!loading) {\n    //     //   handleSignup()\n    //     //   resetForm()\n    //     // }\n    //   }\n    // })\n    // const submitDiscord = (discordData) => {\n    //   formik.setValues(({\n    //     full_name: discordData.global_name,\n    //     social_login: true,\n    //     social_id: discordData.id,\n    //     email: discordData.email,\n    //     profile_img: discordData.avatar,\n    //     username: discordData.username\n    //   }), false);\n    //   formik.handleSubmit();\n    // }\n    React.useEffect(() => {\n      const fetchUserData = async (code) => {\n        try {\n          const response = await axios.get(`${APIs.discordAuth}?code=${code}`);\n          const discordData = response.data\n          const values = {\n            full_name: discordData.global_name,\n            social_login: true,\n            social_id: discordData.id,\n            email: discordData.email,\n            profile_img: discordData.avatar,\n            username: discordData.username,\n            password: discordData.id,\n            social_platform: 'DISCORD'\n          }\n          dispatch(actions.signupRequest({ ...values },()=>{},()=>{},()=>{}))\n\n          // submitDiscord(discordData)\n          // You can save the user data in your state management (e.g., Redux) here\n          history.push('/vocals'); // Redirect to the homepage or another page after login\n        } catch (error) {\n          console.error('Error fetching user data:', error);\n        }\n      };\n  \n      const urlParams = new URLSearchParams(window.location.search);\n      const code = urlParams.get('code');\n      if (code) {\n        fetchUserData(code);\n      }\n    }, []);\n  \n    return <div>Loading...</div>;\n  };","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Modal from \"@material-ui/core/Modal\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport { Box, Typography } from '@material-ui/core'\n\nexport const FullScreenPopup = ({ open, handleClose, children }) => {\n  const classes = useStyles();\n\n  return (\n    <div>\n     \n      <Modal\n        className={classes.modal}\n        open={open}\n        onClose={handleClose}\n        aria-labelledby=\"simple-modal-title\"\n        aria-describedby=\"simple-modal-description\"\n      >\n         <>\n         <div style={{marginTop: '70px'}}>\n         <Typography className='title' variant='h5' style={{'fontWeight': '500',textAlign:'center'}}>\n              Sign up & Subscribe now to get <strong>100</strong> bonus coins\n            </Typography>\n            <p style={{textAlign: 'center'}}>Roll the dice and unlock the Mystery boxes filled with industry-standard sounds and premium VST plugins</p>\n            </div>\n        <div className={classes.paper}>\n\n        \n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={handleClose}\n          >\n            <CloseIcon />\n          </IconButton>\n          {children}\n        </div>\n        </>\n      </Modal>\n    </div>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  modal: {\n    outline: \"none\",\n    border: \"0px\",\n    boxShadow: \"none\",\n    \"&:hover\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"&:focus\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    }\n  },\n  paper: {\n    position: \"absolute\",\n    width: 450,\n    backgroundColor: \"#333333\",\n    border: \"0px\",\n    boxShadow: \"none\",\n    borderRadius: 10,\n    padding: 40,\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translate(-50%, -50%)\",\n    \"&:hover\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"&:focus\": {\n      border: \"0px\",\n      boxShadow: \"none\",\n      outline: \"0px\"\n    },\n    \"@media (max-width:450px)\": {\n      width: 350,\n      padding: 20\n    }\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: theme.spacing(1),\n    top: theme.spacing(1),\n    color: theme.palette.grey[500],\n  },\n}));\n","import React, { useEffect } from 'react'\nimport { ProfileContainer } from '../Profile/ProfileContainer'\nimport { Box, Typography } from '@material-ui/core'\nimport { useSelector } from 'react-redux'\nimport StarRoundedIcon from '@material-ui/icons/StarRounded';\nimport './index.css'\nimport { FullScreenPopup } from '../../../_warbls/components/Popup/fullScreenPopup';\nimport { Signin } from '../Signin';\n// import { Popup } from \"../Popup\"\n\nimport { AppContext } from \"../../../_warbls/providers/AppProvider\"\nimport axios from 'axios';\nimport { APIs } from '../../../_helpers/apis';\nimport { useParams } from \"react-router-dom\"\nimport { Signup } from '../Signup';\nimport { useHistory } from \"react-router\"\nconst { useContext, useState } = React\nexport const ReferralsFriend = () => {\n    // const { userInfo } = useSelector((state) => state.auth);\n    const [user, setUser] = useState()\n    const { id } = useParams()\n    const history = useHistory()\n    const { userInfo } = useSelector((state) => state.auth)\n    const { openLogin, handleLogin, openSignup, handleSignup, toolbar ,updateSubscriptionCoins} = useContext(AppContext)\n    useEffect(async () => {\n      console.log({id})\n      try {\n        const r = await axios.get(`${APIs.users}/${id}`)\n        if (r.status === 200 && r.data) {\n          setUser(r.data)\n        }\n          // setUserInfo(r.data.results[0])\n       \n      } catch (err) {\n\n      }\n    }, [id])\n  return (\n    <div className='referrals-con'>\n    <div className='referrals'>\n        <div>\n            <Typography className='title' variant='h5'>\n              You have been invited with a special offer\n            </Typography>\n            <p className='title2'>\n              <strong> {user && user.full_name} </strong> invites you to warbls -- explore unique sounds and elevate your music career \n            </p>\n            <p className='title3'>\n              Sign up & subscribe to get <strong>100</strong> bonus coins\n            </p>\n            <button className='claim-btn' onClick={handleSignup}>\n              Claim special offer\n            </button>\n        </div>\n        <div className='img-container'>\n          <img src={`${process.env.PUBLIC_URL}/images/coinsReferrals.png`}  alt=\"\" />\n        </div>\n    </div>\n    {/* <FullScreenPopup open={openLogin} handleClose={handleLogin}> */}\n   \n    <FullScreenPopup open={openSignup} handleClose={handleSignup}>\n    \n        <Signup handleSignup={handleSignup} handleLogin={handleLogin} referrerId={user && user.user_id}/>\n      </FullScreenPopup>\n      {/* </FullScreenPopup> */}\n    </div>\n  )\n}\n\n","import NonAuthLayout from \"../_warbls/Layout/NonAuthLayout\"\nimport * as React from \"react\"\nimport { Redirect, Route, Switch } from \"react-router-dom\"\nimport { Main } from \"./modules/Main\"\nimport { useSelector } from \"react-redux\"\nimport { Layout } from \"../_warbls/Layout\"\nimport \"react-perfect-scrollbar/dist/css/styles.css\"\nimport { BaseRoutes } from \"./BaseRoutes\"\nimport { actions } from \"../redux/auth/actions\"\nimport { actions as trackActions } from \"../redux/track/actions\"\nimport { useDispatch } from \"react-redux\"\nimport { Vocals } from \"./modules/Vocals\"\nimport { QA } from \"./modules/QA\"\nimport { ContactUs } from \"./modules/ContactUs\"\nimport  Plan from \"./modules/Plan\"\nimport SessionTimeout from \"./SessionTimeout\"\nimport { useLocation } from \"react-router\"\nimport { ForgotPassword } from \"./modules/ForgotPassword\"\nimport { ResetPassword } from \"./modules/ResetPassword\"\nimport { TermsAddStepper } from \"./modules/Terms/index\"\nimport { TermsOfUse } from \"./modules/Terms/UpdatedTerms\"\nimport CopylinkVocal from \"./modules/CopylinkVocal\"\nimport { GoogleOAuthProvider } from '@react-oauth/google';\n\nimport { SongContext } from \"../_warbls/components/SideBarInfo\"\nimport { DiscordRedirect } from \"./modules/Discord/redirect\"\nimport { ReferralsFriend } from \"./modules/referrals\"\n\nconst { useEffect, useState } = React\n\nexport var sidebarDrawerContext = React.createContext(null)\n\n\nfunction App() {\n  const { auth } = useSelector((state) => state.auth)\n  const dispatch = useDispatch()\n  const [collapse, isCollapsed] = useState(true)\n  const location = useLocation()\n\n  const [currentSong, setCurrentSong] = useState(\"Nosong\");\n  const [containerSong, setContainerSong] = useState(null);\n  const [playing, setPlaying] = useState(false)\n  const [listTrack, setListTrack] = useState('')\n  const [currentId, setCurrentId] = useState(null)\n  const [songIds, setSongIds] = useState('')\n  \n  useEffect(() => {\n    // dispatch(actions.usersRequest())\n    // dispatch(trackActions.removePlayingVocal())\n  }, [dispatch, location])\n\n  return (\n    <>\n      <GoogleOAuthProvider clientId=\"1008337831638-1858du5na98caeekibjbq6a2fgle3sui.apps.googleusercontent.com\">\n      <SongContext.Provider value={\n        {currentSong,\n         setContainerSong,\n         containerSong,\n         setCurrentSong,\n          playing,\n          setPlaying,\n          listTrack,\n          setListTrack,\n          currentId,\n          setCurrentId,\n          songIds,\n          setSongIds\n        }}>\n      <Switch>\n        {!auth && (\n          \n          <>\n            <Route path=\"/main\" component={Main} />\n            <Route path=\"/\" component={Main} exact />\n            <Route path=\"/termsOfUse\" component={TermsOfUse} exact />\n            <Route path=\"/referrals/:id\" component={() => {\n                return (\n                    <ReferralsFriend />\n                )\n              }} exact/>\n            <Route\n              path=\"/vocals\"\n              component={() => {\n                return (\n                  <NonAuthLayout>\n                    <Vocals titleLeft=\"10%\" />\n                  </NonAuthLayout>\n                )\n              }}\n            />\n            <Route\n              path=\"/shareVocal/:id\"\n              component={() => {\n                return (\n                  <NonAuthLayout>\n                    <CopylinkVocal/>\n                  </NonAuthLayout>\n                )\n              }}\n              exact\n            />\n\n            <Route path=\"/terms\" component={TermsAddStepper} />\n\n            <Route\n              path=\"/q&a\"\n              component={() => {\n                return (\n                  <NonAuthLayout>\n                    <QA titleLeft=\"10%\" />\n                  </NonAuthLayout>\n                )\n              }}\n            />\n\n            <Route\n              path=\"/forgot\"\n              component={() => {\n                return (\n                  <NonAuthLayout>\n                    <ForgotPassword />\n                  </NonAuthLayout>\n                )\n              }}\n              exact\n            />\n\n            <Route\n              path=\"/reset/:hash\"\n              component={() => {\n                return (\n                  <NonAuthLayout>\n                    <ResetPassword />\n                  </NonAuthLayout>\n                )\n              }}\n            />\n\n            <Route\n              path=\"/contact-us\"\n              component={() => {\n                return (\n                  <NonAuthLayout>\n                    <ContactUs titleLeft=\"10%\" />\n                  </NonAuthLayout>\n                )\n              }}\n            />\n            <Route\n              path=\"/discord-redirect\"\n              component={() => {\n                return (\n                  <NonAuthLayout>\n                    <DiscordRedirect />\n                  </NonAuthLayout>\n                )\n              }}\n            />\n            \n            \n          </>\n          \n        )}\n\n        {!auth ? (\n          <>\n            <Redirect to=\"/\" from=\"/\" />\n          </>\n        ) : (\n          <sidebarDrawerContext.Provider value={{ collapse, isCollapsed }}>\n            <Layout>\n              <SessionTimeout />\n              <BaseRoutes />\n              \n              \n            </Layout>\n          </sidebarDrawerContext.Provider>\n        )}\n      </Switch>\n      </SongContext.Provider>\n      </GoogleOAuthProvider>\n    </>\n  )\n}\n\nexport default App\n","const reportWebVitals = (onPerfEntry) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import(\"web-vitals\").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry)\n      getFID(onPerfEntry)\n      getFCP(onPerfEntry)\n      getLCP(onPerfEntry)\n      getTTFB(onPerfEntry)\n    })\n  }\n}\n\nexport default reportWebVitals\n","import { createMuiTheme, responsiveFontSizes } from \"@material-ui/core\"\n\nconst { breakpoints } = createMuiTheme()\n\nlet theme = createMuiTheme({\n  typography: {\n    fontFamily: [\"Eina01\",\"Roboto Mono\", \"sans-serif\"].join(\",\"),\n    body1: {\n      color: \"#9F9F9F\",\n      fontSize: 14\n    },\n    h6: {\n      [breakpoints.down(\"sm\")]: {\n        fontSize: 18\n      },\n      [breakpoints.down(\"xs\")]: {\n        fontSize: 16\n      }\n    }\n  },\n  palette: {\n    type: \"dark\",\n    primary: {\n      // light: will be calculated from palette.primary.main,\n      main: \"#202020\",\n      contrastText: \"#FFFFFF\",\n      // dark: will be calculated from palette.primary.main,\n      // contrastText: \"#fff\" //will be calculated to contrast with palette.primary.main\n    },\n    secondary: {\n      // light: will be calculated from palette.primary.main,\n      main: \"#C4C4C4\"\n      // dark: will be calculated from palette.primary.main,\n      // contrastText: \"#fff\" //will be calculated to contrast with palette.primary.main\n    },\n    error: {\n      // light: will be calculated from palette.primary.main,\n      main: \"#f018a6\"\n      // dark: will be calculated from palette.primary.main,\n      // contrastText: \"#fff\" //will be calculated to contrast with palette.primary.main\n    },\n    btns: {\n      main: \"#242424\",\n      pay: \"rgb(22, 230, 0)\",\n    }\n  },\n  overrides: {\n    MuiButton: {\n      outlined: {\n\n        backgroundColor: \"#ffffff\",\n        color: \"#000000\",\n        textTransform: \"none\"\n      },\n      contained: {\n        backgroundColor: \"#ffffff\",\n        color: \"#000000\",\n        textTransform: \"none\"\n      }\n    }\n  },\n  props: {\n    MuiButton: {\n      disableRipple: true\n    }\n  }\n})\ntheme = responsiveFontSizes(theme);\nexport { theme }\n","import axios from \"axios\"\nimport cogoToast from \"cogo-toast\"\nexport function interceptor() {\n  axios.interceptors.request.use((request) => {\n    request[\"Access-Control-Allow-Origin\"] = \"*\"\n    return request\n  })\n\n  axios.interceptors.response.use(\n    (response) => {\n      return response\n    },\n    (error) => {\n      let status\n      let err\n      if (error.response) {\n        // The request was made and the server responded with a status code\n        // that falls out of the range of 2xx\n        status = error.response.status\n        err = error.response.data\n      } else {\n        // Something happened in setting up the request that triggered an Error\n      }\n      switch (status) {\n        case 400:\n          cogoToast.error(\"bad request, unable to process your request. \" + err)\n          break\n        case 500:\n          cogoToast.error(\"Internal Server Error. \" + err)\n          break\n        case 401:\n          cogoToast.error(\"Unauthorized.\")\n          break\n        case 504:\n          cogoToast.error(\"Request Timeout. \" + err)\n          break\n        case 507:\n          cogoToast.error(\"Insufficient Storage. \" + err)\n          break\n        default:\n        //cogoToast.error(\"something went wrong! try again. \" + err)\n      }\n\n      return { error: true, message: err }\n    }\n  )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport \"./index.css\"\nimport App from \"./app/App\"\nimport reportWebVitals from \"./reportWebVitals\"\nimport { ThemeProvider } from \"@material-ui/styles\"\nimport { CssBaseline } from \"@material-ui/core\"\nimport { theme } from \"./_warbls/providers/ThemeProvider\"\nimport { AppProvider } from \"./_warbls/providers/AppProvider\"\nimport { Provider } from \"react-redux\"\nimport { PersistGate } from \"redux-persist/integration/react\"\nimport { persistor, store } from \"./redux/store\"\nimport { interceptor } from \"./_helpers/interceptor\"\nimport { BrowserRouter as Router } from \"react-router-dom\"\n//https://warbls.s3.eu-north-1.amazonaws.com/attachments/sound.mp3\n\ninterceptor()\n\nReactDOM.render(\n  // <React.StrictMode>\n  <Provider store={store}>\n    <PersistGate persistor={persistor} loading={<div>loading...</div>}>\n      <ThemeProvider theme={theme}>\n        <Router>\n          <AppProvider>\n            <CssBaseline />\n            <App />\n          </AppProvider>\n        </Router>\n      </ThemeProvider>\n    </PersistGate>\n  </Provider>,\n  // </React.StrictMode>\n  document.getElementById(\"root\")\n)\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals()\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"sidebar_wrapper__X6LMs\",\"top_bar\":\"sidebar_top_bar__FW0Kl\",\"close_icon\":\"sidebar_close_icon__1dNvr\",\"absolute_close_icon\":\"sidebar_absolute_close_icon__2I-Pe\",\"email\":\"sidebar_email__1Bdvg\",\"name\":\"sidebar_name__2Ambv\",\"stats_wrapper\":\"sidebar_stats_wrapper__2l22y\",\"button_group\":\"sidebar_button_group__2mSjQ\",\"btn\":\"sidebar_btn__TFa8_\",\"active_btn\":\"sidebar_active_btn__1OdAU\",\"download_icon\":\"sidebar_download_icon__3UGoe\",\"vocal_input_container\":\"sidebar_vocal_input_container__2R9KS\",\"vocal_results\":\"sidebar_vocal_results__--yS0\",\"valid_btn\":\"sidebar_valid_btn__wuKcS\",\"save_btn\":\"sidebar_save_btn__26Jq6\"};"],"sourceRoot":""}