{"version":3,"mappings":"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","names":["client","options","notifyOptions","query","state","result","isFetching","isRefetching","isFetchingNextPage","_b","_a","isFetchingPreviousPage","_d","_c","queryClient","isInitialLoading","fetchNextPage","hasNextPage","children","loaderMarginTop","style","className","_variant","loadMoreExtraContent","size","sentinelRef","useRef","isLoading","loadMoreClickCount","setLoadMoreClickCount","useState","innerVariant","useEffect","sentinelEl","observer","entry","content","jsxs","jsx","items","keepFirst","first","currentIndex","temporaryValue","randomIndex","id","defaultVolume","array","toAdd","index","copyOfArray","tail","action","getPointer","item","actionHandlers","details","key","cuedMedia","a","b","__publicField","lockType","document","element","type","handler","val","host","onChange","fscreen","set","get","subscription","orientation","adapter","onFullscreenChange","isFullscreen","isSupported","el","canFullscreen","video","adapters","onPipChange","factory","canPip","initialData","setInLocalStorage","value","_setInLocalStorage","store","listeners","internalListeners","s","e","payload","rates","qualities","tracks","trackId","quality","isVisible","isBuffering","media","queue","url","provider","keybindsHandler","initialQueue","isSeeking","isMuted","speed","newRepeat","currentRepeat","_e","newQueue","time","timeStr","resolve","reject","previousProvider","timeoutId","unsubscribe","mediaItems","queuePointer","afterCuedMedia","shuffledNewItems","m","mediaId","mediaToCue","newListeners","event","l","createContext","ReactExports","api","selector","equalityFn","slice","useContext","useMemo","overrideQueueAndPlay","queueId","lastTrack","response","src","track","queueGroupId","album","color","isDarkMode","radius","variant","disabled","buttonType","equalizerColor","isHover","setIsHover","modelIsQueued","modelIsPlaying","player","statusIcon","sharedProps","newIndex","t","model","kind","sortDescriptor","base","image","title","subtitle","link","likeButton","contextDialog","navigate","cloneElement","isLoggedIn","user","r","backendPayload","dialogContext","useCallback","data","closeMenu","loadTracks","setPlaylistPanelIsActive","addToPlaylist","playlists","p","playlist","authHandler","playlistPanelIsActive","description","close","contextValue","pathname","previousPathname","header","forwardRef","endIcon","startIcon","to","buttonProps","ref","Element","addToLibrary","getMessage","likeables","likeable","modelType","removeFromLibrary","label","copyLink","artistId","getRedirectUri","seed","absolute","artist_provider","trans","imgClassName","firstTrackImage","isMobile","height","code","inputRef","copied","artist","showRadioButton","canEdit","DeleteButton","deleteArtist","canDelete","isLiked","repostable","toggleRepost","isReposted","deleteAlbum","genre","trackIds","showAddToQueueButton","firstTrack","shouldShowRadio","headerProps","Fragment","DownloadTrackButton","base_url","hasPermission","deleteTracks","isCreator","playlistId","copyAlbumLink","isFollowing","followPlaylist","unFollowPlaylist","updatePlaylist","togglePublic","toggleCollaborative","deletePlaylist","follow","unfollow","owner","showProBadge","showBadge","channel","isNested","margin","genreName","queryKey","defaultOrderDir","defaultOrderBy","queryParams","searchQuery","props","initialPage","endpoint","paginate","transformResponse","willSortOrFilter","setSearchQuery","setSortDescriptor","initialQueryKey","pageParam","signal","params","lastResponse","firstPage","totalItems","slugOrId","meta","groupId","isCued","isPlaying","rowIndex","isHovered","trackIndex","setHover","d","hideTrackImage","selectedRows","removeTracks","row","hideArtist","hideAlbum","hideHeaderRow","hidePopularity","hideAddedAtColumn","renderRowAs","tableProps","filteredColumns","col","domProps","placeholderRowCount","bodyRef","scrollableRef","scrollOffset","getScrollElement","getScrollParent","virtualizer","instance","cb","offset","virtualRows","virtualHeight","virtualItem","dataCount","enabled","waveData","canvas","context","lineData","playerDuration","duration","currentTime","setCurrentTime","flushSync","pointer","disableCommenting","markerIsVisible","setMarkerIsVisible","newCommentInputRef","newCommentPositionRef","comments","commentBarContext","trackRef","getThumbPercent","useInteractOutside","comment","canvasRef","progressCanvasRef","isInView","setIsInView","setIsVisible","themeSelector","entries","onChangeEnd","sliderProps","thumbIds","newValue","err","commentable","inReplyTo","other","onSuccess","autoFocus","createComment","useObjectRef","inputIsExpanded","setInputIsExpanded","inputValue","setInputValue","clearInput","labels","showPlays","count","managesItem","buttonClassName","buttonGap","buttonSize","buttonRadius","memo","reposter","hideArtwork","hideActions","linksInNewTab","managesTrack","showWave","fn","wait","callFirst","timeout","debouncedFn","clear","flush","call","debounceWrapper","args","callNow","itemWidth","enablePrev","setEnablePrev","enableNext","setEnableNext","updateNavStatus","handleScroll","debounce","useLayoutEffect","firstGridItem","scrollAmount","contentModel","layout","nestedChannel","slot","settings","isSubscribed","adCode","useId","scrollParent","parentEl","promises","pattern","match","artistName","cancelToken","YoutubeCommand","YouTubePlayerState","results","site_name","pause","sourceEvent","providerApi","providerName","emit","guest_role","permissions","isActive","branding","logoUrl","newPlaylist","mediaIsCued","isAudioProvider","queueItems","miniPlayerIsHidden","button","subscribe","getCurrentTime","providerKey","iconSize","stopPropagation","playerReady","animationActive","setAnimationActive","QueuedTrack","PlaybackButtons","menu","hasUnreadNotif","registration","primaryArtist","menuItems","MenuItem","trackColor","fillColor","onPointerMove","seek","setIsSeeking","play","getState","pauseWhileSeeking","wasPlayingBeforeDragging","activeColor","isShuffling","repeating","buttonColor","volume","rightSidenavStatus","setRightSidenavStatus","isNumber","minWidth","videoId","posterURL","img","poster","internalStateRef","iframeRef","info","internalState","buffered","onCued","loadVideoById","origin","initialVideoId","setInitialVideoId","updateVideoIds","prevId","addGlobalListener","removeAllGlobalListeners","useGlobalListeners","youtubeApi","command","arg","initialVideoUrl","registerApi","internalProviderApi","muted","callback","start","loop","stop","updateCurrentTime","updateBuffered","timeRange","seconds","newTime","toggleTextTrackModes","newTrackId","textTracks","oldTrack","nextTrack","timeRafLoop","onTextTracksChange","autoPlay","events","caption","Suspense","hideDuringPlayback","fallback","posterUrl","shouldHidePoster","clickRef","togglePlay","isMaximized","isQueueOpen","overlayRef","playerClickHandler","haveVideo","cuedTrack","handleKeyDown","setQuery","isOpen","setIsOpen","encodedQuery","ComboBox","groupName","collection","activeIndex","ActionButtons","billing","showUploadButton","showTryProButton","isOverlay","hideQueue","actionButtons","footer","centerItems","isFirst","alt","links","text","href","attributes","attr","_ref","tagName","str","opts","tokens","token","profile","shortDescription","artistPage","genres","initialTracks","showingAll","setShowingAll","topTracks","viewMode","initialAlbums","AlbumTrackTable","onSortChange","albums","selectedAlbumLayout","setViewMode","similarArtists","similar","images","maxHeight","managesAlbum","activeTrack","isLast","playerActions","searchParams","haveSimilar","haveBio","activeTabs","tab","selectedTabId","i","currentUser","followUser","unfollowUser","mergedClassName","follower","selectedIndex","Children","firstLink","avatar","child","totalDuration","editor","hasTracks","indexOrIndexes","indexes","insertBefore","itemsToBeMoved","moved","insertionIndex","oldIndexes","ids","isTouchDevice","selectRow","domRef","previewRef","reorderTracks","sortableProps","oldIndex","mergeProps","PageContent","showUpvotesOnly","changeVote","upvotes","setUpvotes","downvotes","setDownvotes","currentVote","setCurrentVote","syncLocalState","replyFormVisible","setReplyFormVisible","showReplyButton","position","deleteComments","reportComment","isDeleteDialogOpen","setIsDeleteDialogOpen","showDeleteButton","handleReport","handleDelete","isConfirmed","auth","message","parts","canDeleteAllComments","perPage","linkifiedDescription","wrapperRef","contentRef","isOverflowing","setIsOverflowing","isShowingAll","setIsShowingAll","wrapperHeight","canView","showComments","allowCommenting","FocusScope","tag","userId","trackCount","isError","getPlaceholderItems","totalTracks","selectedValue","orderBy","orderDir","sortItems","releaseDate","repost","form","onBlur","invalid","error","formProps","formId","updateProfile","values","country","Option","tabLink","tabName","selectedTab","setSelectedTab","seedType","seedId","total","Image","tabIndex","_f","_g","_h","_i","_j","artists","users","showMore","icon","wrapIcon","EmbedContent","mediaItem","homepage"],"sources":["../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryObserver.js","../../../node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js","../../../common/resources/client/ui/infinite-scroll/infinite-scroll-sentinel.tsx","../../../common/resources/client/utils/array/shuffle-array.ts","../../../common/resources/client/player/utils/player-local-storage.ts","../../../common/resources/client/utils/array/prepend-to-array-at-index.ts","../../../common/resources/client/player/utils/reset-media-session.ts","../../../common/resources/client/player/player-queue.ts","../../../common/resources/client/player/handle-player-keybinds.ts","../../../common/resources/client/player/utils/init-player-media-session.ts","../../../common/resources/client/player/utils/is-same-media.ts","../../../common/resources/client/player/state/fullscreen/screen-orientation.ts","../../../common/resources/client/utils/platform.ts","../../../node_modules/fscreen/dist/fscreen.esm.js","../../../common/resources/client/player/state/fullscreen/create-native-fullscreen-adapter.ts","../../../common/resources/client/player/state/fullscreen/create-iphone-fullscreen-adapter.ts","../../../common/resources/client/player/state/fullscreen/fullscreen-slice.ts","../../../common/resources/client/player/state/pip/chrome-pip-adapter.ts","../../../common/resources/client/player/state/pip/safari-pip-adapter.ts","../../../common/resources/client/player/state/pip/pip-slice.ts","../../../common/resources/client/player/state/player-store.tsx","../../../common/resources/client/player/player-context.tsx","../../../node_modules/zustand/esm/traditional.mjs","../../../common/resources/client/player/hooks/use-player-store.tsx","../../../common/resources/client/player/hooks/use-player-actions.ts","../../../resources/client/web-player/requests/load-media-item-tracks.ts","../../../common/resources/client/player/utils/guess-player-provider.ts","../../../resources/client/web-player/tracks/utils/track-to-media-item.ts","../../../resources/client/web-player/tracks/equalizer-image/equalizer-white.gif","../../../resources/client/web-player/tracks/equalizer-image/equalizer-black.gif","../../../resources/client/web-player/tracks/equalizer-image/equalizer-image.tsx","../../../resources/client/web-player/playable-item/playback-toggle-button.tsx","../../../resources/client/web-player/queue-group-id.ts","../../../resources/client/web-player/playable-item/playable-grid-item.tsx","../../../resources/client/web-player/playlists/requests/use-auth-user-playlists.ts","../../../resources/client/web-player/playlists/requests/use-add-tracks-to-playlist.ts","../../../resources/client/web-player/use-auth-click-capture.ts","../../../resources/client/web-player/context-dialog/playlist-panel.tsx","../../../resources/client/web-player/context-dialog/context-dialog-layout.tsx","../../../resources/client/web-player/library/state/create-countable-store.ts","../../../resources/client/web-player/library/state/likes-store.ts","../../../resources/client/web-player/library/requests/use-add-items-to-library.ts","../../../resources/client/web-player/library/requests/use-remove-items-from-library.ts","../../../resources/client/web-player/context-dialog/toggle-in-library-menu-button.tsx","../../../resources/client/web-player/context-dialog/copy-link-menu-button.tsx","../../../resources/client/web-player/artists/requests/use-delete-artist.ts","../../../resources/client/web-player/radio/get-radio-link.ts","../../../resources/client/web-player/tracks/context-dialog/use-should-show-radio-button.ts","../../../resources/client/web-player/playlists/playlist-image.tsx","../../../resources/client/web-player/sharing/share-media-dialog.tsx","../../../resources/client/web-player/context-dialog/share-media-button.tsx","../../../resources/client/web-player/artists/artist-context-dialog.tsx","../../../resources/client/web-player/library/like-icon-button.tsx","../../../resources/client/web-player/artists/artist-grid-item.tsx","../../../resources/client/web-player/context-dialog/add-to-queue-menu-button.tsx","../../../resources/client/web-player/library/state/reposts-store.ts","../../../resources/client/web-player/reposts/use-toggle-repost.ts","../../../resources/client/web-player/context-dialog/toggle-repost-menu-button.tsx","../../../resources/client/web-player/albums/album-context-dialog.tsx","../../../resources/client/web-player/albums/album-grid-item.tsx","../../../resources/client/web-player/genres/genre-image.tsx","../../../resources/client/web-player/genres/genre-grid-item.tsx","../../../resources/client/web-player/tracks/requests/use-delete-tracks.ts","../../../resources/client/web-player/tracks/lyrics/requests/use-lyrics.ts","../../../common/resources/client/icons/media/media-microphone.tsx","../../../resources/client/web-player/tracks/lyrics/lyrics-dialog.tsx","../../../resources/client/web-player/tracks/utils/track-is-locally-uploaded.ts","../../../resources/client/web-player/tracks/context-dialog/track-context-dialog.tsx","../../../resources/client/web-player/tracks/track-grid-item.tsx","../../../resources/client/web-player/playlists/hooks/use-playlist-permissions.ts","../../../resources/client/web-player/playlists/hooks/use-is-following-playlist.ts","../../../resources/client/web-player/playlists/requests/use-delete-playlist.ts","../../../resources/client/web-player/playlists/requests/use-follow-playlist.ts","../../../resources/client/web-player/playlists/requests/use-unfollow-playlist.ts","../../../resources/client/web-player/playlists/playlist-context-dialog.tsx","../../../resources/client/web-player/playlists/playlist-page/follow-playlist-button.tsx","../../../resources/client/web-player/playlists/playlist-grid-item.tsx","../../../resources/client/web-player/users/user-default.svg","../../../resources/client/web-player/users/user-image.tsx","../../../resources/client/web-player/users/user-grid-item.tsx","../../../resources/client/web-player/channels/channel-content-grid-item.tsx","../../../resources/client/web-player/channels/antenna-icon.tsx","../../../resources/client/web-player/channels/channel-heading.tsx","../../../common/resources/client/ui/infinite-scroll/use-infinite-data.ts","../../../common/resources/client/channels/requests/use-paginated-channel-content.ts","../../../common/resources/client/channels/requests/use-channel-content.ts","../../../resources/client/web-player/channels/channel-content-grid.tsx","../../../resources/client/web-player/tracks/track-table/use-track-table-meta.ts","../../../resources/client/web-player/tracks/hooks/use-is-track-cued.ts","../../../resources/client/web-player/tracks/hooks/use-is-track-playing.ts","../../../resources/client/web-player/tracks/track-table/toggle-playback-column.tsx","../../../resources/client/web-player/tracks/track-table/track-name-column.tsx","../../../resources/client/web-player/tracks/context-dialog/table-track-context-dialog.tsx","../../../resources/client/web-player/playlists/requests/use-remove-tracks-from-playlist.ts","../../../resources/client/web-player/playlists/playlist-page/playlist-track-context-dialog.tsx","../../../resources/client/web-player/tracks/track-table/track-options-column.tsx","../../../resources/client/web-player/tracks/track-table/track-table.tsx","../../../resources/client/web-player/playlists/virtual-table-body.tsx","../../../resources/client/web-player/channels/channel-track-table.tsx","../../../resources/client/web-player/tracks/requests/use-track-wave-data.ts","../../../resources/client/web-player/tracks/waveform/draw-waveform.ts","../../../resources/client/web-player/player-controls/seekbar/use-track-seekbar.ts","../../../resources/client/web-player/tracks/waveform/comment-bar-context.tsx","../../../resources/client/web-player/tracks/waveform/comment-bar.tsx","../../../resources/client/web-player/tracks/waveform/waveform.tsx","../../../resources/client/web-player/player-controls/seekbar/track-seekbar.tsx","../../../common/resources/client/comments/requests/use-create-comment.ts","../../../common/resources/client/comments/new-comment-form.tsx","../../../resources/client/web-player/tracks/waveform/comment-bar-new-comment-form.tsx","../../../resources/client/web-player/library/like-button.tsx","../../../resources/client/web-player/reposts/repost-button.tsx","../../../resources/client/web-player/tracks/media-item-stats.tsx","../../../resources/client/web-player/tracks/track-actions-bar.tsx","../../../resources/client/web-player/tracks/track-list/track-list-item.tsx","../../../resources/client/web-player/tracks/track-list/track-list.tsx","../../../resources/client/web-player/channels/channel-track-list.tsx","../../../node_modules/just-debounce-it/index.mjs","../../../resources/client/web-player/channels/channel-content-carousel.tsx","../../../resources/client/web-player/channels/channel-content.tsx","../../../common/resources/client/admin/ads/ad-host.tsx","../../../resources/client/web-player/channels/channel-page.tsx","../../../resources/client/web-player/tracks/requests/find-youtube-videos-for-track.ts","../../../resources/client/web-player/state/player-overlay-store.ts","../../../common/resources/client/player/providers/youtube/youtube-types.ts","../../../resources/client/web-player/state/player-store-options.ts","../../../resources/client/web-player/layout/sidenav.tsx","../../../common/resources/client/player/hooks/use-is-media-playing.ts","../../../resources/client/web-player/overlay/use-mini-player-is-hidden.ts","../../../resources/client/web-player/layout/queue/queue-track-context-dialog.tsx","../../../resources/client/web-player/layout/queue/queue-sidenav.tsx","../../../resources/client/web-player/player-controls/use-cued-track.ts","../../../common/resources/client/player/hooks/use-current-time.ts","../../../common/resources/client/icons/media/media-play.tsx","../../../common/resources/client/icons/media/media-pause.tsx","../../../common/resources/client/player/ui/controls/play-button.tsx","../../../common/resources/client/icons/media/media-previous.tsx","../../../common/resources/client/player/ui/controls/previous-button.tsx","../../../common/resources/client/icons/media/media-next.tsx","../../../common/resources/client/player/ui/controls/next-button.tsx","../../../resources/client/web-player/player-controls/buffering-indicator.tsx","../../../resources/client/web-player/player-controls/mobile-player-controls.tsx","../../../common/resources/client/player/ui/controls/seeking/seekbar.tsx","../../../common/resources/client/player/ui/controls/formatted-current-time.tsx","../../../common/resources/client/player/ui/controls/formatted-player-duration.tsx","../../../resources/client/web-player/player-controls/seekbar/main-seekbar.tsx","../../../common/resources/client/icons/media/media-shuffle.tsx","../../../common/resources/client/icons/media/media-shuffle-on.tsx","../../../common/resources/client/player/ui/controls/shuffle-button.tsx","../../../common/resources/client/icons/media/media-repeat.tsx","../../../common/resources/client/icons/media/media-repeat-on.tsx","../../../common/resources/client/player/ui/controls/repeat-button.tsx","../../../resources/client/web-player/player-controls/playback-controls.tsx","../../../resources/client/web-player/player-controls/lyrics-button.tsx","../../../resources/client/web-player/player-controls/download-track-button.tsx","../../../common/resources/client/icons/media/media-queue-list.tsx","../../../common/resources/client/icons/media/media-mute.tsx","../../../common/resources/client/icons/media/media-volume-low.tsx","../../../common/resources/client/icons/media/media-volume-high.tsx","../../../common/resources/client/player/ui/controls/volume-controls.tsx","../../../resources/client/web-player/player-controls/desktop-player-controls.tsx","../../../common/resources/client/utils/number/is-number.ts","../../../common/resources/client/utils/http/load-image.ts","../../../common/resources/client/player/providers/youtube/load-youtube-poster.ts","../../../common/resources/client/player/providers/youtube/handle-youtube-embed-message.tsx","../../../common/resources/client/player/utils/youtube-id-from-src.ts","../../../common/resources/client/player/providers/youtube/use-youtube-provider-src.ts","../../../common/resources/client/player/providers/youtube/youtube-provider.tsx","../../../common/resources/client/utils/dom/create-ref-loop.ts","../../../common/resources/client/player/providers/html-media/use-html-media-internal-state.ts","../../../common/resources/client/player/providers/html-media/use-html-media-events.ts","../../../common/resources/client/player/providers/html-media/use-html-media-api.ts","../../../common/resources/client/player/providers/html-video-provider.tsx","../../../common/resources/client/player/providers/html-audio-provider.tsx","../../../common/resources/client/player/ui/player-outlet.tsx","../../../common/resources/client/player/ui/controls/player-poster.tsx","../../../common/resources/client/icons/media/media-fullscreen.tsx","../../../common/resources/client/player/hooks/use-player-click-handler.ts","../../../resources/client/web-player/overlay/player-overlay.tsx","../../../resources/client/web-player/search/requests/use-search-results.ts","../../../resources/client/web-player/search/search-autocomplete.tsx","../../../resources/client/web-player/layout/player-navbar.tsx","../../../resources/client/web-player/layout/web-player-layout.tsx","../../../resources/client/web-player/layout/media-page-header-layout.tsx","../../../common/resources/client/ui/remote-favicon.tsx","../../../resources/client/web-player/user-profile/profile-links.tsx","../../../node_modules/linkify-string/dist/linkify-string.es.js","../../../common/resources/client/utils/hooks/use-linkified-string.ts","../../../resources/client/web-player/user-profile/profile-description.tsx","../../../resources/client/web-player/artists/artist-page/artist-page-header.tsx","../../../resources/client/web-player/artists/artist-page/discography-panel/top-tracks-table.tsx","../../../resources/client/web-player/artists/requests/use-artist-albums.ts","../../../resources/client/web-player/artists/artist-page/discography-panel/no-discography-message.tsx","../../../resources/client/web-player/artists/artist-page/discography-panel/artist-albums-list.tsx","../../../resources/client/web-player/artists/artist-page/discography-panel/artist-albums-grid.tsx","../../../resources/client/web-player/artists/artist-page/discography-panel/discography-tab.tsx","../../../resources/client/web-player/artists/artist-page/similar-artists-panel.tsx","../../../resources/client/web-player/artists/artist-page/artist-about-panel.tsx","../../../resources/client/web-player/artists/artist-page/artist-tracks-panel.tsx","../../../resources/client/web-player/albums/album-list/album-list-item.tsx","../../../resources/client/web-player/albums/album-list/album-list.tsx","../../../resources/client/web-player/artists/artist-page/artist-albums-panel.tsx","../../../resources/client/web-player/artists/artist-page/use-artist-page-tabs.tsx","../../../common/resources/client/users/queries/use-followed-users.ts","../../../common/resources/client/users/queries/use-follow-user.ts","../../../common/resources/client/users/queries/use-unfollow-user.ts","../../../common/resources/client/users/follow-button.tsx","../../../resources/client/web-player/artists/artist-page/followers-panel/follower-list-item.tsx","../../../resources/client/web-player/artists/artist-page/artist-followers-panel.tsx","../../../resources/client/web-player/artists/artist-page/artist-page-tabs.tsx","../../../resources/client/web-player/artists/artist-page/artist-page.tsx","../../../resources/client/web-player/playlists/requests/use-playlist.ts","../../../common/resources/client/ui/images/avatar-group.tsx","../../../resources/client/web-player/layout/bullet-separated-items.tsx","../../../resources/client/web-player/playlists/playlist-page/playlist-page-header.tsx","../../../common/resources/client/utils/array/move-multiple-items-in-array.ts","../../../resources/client/web-player/playlists/requests/use-reorder-playlist-tracks.ts","../../../resources/client/web-player/playlists/playlist-page/playlist-table-row.tsx","../../../resources/client/web-player/layout/media-page-no-results-message.tsx","../../../resources/client/web-player/playlists/playlist-page/playlist-page.tsx","../../../common/resources/client/comments/requests/use-comments.ts","../../../common/resources/client/votes/requests/use-store-vote.ts","../../../common/resources/client/votes/thumb-buttons.tsx","../../../common/resources/client/reports/requests/use-submit-report.ts","../../../common/resources/client/comments/comment-list/comment-list-item.tsx","../../../common/resources/client/comments/comment-list/account-required-card.tsx","../../../common/resources/client/comments/comment-list/comment-list.tsx","../../../common/resources/client/ui/truncated-description.tsx","../../../resources/client/web-player/tracks/hooks/use-comment-permissions.ts","../../../resources/client/web-player/albums/album-page.tsx","../../../resources/client/web-player/library/requests/use-user-liked-tracks.ts","../../../resources/client/web-player/library/library-tracks-page.tsx","../../../resources/client/web-player/library/library-page-sort-dropdown.tsx","../../../resources/client/web-player/library/requests/use-user-liked-albums.ts","../../../resources/client/web-player/library/library-albums-page.tsx","../../../resources/client/web-player/library/requests/use-user-liked-artists.ts","../../../resources/client/web-player/library/library-artists-page.tsx","../../../resources/client/web-player/library/library-history-page.tsx","../../../resources/client/web-player/tracks/track-page.tsx","../../../resources/client/web-player/user-profile/requests/use-user-profile.tsx","../../../resources/client/web-player/user-profile/panels/profile-reposts-panel.tsx","../../../resources/client/web-player/user-profile/panels/profile-tracks-panel.tsx","../../../resources/client/web-player/library/requests/use-user-playlists.ts","../../../resources/client/web-player/user-profile/panels/profile-playlists-panel.tsx","../../../resources/client/web-player/user-profile/panels/profile-albums-panel.tsx","../../../resources/client/web-player/user-profile/panels/profile-artists-panel.tsx","../../../resources/client/web-player/user-profile/panels/profile-followers-panel.tsx","../../../resources/client/web-player/user-profile/panels/profile-followed-users-panel.tsx","../../../resources/client/web-player/user-profile/requests/use-update-user-profile.ts","../../../common/resources/client/ui/forms/combobox/form-combobox.tsx","../../../resources/client/web-player/user-profile/edit-profile-dialog.tsx","../../../resources/client/web-player/user-profile/header/profile-header.tsx","../../../resources/client/web-player/user-profile/user-profile-page.tsx","../../../resources/client/web-player/genres/tag-media-page.tsx","../../../resources/client/web-player/radio/requests/use-radio-recommendations.ts","../../../resources/client/web-player/radio/radio-page.tsx","../../../resources/client/web-player/search/search-results-page.tsx","../../../resources/client/web-player/library/library-page.tsx","../../../resources/client/web-player/library/library-playlists-page.tsx","../../../resources/client/web-player/tracks/track-embed.tsx","../../../resources/client/web-player/albums/album-embed.tsx","../../../resources/client/web-player/channels/homepage-channel-page.tsx","../../../resources/client/web-player/web-player-routes.tsx"],"sourcesContent":["// src/infiniteQueryObserver.ts\nimport { QueryObserver } from \"./queryObserver.js\";\nimport {\n  hasNextPage,\n  hasPreviousPage,\n  infiniteQueryBehavior\n} from \"./infiniteQueryBehavior.js\";\nvar InfiniteQueryObserver = class extends QueryObserver {\n  // eslint-disable-next-line @typescript-eslint/no-useless-constructor\n  constructor(client, options) {\n    super(client, options);\n  }\n  bindMethods() {\n    super.bindMethods();\n    this.fetchNextPage = this.fetchNextPage.bind(this);\n    this.fetchPreviousPage = this.fetchPreviousPage.bind(this);\n  }\n  setOptions(options, notifyOptions) {\n    super.setOptions(\n      {\n        ...options,\n        behavior: infiniteQueryBehavior()\n      },\n      notifyOptions\n    );\n  }\n  getOptimisticResult(options) {\n    options.behavior = infiniteQueryBehavior();\n    return super.getOptimisticResult(options);\n  }\n  fetchNextPage(options) {\n    return this.fetch({\n      ...options,\n      meta: {\n        fetchMore: { direction: \"forward\" }\n      }\n    });\n  }\n  fetchPreviousPage(options) {\n    return this.fetch({\n      ...options,\n      meta: {\n        fetchMore: { direction: \"backward\" }\n      }\n    });\n  }\n  createResult(query, options) {\n    const { state } = query;\n    const result = super.createResult(query, options);\n    const { isFetching, isRefetching } = result;\n    const isFetchingNextPage = isFetching && state.fetchMeta?.fetchMore?.direction === \"forward\";\n    const isFetchingPreviousPage = isFetching && state.fetchMeta?.fetchMore?.direction === \"backward\";\n    return {\n      ...result,\n      fetchNextPage: this.fetchNextPage,\n      fetchPreviousPage: this.fetchPreviousPage,\n      hasNextPage: hasNextPage(options, state.data),\n      hasPreviousPage: hasPreviousPage(options, state.data),\n      isFetchingNextPage,\n      isFetchingPreviousPage,\n      isRefetching: isRefetching && !isFetchingNextPage && !isFetchingPreviousPage\n    };\n  }\n};\nexport {\n  InfiniteQueryObserver\n};\n//# sourceMappingURL=infiniteQueryObserver.js.map","\"use client\";\n\n// src/useInfiniteQuery.ts\nimport { InfiniteQueryObserver } from \"@tanstack/query-core\";\nimport { useBaseQuery } from \"./useBaseQuery.js\";\nfunction useInfiniteQuery(options, queryClient) {\n  return useBaseQuery(\n    options,\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    InfiniteQueryObserver,\n    queryClient\n  );\n}\nexport {\n  useInfiniteQuery\n};\n//# sourceMappingURL=useInfiniteQuery.js.map","import React, {ReactNode, useEffect, useRef, useState} from 'react';\nimport clsx from 'clsx';\nimport {UseInfiniteQueryResult} from '@tanstack/react-query/src/types';\nimport {Trans} from '@common/i18n/trans';\nimport {Button} from '@common/ui/buttons/button';\nimport {AnimatePresence, m} from 'framer-motion';\nimport {opacityAnimation} from '@common/ui/animation/opacity-animation';\nimport {ProgressCircle} from '@common/ui/progress/progress-circle';\n\nexport interface InfiniteScrollSentinelProps {\n  loaderMarginTop?: string;\n  children?: ReactNode;\n  loadMoreExtraContent?: ReactNode;\n  query: UseInfiniteQueryResult;\n  style?: React.CSSProperties;\n  className?: string;\n  variant?: 'infiniteScroll' | 'loadMore';\n  size?: 'sm' | 'md';\n}\nexport function InfiniteScrollSentinel({\n  query: {isInitialLoading, fetchNextPage, isFetchingNextPage, hasNextPage},\n  children,\n  loaderMarginTop = 'mt-24',\n  style,\n  className,\n  variant: _variant = 'infiniteScroll',\n  loadMoreExtraContent,\n  size = 'md',\n}: InfiniteScrollSentinelProps) {\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const isLoading = isFetchingNextPage || isInitialLoading;\n  const [loadMoreClickCount, setLoadMoreClickCount] = useState(0);\n  const innerVariant =\n    _variant === 'loadMore' && loadMoreClickCount < 3\n      ? 'loadMore'\n      : 'infiniteScroll';\n\n  useEffect(() => {\n    const sentinelEl = sentinelRef.current;\n    if (!sentinelEl || innerVariant === 'loadMore') return;\n    const observer = new IntersectionObserver(([entry]) => {\n      if (entry.isIntersecting && hasNextPage && !isLoading) {\n        fetchNextPage();\n      }\n    });\n    observer.observe(sentinelEl);\n    return () => {\n      observer.unobserve(sentinelEl);\n    };\n  }, [fetchNextPage, hasNextPage, isLoading, innerVariant]);\n\n  let content: ReactNode;\n\n  if (children) {\n    // children might already be wrapped in AnimatePresence, so only wrap default loader with it\n    content = isFetchingNextPage ? children : null;\n  } else if (innerVariant === 'loadMore') {\n    content = !isInitialLoading && hasNextPage && (\n      <div className={clsx('flex items-center gap-8', loaderMarginTop)}>\n        {loadMoreExtraContent}\n        <Button\n          size={size === 'md' ? 'sm' : 'xs'}\n          className={clsx(\n            size === 'sm' ? 'min-h-24 min-w-96' : 'min-h-36 min-w-112'\n          )}\n          variant=\"outline\"\n          color=\"primary\"\n          onClick={() => {\n            fetchNextPage();\n            setLoadMoreClickCount(loadMoreClickCount + 1);\n          }}\n          disabled={isLoading}\n        >\n          {loadMoreClickCount >= 2 && !isFetchingNextPage ? (\n            <Trans message=\"Load all\" />\n          ) : (\n            <Trans message=\"Show more\" />\n          )}\n        </Button>\n      </div>\n    );\n  } else {\n    content = (\n      <AnimatePresence>\n        {isFetchingNextPage && (\n          <m.div\n            className={clsx('flex justify-center w-full', loaderMarginTop)}\n            {...opacityAnimation}\n          >\n            <ProgressCircle size={size} isIndeterminate aria-label=\"loading\" />\n          </m.div>\n        )}\n      </AnimatePresence>\n    );\n  }\n\n  return (\n    <div\n      style={style}\n      className={clsx('w-full', className, hasNextPage && 'min-h-36')}\n      role=\"presentation\"\n    >\n      <div ref={sentinelRef} aria-hidden />\n      {content}\n    </div>\n  );\n}\n","export function shuffleArray(items: any[], keepFirst = false) {\n  let first = keepFirst ? items.shift() : null;\n\n  let currentIndex = items.length,\n    temporaryValue,\n    randomIndex;\n\n  while (0 !== currentIndex) {\n    randomIndex = Math.floor(Math.random() * currentIndex);\n    currentIndex -= 1;\n\n    temporaryValue = items[currentIndex];\n    items[currentIndex] = items[randomIndex];\n    items[randomIndex] = temporaryValue;\n  }\n\n  if (first) {\n    items.unshift(first);\n  }\n\n  return [...items];\n}\n","import {getFromLocalStorage} from '@common/utils/hooks/local-storage';\nimport {PlayerStoreOptions} from '@common/player/state/player-store-options';\nimport {PlayerState} from '@common/player/state/player-state';\n\nexport interface PersistablePlayerState {\n  muted?: PlayerState['muted'];\n  repeat?: PlayerState['repeat'];\n  shuffling?: PlayerState['shuffling'];\n  volume?: PlayerState['volume'];\n}\n\nexport interface PlayerInitialData {\n  state?: PersistablePlayerState;\n  queue?: PlayerState['originalQueue'];\n  cuedMediaId?: string | number;\n}\n\nexport function getPlayerStateFromLocalStorage(\n  id: string | number,\n  options?: PlayerStoreOptions\n): PlayerInitialData {\n  const defaultVolume = options?.defaultVolume || 30;\n  return {\n    state: {\n      muted: getFromLocalStorage(`player.${id}.muted`) ?? false,\n      repeat: getFromLocalStorage(`player.${id}.repeat`) ?? 'all',\n      shuffling: getFromLocalStorage(`player.${id}.shuffling`) ?? false,\n      volume: getFromLocalStorage(`player.${id}.volume`) ?? defaultVolume,\n    },\n    queue: getFromLocalStorage(`player.${id}.queue`, []),\n    cuedMediaId: getFromLocalStorage(`player.${id}.cuedMediaId`),\n  };\n}\n","export function prependToArrayAtIndex<T>(array: T[], toAdd: T[], index = 0): T[] {\n  const copyOfArray = [...array];\n  const tail = copyOfArray.splice(index + 1);\n  return [...copyOfArray, ...toAdd, ...tail];\n}\n","export function resetMediaSession() {\n  if ('mediaSession' in navigator) {\n    const actionHandlers: MediaSessionAction[] = [\n      'play',\n      'pause',\n      'previoustrack',\n      'nexttrack',\n      'stop',\n      'seekbackward',\n      'seekforward',\n      'seekto',\n    ];\n    actionHandlers.forEach(action =>\n      navigator.mediaSession.setActionHandler(action, null)\n    );\n    navigator.mediaSession.metadata = null;\n    navigator.mediaSession.playbackState = 'none';\n  }\n}\n","import {MediaItem} from '@common/player/media-item';\nimport {PlayerState} from '@common/player/state/player-state';\n\nexport function playerQueue(state: () => PlayerState) {\n  const getPointer = (): number => {\n    if (state().cuedMedia) {\n      return (\n        state().shuffledQueue.findIndex(\n          item => item.id === state().cuedMedia?.id\n        ) || 0\n      );\n    }\n    return 0;\n  };\n  const getCurrent = (): MediaItem | undefined => {\n    return state().shuffledQueue[getPointer()];\n  };\n  const getFirst = (): MediaItem | undefined => {\n    return state().shuffledQueue[0];\n  };\n  const getLast = (): MediaItem | undefined => {\n    return state().shuffledQueue[state().shuffledQueue.length - 1];\n  };\n  const getNext = (): MediaItem | undefined => {\n    return state().shuffledQueue[getPointer() + 1];\n  };\n  const getPrevious = (): MediaItem | undefined => {\n    return state().shuffledQueue[getPointer() - 1];\n  };\n  const isLast = (): boolean => {\n    return getPointer() === state().originalQueue.length - 1;\n  };\n\n  return {\n    getPointer,\n    getCurrent,\n    getFirst,\n    getLast,\n    getNext,\n    getPrevious,\n    isLast,\n  };\n}\n","import {PlayerState} from '@common/player/state/player-state';\nimport {isCtrlOrShiftPressed} from '@common/utils/keybinds/is-ctrl-or-shift-pressed';\n\nexport function handlePlayerKeybinds(\n  e: KeyboardEvent,\n  state: () => PlayerState\n) {\n  if (\n    ['input', 'textarea'].includes(\n      (e.target as HTMLElement)?.tagName.toLowerCase()\n    )\n  )\n    return;\n\n  if (e.key === ' ' || e.key === 'k') {\n    e.preventDefault();\n    if (state().isPlaying) {\n      state().pause();\n    } else {\n      state().play();\n    }\n  }\n\n  if (e.key === 'ArrowRight' && isCtrlOrShiftPressed(e)) {\n    e.preventDefault();\n    state().playNext();\n  }\n\n  if (e.key === 'ArrowLeft' && isCtrlOrShiftPressed(e)) {\n    e.preventDefault();\n    state().playPrevious();\n  }\n}\n","import {Optional} from 'utility-types';\nimport {PlayerState} from '@common/player/state/player-state';\nimport {PlayerStoreOptions} from '@common/player/state/player-store-options';\n\nexport function initPlayerMediaSession(\n  state: () => PlayerState,\n  options: PlayerStoreOptions\n) {\n  if ('mediaSession' in navigator) {\n    const actionHandlers: Optional<\n      Record<MediaSessionAction, MediaSessionActionHandler>\n    > = {\n      play: () => state().play(),\n      pause: () => state().pause(),\n      previoustrack: () => state().playPrevious(),\n      nexttrack: () => state().playNext(),\n      stop: () => state().stop(),\n      seekbackward: () => state().seek(state().getCurrentTime() - 10),\n      seekforward: () => state().seek(state().getCurrentTime() + 10),\n      seekto: details => state().seek(details.seekTime || 0),\n    };\n    for (const key in actionHandlers) {\n      try {\n        navigator.mediaSession.setActionHandler(\n          key as MediaSessionAction,\n          actionHandlers[key as MediaSessionAction]!\n        );\n      } catch (error) {}\n    }\n    const cuedMedia = state().cuedMedia;\n    if (cuedMedia) {\n      options.setMediaSessionMetadata?.(cuedMedia);\n    }\n  }\n}\n","import {MediaItem} from '@common/player/media-item';\n\nexport function isSameMedia(a?: MediaItem, b?: MediaItem): boolean {\n  if (!a || !b) return false;\n  return a.id === b.id && a.groupId === b.groupId;\n}\n","export class ScreenOrientation {\n  protected currentLock: OrientationLockType | undefined;\n\n  async lock(lockType: OrientationLockType = 'landscape') {\n    if (!this.canOrientScreen() || this.currentLock) return;\n    try {\n      await (screen.orientation as any).lock(lockType);\n      this.currentLock = lockType;\n    } catch (e) {}\n  }\n\n  async unlock() {\n    if (!this.canOrientScreen() || !this.currentLock) return;\n    await screen.orientation.unlock();\n  }\n\n  canOrientScreen(): boolean {\n    return (\n      screen.orientation != null &&\n      !!(screen.orientation as any).lock &&\n      !!screen.orientation.unlock\n    );\n  }\n}\n\nexport type OrientationLockType =\n  /**\n   * Any is an orientation that means the screen can be locked to any one of portrait-primary,\n   * portrait-secondary, landscape-primary and landscape-secondary.\n   */\n  | 'any'\n\n  /**\n   * Landscape is an orientation where the screen width is greater than the screen height and\n   * depending on platform convention locking the screen to landscape can represent\n   * landscape-primary, landscape-secondary or both.\n   */\n  | 'landscape'\n\n  /**\n   * Landscape-primary is an orientation where the screen width is greater than the screen height.\n   * If the device's natural orientation is landscape, then it is in landscape-primary when held\n   * in that position. If the device's natural orientation is portrait, the user agent sets\n   * landscape-primary from the two options as shown in the screen orientation values table.\n   */\n  | 'landscape-primary'\n\n  /**\n   * Landscape-secondary is an orientation where the screen width is greater than the screen\n   * height. If the device's natural orientation is landscape, it is in landscape-secondary when\n   * rotated 180º from its natural orientation. If the device's natural orientation is portrait,\n   * the user agent sets landscape-secondary from the two options as shown in the screen\n   * orientation values table.\n   */\n  | 'landscape-secondary'\n\n  /**\n   * Natural is an orientation that refers to either portrait-primary or landscape-primary\n   * depending on the device's usual orientation. This orientation is usually provided by the\n   * underlying operating system.\n   */\n  | 'natural'\n\n  /**\n   * Portrait is an orientation where the screen width is less than or equal to the screen height\n   * and depending on platform convention locking the screen to portrait can represent\n   * portrait-primary, portrait-secondary or both.\n   */\n  | 'portrait'\n\n  /**\n   * Portrait-primary is an orientation where the screen width is less than or equal to the screen\n   * height. If the device's natural orientation is portrait, then it is in portrait-primary when\n   * held in that position. If the device's natural orientation is landscape, the user agent sets\n   * portrait-primary from the two options as shown in the screen orientation values table.\n   */\n  | 'portrait-primary'\n\n  /**\n   * Portrait-secondary is an orientation where the screen width is less than or equal to the\n   * screen height. If the device's natural orientation is portrait, then it is in\n   * portrait-secondary when rotated 180º from its natural position. If the device's natural\n   * orientation is landscape, the user agent sets portrait-secondary from the two options as\n   * shown in the screen orientation values table.\n   */\n  | 'portrait-secondary';\n","export const IS_CLIENT = typeof window !== 'undefined';\nexport const UA = IS_CLIENT ? window.navigator?.userAgent.toLowerCase() : '';\nexport const IS_IOS = /iphone|ipad|ipod|ios|CriOS|FxiOS/.test(UA);\nexport const IS_ANDROID = /android/.test(UA);\nexport const IS_MOBILE = IS_CLIENT && (IS_IOS || IS_ANDROID);\nexport const IS_IPHONE =\n  IS_CLIENT && /(iPhone|iPod)/gi.test(window.navigator?.platform);\nexport const IS_FIREFOX = /firefox/.test(UA);\n// @ts-ignore\nexport const IS_CHROME = IS_CLIENT && window.chrome;\nexport const IS_SAFARI =\n  IS_CLIENT &&\n  !IS_CHROME &&\n  // @ts-ignore\n  (window.safari || IS_IOS || /(apple|safari)/.test(UA));\n","var key = {\r\n    fullscreenEnabled: 0,\r\n    fullscreenElement: 1,\r\n    requestFullscreen: 2,\r\n    exitFullscreen: 3,\r\n    fullscreenchange: 4,\r\n    fullscreenerror: 5,\r\n    fullscreen: 6\r\n};\r\nvar webkit = [\r\n    'webkitFullscreenEnabled',\r\n    'webkitFullscreenElement',\r\n    'webkitRequestFullscreen',\r\n    'webkitExitFullscreen',\r\n    'webkitfullscreenchange',\r\n    'webkitfullscreenerror',\r\n    '-webkit-full-screen',\r\n];\r\nvar moz = [\r\n    'mozFullScreenEnabled',\r\n    'mozFullScreenElement',\r\n    'mozRequestFullScreen',\r\n    'mozCancelFullScreen',\r\n    'mozfullscreenchange',\r\n    'mozfullscreenerror',\r\n    '-moz-full-screen',\r\n];\r\nvar ms = [\r\n    'msFullscreenEnabled',\r\n    'msFullscreenElement',\r\n    'msRequestFullscreen',\r\n    'msExitFullscreen',\r\n    'MSFullscreenChange',\r\n    'MSFullscreenError',\r\n    '-ms-fullscreen',\r\n];\r\n// so it doesn't throw if no window or document\r\nvar document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};\r\nvar vendor = (('fullscreenEnabled' in document && Object.keys(key)) ||\r\n    (webkit[0] in document && webkit) ||\r\n    (moz[0] in document && moz) ||\r\n    (ms[0] in document && ms) ||\r\n    []);\r\nvar fscreen = {\r\n    requestFullscreen: function (element) { return element[vendor[key.requestFullscreen]](); },\r\n    requestFullscreenFunction: function (element) { return element[vendor[key.requestFullscreen]]; },\r\n    get exitFullscreen() { return document[vendor[key.exitFullscreen]].bind(document); },\r\n    get fullscreenPseudoClass() { return \":\" + vendor[key.fullscreen]; },\r\n    addEventListener: function (type, handler, options) { return document.addEventListener(vendor[key[type]], handler, options); },\r\n    removeEventListener: function (type, handler, options) { return document.removeEventListener(vendor[key[type]], handler, options); },\r\n    get fullscreenEnabled() { return Boolean(document[vendor[key.fullscreenEnabled]]); },\r\n    set fullscreenEnabled(val) { },\r\n    get fullscreenElement() { return document[vendor[key.fullscreenElement]]; },\r\n    set fullscreenElement(val) { },\r\n    get onfullscreenchange() { return document[(\"on\" + vendor[key.fullscreenchange]).toLowerCase()]; },\r\n    set onfullscreenchange(handler) { return document[(\"on\" + vendor[key.fullscreenchange]).toLowerCase()] = handler; },\r\n    get onfullscreenerror() { return document[(\"on\" + vendor[key.fullscreenerror]).toLowerCase()]; },\r\n    set onfullscreenerror(handler) { return document[(\"on\" + vendor[key.fullscreenerror]).toLowerCase()] = handler; },\r\n};\n\nexport default fscreen;\n//# sourceMappingURL=fscreen.esm.js.map\n","import {FullscreenAdapter} from '@common/player/state/fullscreen/fullscreen-adapter';\nimport fscreen from 'fscreen';\n\nexport function createNativeFullscreenAdapter(\n  host: HTMLElement,\n  onChange: () => void\n): FullscreenAdapter {\n  host = host.closest('.fullscreen-host') ?? host;\n  return {\n    isFullscreen: () => {\n      if (fscreen.fullscreenElement === host) return true;\n      try {\n        // Throws in iOS Safari...\n        return host.matches(\n          // @ts-expect-error - `fullscreenPseudoClass` is missing from `@types/fscreen`.\n          fscreen.fullscreenPseudoClass\n        );\n      } catch (error) {\n        return false;\n      }\n    },\n    canFullScreen: () => {\n      return fscreen.fullscreenEnabled;\n    },\n    enter: () => {\n      return fscreen.requestFullscreen(host);\n    },\n    exit: () => {\n      return fscreen.exitFullscreen();\n    },\n    bindEvents: () => {\n      fscreen.addEventListener('fullscreenchange', onChange);\n      fscreen.addEventListener('fullscreenerror', onChange);\n    },\n    unbindEvents: () => {\n      fscreen.removeEventListener('fullscreenchange', onChange);\n      fscreen.removeEventListener('fullscreenerror', onChange);\n    },\n  };\n}\n","import {FullscreenAdapter} from '@common/player/state/fullscreen/fullscreen-adapter';\nimport {IS_IPHONE} from '@common/utils/platform';\n\nexport function createIphoneFullscreenAdapter(\n  host: HTMLVideoElement,\n  onChange: () => void\n): FullscreenAdapter {\n  return {\n    /**\n     * @link https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1631913-webkitpresentationmode\n     */\n    isFullscreen: () => {\n      return host.webkitPresentationMode === 'fullscreen';\n    },\n    /**\n     * @link https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1628805-webkitsupportsfullscreen\n     */\n    canFullScreen: () => {\n      return (\n        IS_IPHONE &&\n        typeof host.webkitSetPresentationMode === 'function' &&\n        (host.webkitSupportsFullscreen ?? false)\n      );\n    },\n    enter: () => {\n      return host.webkitSetPresentationMode?.('fullscreen');\n    },\n    exit: () => {\n      return host.webkitSetPresentationMode?.('inline');\n    },\n    bindEvents: () => {\n      host.removeEventListener('webkitpresentationmodechanged', onChange);\n    },\n    unbindEvents: () => {\n      host.addEventListener('webkitpresentationmodechanged', onChange);\n    },\n  };\n}\n","import {StateCreator} from 'zustand';\nimport {\n  PlayerState,\n  ProviderListeners,\n} from '@common/player/state/player-state';\nimport {ScreenOrientation} from '@common/player/state/fullscreen/screen-orientation';\nimport {IS_IPHONE} from '@common/utils/platform';\nimport {FullscreenAdapter} from '@common/player/state/fullscreen/fullscreen-adapter';\nimport {createNativeFullscreenAdapter} from '@common/player/state/fullscreen/create-native-fullscreen-adapter';\nimport {createIphoneFullscreenAdapter} from '@common/player/state/fullscreen/create-iphone-fullscreen-adapter';\nimport {PipSlice} from '@common/player/state/pip/pip-slice';\n\nexport interface FullscreenSlice {\n  isFullscreen: boolean;\n  canFullscreen: boolean;\n  enterFullscreen: () => void;\n  exitFullscreen: () => void;\n  toggleFullscreen: () => void;\n  initFullscreen: () => void;\n  destroyFullscreen: () => void;\n}\n\ntype BaseSliceCreator = StateCreator<\n  FullscreenSlice & PlayerState & PipSlice,\n  [['zustand/immer', unknown]],\n  [],\n  FullscreenSlice\n>;\n\ntype StoreLice = BaseSliceCreator extends (...a: infer U) => infer R\n  ? (...a: [...U, Set<Partial<ProviderListeners>>]) => R\n  : never;\n\nconst iPhoneProviderBlacklist = ['youtube'];\n\nexport const createFullscreenSlice: StoreLice = (set, get) => {\n  let subscription: () => void | undefined;\n  const orientation = new ScreenOrientation();\n  let adapter: FullscreenAdapter | undefined;\n\n  const onFullscreenChange = async () => {\n    const isFullscreen = adapter?.isFullscreen();\n    if (isFullscreen) {\n      // lock orientation to landscape\n      orientation.lock();\n    } else {\n      orientation.unlock();\n    }\n    set({isFullscreen});\n  };\n\n  const isSupported = (): boolean => {\n    // iPhone only allows putting video element in fullscreen, and\n    // there's no way to get access to it with YouTube iframe api\n    if (IS_IPHONE && iPhoneProviderBlacklist.includes(get().providerName!)) {\n      return false;\n    }\n    return adapter?.canFullScreen() ?? false;\n  };\n\n  return {\n    isFullscreen: false,\n    canFullscreen: false,\n    enterFullscreen: () => {\n      if (!isSupported() || adapter?.isFullscreen()) return;\n\n      // exit pip if it's active\n      if (get().isPip) {\n        get().exitPip();\n      }\n      return adapter?.enter();\n    },\n    exitFullscreen: () => {\n      if (!adapter?.isFullscreen()) return;\n      return adapter.exit();\n    },\n    toggleFullscreen: () => {\n      if (get().isFullscreen) {\n        get().exitFullscreen();\n      } else {\n        get().enterFullscreen();\n      }\n    },\n    initFullscreen: () => {\n      subscription = get().subscribe({\n        providerReady: ({el}) => {\n          // when changing adapters, remove previous adapter events and exit fullscreen\n          adapter?.unbindEvents();\n          if (get().isFullscreen) {\n            adapter?.exit();\n          }\n          // create new adapter, and if fullscreen is supported, bind events\n          adapter = IS_IPHONE\n            ? createIphoneFullscreenAdapter(\n                el as HTMLVideoElement,\n                onFullscreenChange\n              )\n            : createNativeFullscreenAdapter(el, onFullscreenChange);\n          const canFullscreen = isSupported();\n          set({canFullscreen});\n          if (canFullscreen) {\n            adapter.bindEvents();\n          }\n        },\n      });\n    },\n    destroyFullscreen: () => {\n      get().exitFullscreen();\n      subscription?.();\n    },\n  };\n};\n","import {PipAdapter} from '@common/player/state/pip/pip-adapter';\nimport {IS_CLIENT} from '@common/utils/platform';\n\nexport const createChromePipAdapter = (\n  host: HTMLVideoElement,\n  onChange: () => void\n): PipAdapter => {\n  return {\n    isSupported: () => canUsePiPInChrome(),\n    isPip: () => {\n      return host === document.pictureInPictureElement;\n    },\n    enter: () => {\n      if (canUsePiPInChrome()) {\n        return host.requestPictureInPicture();\n      }\n    },\n    exit: () => {\n      if (canUsePiPInChrome()) {\n        return document.exitPictureInPicture();\n      }\n    },\n    bindEvents: () => {\n      if (canUsePiPInChrome()) {\n        host.addEventListener('enterpictureinpicture', onChange);\n        host.addEventListener('leavepictureinpicture', onChange);\n      }\n    },\n    unbindEvents: () => {\n      if (canUsePiPInChrome()) {\n        host.removeEventListener('enterpictureinpicture', onChange);\n        host.removeEventListener('leavepictureinpicture', onChange);\n      }\n    },\n  };\n};\n\n/**\n * Checks if the native HTML5 video player can enter picture-in-picture (PIP) mode when using\n * the Chrome browser.\n *\n * @see  https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture\n */\nlet _canUsePiPInChrome: boolean | undefined;\nconst canUsePiPInChrome = (): boolean => {\n  if (!IS_CLIENT) return false;\n  if (_canUsePiPInChrome == null) {\n    const video = document.createElement('video');\n    _canUsePiPInChrome =\n      !!document.pictureInPictureEnabled && !video.disablePictureInPicture;\n  }\n  return _canUsePiPInChrome;\n};\n","import {PipAdapter} from '@common/player/state/pip/pip-adapter';\nimport {IS_CLIENT, IS_IPHONE} from '@common/utils/platform';\n\nexport const createSafariPipAdapter = (\n  host: HTMLVideoElement,\n  onChange: () => void\n): PipAdapter => {\n  return {\n    isSupported: () => canUsePiPInSafari(),\n    isPip: () => {\n      return host.webkitPresentationMode === 'picture-in-picture';\n    },\n    enter: () => {\n      if (canUsePiPInSafari()) {\n        return host.webkitSetPresentationMode?.('picture-in-picture');\n      }\n    },\n    exit: () => {\n      if (canUsePiPInSafari()) {\n        return host.webkitSetPresentationMode?.('inline');\n      }\n    },\n    bindEvents: () => {\n      if (canUsePiPInSafari()) {\n        host.addEventListener('webkitpresentationmodechanged', onChange);\n      }\n    },\n    unbindEvents: () => {\n      if (canUsePiPInSafari()) {\n        host.removeEventListener('webkitpresentationmodechanged', onChange);\n      }\n    },\n  };\n};\n\n/**\n * Checks if the native HTML5 video player can enter picture-in-picture (PIP) mode when using\n * the desktop Safari browser, iOS Safari appears to \"support\" PiP through the check, however PiP\n * does not function.\n *\n * @see https://developer.apple.com/documentation/webkitjs/adding_picture_in_picture_to_your_safari_media_controls\n */\nlet _canUsePiPInSafari: boolean | undefined;\nconst canUsePiPInSafari = (): boolean => {\n  if (!IS_CLIENT) return false;\n  const video = document.createElement('video');\n  if (_canUsePiPInSafari == null) {\n    _canUsePiPInSafari =\n      // @ts-ignore\n      !!video.webkitSupportsPresentationMode &&\n      // @ts-ignore\n      !!video.webkitSetPresentationMode &&\n      !IS_IPHONE;\n  }\n  return _canUsePiPInSafari;\n};\n","import {StateCreator} from 'zustand';\nimport {\n  PlayerState,\n  ProviderListeners,\n} from '@common/player/state/player-state';\nimport {PipAdapter} from '@common/player/state/pip/pip-adapter';\nimport {createChromePipAdapter} from '@common/player/state/pip/chrome-pip-adapter';\nimport {createSafariPipAdapter} from '@common/player/state/pip/safari-pip-adapter';\n\nexport interface PipSlice {\n  isPip: boolean;\n  canPip: boolean;\n  enterPip: () => void;\n  exitPip: () => void;\n  togglePip: () => void;\n  initPip: () => void;\n  destroyPip: () => void;\n}\n\ntype BaseSliceCreator = StateCreator<\n  PipSlice & PlayerState,\n  [['zustand/immer', unknown]],\n  [],\n  PipSlice\n>;\n\ntype StoreLice = BaseSliceCreator extends (...a: infer U) => infer R\n  ? (...a: [...U, Set<Partial<ProviderListeners>>]) => R\n  : never;\n\nconst adapterFactories = [createChromePipAdapter, createSafariPipAdapter];\n\nexport const createPipSlice: StoreLice = (set, get) => {\n  let subscription: () => void | undefined;\n  let adapters: PipAdapter[] = [];\n\n  const onPipChange = () => {\n    set({isPip: adapters.some(a => a.isPip())});\n  };\n\n  const isSupported = (): boolean => {\n    if (get().providerName !== 'htmlVideo') {\n      return false;\n    }\n    return adapters.some(adapter => adapter.isSupported());\n  };\n\n  return {\n    isPip: false,\n    canPip: false,\n    enterPip: async () => {\n      if (get().isPip || !isSupported()) return;\n      await adapters.find(a => a.isSupported())?.enter();\n    },\n    exitPip: async () => {\n      if (!get().isPip) return;\n      await adapters.find(a => a.isSupported())?.exit();\n    },\n    togglePip: () => {\n      if (get().isPip) {\n        get().exitPip();\n      } else {\n        get().enterPip();\n      }\n    },\n    initPip: () => {\n      subscription = get().subscribe({\n        providerReady: ({el}) => {\n          // when changing adapters, remove previous adapter events and exit pip\n          adapters.every(a => a.unbindEvents());\n          if (get().isPip) {\n            adapters.every(a => a.exit());\n          }\n          // create new adapters, and if pip is supported on at least one, bind events\n          adapters = adapterFactories.map(factory =>\n            factory(el as HTMLVideoElement, onPipChange)\n          );\n          const canPip = isSupported();\n          if (canPip) {\n            adapters.every(a => a.bindEvents());\n          }\n          set({canPip});\n        },\n      });\n    },\n    destroyPip: () => {\n      get().exitPip();\n      subscription?.();\n    },\n  };\n};\n","import {createStore} from 'zustand';\nimport {immer} from 'zustand/middleware/immer';\nimport {MediaItem} from '@common/player/media-item';\nimport {setInLocalStorage as _setInLocalStorage} from '@common/utils/hooks/local-storage';\nimport {shuffleArray} from '@common/utils/array/shuffle-array';\nimport {PlayerStoreOptions} from '@common/player/state/player-store-options';\nimport {getPlayerStateFromLocalStorage} from '@common/player/utils/player-local-storage';\nimport {prependToArrayAtIndex} from '@common/utils/array/prepend-to-array-at-index';\nimport deepMerge from 'deepmerge';\nimport {resetMediaSession} from '@common/player/utils/reset-media-session';\nimport {playerQueue} from '@common/player/player-queue';\nimport type {\n  PlayerState,\n  ProviderListeners,\n  RepeatMode,\n} from '@common/player/state/player-state';\nimport {handlePlayerKeybinds} from '@common/player/handle-player-keybinds';\nimport {initPlayerMediaSession} from '@common/player/utils/init-player-media-session';\nimport {isSameMedia} from '@common/player/utils/is-same-media';\nimport {\n  createFullscreenSlice,\n  FullscreenSlice,\n} from '@common/player/state/fullscreen/fullscreen-slice';\nimport {createPipSlice, PipSlice} from '@common/player/state/pip/pip-slice';\nimport {subscribeWithSelector} from 'zustand/middleware';\n\nexport const createPlayerStore = (\n  id: string | number,\n  options: PlayerStoreOptions,\n) => {\n  // initialData from options should take priority over local storage data\n  const initialData = deepMerge(\n    getPlayerStateFromLocalStorage(id, options),\n    options.initialData || {},\n  );\n\n  const setInLocalStorage = (key: string, value: any) => {\n    _setInLocalStorage(`player.${id}.${key}`, value);\n  };\n\n  return createStore<PlayerState & FullscreenSlice & PipSlice>()(\n    subscribeWithSelector(\n      immer((set, get, store) => {\n        const listeners = new Set<Partial<ProviderListeners>>();\n        const internalListeners: Partial<ProviderListeners> = {\n          play: () => {\n            set(s => {\n              s.isPlaying = true;\n              s.playbackStarted = true;\n            });\n          },\n          pause: () => {\n            set(s => {\n              s.isPlaying = false;\n              s.controlsVisible = true;\n            });\n          },\n          error: e => {\n            set(s => {\n              // there could be a number of non-fatal errors where player will continue to\n              // work properly, like autoplay error from HTML5 video or buffer full from HLS\n              if (e?.fatal) {\n                s.isPlaying = false;\n              }\n            });\n          },\n          durationChange: payload => {\n            set({mediaDuration: payload.duration});\n          },\n          streamTypeChange: payload => {\n            set({streamType: payload.streamType});\n          },\n          buffered: payload => {\n            //\n          },\n          playbackRateChange: payload => {\n            set({playbackRate: payload.rate});\n          },\n          playbackRates: ({rates}) => {\n            set({playbackRates: rates});\n          },\n          playbackQualities: ({qualities}) => {\n            set({playbackQualities: qualities});\n          },\n          audioTracks: ({tracks}) => {\n            set({audioTracks: tracks});\n          },\n          currentAudioTrackChange: ({trackId}) => {\n            set({currentAudioTrack: trackId});\n          },\n          playbackQualityChange: ({quality}) => {\n            set({playbackQuality: quality});\n          },\n          textTracks: ({tracks}) => {\n            set({textTracks: tracks});\n          },\n          currentTextTrackChange: ({trackId}) => {\n            set({currentTextTrack: trackId});\n          },\n          textTrackVisibilityChange: ({isVisible}) => {\n            set({textTrackIsVisible: isVisible});\n          },\n          buffering: ({isBuffering}) => {\n            set({isBuffering});\n          },\n          playbackEnd: async () => {\n            const media = get().cuedMedia;\n\n            // don't play next or repeat while seeking via seekbar\n            if (get().isSeeking) return;\n            if (queue.isLast() && options.loadMoreMediaItems) {\n              const items = await options.loadMoreMediaItems(media);\n              if (items?.length) {\n                get().appendToQueue(items);\n              }\n            }\n\n            get().playNext();\n          },\n          posterLoaded: ({url}) => {\n            set({posterUrl: url});\n          },\n          providerReady: () => {\n            const provider = get().providerApi;\n            if (provider) {\n              provider.setVolume(get().volume);\n              provider.setMuted(get().muted);\n              if (options.autoPlay) {\n                provider.play();\n              }\n              set({providerReady: true});\n            }\n          },\n        };\n\n        const queue = playerQueue(get);\n\n        const keybindsHandler = (e: KeyboardEvent) => {\n          handlePlayerKeybinds(e, get);\n        };\n\n        const initialQueue = initialData.queue || [];\n        return {\n          options,\n          ...createFullscreenSlice(set, get, store, listeners),\n          ...createPipSlice(set, get, store, listeners),\n          originalQueue: initialQueue,\n          shuffledQueue: initialData.state?.shuffling\n            ? shuffleArray(initialQueue)\n            : initialQueue,\n          isPlaying: false,\n          isBuffering: false,\n          streamType: null,\n          playbackStarted: false,\n          providerReady: false,\n          pauseWhileSeeking: options.pauseWhileSeeking ?? true,\n          isSeeking: false,\n          setIsSeeking: (isSeeking: boolean) => {\n            set({isSeeking});\n          },\n          controlsVisible: true,\n          setControlsVisible: (isVisible: boolean) => {\n            set(s => {\n              s.controlsVisible = isVisible;\n            });\n          },\n          volume: initialData.state?.volume ?? 30,\n          setVolume: value => {\n            get().providerApi?.setVolume(value);\n            set(s => {\n              s.volume = value;\n            });\n            setInLocalStorage('volume', value);\n          },\n          muted: initialData.state?.muted ?? false,\n          setMuted: isMuted => {\n            get().providerApi?.setMuted(isMuted);\n            set(s => {\n              s.muted = isMuted;\n            });\n            setInLocalStorage('muted', isMuted);\n          },\n          playbackRates: [],\n          playbackRate: 1,\n          setPlaybackRate: speed => {\n            get().providerApi?.setPlaybackRate(speed);\n          },\n          playbackQuality: 'auto',\n          setPlaybackQuality: quality => {\n            get().providerApi?.setPlaybackQuality?.(quality);\n          },\n          playbackQualities: [],\n          repeat: initialData.state?.repeat ?? 'all',\n          toggleRepeatMode: () => {\n            let newRepeat: RepeatMode = 'all';\n            const currentRepeat = get().repeat;\n            if (currentRepeat === 'all') {\n              newRepeat = 'one';\n            } else if (currentRepeat === 'one') {\n              newRepeat = false;\n            }\n\n            set({repeat: newRepeat});\n            setInLocalStorage('repeat', newRepeat);\n          },\n          shuffling: initialData.state?.shuffling ?? false,\n          toggleShuffling: () => {\n            let newQueue: MediaItem[] = [];\n\n            if (get().shuffling) {\n              newQueue = get().originalQueue;\n            } else {\n              newQueue = shuffleArray([...get().shuffledQueue]);\n            }\n\n            set(s => {\n              s.shuffling = !s.shuffling;\n              s.shuffledQueue = newQueue;\n            });\n          },\n          mediaDuration: 0,\n          seek: time => {\n            const timeStr = `${time}`;\n            if (timeStr.startsWith('+')) {\n              time = get().getCurrentTime() + Number(time);\n            } else if (timeStr.startsWith('-')) {\n              time = get().getCurrentTime() - Number(timeStr.replace('-', ''));\n            } else {\n              time = Number(time);\n            }\n            get().providerApi?.seek(time);\n            get().emit('seek', {time});\n          },\n          getCurrentTime: () => {\n            return get().providerApi?.getCurrentTime() || 0;\n          },\n          play: async media => {\n            // get currently active queue item, if none is provided\n            if (media) {\n              await get().cue(media);\n            } else {\n              media = get().cuedMedia || queue.getCurrent();\n            }\n            // if no media to play, stop player and bail\n            if (!media) {\n              get().stop();\n              return;\n            }\n            await options.onBeforePlay?.();\n            await get().providerApi?.play();\n          },\n          pause: () => {\n            get().providerApi?.pause();\n          },\n          stop: () => {\n            if (!get().isPlaying) return;\n            get().pause();\n            get().seek(0);\n          },\n          playNext: async () => {\n            get().stop();\n            let media = queue.getCurrent();\n\n            if (get().repeat === 'all' && queue.isLast()) {\n              media = queue.getFirst();\n            } else if (get().repeat !== 'one') {\n              media = queue.getNext();\n            }\n\n            // YouTube provider will not play the same tray unless we wait some time after playback end\n            if (get().repeat === 'one' && get().providerName === 'youtube') {\n              await new Promise(resolve => setTimeout(resolve, 50));\n            }\n\n            // allow user to handle playing next track\n            if (options.onBeforePlayNext?.(media)) {\n              return;\n            }\n\n            if (media) {\n              await get().play(media);\n            } else {\n              get().seek(0);\n              get().play();\n            }\n          },\n          playPrevious: async () => {\n            get().stop();\n            let media = queue.getCurrent();\n\n            if (get().repeat === 'all' && queue.getPointer() === 0) {\n              media = queue.getLast();\n            } else if (get().repeat !== 'one') {\n              media = queue.getPrevious();\n            }\n\n            // allow user to handle playing previous track\n            if (options.onBeforePlayPrevious?.(media)) {\n              return;\n            }\n\n            if (media) {\n              await get().play(media);\n            } else {\n              get().seek(0);\n              get().play();\n            }\n          },\n          cue: async media => {\n            if (isSameMedia(media, get().cuedMedia)) return;\n\n            get().emit('beforeCued', {previous: get().cuedMedia});\n\n            return new Promise((resolve, reject) => {\n              const previousProvider = get().providerName;\n\n              // wait until media is cued on provider or 3 seconds\n              const timeoutId = setTimeout(() => {\n                unsubscribe();\n                resolve();\n              }, 3000);\n              const unsubscribe = get().subscribe({\n                cued: () => {\n                  clearTimeout(timeoutId);\n                  unsubscribe();\n                  resolve();\n                },\n                error: e => {\n                  clearTimeout(timeoutId);\n                  unsubscribe();\n                  reject('Could not cue media');\n                },\n              });\n\n              set({\n                cuedMedia: media,\n                posterUrl: media.poster,\n                providerName: media.provider,\n                providerReady: previousProvider === media.provider,\n                streamType: 'streamType' in media ? media.streamType : null,\n              });\n\n              if (media) {\n                options.setMediaSessionMetadata?.(media);\n              }\n\n              if (options.persistQueueInLocalStorage) {\n                setInLocalStorage('cuedMediaId', media.id);\n              }\n            });\n          },\n          async overrideQueue(\n            mediaItems: MediaItem[],\n            queuePointer: number = 0,\n          ): Promise<any> {\n            if (!mediaItems?.length) return;\n            const items = [...mediaItems];\n            set(s => {\n              s.shuffledQueue = get().shuffling\n                ? shuffleArray(items, true)\n                : items;\n              s.originalQueue = items;\n            });\n            if (options.persistQueueInLocalStorage) {\n              setInLocalStorage('queue', get().originalQueue.slice(0, 15));\n            }\n            const media =\n              queuePointer > -1 ? mediaItems[queuePointer] : queue.getCurrent();\n            if (media) {\n              return get().cue(media);\n            }\n          },\n          appendToQueue: (mediaItems, afterCuedMedia = true) => {\n            const shuffledNewItems = get().shuffling\n              ? shuffleArray([...mediaItems])\n              : [...mediaItems];\n            const index = afterCuedMedia ? queue.getPointer() : 0;\n            set(s => {\n              s.shuffledQueue = prependToArrayAtIndex(\n                s.shuffledQueue,\n                shuffledNewItems,\n                index,\n              );\n              s.originalQueue = prependToArrayAtIndex(\n                s.originalQueue,\n                mediaItems,\n                index,\n              );\n            });\n            if (options.persistQueueInLocalStorage) {\n              setInLocalStorage('queue', get().originalQueue.slice(0, 15));\n            }\n          },\n          removeFromQueue: mediaItems => {\n            set(s => {\n              s.shuffledQueue = s.shuffledQueue.filter(\n                item => !mediaItems.find(m => isSameMedia(m, item)),\n              );\n              s.originalQueue = s.originalQueue.filter(\n                item => !mediaItems.find(m => isSameMedia(m, item)),\n              );\n            });\n            if (options.persistQueueInLocalStorage) {\n              setInLocalStorage('queue', get().originalQueue.slice(0, 15));\n            }\n          },\n          textTracks: [],\n          currentTextTrack: -1,\n          setCurrentTextTrack: trackId => {\n            get().providerApi?.setCurrentTextTrack?.(trackId);\n          },\n          textTrackIsVisible: false,\n          setTextTrackVisibility: isVisible => {\n            get().providerApi?.setTextTrackVisibility?.(isVisible);\n          },\n          audioTracks: [],\n          currentAudioTrack: -1,\n          setCurrentAudioTrack: trackId => {\n            get().providerApi?.setCurrentAudioTrack?.(trackId);\n          },\n          destroy: () => {\n            get().destroyFullscreen();\n            get().destroyPip();\n            options?.onDestroy?.();\n            resetMediaSession();\n            listeners.clear();\n            document.removeEventListener('keydown', keybindsHandler);\n          },\n          init: async () => {\n            // add initial and listeners from options, these will be present for the entire lifetime of the player\n            get().initFullscreen();\n\n            listeners.add(internalListeners);\n            if (options.listeners) {\n              listeners.add(options.listeners as Partial<ProviderListeners>);\n            }\n\n            const mediaId =\n              initialData.cuedMediaId || initialData.queue?.[0]?.id;\n            const mediaToCue = initialData.queue?.find(\n              media => media.id === mediaId,\n            );\n            if (mediaToCue) {\n              await get().cue(mediaToCue);\n            }\n            initPlayerMediaSession(get, options);\n            document.addEventListener('keydown', keybindsHandler);\n          },\n          subscribe: newListeners => {\n            listeners.add(newListeners);\n            return () => listeners.delete(newListeners);\n          },\n          emit(event, payload?: any) {\n            listeners.forEach(l => l[event]?.({state: get(), ...payload}));\n          },\n        };\n      }),\n    ),\n  );\n};\n","import {createContext, ReactNode, useState} from 'react';\nimport {createPlayerStore} from '@common/player/state/player-store';\nimport {PlayerStoreOptions} from '@common/player/state/player-store-options';\nimport type {PlayerStoreApi} from '@common/player/state/player-state';\n\nexport const PlayerStoreContext = createContext<PlayerStoreApi>(null!);\n\ninterface PlayerContextProps {\n  children: ReactNode;\n  id: string | number;\n  options: PlayerStoreOptions;\n}\nexport function PlayerContext({children, id, options}: PlayerContextProps) {\n  //lazily create store object only once\n  const [store] = useState(() => {\n    return createPlayerStore(id, options);\n  });\n\n  return (\n    <PlayerStoreContext.Provider value={store}>\n      {children}\n    </PlayerStoreContext.Provider>\n  );\n}\n","import ReactExports from 'react';\nimport useSyncExternalStoreExports from 'use-sync-external-store/shim/with-selector.js';\nimport { createStore } from 'zustand/vanilla';\n\nconst { useDebugValue } = ReactExports;\nconst { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;\nfunction useStoreWithEqualityFn(api, selector = api.getState, equalityFn) {\n  const slice = useSyncExternalStoreWithSelector(\n    api.subscribe,\n    api.getState,\n    api.getServerState || api.getState,\n    selector,\n    equalityFn\n  );\n  useDebugValue(slice);\n  return slice;\n}\nconst createWithEqualityFnImpl = (createState, defaultEqualityFn) => {\n  const api = createStore(createState);\n  const useBoundStoreWithEqualityFn = (selector, equalityFn = defaultEqualityFn) => useStoreWithEqualityFn(api, selector, equalityFn);\n  Object.assign(useBoundStoreWithEqualityFn, api);\n  return useBoundStoreWithEqualityFn;\n};\nconst createWithEqualityFn = (createState, defaultEqualityFn) => createState ? createWithEqualityFnImpl(createState, defaultEqualityFn) : createWithEqualityFnImpl;\n\nexport { createWithEqualityFn, useStoreWithEqualityFn };\n","import {StoreApi} from 'zustand';\nimport {useContext} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {PlayerState} from '@common/player/state/player-state';\nimport {FullscreenSlice} from '@common/player/state/fullscreen/fullscreen-slice';\nimport {PipSlice} from '@common/player/state/pip/pip-slice';\nimport {useStoreWithEqualityFn} from 'zustand/traditional';\n\ntype ExtractState<S> = S extends {\n  getState: () => infer T;\n}\n  ? T\n  : never;\n\ntype UsePlayerStore = {\n  (): ExtractState<StoreApi<PlayerState>>;\n  <U>(\n    selector: (\n      state: ExtractState<StoreApi<PlayerState & FullscreenSlice & PipSlice>>\n    ) => U,\n    equalityFn?: (a: U, b: U) => boolean\n  ): U;\n};\n\n// @ts-ignore\nexport const usePlayerStore: UsePlayerStore = (selector, equalityFn) => {\n  const store = useContext(PlayerStoreContext);\n  return useStoreWithEqualityFn(store, selector, equalityFn);\n};\n","import {useContext, useMemo} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {MediaItem} from '@common/player/media-item';\n\nexport type PlayerActions = ReturnType<typeof usePlayerActions>;\n\nexport function usePlayerActions() {\n  const store = useContext(PlayerStoreContext);\n\n  return useMemo(() => {\n    const s = store.getState();\n\n    const overrideQueueAndPlay = async (\n      mediaItems: MediaItem[],\n      queuePointer?: number\n    ) => {\n      s.stop();\n      await s.overrideQueue(mediaItems, queuePointer);\n      return s.play();\n    };\n\n    return {\n      play: s.play,\n      playNext: s.playNext,\n      playPrevious: s.playPrevious,\n      pause: s.pause,\n      subscribe: s.subscribe,\n      emit: s.emit,\n      getCurrentTime: s.getCurrentTime,\n      seek: s.seek,\n      toggleRepeatMode: s.toggleRepeatMode,\n      toggleShuffling: s.toggleShuffling,\n      getState: store.getState,\n      setVolume: s.setVolume,\n      setMuted: s.setMuted,\n      appendToQueue: s.appendToQueue,\n      removeFromQueue: s.removeFromQueue,\n      enterFullscreen: s.enterFullscreen,\n      exitFullscreen: s.exitFullscreen,\n      toggleFullscreen: s.toggleFullscreen,\n      enterPip: s.enterPip,\n      exitPip: s.exitPip,\n      setTextTrackVisibility: s.setTextTrackVisibility,\n      setCurrentTextTrack: s.setCurrentTextTrack,\n      setCurrentAudioTrack: s.setCurrentAudioTrack,\n      setIsSeeking: s.setIsSeeking,\n      setControlsVisible: s.setControlsVisible,\n      cue: s.cue,\n      overrideQueueAndPlay,\n      overrideQueue: s.overrideQueue,\n      setPlaybackRate: s.setPlaybackRate,\n      setPlaybackQuality: s.setPlaybackQuality,\n    };\n  }, [store]);\n}\n","import {apiClient, queryClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Track} from '@app/web-player/tracks/track';\n\ninterface Response extends BackendResponse {\n  tracks: Track[];\n}\n\nexport async function loadMediaItemTracks(\n  queueId: string,\n  lastTrack?: Track\n): Promise<Response['tracks']> {\n  const query = {\n    queryKey: ['player/tracks', {queueId, trackId: lastTrack?.id}],\n    queryFn: async () => loadTracks(queueId, lastTrack),\n    staleTime: Infinity,\n  };\n\n  try {\n    const response =\n      queryClient.getQueryData<Response>(query.queryKey) ??\n      (await queryClient.fetchQuery(query));\n    return response?.tracks || [];\n  } catch (e) {\n    return [];\n  }\n}\n\nfunction loadTracks(queueId: string, lastTrack?: Track): Promise<Response> {\n  return apiClient\n    .post('player/tracks', {queueId, lastTrack})\n    .then(response => response.data);\n}\n","import {MediaItem} from '@common/player/media-item';\nimport {IS_IOS} from '@common/utils/platform';\n\nconst hlsRegex = /\\.(m3u8)($|\\?)/i;\nconst dashRegex = /\\.(mpd)($|\\?)/i;\nconst audioRegex =\n  /\\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx|flac)($|\\?)/i;\nconst youtubeUrlRegex =\n  /(?:youtu\\.be|youtube|youtube\\.com|youtube-nocookie\\.com)\\/(?:embed\\/|v\\/|watch\\?v=|watch\\?.+&v=|)((?:\\w|-){11})/;\nconst youtubeIdRegex = /^((?:\\w|-){11})$/;\nexport function guessPlayerProvider(src: string): MediaItem['provider'] {\n  if (youtubeUrlRegex.test(src) || youtubeIdRegex.test(src)) {\n    return 'youtube';\n  } else if (audioRegex.test(src)) {\n    return 'htmlAudio';\n  } else if (hlsRegex.test(src)) {\n    if (IS_IOS) {\n      return 'htmlVideo';\n    } else {\n      return 'hls';\n    }\n  } else if (dashRegex.test(src)) {\n    return 'dash';\n  } else {\n    return 'htmlVideo';\n  }\n}\n","import {Track} from '@app/web-player/tracks/track';\nimport {MediaItem} from '@common/player/media-item';\nimport {getTrackImageSrc} from '@app/web-player/tracks/track-image/track-image';\nimport {Album} from '@app/web-player/albums/album';\nimport {guessPlayerProvider} from '@common/player/utils/guess-player-provider';\n\nexport function trackToMediaItem(\n  track: Track,\n  queueGroupId?: string | number\n): MediaItem<Track> {\n  const provider: MediaItem['provider'] = track.src\n    ? guessPlayerProvider(track.src)\n    : 'youtube';\n\n  if (!track.src || provider === 'youtube') {\n    return {\n      id: track.id,\n      provider: 'youtube',\n      meta: track,\n      src: track.src ? track.src : 'resolve',\n      groupId: queueGroupId,\n    };\n  }\n\n  return {\n    id: track.id,\n    src: track.src,\n    provider,\n    meta: track,\n    poster: getTrackImageSrc(track),\n    groupId: queueGroupId,\n  };\n}\n\nexport function tracksToMediaItems(\n  tracks: Track[],\n  queueGroupId?: string,\n  album?: Album\n) {\n  return tracks.map(track => {\n    if (album && !track.album) {\n      track = {\n        ...track,\n        album: {...album, tracks: undefined},\n      };\n    }\n    return trackToMediaItem(track);\n  });\n}\n","export default \"__VITE_ASSET__11267b4b__\"","export default \"__VITE_ASSET__2dd5a730__\"","import white from './equalizer-white.gif';\nimport black from './equalizer-black.gif';\nimport clsx from 'clsx';\nimport {useIsDarkMode} from '@common/ui/themes/use-is-dark-mode';\n\ninterface EqualizerImageProps {\n  className?: string;\n  color?: 'black' | 'white';\n}\nexport function EqualizerImage({className, color}: EqualizerImageProps) {\n  const isDarkMode = useIsDarkMode();\n\n  if (!color) {\n    color = isDarkMode ? 'white' : 'black';\n  }\n\n  return (\n    <div\n      className={clsx('flex items-center justify-center w-20 h-20', className)}\n    >\n      <img\n        src={color === 'white' ? white : black}\n        alt=\"\"\n        className=\"w-12 h-12\"\n        aria-hidden\n      />\n    </div>\n  );\n}\n","import {ComponentPropsWithoutRef, useState} from 'react';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {loadMediaItemTracks} from '@app/web-player/requests/load-media-item-tracks';\nimport {trackToMediaItem} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {PauseIcon} from '@common/icons/material/Pause';\nimport {EqualizerImage} from '@app/web-player/tracks/equalizer-image/equalizer-image';\nimport {PlayArrowFilledIcon} from '@app/web-player/tracks/play-arrow-filled';\nimport {\n  ButtonColor,\n  ButtonVariant,\n} from '@common/ui/buttons/get-shared-button-style';\nimport {Button} from '@common/ui/buttons/button';\nimport {Trans} from '@common/i18n/trans';\nimport {Track} from '@app/web-player/tracks/track';\nimport {ButtonSize} from '@common/ui/buttons/button-size';\n\ninterface PlaybackToggleButtonProps {\n  queueId?: string;\n  // track that should be cued\n  track?: Track;\n  // queue should be overwritten with these tracks\n  tracks?: Track[];\n  radius?: string;\n  variant?: ButtonVariant;\n  color?: ButtonColor;\n  disabled?: boolean;\n  className?: string;\n  buttonType: 'icon' | 'text';\n  equalizerColor?: 'white' | 'black';\n  size?: ButtonSize;\n}\nexport function PlaybackToggleButton({\n  queueId,\n  track,\n  tracks,\n  radius,\n  variant,\n  color,\n  disabled,\n  className,\n  buttonType,\n  equalizerColor = buttonType === 'text' ? 'white' : 'black',\n  size,\n}: PlaybackToggleButtonProps) {\n  const [isHover, setIsHover] = useState(false);\n  const modelIsQueued = usePlayerStore(s => {\n    // specified queue ID is cued\n    if (s.cuedMedia && queueId && s.cuedMedia.groupId === queueId) {\n      return true;\n    }\n    // specified track is cued\n    if (s.cuedMedia && track && s.cuedMedia.meta.id === track.id) {\n      return true;\n    }\n    return false;\n  });\n  const isPlaying = usePlayerStore(s => s.isPlaying);\n  const modelIsPlaying = isPlaying && modelIsQueued;\n  const player = usePlayerActions();\n\n  const statusIcon = modelIsPlaying ? (\n    isHover ? (\n      <PauseIcon />\n    ) : (\n      <EqualizerImage color={equalizerColor} />\n    )\n  ) : (\n    <PlayArrowFilledIcon />\n  );\n\n  const sharedProps: ComponentPropsWithoutRef<'button'> = {\n    disabled,\n    onPointerEnter: () => {\n      setIsHover(true);\n    },\n    onPointerLeave: () => {\n      setIsHover(false);\n    },\n    onClick: async () => {\n      if (modelIsPlaying) {\n        player.pause();\n      } else if (modelIsQueued) {\n        await player.play();\n      } else {\n        let newQueue: Track[] = [];\n        let newIndex: number = 0;\n        if (tracks) {\n          newQueue = [...tracks];\n          newIndex = track ? tracks.findIndex(t => t.id === track.id) : 0;\n        } else if (track) {\n          newQueue = [track];\n        } else {\n          newQueue = await loadMediaItemTracks(queueId!);\n        }\n        if (newQueue.length) {\n          await player.overrideQueueAndPlay(\n            newQueue.map(t => trackToMediaItem(t, queueId)),\n            newIndex\n          );\n        }\n      }\n    },\n  };\n\n  if (buttonType === 'icon') {\n    return (\n      <IconButton\n        {...sharedProps}\n        variant={variant}\n        color={color}\n        radius={radius}\n        size={size}\n        className={className}\n      >\n        {statusIcon}\n      </IconButton>\n    );\n  }\n\n  return (\n    <Button\n      {...sharedProps}\n      variant={variant || 'flat'}\n      color={color || 'primary'}\n      radius={radius || 'rounded-full'}\n      startIcon={statusIcon}\n      size={size}\n      className={className}\n    >\n      {modelIsPlaying ? <Trans message=\"Pause\" /> : <Trans message=\"Play\" />}\n    </Button>\n  );\n}\n","interface MediaItem {\n  id: number;\n  model_type: string;\n}\n\nexport function queueGroupId(\n  model: MediaItem,\n  kind: string = '*',\n  sortDescriptor?: {orderBy?: string; orderDir?: string}\n): string {\n  let base = `${model.model_type}.${model.id}.${kind}`;\n  if (sortDescriptor?.orderBy && sortDescriptor?.orderDir) {\n    base += `.${sortDescriptor.orderBy.replace('.', '^')}|${\n      sortDescriptor.orderDir\n    }`;\n  }\n  return base;\n}\n","import {cloneElement, ReactElement, ReactNode} from 'react';\nimport {IconButton, IconButtonProps} from '@common/ui/buttons/icon-button';\nimport {MoreHorizIcon} from '@common/icons/material/MoreHoriz';\nimport {PlayableModel} from '@app/web-player/playable-item/playable-model';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport clsx from 'clsx';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {Track, TRACK_MODEL} from '@app/web-player/tracks/track';\n\ninterface PlayableGridProps {\n  image: ReactElement;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  model: PlayableModel;\n  newQueue?: Track[];\n  link: string;\n  likeButton?: ReactElement<IconButtonProps>;\n  contextDialog: ReactElement;\n  radius?: string;\n}\nexport function PlayableGridItem({\n  image,\n  title,\n  subtitle,\n  model,\n  newQueue,\n  link,\n  likeButton,\n  contextDialog,\n  radius = 'rounded-panel',\n}: PlayableGridProps) {\n  const navigate = useNavigate();\n  return (\n    <div className=\"snap-start snap-normal\">\n      <DialogTrigger\n        type=\"popover\"\n        placement=\"bottom-start\"\n        mobileType=\"tray\"\n        triggerOnContextMenu\n      >\n        <div className=\"group relative isolate w-full\">\n          <div\n            className=\"this aspect-square w-full\"\n            onClick={() => navigate(link)}\n          >\n            {cloneElement(image, {\n              size: 'w-full h-full',\n              className: `${radius} shadow-md z-10`,\n            })}\n          </div>\n          <div\n            key=\"bg-overlay\"\n            className={`absolute left-0 top-0 h-full w-full bg-gradient-to-b from-transparent to-black/75 ${radius} pointer-events-none z-20 opacity-0 transition-opacity duration-300 group-hover:opacity-100`}\n          />\n          <div\n            className={clsx(\n              'absolute bottom-0 left-0 z-30 flex w-full items-center gap-14 p-12',\n              radius === 'rounded-full' &&\n                'pointer-events-none right-0 top-0 justify-center',\n            )}\n          >\n            <PlaybackToggleButton\n              size={radius === 'rounded-full' ? 'lg' : 'md'}\n              radius=\"rounded-full\"\n              className={clsx(\n                'pointer-events-auto shadow-md',\n                radius === 'rounded-full' && 'invisible group-hover:visible',\n              )}\n              variant=\"flat\"\n              color=\"white\"\n              buttonType=\"icon\"\n              track={model.model_type === TRACK_MODEL ? model : undefined}\n              tracks={newQueue}\n              queueId={queueGroupId(model)}\n            />\n\n            {radius !== 'rounded-full' && (\n              <DialogTrigger type=\"popover\" mobileType=\"tray\">\n                <IconButton\n                  className=\"invisible md:group-hover:visible\"\n                  color=\"white\"\n                >\n                  <MoreHorizIcon />\n                </IconButton>\n                {contextDialog}\n              </DialogTrigger>\n            )}\n            {radius !== 'rounded-full' &&\n              likeButton &&\n              // 3 buttons won't fit if item is fully rounded\n              cloneElement(likeButton, {\n                className: 'invisible md:group-hover:visible ml-auto',\n                size: 'md',\n                color: 'white',\n              })}\n          </div>\n        </div>\n        {contextDialog}\n      </DialogTrigger>\n      <div\n        className={clsx(\n          radius === 'rounded-full' && 'text-center',\n          'mt-12 text-sm',\n        )}\n      >\n        <div className=\"overflow-hidden overflow-ellipsis\">{title}</div>\n        <div className=\"mt-4 overflow-hidden overflow-ellipsis whitespace-nowrap text-muted\">\n          {subtitle}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import {useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\nimport {useAuth} from '@common/auth/use-auth';\n\ninterface GetAuthUserPlaylistsResponse extends BackendResponse {\n  playlists: Playlist[];\n}\n\nexport function useAuthUserPlaylists() {\n  const {isLoggedIn, user} = useAuth();\n  return useQuery({\n    queryKey: ['playlists', 'library', user?.id, 'compact'],\n    queryFn: () => fetchPlaylists(),\n    enabled: isLoggedIn,\n    initialData: () => {\n      return {\n        playlists: getBootstrapData().playlists || [],\n      };\n    },\n  });\n}\n\nfunction fetchPlaylists(): Promise<GetAuthUserPlaylistsResponse> {\n  return apiClient\n    .get('users/me/playlists', {\n      params: {perPage: 30, orderBy: 'updated_at', orderDir: 'desc'},\n    })\n    .then(response => {\n      return {playlists: response.data.pagination.data};\n    });\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {Track} from '@app/web-player/tracks/track';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\n\ninterface Response extends BackendResponse {\n  playlist: Playlist;\n}\n\ninterface Payload {\n  playlistId: number;\n  tracks: Track[];\n}\n\nexport function useAddTracksToPlaylist() {\n  return useMutation({\n    mutationFn: (payload: Payload) => addTracks(payload),\n    onSuccess: (response, {tracks}) => {\n      toast(\n        message('Added [one 1 track|other :count tracks] to playlist', {\n          values: {count: tracks.length},\n        }),\n      );\n      queryClient.invalidateQueries({\n        queryKey: ['playlists', response.playlist.id],\n      });\n      queryClient.invalidateQueries({\n        queryKey: ['tracks', 'playlist', response.playlist.id],\n      });\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction addTracks(payload: Payload): Promise<Response> {\n  const backendPayload = {\n    ids: payload.tracks.map(track => track.id),\n  };\n  return apiClient\n    .post(`playlists/${payload.playlistId}/tracks/add`, backendPayload)\n    .then(r => r.data);\n}\n","import {MouseEvent, useCallback} from 'react';\nimport {useAuth} from '@common/auth/use-auth';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\n\nexport function useAuthClickCapture() {\n  const dialogContext = useDialogContext();\n  const {isLoggedIn} = useAuth();\n  const navigate = useNavigate();\n\n  return useCallback(\n    (e: MouseEvent) => {\n      if (!isLoggedIn) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (dialogContext) {\n          dialogContext.close();\n        }\n\n        navigate('/login');\n      }\n    },\n    [navigate, isLoggedIn, dialogContext]\n  );\n}\n","import {useAuthUserPlaylists} from '@app/web-player/playlists/requests/use-auth-user-playlists';\nimport {m} from 'framer-motion';\nimport {Button} from '@common/ui/buttons/button';\nimport {KeyboardBackspaceIcon} from '@common/icons/material/KeyboardBackspace';\nimport {Trans} from '@common/i18n/trans';\nimport {\n  ContextMenuButton,\n  ContextMenuLayoutState,\n} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {AddIcon} from '@common/icons/material/Add';\nimport {KeyboardArrowRightIcon} from '@common/icons/material/KeyboardArrowRight';\nimport {useContext, useMemo} from 'react';\nimport {useAddTracksToPlaylist} from '@app/web-player/playlists/requests/use-add-tracks-to-playlist';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {openDialog} from '@common/ui/overlays/store/dialog-store';\nimport {CreatePlaylistDialog} from '@app/web-player/playlists/crupdate-dialog/create-playlist-dialog';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {useAuth} from '@common/auth/use-auth';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\n\nexport function PlaylistPanel() {\n  const {data} = useAuthUserPlaylists();\n  const {user} = useAuth();\n  const {close: closeMenu} = useDialogContext();\n  const {loadTracks, setPlaylistPanelIsActive} = useContext(\n    ContextMenuLayoutState,\n  );\n  const addToPlaylist = useAddTracksToPlaylist();\n\n  // only show playlists user created or ones that are collaborative\n  const playlists = useMemo(() => {\n    return data.playlists.filter(\n      p => p.owner_id === user?.id || p.collaborative,\n    );\n  }, [data, user]);\n\n  return (\n    <m.div\n      initial={{x: '100%', opacity: 0}}\n      animate={{x: 0, opacity: 1}}\n      exit={{x: '-100%', opacity: 0}}\n      transition={{type: 'tween', duration: 0.14}}\n    >\n      <div className=\"border-b pb-10 my-10 px-10\">\n        <Button\n          startIcon={<KeyboardBackspaceIcon />}\n          onClick={() => setPlaylistPanelIsActive(false)}\n        >\n          <Trans message=\"Back\" />\n        </Button>\n      </div>\n      <ul className=\"overflow-y-auto overflow-x-hidden max-h-350\">\n        <ContextMenuButton\n          startIcon={<AddIcon />}\n          onClick={async () => {\n            closeMenu();\n            const [playlist, tracks] = await Promise.all([\n              openDialog(CreatePlaylistDialog),\n              loadTracks(),\n            ]);\n            if (tracks.length && playlist) {\n              addToPlaylist.mutate({\n                playlistId: playlist.id,\n                tracks,\n              });\n            }\n          }}\n          className=\"text-primary\"\n        >\n          <Trans message=\"New playlist\" />\n        </ContextMenuButton>\n        {playlists.map(playlist => (\n          <ContextMenuButton\n            key={playlist.id}\n            onClick={async () => {\n              closeMenu();\n              const tracks = await loadTracks();\n              if (tracks?.length && !addToPlaylist.isPending) {\n                addToPlaylist.mutate({\n                  playlistId: playlist.id,\n                  tracks,\n                });\n              } else {\n                toast(message('This item does not have tracks yet'));\n              }\n            }}\n          >\n            {playlist.name}\n          </ContextMenuButton>\n        ))}\n      </ul>\n    </m.div>\n  );\n}\n\nexport function PlaylistPanelButton() {\n  const authHandler = useAuthClickCapture();\n  const {playlistPanelIsActive, setPlaylistPanelIsActive} = useContext(\n    ContextMenuLayoutState,\n  );\n  return (\n    <ContextMenuButton\n      endIcon={<KeyboardArrowRightIcon />}\n      onClickCapture={authHandler}\n      onClick={() => {\n        setPlaylistPanelIsActive(!playlistPanelIsActive);\n      }}\n    >\n      <Trans message=\"Add to playlist\" />\n    </ContextMenuButton>\n  );\n}\n","import {AnimatePresence} from 'framer-motion';\nimport {\n  cloneElement,\n  ComponentPropsWithRef,\n  createContext,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {SvgIconProps} from '@common/icons/svg-icon';\nimport clsx from 'clsx';\nimport {PlaylistPanel} from '@app/web-player/context-dialog/playlist-panel';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Dialog} from '@common/ui/overlays/dialog/dialog';\nimport {DialogBody} from '@common/ui/overlays/dialog/dialog-body';\nimport {Link, To, useLocation} from 'react-router-dom';\nimport {usePrevious} from '@common/utils/hooks/use-previous';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\n\ninterface ContextMenuLayoutStateValue {\n  playlistPanelIsActive: boolean;\n  setPlaylistPanelIsActive: (value: boolean) => void;\n  loadTracks: () => Promise<Track[]>;\n}\nexport const ContextMenuLayoutState =\n  createContext<ContextMenuLayoutStateValue>(null!);\n\nexport interface ContextMenuLayoutProps {\n  image?: ReactElement<{className: string}> | null;\n  title?: ReactElement | null;\n  description?: ReactElement;\n  children: ReactNode;\n  loadTracks: () => Promise<Track[]>;\n}\nexport function ContextDialogLayout({\n  image,\n  title,\n  description,\n  children,\n  loadTracks,\n}: ContextMenuLayoutProps) {\n  const [playlistPanelIsActive, setPlaylistPanelIsActive] = useState(false);\n  const {close} = useDialogContext();\n  const contextValue: ContextMenuLayoutStateValue = useMemo(() => {\n    return {\n      playlistPanelIsActive,\n      setPlaylistPanelIsActive,\n      loadTracks,\n    };\n  }, [playlistPanelIsActive, loadTracks]);\n\n  const {pathname} = useLocation();\n\n  // close dialog on route change\n  const previousPathname = usePrevious(pathname);\n  useEffect(() => {\n    if (previousPathname && previousPathname !== pathname) {\n      close();\n    }\n  }, [pathname, previousPathname, close]);\n\n  const header =\n    image || title ? (\n      <div className=\"flex items-center gap-14 border-b p-14 mb-10\">\n        {image && cloneElement(image, {className: 'w-44 h-44 rounded'})}\n        <div className=\"whitespace-nowrap overflow-hidden overflow-ellipsis\">\n          {title}\n          {description && (\n            <div className=\"text-xs text-muted\">{description}</div>\n          )}\n        </div>\n      </div>\n    ) : null;\n\n  return (\n    <ContextMenuLayoutState.Provider value={contextValue}>\n      <Dialog size=\"xs\">\n        <DialogBody\n          padding=\"p-0\"\n          onContextMenu={e => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <div className=\"pb-10\">\n            {header}\n            <AnimatePresence initial={false} mode=\"wait\">\n              {playlistPanelIsActive ? (\n                <PlaylistPanel key=\"playlist-panel\" />\n              ) : (\n                <ul key=\"menu\" className=\"text-base md:text-sm\">\n                  {children}\n                </ul>\n              )}\n            </AnimatePresence>\n          </div>\n        </DialogBody>\n      </Dialog>\n    </ContextMenuLayoutState.Provider>\n  );\n}\n\ninterface ButtonMenuItemProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'type'> {\n  type?: 'button';\n}\n\ninterface LinkMenuItemProps\n  extends Omit<ComponentPropsWithRef<'link'>, 'type'> {\n  type?: 'link';\n}\n\ntype ContextMenuListItemProps = (ButtonMenuItemProps | LinkMenuItemProps) & {\n  children: ReactNode;\n  endIcon?: ReactElement<SvgIconProps>;\n  startIcon?: ReactElement<SvgIconProps>;\n  className?: string;\n  to?: To;\n};\nexport const ContextMenuButton = forwardRef<any, ContextMenuListItemProps>(\n  (\n    {\n      children,\n      endIcon,\n      startIcon,\n      className,\n      type = 'button',\n      to,\n      ...buttonProps\n    },\n    ref\n  ) => {\n    const Element = type === 'button' ? 'button' : Link;\n    return (\n      <li>\n        <Element\n          {...(buttonProps as any)}\n          to={to as any}\n          ref={ref}\n          className={clsx(\n            'flex items-center gap-12 py-12 px-20 hover:bg-hover cursor-pointer outline-none focus-visible:ring focus-visible:ring-inset w-full text-left',\n            className\n          )}\n        >\n          {startIcon}\n          <span className=\"mr-auto whitespace-nowrap overflow-hidden overflow-ellipsis min-w-0\">\n            {children}\n          </span>\n          {endIcon}\n        </Element>\n      </li>\n    );\n  }\n);\n","import {create} from 'zustand';\nimport {immer} from 'zustand/middleware/immer';\nimport {TRACK_MODEL} from '@app/web-player/tracks/track';\nimport {ALBUM_MODEL} from '@app/web-player/albums/album';\nimport {ARTIST_MODEL} from '@app/web-player/artists/artist';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\nimport {Likeable} from '@app/web-player/library/likeable';\n\ninterface State {\n  [TRACK_MODEL]: Record<number, boolean>;\n  [ALBUM_MODEL]: Record<number, boolean>;\n  [ARTIST_MODEL]: Record<number, boolean>;\n  has: (item: Likeable | Likeable[]) => boolean;\n  add: (items: Likeable[]) => void;\n  remove: (items: Likeable[]) => void;\n}\n\nexport function createCountableStore(key: 'likes' | 'reposts') {\n  const items = getBootstrapData()[key];\n  return create<State>()(\n    immer((set, get) => ({\n      track: items?.track || {},\n      album: items?.album || {},\n      artist: (items && 'artist' in items && items?.artist) || {},\n      has: item => {\n        const items = Array.isArray(item) ? item : [item];\n        return items.every(item => {\n          return get()[item.model_type][item.id];\n        });\n      },\n      add: items => {\n        // will only be adding items with the same\n        // type in one call, no need to group by type\n        const type = items[0].model_type;\n        set(state => {\n          items.forEach(item => {\n            state[type][item.id] = true;\n          });\n        });\n      },\n      remove: items => {\n        const type = items[0].model_type;\n        set(state => {\n          items.forEach(item => {\n            delete state[type][item.id];\n          });\n        });\n      },\n    }))\n  );\n}\n","import {createCountableStore} from '@app/web-player/library/state/create-countable-store';\n\nexport const useLibraryStore = createCountableStore('likes');\n\nexport const userLibrary = useLibraryStore.getState;\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {Likeable} from '@app/web-player/library/likeable';\nimport {userLibrary} from '@app/web-player/library/state/likes-store';\n\ninterface Response extends BackendResponse {}\n\ninterface Payload {\n  likeables: Likeable[];\n}\n\nexport function useAddItemsToLibrary() {\n  return useMutation({\n    mutationFn: (payload: Payload) => addToLibrary(payload),\n    onSuccess: (response, payload) => {\n      toast(getMessage(payload.likeables[0]));\n      userLibrary().add(payload.likeables);\n      // tracks/albums/artists\n      queryClient.invalidateQueries({\n        queryKey: [`${payload.likeables[0].model_type}s`, 'library'],\n      });\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction addToLibrary(payload: Payload): Promise<Response> {\n  const likeables = payload.likeables\n    .filter(likeable => {\n      return !userLibrary().has(likeable);\n    })\n    .map(likeable => {\n      return {\n        likeable_id: likeable.id,\n        likeable_type: likeable.model_type,\n      };\n    });\n  return apiClient\n    .post('users/me/add-to-library', {likeables})\n    .then(r => r.data);\n}\n\nfunction getMessage(likeable: Likeable) {\n  switch (likeable.model_type) {\n    case 'artist':\n      return message('Added to your artists');\n    case 'album':\n      return message('Added to your albums');\n    case 'track':\n      return message('Added to your liked songs');\n  }\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {Likeable} from '@app/web-player/library/likeable';\nimport {userLibrary} from '@app/web-player/library/state/likes-store';\n\ninterface Response extends BackendResponse {}\n\ninterface Payload {\n  likeables: Likeable[];\n}\n\nexport function useRemoveItemsFromLibrary() {\n  return useMutation({\n    mutationFn: (payload: Payload) => addToLibrary(payload),\n    onSuccess: (response, payload) => {\n      toast(getMessage(payload.likeables[0]));\n      userLibrary().remove(payload.likeables);\n      // tracks/albums/artists\n      queryClient.invalidateQueries({\n        queryKey: [`${payload.likeables[0].model_type}s`, 'library'],\n      });\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction addToLibrary(payload: Payload): Promise<Response> {\n  const likeables = payload.likeables\n    .filter(likeable => {\n      return userLibrary().has(likeable);\n    })\n    .map(likeable => {\n      return {\n        likeable_id: likeable.id,\n        likeable_type: likeable.model_type,\n      };\n    });\n  return apiClient\n    .post('users/me/remove-from-library', {likeables})\n    .then(r => r.data);\n}\n\nfunction getMessage(likeable: Likeable) {\n  switch (likeable.model_type) {\n    case 'artist':\n      return message('Removed from your artists');\n    case 'album':\n      return message('Removed from your albums');\n    case 'track':\n      return message('Removed from your liked songs');\n  }\n}\n","import {ContextMenuButton} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {Trans} from '@common/i18n/trans';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {useAddItemsToLibrary} from '@app/web-player/library/requests/use-add-items-to-library';\nimport {useRemoveItemsFromLibrary} from '@app/web-player/library/requests/use-remove-items-from-library';\nimport {useLibraryStore} from '@app/web-player/library/state/likes-store';\nimport {Likeable} from '@app/web-player/library/likeable';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\n\ninterface ToggleInLibraryMenuButtonProps {\n  items: Likeable[];\n  modelType?: 'track' | 'album' | 'artist';\n}\nexport function ToggleInLibraryMenuButton({\n  items,\n  modelType,\n}: ToggleInLibraryMenuButtonProps) {\n  const authHandler = useAuthClickCapture();\n  const {close: closeMenu} = useDialogContext();\n  const addToLibrary = useAddItemsToLibrary();\n  const removeFromLibrary = useRemoveItemsFromLibrary();\n  const allInLibrary = useLibraryStore(s => s.has(items));\n\n  if (allInLibrary) {\n    const label =\n      modelType === 'artist' ? (\n        <Trans message=\"Following\" />\n      ) : (\n        <Trans message=\"Remove from your music\" />\n      );\n    return (\n      <ContextMenuButton\n        onClickCapture={authHandler}\n        onClick={() => {\n          closeMenu();\n          removeFromLibrary.mutate({likeables: items});\n        }}\n      >\n        {label}\n      </ContextMenuButton>\n    );\n  }\n\n  const label =\n    modelType === 'artist' ? (\n      <Trans message=\"Follow\" />\n    ) : (\n      <Trans message=\"Add to your music\" />\n    );\n  return (\n    <ContextMenuButton\n      onClickCapture={authHandler}\n      onClick={() => {\n        closeMenu();\n        addToLibrary.mutate({likeables: items});\n      }}\n    >\n      {label}\n    </ContextMenuButton>\n  );\n}\n","import useCopyClipboard from 'react-use-clipboard';\nimport {getAlbumLink} from '@app/web-player/albums/album-link';\nimport {ReactNode} from 'react';\nimport {ContextMenuButton} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {Trans} from '@common/i18n/trans';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\n\ninterface CopyLinkMenuButtonProps {\n  link: string;\n  children: ReactNode;\n}\nexport function CopyLinkMenuButton({link, children}: CopyLinkMenuButtonProps) {\n  const {close: closeMenu} = useDialogContext();\n  const [, copyLink] = useCopyClipboard(link);\n\n  return (\n    <ContextMenuButton\n      onClick={() => {\n        copyLink();\n        closeMenu();\n        toast(message('Copied link to clipboard'));\n      }}\n    >\n      {children}\n    </ContextMenuButton>\n  );\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {useLocation} from 'react-router-dom';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useAuth} from '@common/auth/use-auth';\n\ninterface Response extends BackendResponse {}\n\nexport function useDeleteArtist(artistId: number | string) {\n  const {pathname} = useLocation();\n  const navigate = useNavigate();\n  const {getRedirectUri} = useAuth();\n\n  return useMutation({\n    mutationFn: () => deleteArtist(artistId),\n    onSuccess: () => {\n      toast(message('Artist deleted'));\n      // navigate to homepage if we are on this artist page currently\n      if (pathname.startsWith(`/artist/${artistId}`)) {\n        navigate(getRedirectUri());\n      }\n      queryClient.invalidateQueries({queryKey: ['tracks']});\n      queryClient.invalidateQueries({queryKey: ['albums']});\n      queryClient.invalidateQueries({queryKey: ['artists']});\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction deleteArtist(artistId: number | string): Promise<Response> {\n  return apiClient.delete(`artists/${artistId}`).then(r => r.data);\n}\n","import {slugifyString} from '@common/utils/string/slugify-string';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\n\nexport function getRadioLink(\n  seed: {model_type: string; id: number; name: string},\n  {absolute}: {absolute?: boolean} = {},\n): string {\n  let link = `/radio/${seed.model_type}/${seed.id}/${slugifyString(seed.name)}`;\n  if (absolute) {\n    link = `${getBootstrapData().settings.base_url}${link}`;\n  }\n  return link;\n}\n","import {useSettings} from '@common/core/settings/use-settings';\n\nexport function useShouldShowRadioButton(): boolean {\n  const {player, artist_provider} = useSettings();\n  return !player?.hide_radio_button && artist_provider === 'spotify';\n}\n","import {useTrans} from '@common/i18n/use-trans';\nimport {message} from '@common/i18n/message';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {getTrackImageSrc} from '@app/web-player/tracks/track-image/track-image';\nimport clsx from 'clsx';\nimport {PlaylistPlayIcon} from '@common/icons/material/PlaylistPlay';\n\ninterface PlaylistImageProps {\n  playlist: Playlist;\n  className?: string;\n  size?: string;\n}\nexport function PlaylistImage({playlist, className, size}: PlaylistImageProps) {\n  const {trans} = useTrans();\n  const src = getPlaylistImageSrc(playlist);\n  const imgClassName = clsx(\n    className,\n    size,\n    'object-cover bg-fg-base/4',\n    !src ? 'flex items-center justify-center' : 'block',\n  );\n\n  return src ? (\n    <img\n      className={clsx(imgClassName, size, 'bg-fg-base/4 object-cover')}\n      draggable={false}\n      loading=\"lazy\"\n      src={src}\n      alt={trans(message('Image for :name', {values: {name: playlist.name}}))}\n    />\n  ) : (\n    <span className={clsx(imgClassName, 'overflow-hidden')}>\n      <PlaylistPlayIcon className=\"max-w-[60%] text-divider\" size=\"text-9xl\" />\n    </span>\n  );\n}\n\nexport function getPlaylistImageSrc(playlist: Playlist) {\n  if (playlist.image) {\n    return playlist.image;\n  }\n  const firstTrackImage = playlist.tracks?.[0]\n    ? getTrackImageSrc(playlist.tracks[0])\n    : null;\n  if (firstTrackImage) {\n    return firstTrackImage;\n  }\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {Album} from '@app/web-player/albums/album';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Dialog} from '@common/ui/overlays/dialog/dialog';\nimport {DialogHeader} from '@common/ui/overlays/dialog/dialog-header';\nimport {Trans} from '@common/i18n/trans';\nimport {DialogBody} from '@common/ui/overlays/dialog/dialog-body';\nimport {Tabs} from '@common/ui/tabs/tabs';\nimport {TabList} from '@common/ui/tabs/tab-list';\nimport {Tab} from '@common/ui/tabs/tab';\nimport {TabPanel, TabPanels} from '@common/ui/tabs/tab-panels';\nimport {SmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {getAlbumLink} from '@app/web-player/albums/album-link';\nimport {getTrackLink} from '@app/web-player/tracks/track-link';\nimport {Button} from '@common/ui/buttons/button';\nimport {useRef} from 'react';\nimport useCopyClipboard from 'react-use-clipboard';\nimport {ShareMediaButtons} from '@app/web-player/sharing/share-media-buttons';\nimport {DialogFooter} from '@common/ui/overlays/dialog/dialog-footer';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {PlaylistImage} from '@app/web-player/playlists/playlist-image';\nimport {getPlaylistLink} from '@app/web-player/playlists/playlist-link';\n\ninterface Props {\n  item: Artist | Album | Track | Playlist;\n}\nexport function ShareMediaDialog({item}: Props) {\n  const {close} = useDialogContext();\n  return (\n    <Dialog size=\"xl\">\n      <DialogHeader>\n        <Trans message=\"Share :name\" values={{name: item.name}} />\n      </DialogHeader>\n      <DialogBody>\n        {item.model_type === 'artist' || item.model_type === 'playlist' ? (\n          <SharePanel item={item} />\n        ) : (\n          <Tabs>\n            <TabList>\n              <Tab>\n                <Trans message=\"Share\" />\n              </Tab>\n              <Tab>\n                <Trans message=\"Embed\" />\n              </Tab>\n            </TabList>\n            <TabPanels className=\"pt-20\">\n              <TabPanel>\n                <SharePanel item={item} />\n              </TabPanel>\n              <TabPanel>\n                <EmbedPanel item={item} />\n              </TabPanel>\n            </TabPanels>\n          </Tabs>\n        )}\n      </DialogBody>\n      <DialogFooter>\n        <Button onClick={() => close()}>\n          <Trans message=\"Close\" />\n        </Button>\n      </DialogFooter>\n    </Dialog>\n  );\n}\n\nfunction EmbedPanel({item}: Props) {\n  const isMobile = useIsMobileMediaQuery();\n  const link = `${getLink(item)}/embed`;\n  const height = item.model_type === 'track' ? 174 : 384;\n\n  const code = `<iframe width=\"100%\" height=\"${height}\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" src=\"${link}\"></iframe>`;\n\n  return (\n    <div>\n      {!isMobile && (\n        <iframe\n          src={link}\n          width=\"100%\"\n          height={height}\n          allow=\"autoplay; fullscreen; picture-in-picture\"\n          allowFullScreen\n        />\n      )}\n      <TextField\n        className=\"mt-20\"\n        inputElementType=\"textarea\"\n        readOnly\n        value={code}\n        rows={3}\n        onClick={e => {\n          e.currentTarget.focus();\n          e.currentTarget.select();\n        }}\n      />\n    </div>\n  );\n}\n\nfunction SharePanel({item}: Props) {\n  const link = getLink(item);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [copied, copyLink] = useCopyClipboard(link, {successDuration: 600});\n  return (\n    <div className=\"flex items-center gap-14\">\n      <MediaImage\n        item={item}\n        size=\"w-128 h-128\"\n        className=\"rounded object-cover flex-shrink-0 max-md:hidden\"\n      />\n      <div className=\"flex-auto\">\n        <div className=\"text-xl mb-8\">{item.name}</div>\n        <TextField\n          className=\"mb-8\"\n          inputRef={inputRef}\n          readOnly\n          onClick={e => {\n            e.currentTarget.focus();\n            e.currentTarget.select();\n          }}\n          value={link}\n          endAppend={\n            <Button\n              variant=\"flat\"\n              color=\"primary\"\n              onClick={() => {\n                inputRef.current?.select();\n                copyLink();\n              }}\n            >\n              {copied ? <Trans message=\"Copied!\" /> : <Trans message=\"Copy\" />}\n            </Button>\n          }\n        />\n        <ShareMediaButtons\n          link={link}\n          image={'image' in item ? item.image : (item as any).image_small}\n          name={item.name}\n        />\n      </div>\n    </div>\n  );\n}\n\ninterface MediaImageProps {\n  item: Props['item'];\n  className?: string;\n  size?: string;\n}\nfunction MediaImage({item, className, size}: MediaImageProps) {\n  switch (item.model_type) {\n    case 'artist':\n      return (\n        <SmallArtistImage\n          size={size}\n          className={className}\n          wrapperClassName=\"max-md:hidden\"\n          artist={item}\n        />\n      );\n    case 'album':\n      return <AlbumImage size={size} className={className} album={item} />;\n    case 'track':\n      return <TrackImage size={size} className={className} track={item} />;\n    case 'playlist':\n      return (\n        <PlaylistImage size={size} className={className} playlist={item} />\n      );\n  }\n}\n\nfunction getLink(item: Props['item']) {\n  switch (item.model_type) {\n    case 'artist':\n      return getArtistLink(item, {absolute: true});\n    case 'album':\n      return getAlbumLink(item, {absolute: true});\n    case 'track':\n      return getTrackLink(item, {absolute: true});\n    case 'playlist':\n      return getPlaylistLink(item, {absolute: true});\n  }\n}\n","import {ContextMenuButton} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {Trans} from '@common/i18n/trans';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {Album} from '@app/web-player/albums/album';\nimport {openDialog} from '@common/ui/overlays/store/dialog-store';\nimport React from 'react';\nimport {ShareMediaDialog} from '@app/web-player/sharing/share-media-dialog';\nimport {Playlist} from '@app/web-player/playlists/playlist';\n\ninterface Props {\n  item: Track | Album | Artist | Playlist;\n}\nexport function ShareMediaButton({item}: Props) {\n  const {close: closeMenu} = useDialogContext();\n  return (\n    <ContextMenuButton\n      onClick={() => {\n        closeMenu();\n        openDialog(ShareMediaDialog, {\n          item,\n        });\n      }}\n    >\n      <Trans message=\"Share\" />\n    </ContextMenuButton>\n  );\n}\n","import {Trans} from '@common/i18n/trans';\nimport {Track} from '@app/web-player/tracks/track';\nimport {\n  ContextDialogLayout,\n  ContextMenuButton,\n} from '@app/web-player/context-dialog/context-dialog-layout';\nimport React, {useCallback} from 'react';\nimport {ToggleInLibraryMenuButton} from '@app/web-player/context-dialog/toggle-in-library-menu-button';\nimport {CopyLinkMenuButton} from '@app/web-player/context-dialog/copy-link-menu-button';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {openDialog} from '@common/ui/overlays/store/dialog-store';\nimport {ConfirmationDialog} from '@common/ui/overlays/dialog/confirmation-dialog';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {useArtistPermissions} from '@app/web-player/artists/use-artist-permissions';\nimport {SmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {ArtistLink, getArtistLink} from '@app/web-player/artists/artist-link';\nimport {useDeleteArtist} from '@app/web-player/artists/requests/use-delete-artist';\nimport {getRadioLink} from '@app/web-player/radio/get-radio-link';\nimport {useShouldShowRadioButton} from '@app/web-player/tracks/context-dialog/use-should-show-radio-button';\nimport {ShareMediaButton} from '@app/web-player/context-dialog/share-media-button';\n\ninterface ArtistContextDialogProps {\n  artist: Artist;\n}\nexport function ArtistContextDialog({artist}: ArtistContextDialogProps) {\n  const showRadioButton = useShouldShowRadioButton();\n  const {canEdit} = useArtistPermissions(artist);\n  const loadTracks = useCallback(() => {\n    return loadArtistTracks(artist);\n  }, [artist]);\n\n  return (\n    <ContextDialogLayout\n      image={<SmallArtistImage artist={artist} />}\n      title={<ArtistLink artist={artist} />}\n      loadTracks={loadTracks}\n    >\n      <ToggleInLibraryMenuButton items={[artist]} modelType=\"artist\" />\n      {showRadioButton && (\n        <ContextMenuButton type=\"link\" to={getRadioLink(artist)}>\n          <Trans message=\"Go to artist radio\" />\n        </ContextMenuButton>\n      )}\n      <CopyLinkMenuButton link={getArtistLink(artist, {absolute: true})}>\n        <Trans message=\"Copy artist link\" />\n      </CopyLinkMenuButton>\n      <ShareMediaButton item={artist} />\n      {canEdit && (\n        <ContextMenuButton\n          type=\"link\"\n          to={`/backstage/artists/${artist.id}/insights`}\n        >\n          <Trans message=\"Insights\" />\n        </ContextMenuButton>\n      )}\n      {canEdit && (\n        <ContextMenuButton\n          type=\"link\"\n          to={`/backstage/artists/${artist.id}/edit`}\n        >\n          <Trans message=\"Edit\" />\n        </ContextMenuButton>\n      )}\n      <DeleteButton artist={artist} />\n    </ContextDialogLayout>\n  );\n}\n\nfunction DeleteButton({artist}: ArtistContextDialogProps) {\n  const {close: closeMenu} = useDialogContext();\n  const deleteArtist = useDeleteArtist(artist.id);\n  const {canDelete} = useArtistPermissions(artist);\n\n  if (!canDelete) {\n    return null;\n  }\n\n  return (\n    <ContextMenuButton\n      disabled={deleteArtist.isPending}\n      onClick={() => {\n        closeMenu();\n        openDialog(ConfirmationDialog, {\n          isDanger: true,\n          title: <Trans message=\"Delete artist\" />,\n          body: (\n            <Trans message=\"Are you sure you want to delete this artist?\" />\n          ),\n          confirm: <Trans message=\"Delete\" />,\n          onConfirm: () => {\n            deleteArtist.mutate();\n          },\n        });\n      }}\n    >\n      <Trans message=\"Delete\" />\n    </ContextMenuButton>\n  );\n}\n\n// tracks are never used/loaded in artist context dialog\nasync function loadArtistTracks(artist: Artist): Promise<Track[]> {\n  return Promise.resolve([]);\n}\n","import {useAddItemsToLibrary} from '@app/web-player/library/requests/use-add-items-to-library';\nimport {useRemoveItemsFromLibrary} from '@app/web-player/library/requests/use-remove-items-from-library';\nimport {useLibraryStore} from '@app/web-player/library/state/likes-store';\nimport {Likeable} from '@app/web-player/library/likeable';\nimport {IconButton, IconButtonProps} from '@common/ui/buttons/icon-button';\nimport {FavoriteIcon} from '@common/icons/material/Favorite';\nimport {FavoriteBorderIcon} from '@common/icons/material/FavoriteBorder';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\n\ninterface LikeIconButtonProps\n  extends Omit<IconButtonProps, 'children' | 'disabled' | 'onClick'> {\n  likeable: Likeable;\n}\nexport function LikeIconButton({\n  likeable,\n  size = 'sm',\n  ...buttonProps\n}: LikeIconButtonProps) {\n  const authHandler = useAuthClickCapture();\n  const addToLibrary = useAddItemsToLibrary();\n  const removeFromLibrary = useRemoveItemsFromLibrary();\n  const isLiked = useLibraryStore(s => s.has(likeable));\n  const isLoading = addToLibrary.isPending || removeFromLibrary.isPending;\n\n  if (isLiked) {\n    return (\n      <IconButton\n        {...buttonProps}\n        size={size}\n        color=\"primary\"\n        disabled={isLoading}\n        onClickCapture={authHandler}\n        onClick={e => {\n          e.stopPropagation();\n          removeFromLibrary.mutate({likeables: [likeable]});\n        }}\n      >\n        <FavoriteIcon />\n      </IconButton>\n    );\n  }\n  return (\n    <IconButton\n      {...buttonProps}\n      size={size}\n      disabled={isLoading}\n      onClickCapture={authHandler}\n      onClick={e => {\n        e.stopPropagation();\n        addToLibrary.mutate({likeables: [likeable]});\n      }}\n    >\n      <FavoriteBorderIcon />\n    </IconButton>\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {SmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {PlayableGridItem} from '@app/web-player/playable-item/playable-grid-item';\nimport {ArtistContextDialog} from '@app/web-player/artists/artist-context-dialog';\nimport {ArtistLink, getArtistLink} from '@app/web-player/artists/artist-link';\nimport {LikeIconButton} from '@app/web-player/library/like-icon-button';\n\ninterface ArtistGridItemProps {\n  artist: Artist;\n  radius?: string;\n}\nexport function ArtistGridItem({\n  artist,\n  radius = 'rounded-full',\n}: ArtistGridItemProps) {\n  return (\n    <PlayableGridItem\n      image={<SmallArtistImage artist={artist} />}\n      title={<ArtistLink artist={artist} />}\n      model={artist}\n      link={getArtistLink(artist)}\n      likeButton={<LikeIconButton likeable={artist} />}\n      contextDialog={<ArtistContextDialog artist={artist} />}\n      radius={radius}\n    />\n  );\n}\n","import {ContextMenuButton} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {Trans} from '@common/i18n/trans';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {tracksToMediaItems} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {Album} from '@app/web-player/albums/album';\n\ntype MediaItem = Track[] | Album | Artist | Playlist;\n\ninterface AddToQueueButtonProps {\n  item: MediaItem;\n  loadTracks: () => Promise<Track[]>;\n}\nexport function AddToQueueButton({item, loadTracks}: AddToQueueButtonProps) {\n  const {close: closeMenu} = useDialogContext();\n  const player = usePlayerActions();\n\n  return (\n    <ContextMenuButton\n      onClick={async () => {\n        closeMenu();\n        const tracks = await loadTracks();\n        player.appendToQueue(\n          tracksToMediaItems(\n            tracks,\n            Array.isArray(item) ? undefined : queueGroupId(item)\n          )\n        );\n      }}\n    >\n      <Trans message=\"Add to queue\" />\n    </ContextMenuButton>\n  );\n}\n","import {createCountableStore} from '@app/web-player/library/state/create-countable-store';\n\nexport const useRepostsStore = createCountableStore('reposts');\n\nexport const userReposts = useRepostsStore.getState;\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Album} from '@app/web-player/albums/album';\nimport {userReposts} from '@app/web-player/library/state/reposts-store';\n\ninterface Response extends BackendResponse {\n  action: 'added' | 'removed';\n}\n\ninterface Payload {\n  repostable: Track | Album;\n}\n\nexport function useToggleRepost() {\n  return useMutation({\n    mutationFn: (payload: Payload) => toggleRepost(payload),\n    onSuccess: (response, {repostable}) => {\n      if (response.action === 'added') {\n        userReposts().add([repostable]);\n      } else {\n        userReposts().remove([repostable]);\n      }\n      queryClient.invalidateQueries({queryKey: ['reposts']});\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction toggleRepost({repostable}: Payload): Promise<Response> {\n  const payload = {\n    repostable_id: repostable.id,\n    repostable_type: repostable.model_type,\n  };\n  return apiClient.post('reposts/toggle', payload).then(r => r.data);\n}\n","import {ContextMenuButton} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {Trans} from '@common/i18n/trans';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Album} from '@app/web-player/albums/album';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {useToggleRepost} from '@app/web-player/reposts/use-toggle-repost';\nimport {useRepostsStore} from '@app/web-player/library/state/reposts-store';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\n\ninterface Props {\n  item: Track | Album;\n}\nexport function ToggleRepostMenuButton({item}: Props) {\n  const authHandler = useAuthClickCapture();\n  const {close: closeMenu} = useDialogContext();\n  const {player} = useSettings();\n  const toggleRepost = useToggleRepost();\n  const isReposted = useRepostsStore(s => s.has(item));\n  if (!player?.enable_repost) return null;\n\n  return (\n    <ContextMenuButton\n      onClickCapture={authHandler}\n      onClick={() => {\n        closeMenu();\n        toggleRepost.mutate({repostable: item});\n      }}\n    >\n      {isReposted ? <Trans message=\"Reposted\" /> : <Trans message=\"Repost\" />}\n    </ContextMenuButton>\n  );\n}\n","import {Album} from '@app/web-player/albums/album';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {AlbumLink, getAlbumLink} from '@app/web-player/albums/album-link';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {Trans} from '@common/i18n/trans';\nimport {loadMediaItemTracks} from '@app/web-player/requests/load-media-item-tracks';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {Track} from '@app/web-player/tracks/track';\nimport {\n  ContextDialogLayout,\n  ContextMenuButton,\n} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {PlaylistPanelButton} from '@app/web-player/context-dialog/playlist-panel';\nimport {useAlbumPermissions} from '@app/web-player/albums/use-album-permissions';\nimport React, {useCallback} from 'react';\nimport {AddToQueueButton} from '@app/web-player/context-dialog/add-to-queue-menu-button';\nimport {ToggleInLibraryMenuButton} from '@app/web-player/context-dialog/toggle-in-library-menu-button';\nimport {CopyLinkMenuButton} from '@app/web-player/context-dialog/copy-link-menu-button';\nimport {useDeleteAlbum} from '@app/web-player/albums/requests/use-delete-album';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {openDialog} from '@common/ui/overlays/store/dialog-store';\nimport {ConfirmationDialog} from '@common/ui/overlays/dialog/confirmation-dialog';\nimport {ToggleRepostMenuButton} from '@app/web-player/context-dialog/toggle-repost-menu-button';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport {ShareMediaButton} from '@app/web-player/context-dialog/share-media-button';\n\ninterface AlbumContextMenuProps {\n  album: Album;\n}\nexport function AlbumContextDialog({album}: AlbumContextMenuProps) {\n  const {canEdit} = useAlbumPermissions(album);\n  const isMobile = useIsMobileMediaQuery();\n\n  const loadTracks = useCallback(() => {\n    return loadAlbumTracks(album);\n  }, [album]);\n\n  return (\n    <ContextDialogLayout\n      image={<AlbumImage album={album} />}\n      title={<AlbumLink album={album} />}\n      description={<ArtistLinks artists={album.artists} />}\n      loadTracks={loadTracks}\n    >\n      <AddToQueueButton item={album} loadTracks={loadTracks} />\n      <PlaylistPanelButton />\n      <ToggleInLibraryMenuButton items={[album]} />\n      {album.artists?.[0] && (\n        <ContextMenuButton\n          type=\"link\"\n          to={getArtistLink(album.artists[0])}\n          className=\"md:hidden\"\n        >\n          <Trans message=\"Go to artist\" />\n        </ContextMenuButton>\n      )}\n      {!isMobile && (\n        <CopyLinkMenuButton link={getAlbumLink(album, {absolute: true})}>\n          <Trans message=\"Copy album link\" />\n        </CopyLinkMenuButton>\n      )}\n      <ShareMediaButton item={album} />\n      <ToggleRepostMenuButton item={album} />\n      {canEdit && (\n        <ContextMenuButton\n          type=\"link\"\n          to={`/backstage/albums/${album.id}/insights`}\n        >\n          <Trans message=\"Insights\" />\n        </ContextMenuButton>\n      )}\n      {canEdit && (\n        <ContextMenuButton\n          type=\"link\"\n          to={`/backstage/albums/${album.id}/edit`}\n        >\n          <Trans message=\"Edit\" />\n        </ContextMenuButton>\n      )}\n      <DeleteButton album={album} />\n    </ContextDialogLayout>\n  );\n}\n\nfunction DeleteButton({album}: AlbumContextMenuProps) {\n  const {close: closeMenu} = useDialogContext();\n  const deleteAlbum = useDeleteAlbum();\n  const {canDelete} = useAlbumPermissions(album);\n\n  if (!canDelete) {\n    return null;\n  }\n\n  return (\n    <ContextMenuButton\n      disabled={deleteAlbum.isPending}\n      onClick={() => {\n        closeMenu();\n        openDialog(ConfirmationDialog, {\n          isDanger: true,\n          title: <Trans message=\"Delete album\" />,\n          body: <Trans message=\"Are you sure you want to delete this album?\" />,\n          confirm: <Trans message=\"Delete\" />,\n          onConfirm: () => {\n            deleteAlbum.mutate({albumId: album.id});\n          },\n        });\n      }}\n    >\n      <Trans message=\"Delete\" />\n    </ContextMenuButton>\n  );\n}\n\nasync function loadAlbumTracks(album: Album): Promise<Track[]> {\n  // load album tracks if not loaded already\n  if (typeof album.tracks === 'undefined') {\n    const tracks = await loadMediaItemTracks(queueGroupId(album));\n    if (!tracks.length) {\n      toast(message('This album has no tracks yet.'));\n    }\n    return tracks;\n  }\n  return album.tracks;\n}\n","import {Album} from '@app/web-player/albums/album';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {PlayableGridItem} from '@app/web-player/playable-item/playable-grid-item';\nimport {AlbumLink, getAlbumLink} from '@app/web-player/albums/album-link';\nimport {AlbumContextDialog} from '@app/web-player/albums/album-context-dialog';\nimport {LikeIconButton} from '@app/web-player/library/like-icon-button';\n\ninterface AlbumGridItemProps {\n  album: Album;\n}\nexport function AlbumGridItem({album}: AlbumGridItemProps) {\n  return (\n    <PlayableGridItem\n      image={<AlbumImage album={album} />}\n      title={<AlbumLink album={album} />}\n      subtitle={<ArtistLinks artists={album.artists} />}\n      link={getAlbumLink(album)}\n      likeButton={<LikeIconButton likeable={album} />}\n      model={album}\n      contextDialog={<AlbumContextDialog album={album} />}\n    />\n  );\n}\n","import {useTrans} from '@common/i18n/use-trans';\nimport {message} from '@common/i18n/message';\nimport clsx from 'clsx';\nimport {Genre} from '@app/web-player/genres/genre';\nimport {LabelIcon} from '@common/icons/material/Label';\n\ninterface GenreImageProps {\n  genre: Genre;\n  className?: string;\n  size?: string;\n}\nexport function GenreImage({genre, className, size}: GenreImageProps) {\n  const {trans} = useTrans();\n  const src = genre.image;\n  const imgClassName = clsx(\n    className,\n    size,\n    'object-cover bg-fg-base/4',\n    !src ? 'flex items-center justify-center' : 'block',\n  );\n\n  return src ? (\n    <img\n      className={imgClassName}\n      draggable={false}\n      loading=\"lazy\"\n      src={src}\n      alt={trans(message('Image for :name', {values: {name: genre.name}}))}\n    />\n  ) : (\n    <span className={clsx(imgClassName, 'overflow-hidden')}>\n      <LabelIcon className=\"max-w-[60%] text-divider\" size=\"text-9xl\" />\n    </span>\n  );\n}\n","import {Genre} from '@app/web-player/genres/genre';\nimport {GenreImage} from '@app/web-player/genres/genre-image';\nimport {Link} from 'react-router-dom';\nimport {getGenreLink} from '@app/web-player/genres/genre-link';\nimport {Trans} from '@common/i18n/trans';\n\ninterface GenreGridItemProps {\n  genre: Genre;\n}\nexport function GenreGridItem({genre}: GenreGridItemProps) {\n  return (\n    <Link\n      to={getGenreLink(genre)}\n      className=\"relative isolate block h-max cursor-pointer overflow-hidden rounded-panel after:absolute after:left-0 after:top-0 after:h-full after:w-full after:bg-black/50\"\n    >\n      <GenreImage genre={genre} className=\"aspect-square w-full shadow-md\" />\n      <div className=\"absolute left-1/2 top-1/2 z-20 max-w-[86%] -translate-x-1/2 -translate-y-1/2 overflow-hidden overflow-ellipsis whitespace-nowrap text-xl font-semibold capitalize text-white\">\n        <Trans message={genre.display_name || genre.name} />\n      </div>\n    </Link>\n  );\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {useLocation} from 'react-router-dom';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useAuth} from '@common/auth/use-auth';\n\ninterface Response extends BackendResponse {}\n\ninterface Payload {\n  trackIds: number[];\n}\n\nexport function useDeleteTracks() {\n  const {pathname} = useLocation();\n  const navigate = useNavigate();\n  const {getRedirectUri} = useAuth();\n\n  return useMutation({\n    mutationFn: (payload: Payload) => deleteTracks(payload),\n    onSuccess: async (response, {trackIds}) => {\n      await queryClient.invalidateQueries({queryKey: ['tracks']});\n      await queryClient.invalidateQueries({queryKey: ['channel']});\n      toast(\n        message('[one Track|other :count Tracks] deleted', {\n          values: {count: trackIds.length},\n        }),\n      );\n      // navigate to homepage if we are on this track page currently\n      if (trackIds.some(trackId => pathname.startsWith(`/track/${trackId}`))) {\n        navigate(getRedirectUri());\n      }\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction deleteTracks({trackIds}: Payload): Promise<Response> {\n  return apiClient.delete(`tracks/${trackIds.join(',')}`).then(r => r.data);\n}\n","import {useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Lyric} from '@app/web-player/tracks/lyrics/lyric';\n\ninterface Response extends BackendResponse {\n  lyric?: Lyric;\n}\n\nexport function useLyrics(track: Track) {\n  return useQuery({\n    queryKey: ['lyrics', track.id],\n    queryFn: () => fetchLyrics(track.id),\n  });\n}\n\nfunction fetchLyrics(trackId: number) {\n  return apiClient\n    .get<Response>(`tracks/${trackId}/lyrics`)\n    .then(response => response.data);\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaMicrophoneIcon = createSvgIcon(\n  [<path d=\"M22.3257 15.8354C22.1263 15.8695 21.9256 15.7966 21.7826 15.6536L16.347 10.218C16.2039 10.0749 16.1311 9.87422 16.1652 9.67483C16.3448 8.62476 16.84 7.61813 17.6506 6.80752C19.7334 4.72472 23.1103 4.72472 25.193 6.80752C27.2758 8.89032 27.2758 12.2672 25.193 14.35C24.3824 15.1606 23.3758 15.6557 22.3257 15.8354Z\" key=\"0\"/>,<path d=\"M15.3386 12.9809C15.0613 12.7036 14.6058 12.7244 14.3549 13.0257L5.78725 23.3142C5.56666 23.5791 5.58439 23.9685 5.82814 24.2122L7.79205 26.1761C8.03586 26.42 8.42536 26.4376 8.69024 26.2169L18.9754 17.6459C19.2766 17.3949 19.2972 16.9395 19.02 16.6623L15.3386 12.9809Z\" key=\"1\"/>,],\n  'MediaMicrophone',\n  '0 0 32 32'\n);\n","import {Dialog} from '@common/ui/overlays/dialog/dialog';\nimport {DialogBody} from '@common/ui/overlays/dialog/dialog-body';\nimport {Track} from '@app/web-player/tracks/track';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {DialogHeader} from '@common/ui/overlays/dialog/dialog-header';\nimport {Trans} from '@common/i18n/trans';\nimport {useLyrics} from '@app/web-player/tracks/lyrics/requests/use-lyrics';\nimport {Skeleton} from '@common/ui/skeleton/skeleton';\nimport {AnimatePresence, m} from 'framer-motion';\nimport {opacityAnimation} from '@common/ui/animation/opacity-animation';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {MediaMicrophoneIcon} from '@common/icons/media/media-microphone';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\n\ninterface Props {\n  track: Track;\n}\nexport function LyricsDialog({track}: Props) {\n  const {data, isLoading} = useLyrics(track);\n  const {close} = useDialogContext();\n\n  let content;\n\n  if (data?.lyric?.text) {\n    content = (\n      <m.div\n        className=\"text-lg w-full\"\n        key=\"lyrics\"\n        {...opacityAnimation}\n        dangerouslySetInnerHTML={{__html: data?.lyric?.text || ''}}\n      />\n    );\n  } else if (isLoading) {\n    content = <LyricSkeleton />;\n  } else {\n    content = (\n      <IllustratedMessage\n        image={<MediaMicrophoneIcon size=\"xl\" />}\n        imageHeight=\"h-auto\"\n        title={<Trans message=\"We do not have lyrics for this song yet\" />}\n        description={<Trans message=\"Please try again later\" />}\n      />\n    );\n  }\n\n  return (\n    <Dialog size=\"fullscreenTakeover\">\n      <DialogHeader closeButtonSize=\"lg\">\n        <div className=\"sr-only\">\n          <Trans message=\"Lyrics\" />\n        </div>\n      </DialogHeader>\n      <DialogBody className=\"flex items-stretch gap-24 h-full\" padding=\"p-0\">\n        <div className=\"hidden md:flex-[0.4_1_0%] md:flex items-center justify-end pl-40\">\n          <div>\n            <TrackImage\n              track={track}\n              size=\"w-400 max-w-full aspect-square\"\n              className=\"flex-shrink-0 shadow-md rounded\"\n            />\n            <div className=\"mt-14 text-center text-xl\">{track.name}</div>\n            <div className=\"mt-4 text-center text-base text-muted\">\n              <ArtistLinks\n                artists={track.artists}\n                onLinkClick={() => close()}\n              />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-auto md:flex-[0.6_1_0%] stable-scrollbar overflow-y-auto text-center pl-14 pr-14 md:pl-0 md:pr-40 pb-40\">\n          <div className=\"flex items-center justify-center min-h-full w-full max-w-580 mx-auto\">\n            <AnimatePresence>{content}</AnimatePresence>\n          </div>\n        </div>\n      </DialogBody>\n    </Dialog>\n  );\n}\n\nfunction LyricSkeleton() {\n  return (\n    <m.div key=\"skeleton\" {...opacityAnimation} className=\"w-full\">\n      {[...new Array(8).keys()].map(key => (\n        <Skeleton key={key} variant=\"text\" className=\"mb-20\" />\n      ))}\n    </m.div>\n  );\n}\n","import {Track} from '@app/web-player/tracks/track';\n\nexport function trackIsLocallyUploaded(track: Track): boolean {\n  return (\n    track?.src != null &&\n    (track.src.startsWith('storage') ||\n      track.src.includes('storage/track_media'))\n  );\n}\n","import {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {Trans} from '@common/i18n/trans';\nimport {Track} from '@app/web-player/tracks/track';\nimport {\n  ContextDialogLayout,\n  ContextMenuButton,\n  ContextMenuLayoutProps,\n} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {PlaylistPanelButton} from '@app/web-player/context-dialog/playlist-panel';\nimport {CopyLinkMenuButton} from '@app/web-player/context-dialog/copy-link-menu-button';\nimport {getTrackLink, TrackLink} from '@app/web-player/tracks/track-link';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {useTrackPermissions} from '@app/web-player/tracks/hooks/use-track-permissions';\nimport {AddToQueueButton} from '@app/web-player/context-dialog/add-to-queue-menu-button';\nimport React, {Fragment, ReactNode, useCallback} from 'react';\nimport {ToggleInLibraryMenuButton} from '@app/web-player/context-dialog/toggle-in-library-menu-button';\nimport {ToggleRepostMenuButton} from '@app/web-player/context-dialog/toggle-repost-menu-button';\nimport {getRadioLink} from '@app/web-player/radio/get-radio-link';\nimport {useShouldShowRadioButton} from '@app/web-player/tracks/context-dialog/use-should-show-radio-button';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {openDialog} from '@common/ui/overlays/store/dialog-store';\nimport {ConfirmationDialog} from '@common/ui/overlays/dialog/confirmation-dialog';\nimport {useDeleteTracks} from '@app/web-player/tracks/requests/use-delete-tracks';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {getAlbumLink} from '@app/web-player/albums/album-link';\nimport {ShareMediaButton} from '@app/web-player/context-dialog/share-media-button';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {LyricsDialog} from '@app/web-player/tracks/lyrics/lyrics-dialog';\nimport {trackIsLocallyUploaded} from '@app/web-player/tracks/utils/track-is-locally-uploaded';\nimport {useAuth} from '@common/auth/use-auth';\nimport {downloadFileFromUrl} from '@common/uploads/utils/download-file-from-url';\n\nexport interface TrackContextDialogProps {\n  tracks: Track[];\n  children?: (tracks: Track[]) => ReactNode;\n  showAddToQueueButton?: boolean;\n}\nexport function TrackContextDialog({\n  children,\n  tracks,\n  showAddToQueueButton = true,\n}: TrackContextDialogProps) {\n  const isMobile = useIsMobileMediaQuery();\n  const firstTrack = tracks[0];\n  const {canEdit, canDelete} = useTrackPermissions(tracks);\n  const shouldShowRadio = useShouldShowRadioButton();\n  const {player} = useSettings();\n  const {close} = useDialogContext();\n\n  const loadTracks = useCallback(() => {\n    return Promise.resolve(tracks);\n  }, [tracks]);\n\n  const headerProps: Partial<ContextMenuLayoutProps> =\n    tracks.length === 1\n      ? {\n          image: <TrackImage track={firstTrack} />,\n          title: <TrackLink track={firstTrack} />,\n          description: <ArtistLinks artists={firstTrack.artists} />,\n        }\n      : {};\n\n  return (\n    <ContextDialogLayout {...headerProps} loadTracks={loadTracks}>\n      {showAddToQueueButton && (\n        <AddToQueueButton item={tracks} loadTracks={loadTracks} />\n      )}\n      <ToggleInLibraryMenuButton items={tracks} />\n      {children?.(tracks)}\n      <PlaylistPanelButton />\n      {tracks.length === 1 ? (\n        <Fragment>\n          {shouldShowRadio && (\n            <ContextMenuButton type=\"link\" to={getRadioLink(firstTrack)}>\n              <Trans message=\"Go to song radio\" />\n            </ContextMenuButton>\n          )}\n          {isMobile && (\n            <Fragment>\n              {firstTrack.artists?.[0] && (\n                <ContextMenuButton\n                  type=\"link\"\n                  to={getArtistLink(firstTrack.artists[0])}\n                >\n                  <Trans message=\"Go to artist\" />\n                </ContextMenuButton>\n              )}\n              {firstTrack.album && (\n                <ContextMenuButton\n                  type=\"link\"\n                  to={getAlbumLink(firstTrack.album)}\n                >\n                  <Trans message=\"Go to album\" />\n                </ContextMenuButton>\n              )}\n              <ContextMenuButton type=\"link\" to={getTrackLink(firstTrack)}>\n                <Trans message=\"Go to track\" />\n              </ContextMenuButton>\n            </Fragment>\n          )}\n          {!player?.hide_lyrics && tracks.length === 1 && (\n            <ContextMenuButton\n              onClick={() => {\n                close();\n                openDialog(LyricsDialog, {track: firstTrack});\n              }}\n            >\n              <Trans message=\"View lyrics\" />\n            </ContextMenuButton>\n          )}\n          {!isMobile && (\n            <CopyLinkMenuButton\n              link={getTrackLink(firstTrack, {absolute: true})}\n            >\n              <Trans message=\"Copy song link\" />\n            </CopyLinkMenuButton>\n          )}\n          {tracks.length === 1 && <ShareMediaButton item={firstTrack} />}\n          {tracks.length === 1 && <DownloadTrackButton track={firstTrack} />}\n          {tracks.length === 1 ? (\n            <ToggleRepostMenuButton item={tracks[0]} />\n          ) : null}\n          {tracks.length === 1 && canEdit && (\n            <ContextMenuButton\n              type=\"link\"\n              to={`/backstage/tracks/${firstTrack.id}/insights`}\n            >\n              <Trans message=\"Insights\" />\n            </ContextMenuButton>\n          )}\n          {tracks.length === 1 && canEdit && (\n            <ContextMenuButton\n              type=\"link\"\n              to={`/backstage/tracks/${firstTrack.id}/edit`}\n            >\n              <Trans message=\"Edit\" />\n            </ContextMenuButton>\n          )}\n        </Fragment>\n      ) : null}\n      {canDelete && !isMobile && <DeleteButton tracks={tracks} />}\n    </ContextDialogLayout>\n  );\n}\n\ninterface DownloadTrackButtonProps {\n  track: Track;\n}\nfunction DownloadTrackButton({track}: DownloadTrackButtonProps) {\n  const {player, base_url} = useSettings();\n  const {close: closeMenu} = useDialogContext();\n  const {hasPermission} = useAuth();\n\n  if (\n    !player?.enable_download ||\n    !track ||\n    !trackIsLocallyUploaded(track) ||\n    !hasPermission('music.download')\n  ) {\n    return null;\n  }\n\n  return (\n    <ContextMenuButton\n      onClick={() => {\n        closeMenu();\n        downloadFileFromUrl(`${base_url}/api/v1/tracks/${track.id}/download`);\n      }}\n    >\n      <Trans message=\"Download\" />\n    </ContextMenuButton>\n  );\n}\n\nfunction DeleteButton({tracks}: TrackContextDialogProps) {\n  const {close: closeMenu} = useDialogContext();\n  const {canDelete} = useTrackPermissions(tracks);\n\n  if (!canDelete) {\n    return null;\n  }\n\n  return (\n    <ContextMenuButton\n      onClick={() => {\n        closeMenu();\n        openDialog(DeleteTrackDialog, {\n          tracks,\n        });\n      }}\n    >\n      <Trans message=\"Delete\" />\n    </ContextMenuButton>\n  );\n}\n\ninterface DeleteTrackDialogProps {\n  tracks: Track[];\n}\nfunction DeleteTrackDialog({tracks}: DeleteTrackDialogProps) {\n  const deleteTracks = useDeleteTracks();\n  const {close} = useDialogContext();\n  return (\n    <ConfirmationDialog\n      isDanger\n      title={<Trans message=\"Delete tracks\" />}\n      body={\n        <Trans message=\"Are you sure you want to delete selected tracks?\" />\n      }\n      isLoading={deleteTracks.isPending}\n      confirm={<Trans message=\"Delete\" />}\n      onConfirm={() => {\n        deleteTracks.mutate(\n          {trackIds: tracks.map(t => t.id)},\n          {\n            onSuccess: () => close(),\n          },\n        );\n      }}\n    />\n  );\n}\n","import {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {PlayableGridItem} from '@app/web-player/playable-item/playable-grid-item';\nimport {Track} from '@app/web-player/tracks/track';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {getTrackLink, TrackLink} from '@app/web-player/tracks/track-link';\nimport {TrackContextDialog} from '@app/web-player/tracks/context-dialog/track-context-dialog';\nimport {LikeIconButton} from '@app/web-player/library/like-icon-button';\n\ninterface TrackGridItemProps {\n  track: Track;\n  newQueue?: Track[];\n}\nexport function TrackGridItem({track, newQueue}: TrackGridItemProps) {\n  return (\n    <PlayableGridItem\n      image={<TrackImage track={track} />}\n      title={<TrackLink track={track} />}\n      subtitle={<ArtistLinks artists={track.artists} />}\n      link={getTrackLink(track)}\n      likeButton={<LikeIconButton likeable={track} />}\n      model={track}\n      newQueue={newQueue}\n      contextDialog={<TrackContextDialog tracks={[track]} />}\n    />\n  );\n}\n","import {Playlist} from '@app/web-player/playlists/playlist';\nimport {useAuth} from '@common/auth/use-auth';\n\nexport function usePlaylistPermissions(playlist: Playlist) {\n  const {user} = useAuth();\n  const isCreator: boolean = !!(user?.id && user.id === playlist.owner_id);\n  return {canEdit: isCreator, canDelete: isCreator, isCreator};\n}\n","import {useAuthUserPlaylists} from '@app/web-player/playlists/requests/use-auth-user-playlists';\nimport {useAuth} from '@common/auth/use-auth';\n\nexport function useIsFollowingPlaylist(playlistId: number): boolean {\n  const {data} = useAuthUserPlaylists();\n  const {user} = useAuth();\n  // if user is playlist creator, then he is not following it\n  const playlist = data.playlists.find(p => p.id === +playlistId);\n  if (playlist && user && user.id !== playlist.owner_id) {\n    return true;\n  }\n  return false;\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {useLocation} from 'react-router-dom';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useAuth} from '@common/auth/use-auth';\n\ninterface Response extends BackendResponse {}\n\nexport function useDeletePlaylist(playlistId: number | string) {\n  const {pathname} = useLocation();\n  const navigate = useNavigate();\n  const {getRedirectUri} = useAuth();\n\n  return useMutation({\n    mutationFn: () => deletePlaylist(playlistId),\n    onSuccess: () => {\n      toast(message('Playlist deleted'));\n      queryClient.invalidateQueries({queryKey: ['playlists']});\n      // navigate to homepage if we are on this playlist page currently\n      if (pathname.startsWith(`/playlist/${playlistId}`)) {\n        navigate(getRedirectUri());\n      }\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction deletePlaylist(playlistId: number | string): Promise<Response> {\n  return apiClient.delete(`playlists/${playlistId}`).then(r => r.data);\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\n\ninterface Response extends BackendResponse {\n  playlist: Playlist;\n}\n\nexport function useFollowPlaylist(playlist: Playlist) {\n  return useMutation({\n    mutationFn: () => followPlaylist(playlist.id),\n    onSuccess: () => {\n      toast(message('Following :name', {values: {name: playlist.name}}));\n      queryClient.invalidateQueries({queryKey: ['playlists']});\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction followPlaylist(playlistId: number | string): Promise<Response> {\n  return apiClient.post(`playlists/${playlistId}/follow`).then(r => r.data);\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\n\ninterface Response extends BackendResponse {\n  playlist: Playlist;\n}\n\nexport function useUnfollowPlaylist(playlist: Playlist) {\n  return useMutation({\n    mutationFn: () => unfollowPlaylist(playlist.id),\n    onSuccess: () => {\n      toast(\n        message('Stopped following :name', {values: {name: playlist.name}}),\n      );\n      queryClient.invalidateQueries({queryKey: ['playlists']});\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction unfollowPlaylist(playlistId: number | string): Promise<Response> {\n  return apiClient.post(`playlists/${playlistId}/unfollow`).then(r => r.data);\n}\n","import {Trans} from '@common/i18n/trans';\nimport {loadMediaItemTracks} from '@app/web-player/requests/load-media-item-tracks';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {Track} from '@app/web-player/tracks/track';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {\n  ContextDialogLayout,\n  ContextMenuButton,\n} from '@app/web-player/context-dialog/context-dialog-layout';\nimport useCopyClipboard from 'react-use-clipboard';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {\n  getPlaylistLink,\n  PlaylistLink,\n} from '@app/web-player/playlists/playlist-link';\nimport {usePlaylistPermissions} from '@app/web-player/playlists/hooks/use-playlist-permissions';\nimport {PlaylistImage} from '@app/web-player/playlists/playlist-image';\nimport React, {Fragment, useCallback} from 'react';\nimport {useIsFollowingPlaylist} from '@app/web-player/playlists/hooks/use-is-following-playlist';\nimport {openDialog} from '@common/ui/overlays/store/dialog-store';\nimport {UpdatePlaylistDialog} from '@app/web-player/playlists/crupdate-dialog/update-playlist-dialog';\nimport {useUpdatePlaylist} from '@app/web-player/playlists/requests/use-update-playlist';\nimport {CheckIcon} from '@common/icons/material/Check';\nimport {ConfirmationDialog} from '@common/ui/overlays/dialog/confirmation-dialog';\nimport {useDeletePlaylist} from '@app/web-player/playlists/requests/use-delete-playlist';\nimport {useFollowPlaylist} from '@app/web-player/playlists/requests/use-follow-playlist';\nimport {useUnfollowPlaylist} from '@app/web-player/playlists/requests/use-unfollow-playlist';\nimport {AddToQueueButton} from '@app/web-player/context-dialog/add-to-queue-menu-button';\nimport {PlaylistOwnerName} from '@app/web-player/playlists/playlist-grid-item';\nimport {ShareMediaButton} from '@app/web-player/context-dialog/share-media-button';\n\ninterface PlaylistContextDialogProps {\n  playlist: Playlist;\n}\nexport function PlaylistContextDialog({playlist}: PlaylistContextDialogProps) {\n  const {close: closeMenu} = useDialogContext();\n  const [, copyAlbumLink] = useCopyClipboard(\n    getPlaylistLink(playlist, {absolute: true}),\n  );\n  const {canEdit} = usePlaylistPermissions(playlist);\n\n  const loadTracks = useCallback(() => {\n    return loadPlaylistTracks(playlist);\n  }, [playlist]);\n\n  return (\n    <ContextDialogLayout\n      image={<PlaylistImage playlist={playlist} />}\n      title={<PlaylistLink playlist={playlist} />}\n      description={<PlaylistOwnerName playlist={playlist} />}\n      loadTracks={loadTracks}\n    >\n      <AddToQueueButton item={playlist} loadTracks={loadTracks} />\n      <TogglePublicButton playlist={playlist} />\n      <ToggleCollaborativeButton playlist={playlist} />\n      <FollowButtons playlist={playlist} />\n      <ContextMenuButton\n        onClick={() => {\n          copyAlbumLink();\n          closeMenu();\n          toast(message('Copied link to clipboard'));\n        }}\n      >\n        <Trans message=\"Copy playlist link\" />\n      </ContextMenuButton>\n      {playlist.public && <ShareMediaButton item={playlist} />}\n      {canEdit && (\n        <ContextMenuButton\n          onClick={() => {\n            closeMenu();\n            openDialog(UpdatePlaylistDialog, {playlist});\n          }}\n        >\n          <Trans message=\"Edit\" />\n        </ContextMenuButton>\n      )}\n      <DeleteButton playlist={playlist} />\n    </ContextDialogLayout>\n  );\n}\n\ninterface FollowButtonsProps {\n  playlist: Playlist;\n}\nfunction FollowButtons({playlist}: FollowButtonsProps) {\n  const isFollowing = useIsFollowingPlaylist(playlist.id);\n  const {close: closeMenu} = useDialogContext();\n  const followPlaylist = useFollowPlaylist(playlist);\n  const unFollowPlaylist = useUnfollowPlaylist(playlist);\n  const {isCreator} = usePlaylistPermissions(playlist);\n\n  // if user has created this playlist, bail\n  if (isCreator) {\n    return null;\n  }\n\n  return (\n    <Fragment>\n      {!isFollowing ? (\n        <ContextMenuButton\n          onClick={() => {\n            closeMenu();\n            followPlaylist.mutate();\n          }}\n        >\n          <Trans message=\"Follow\" />\n        </ContextMenuButton>\n      ) : (\n        <ContextMenuButton\n          onClick={() => {\n            closeMenu();\n            unFollowPlaylist.mutate();\n          }}\n        >\n          <Trans message=\"Unfollow\" />\n        </ContextMenuButton>\n      )}\n    </Fragment>\n  );\n}\n\nfunction TogglePublicButton({playlist}: FollowButtonsProps) {\n  const {close: closeMenu} = useDialogContext();\n  const updatePlaylist = useUpdatePlaylist({playlistId: playlist.id});\n  const {isCreator} = usePlaylistPermissions(playlist);\n\n  if (!isCreator) {\n    return null;\n  }\n\n  const togglePublic = () => {\n    closeMenu();\n    updatePlaylist.mutate({public: !playlist.public});\n  };\n\n  return (\n    <ContextMenuButton\n      disabled={updatePlaylist.isPending}\n      onClick={() => togglePublic()}\n    >\n      {playlist.public ? (\n        <Trans message=\"Make private\" />\n      ) : (\n        <Trans message=\"Make public\" />\n      )}\n    </ContextMenuButton>\n  );\n}\n\nfunction ToggleCollaborativeButton({playlist}: FollowButtonsProps) {\n  const {close: closeMenu} = useDialogContext();\n  const updatePlaylist = useUpdatePlaylist({playlistId: playlist.id});\n  const {isCreator} = usePlaylistPermissions(playlist);\n\n  if (!isCreator) {\n    return null;\n  }\n\n  const toggleCollaborative = () => {\n    closeMenu();\n    updatePlaylist.mutate({collaborative: !playlist.collaborative});\n  };\n\n  return (\n    <ContextMenuButton\n      disabled={updatePlaylist.isPending}\n      startIcon={playlist.collaborative ? <CheckIcon /> : undefined}\n      onClick={() => toggleCollaborative()}\n    >\n      <Trans message=\"Collaborative\" />\n    </ContextMenuButton>\n  );\n}\n\nfunction DeleteButton({playlist}: FollowButtonsProps) {\n  const {close: closeMenu} = useDialogContext();\n  const deletePlaylist = useDeletePlaylist(playlist.id);\n  const {canDelete} = usePlaylistPermissions(playlist);\n\n  if (!canDelete) {\n    return null;\n  }\n\n  return (\n    <ContextMenuButton\n      disabled={deletePlaylist.isPending}\n      onClick={() => {\n        closeMenu();\n        openDialog(ConfirmationDialog, {\n          isDanger: true,\n          title: <Trans message=\"Delete playlist\" />,\n          body: (\n            <Trans message=\"Are you sure you want to delete this playlist?\" />\n          ),\n          confirm: <Trans message=\"Delete\" />,\n          onConfirm: () => {\n            deletePlaylist.mutate();\n          },\n        });\n      }}\n    >\n      <Trans message=\"Delete\" />\n    </ContextMenuButton>\n  );\n}\n\nasync function loadPlaylistTracks(playlist: Playlist): Promise<Track[]> {\n  // load playlist tracks if not loaded already\n  if (typeof playlist.tracks === 'undefined') {\n    const tracks = await loadMediaItemTracks(queueGroupId(playlist));\n    if (!tracks.length) {\n      toast(message('This playlist has no tracks yet.'));\n    }\n    return tracks;\n  }\n  return playlist.tracks;\n}\n","import {FavoriteIcon} from '@common/icons/material/Favorite';\nimport {FavoriteBorderIcon} from '@common/icons/material/FavoriteBorder';\nimport {Button} from '@common/ui/buttons/button';\nimport {Trans} from '@common/i18n/trans';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {useFollowPlaylist} from '@app/web-player/playlists/requests/use-follow-playlist';\nimport {useUnfollowPlaylist} from '@app/web-player/playlists/requests/use-unfollow-playlist';\nimport {useIsFollowingPlaylist} from '@app/web-player/playlists/hooks/use-is-following-playlist';\nimport {usePlaylistPermissions} from '@app/web-player/playlists/hooks/use-playlist-permissions';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {ButtonSize} from '@common/ui/buttons/button-size';\n\ninterface FollowPlaylistButtonProps {\n  buttonType: 'icon' | 'text';\n  className?: string;\n  size?: ButtonSize;\n  playlist: Playlist;\n  radius?: string;\n}\nexport function FollowPlaylistButton({\n  playlist,\n  size = 'sm',\n  className,\n  buttonType = 'text',\n  radius,\n}: FollowPlaylistButtonProps) {\n  const {isCreator} = usePlaylistPermissions(playlist);\n  const follow = useFollowPlaylist(playlist);\n  const unfollow = useUnfollowPlaylist(playlist);\n  const isFollowing = useIsFollowingPlaylist(playlist.id);\n  const isLoading = follow.isPending || unfollow.isPending;\n\n  if (isCreator) {\n    return null;\n  }\n\n  if (buttonType === 'icon') {\n    if (isFollowing) {\n      return (\n        <IconButton\n          size={size}\n          radius={radius}\n          color=\"primary\"\n          className={className}\n          disabled={isLoading}\n          onClick={() => unfollow.mutate()}\n        >\n          <FavoriteIcon />\n        </IconButton>\n      );\n    }\n    return (\n      <IconButton\n        size={size}\n        radius={radius}\n        disabled={isLoading}\n        className={className}\n        onClick={() => follow.mutate()}\n      >\n        <FavoriteBorderIcon />\n      </IconButton>\n    );\n  }\n\n  if (isFollowing) {\n    return (\n      <Button\n        size={size}\n        variant=\"outline\"\n        radius={radius || 'rounded-full'}\n        startIcon={<FavoriteIcon className=\"text-primary\" />}\n        disabled={isLoading}\n        className={className}\n        onClick={() => unfollow.mutate()}\n      >\n        <Trans message=\"Following\" />\n      </Button>\n    );\n  }\n  return (\n    <Button\n      size={size}\n      variant=\"outline\"\n      radius={radius || 'rounded-full'}\n      startIcon={<FavoriteBorderIcon />}\n      disabled={isLoading}\n      className={className}\n      onClick={() => follow.mutate()}\n    >\n      <Trans message=\"Follow\" />\n    </Button>\n  );\n}\n","import {PlayableGridItem} from '@app/web-player/playable-item/playable-grid-item';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {PlaylistImage} from '@app/web-player/playlists/playlist-image';\nimport {\n  getPlaylistLink,\n  PlaylistLink,\n} from '@app/web-player/playlists/playlist-link';\nimport {PlaylistContextDialog} from '@app/web-player/playlists/playlist-context-dialog';\nimport {Trans} from '@common/i18n/trans';\nimport {UserProfileLink} from '@app/web-player/users/user-profile-link';\nimport React from 'react';\nimport {FollowPlaylistButton} from '@app/web-player/playlists/playlist-page/follow-playlist-button';\n\ninterface PlaylistGridItemProps {\n  playlist: Playlist;\n}\nexport function PlaylistGridItem({playlist}: PlaylistGridItemProps) {\n  return (\n    <PlayableGridItem\n      image={<PlaylistImage playlist={playlist} />}\n      title={<PlaylistLink playlist={playlist} />}\n      subtitle={<PlaylistOwnerName playlist={playlist} />}\n      link={getPlaylistLink(playlist)}\n      likeButton={\n        <FollowPlaylistButton buttonType=\"icon\" size=\"md\" playlist={playlist} />\n      }\n      model={playlist}\n      contextDialog={<PlaylistContextDialog playlist={playlist} />}\n    />\n  );\n}\n\nexport function PlaylistOwnerName({playlist}: PlaylistGridItemProps) {\n  const owner = playlist.owner || playlist.editors?.[0];\n  if (!owner) {\n    return null;\n  }\n  return (\n    <Trans\n      message=\"By :name\"\n      values={{\n        name: <UserProfileLink user={owner} />,\n      }}\n    />\n  );\n}\n","export default \"__VITE_ASSET__6d84205f__\"","import {useTrans} from '@common/i18n/use-trans';\nimport {message} from '@common/i18n/message';\nimport {User} from '@common/auth/user';\nimport clsx from 'clsx';\nimport {Trans} from '@common/i18n/trans';\nimport {StarIcon} from '@common/icons/material/Star';\nimport userDefaultImage from './user-default.svg';\n\ninterface UserImageProps {\n  user: User;\n  className?: string;\n  size?: string;\n  showProBadge?: boolean;\n}\nexport function UserImage({\n  user,\n  className,\n  size,\n  showProBadge,\n}: UserImageProps) {\n  const {trans} = useTrans();\n  const showBadge = showProBadge && user.subscriptions?.find(s => s.valid);\n  return (\n    <div\n      className={clsx(\n        'relative flex-shrink-0 isolate overflow-hidden',\n        size,\n        className\n      )}\n    >\n      <img\n        className=\"object-cover bg-fg-base/4 w-full h-full\"\n        draggable={false}\n        src={getUserImage(user)}\n        alt={trans(\n          message('Avatar for :name', {values: {name: user.display_name}})\n        )}\n      />\n      {showBadge && (\n        <div\n          className=\"absolute bottom-12 text-sm left-0 right-0 w-max max-w-full mx-auto flex items-center gap-6 bg-black/60 text-white rounded-full py-4 px-8\"\n          color=\"positive\"\n        >\n          <div className=\"bg-primary rounded-full p-1\">\n            <StarIcon className=\"text-white\" size=\"sm\" />\n          </div>\n          <Trans message=\"PRO user\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function getUserImage(user: User): string {\n  return user.avatar || userDefaultImage;\n}\n","import {Link} from 'react-router-dom';\nimport {getUserProfileLink} from '@app/web-player/users/user-profile-link';\nimport {UserImage} from '@app/web-player/users/user-image';\nimport {User} from '@common/auth/user';\nimport {Trans} from '@common/i18n/trans';\n\ninterface UserGridItemProps {\n  user: User;\n}\nexport function UserGridItem({user}: UserGridItemProps) {\n  return (\n    <div>\n      <Link to={getUserProfileLink(user)}>\n        <UserImage\n          user={user}\n          className=\"shadow-md w-full aspect-square rounded\"\n        />\n      </Link>\n      <div className=\"text-sm mt-12\">\n        <div className=\"overflow-hidden overflow-ellipsis\">\n          <Link to={getUserProfileLink(user)}>{user.display_name}</Link>\n        </div>\n        {user.followers_count ? (\n          <div className=\"text-muted mt-4 whitespace-nowrap overflow-hidden overflow-ellipsis\">\n            <Trans\n              message=\":count followers\"\n              values={{count: user.followers_count}}\n            />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n","import {ARTIST_MODEL} from '@app/web-player/artists/artist';\nimport {ArtistGridItem} from '@app/web-player/artists/artist-grid-item';\nimport {ALBUM_MODEL} from '@app/web-player/albums/album';\nimport {AlbumGridItem} from '@app/web-player/albums/album-grid-item';\nimport {GENRE_MODEL} from '@app/web-player/genres/genre';\nimport {GenreGridItem} from '@app/web-player/genres/genre-grid-item';\nimport React from 'react';\nimport {Track, TRACK_MODEL} from '@app/web-player/tracks/track';\nimport {TrackGridItem} from '@app/web-player/tracks/track-grid-item';\nimport {PLAYLIST_MODEL} from '@app/web-player/playlists/playlist';\nimport {PlaylistGridItem} from '@app/web-player/playlists/playlist-grid-item';\nimport {USER_MODEL} from '@common/auth/user';\nimport {UserGridItem} from '@app/web-player/users/user-grid-item';\nimport {ChannelContentModel} from '@app/admin/channels/channel-content-config';\n\ninterface Props {\n  item: ChannelContentModel;\n  items?: ChannelContentModel[];\n}\nexport function ChannelContentGridItem({item, items}: Props) {\n  switch (item.model_type) {\n    case ARTIST_MODEL:\n      return <ArtistGridItem artist={item} />;\n    case ALBUM_MODEL:\n      return <AlbumGridItem album={item} />;\n    case GENRE_MODEL:\n      return <GenreGridItem genre={item} />;\n    case TRACK_MODEL:\n      return <TrackGridItem track={item} newQueue={items as Track[]} />;\n    case PLAYLIST_MODEL:\n      return <PlaylistGridItem playlist={item} />;\n    case USER_MODEL:\n      return <UserGridItem user={item} />;\n    default:\n      return null;\n  }\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const AntennaIcon = createSvgIcon(\n  <path d=\"M12 7.5c.69 0 1.27.23 1.76.7s.74 1.07.74 1.8c0 1.05-.5 1.81-1.5 2.28V21h-2v-8.72c-1-.47-1.5-1.23-1.5-2.28 0-.73.26-1.33.74-1.8s1.07-.7 1.76-.7m4.69-2.2c1.25 1.25 1.92 2.81 2.01 4.7 0 1.8-.67 3.38-2.01 4.72L15.5 13.5c1-.91 1.5-2.08 1.5-3.5 0-1.33-.5-2.5-1.5-3.5l1.19-1.2M6.09 4.08C4.5 5.67 3.7 7.64 3.7 10s.8 4.3 2.39 5.89l-1.17 1.22C3 15.08 2 12.7 2 10s1-5.06 2.92-7.09l1.17 1.17m12.99-1.17C21 4.94 22 7.3 22 10c0 2.8-1 5.17-2.92 7.11l-1.17-1.22C19.5 14.3 20.3 12.33 20.3 10s-.8-4.33-2.39-5.92l1.17-1.17M7.31 5.3L8.5 6.5C7.5 7.42 7 8.58 7 10c0 1.33.5 2.5 1.5 3.5l-1.19 1.22C5.97 13.38 5.3 11.8 5.3 10c0-1.8.67-3.36 2.01-4.7z\"></path>,\n  'Radio'\n);\n","import React from 'react';\nimport {Link, useParams} from 'react-router-dom';\nimport {KeyboardArrowRightIcon} from '@common/icons/material/KeyboardArrowRight';\nimport clsx from 'clsx';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\nimport {AntennaIcon} from '@app/web-player/channels/antenna-icon';\nimport {useShouldShowRadioButton} from '@app/web-player/tracks/context-dialog/use-should-show-radio-button';\nimport {getRadioLink} from '@app/web-player/radio/get-radio-link';\nimport {Channel} from '@common/channels/channel';\n\ninterface ChannelHeadingProps {\n  channel: Channel;\n  margin?: string;\n  isNested?: boolean;\n}\nexport function ChannelHeading({\n  channel,\n  isNested,\n  margin = isNested ? 'mb-16 md:mb-20' : 'mb-20 md:mb-40',\n}: ChannelHeadingProps) {\n  const shouldShowRadio = useShouldShowRadioButton();\n  if (channel.config.hideTitle) {\n    return null;\n  }\n  if (!isNested) {\n    if (shouldShowRadio && channel.restriction?.model_type === 'genre') {\n      return (\n        <div\n          className={clsx('flex items-center justify-between gap-24', margin)}\n        >\n          <h1 className=\"flex-auto text-3xl\">\n            <Trans message={channel.name} />\n          </h1>\n          <Tooltip label={<Trans message=\"Genre radio\" />}>\n            <IconButton\n              className=\"flex-shrink-0\"\n              elementType={Link}\n              to={getRadioLink(channel.restriction)}\n            >\n              <AntennaIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n      );\n    }\n    return (\n      <h1 className={clsx('text-3xl', margin)}>\n        <Trans message={channel.name} />\n      </h1>\n    );\n  }\n\n  return (\n    <div className={clsx('flex items-center gap-4 text-xl', margin)}>\n      <NestedChannelLink channel={channel} />\n      <KeyboardArrowRightIcon className=\"mt-4\" />\n    </div>\n  );\n}\n\ninterface ChannelLinkProps {\n  channel: Channel;\n}\nfunction NestedChannelLink({channel}: ChannelLinkProps) {\n  const {restriction: genreName} = useParams();\n  return (\n    <Link\n      className=\"outline-none hover:underline focus-visible:underline\"\n      to={\n        channel.config.restriction === 'genre' && genreName\n          ? `/${channel.slug}/${genreName}`\n          : `/${channel.slug}`\n      }\n    >\n      <Trans message={channel.name} />\n    </Link>\n  );\n}\n","import {\n  hashKey,\n  InfiniteData,\n  keepPreviousData,\n  useInfiniteQuery,\n  UseInfiniteQueryResult,\n} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {\n  hasNextPage,\n  PaginationResponse,\n} from '@common/http/backend-response/pagination-response';\nimport {useMemo, useRef, useState} from 'react';\nimport {SortDescriptor} from '@common/ui/tables/types/sort-descriptor';\nimport {GetDatatableDataParams} from '@common/datatable/requests/paginated-resources';\nimport {QueryKey} from '@tanstack/query-core/src/types';\n\nexport type UseInfiniteDataResult<\n  T,\n  E extends object = object,\n> = UseInfiniteQueryResult<InfiniteData<PaginationResponse<T> & E>> & {\n  items: T[];\n  totalItems: number | null;\n  // initial load is done and no results were returned from backend\n  noResults: boolean;\n  // true when changing filters or sorting, not on initial load, background fetch or infinite load\n  isReloading: boolean;\n  sortDescriptor: SortDescriptor;\n  setSortDescriptor: (sortDescriptor: SortDescriptor) => void;\n  searchQuery: string;\n  setSearchQuery: (searchQuery: string) => void;\n};\n\nfunction buildQueryKey(\n  {\n    queryKey,\n    defaultOrderDir,\n    defaultOrderBy,\n    queryParams,\n  }: UseInfiniteDataProps<any>,\n  sortDescriptor: SortDescriptor,\n  searchQuery: string = '',\n) {\n  // make sure to always set default order dir and col so query keys are consistent\n  if (!sortDescriptor.orderBy) {\n    sortDescriptor.orderBy = defaultOrderBy;\n  }\n  if (!sortDescriptor.orderDir) {\n    sortDescriptor.orderDir = defaultOrderDir;\n  }\n  return [...queryKey, sortDescriptor, searchQuery, queryParams];\n}\n\ninterface Response<T> extends BackendResponse {\n  pagination: PaginationResponse<T>;\n}\n\nexport interface UseInfiniteDataProps<T> {\n  initialPage?: PaginationResponse<T> | null;\n  queryKey: QueryKey;\n  queryParams?: Record<string, string | number | null>;\n  endpoint: string;\n  defaultOrderBy?: SortDescriptor['orderBy'];\n  defaultOrderDir?: SortDescriptor['orderDir'];\n  // whether user can sort items manually (table header, dropdown, etc)\n  willSortOrFilter?: boolean;\n  // ordering is not available with cursor pagination\n  paginate?: 'simple' | 'lengthAware' | 'cursor';\n  transformResponse?: (response: Response<T>) => Response<T>;\n}\nexport function useInfiniteData<T, E extends object = {}>(\n  props: UseInfiniteDataProps<T>,\n): UseInfiniteDataResult<T, E> {\n  const {\n    initialPage,\n    endpoint,\n    defaultOrderBy,\n    defaultOrderDir,\n    queryParams,\n    paginate,\n    transformResponse,\n    willSortOrFilter = false,\n  } = props;\n  const [searchQuery, setSearchQuery] = useState('');\n  const [sortDescriptor, setSortDescriptor] = useState<SortDescriptor>({\n    orderBy: defaultOrderBy,\n    orderDir: defaultOrderDir,\n  });\n\n  const queryKey = buildQueryKey(props, sortDescriptor, searchQuery);\n  const initialQueryKey = useRef(hashKey(queryKey)).current;\n\n  const query = useInfiniteQuery({\n    placeholderData: willSortOrFilter ? keepPreviousData : undefined,\n    queryKey,\n    queryFn: ({pageParam, signal}) => {\n      const params: GetDatatableDataParams = {\n        ...queryParams,\n        perPage: initialPage?.per_page || queryParams?.perPage,\n        query: searchQuery,\n        paginate,\n        ...sortDescriptor,\n      };\n      if (paginate === 'cursor') {\n        params.cursor = pageParam;\n      } else {\n        params.page = pageParam || 1;\n      }\n      return fetchData<T>(endpoint, params, transformResponse, signal);\n    },\n    initialPageParam: paginate === 'cursor' ? '' : 1,\n    getNextPageParam: lastResponse => {\n      if (!hasNextPage(lastResponse.pagination)) {\n        return null;\n      }\n      if ('next_cursor' in lastResponse.pagination) {\n        return lastResponse.pagination.next_cursor;\n      }\n      return lastResponse.pagination.current_page + 1;\n    },\n    initialData: () => {\n      // initial data will be for initial query key only, remove\n      // initial data if query key changes, so query is reset\n      if (!initialPage || hashKey(queryKey) !== initialQueryKey) {\n        return undefined;\n      }\n\n      return {\n        pageParams: [undefined, 1],\n        pages: [{pagination: initialPage}],\n      };\n    },\n  });\n\n  const items = useMemo(() => {\n    return query.data?.pages.flatMap(p => p.pagination.data) || [];\n  }, [query.data?.pages]);\n\n  const firstPage = query.data?.pages[0].pagination;\n  const totalItems =\n    firstPage && 'total' in firstPage && firstPage.total\n      ? firstPage.total\n      : null;\n\n  return {\n    ...query,\n    items,\n    totalItems,\n    noResults: query.data?.pages?.[0].pagination.data.length === 0,\n    // can't use \"isRefetching\", it's true for some reason when changing sorting or filters\n    isReloading:\n      query.isFetching && !query.isFetchingNextPage && query.isPlaceholderData,\n    sortDescriptor,\n    setSortDescriptor,\n    searchQuery,\n    setSearchQuery,\n  } as UseInfiniteDataResult<T, E>;\n}\n\nasync function fetchData<T>(\n  endpoint: string,\n  params: GetDatatableDataParams,\n  transformResponse?: UseInfiniteDataProps<T>['transformResponse'],\n  signal?: AbortSignal,\n): Promise<Response<T>> {\n  if (params.query) {\n    await new Promise(resolve => setTimeout(resolve, 300));\n  }\n  return apiClient\n    .get(endpoint, {params, signal: params.query ? signal : undefined})\n    .then(r => {\n      if (transformResponse) {\n        return transformResponse(r.data);\n      }\n      return r.data;\n    });\n}\n","import {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {Channel, ChannelContentItem} from '@common/channels/channel';\nimport {\n  channelEndpoint,\n  channelQueryKey,\n} from '@common/channels/requests/use-channel';\nimport {useChannelQueryParams} from '@common/channels/use-channel-query-params';\n\nexport function usePaginatedChannelContent<\n  T extends ChannelContentItem = ChannelContentItem\n>(channel: Channel<T>) {\n  const queryParams = useChannelQueryParams(channel);\n  return useInfiniteData<T>({\n    willSortOrFilter: true,\n    initialPage: channel.content,\n    queryKey: channelQueryKey(channel.id),\n    endpoint: channelEndpoint(channel.id),\n    paginate: 'simple',\n    queryParams: {\n      returnContentOnly: 'true',\n      ...queryParams,\n    },\n  });\n}\n","import {hashKey, keepPreviousData, useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {Channel, ChannelContentItem} from '@common/channels/channel';\nimport {\n  channelEndpoint,\n  channelQueryKey,\n} from '@common/channels/requests/use-channel';\nimport {PaginatedBackendResponse} from '@common/http/backend-response/pagination-response';\nimport {useRef} from 'react';\nimport {useChannelQueryParams} from '@common/channels/use-channel-query-params';\n\ninterface Response<T extends ChannelContentItem = ChannelContentItem>\n  extends PaginatedBackendResponse<T> {}\n\nexport function useChannelContent<\n  T extends ChannelContentItem = ChannelContentItem,\n>(channel: Channel<T>) {\n  const queryParams = useChannelQueryParams(channel);\n  const queryKey = channelQueryKey(channel.id, queryParams);\n  const initialQueryKey = useRef(hashKey(queryKey)).current;\n\n  return useQuery({\n    queryKey: channelQueryKey(channel.id, queryParams),\n    queryFn: () => fetchChannelContent<T>(channel.id, queryParams),\n    placeholderData: keepPreviousData,\n    initialData: () => {\n      if (hashKey(queryKey) === initialQueryKey) {\n        return channel.content?.data;\n      }\n      return undefined;\n    },\n  });\n}\n\nfunction fetchChannelContent<T extends ChannelContentItem = ChannelContentItem>(\n  slugOrId: number | string,\n  params: any,\n) {\n  return apiClient\n    .get<Response<T>>(channelEndpoint(slugOrId), {\n      params: {\n        ...params,\n        paginate: 'simple',\n        returnContentOnly: 'true',\n      },\n    })\n    .then(response => response.data.pagination.data);\n}\n","import {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport React, {Fragment} from 'react';\nimport {ChannelContentProps} from '@app/web-player/channels/channel-content';\nimport {ChannelContentGridItem} from '@app/web-player/channels/channel-content-grid-item';\nimport {ChannelHeading} from '@app/web-player/channels/channel-heading';\nimport {usePaginatedChannelContent} from '@common/channels/requests/use-paginated-channel-content';\nimport {useChannelContent} from '@common/channels/requests/use-channel-content';\nimport {ChannelContentModel} from '@app/admin/channels/channel-content-config';\n\nexport function ChannelContentGrid(props: ChannelContentProps) {\n  return (\n    <Fragment>\n      <ChannelHeading {...props} />\n      {props.isNested ? (\n        <SimpleGrid {...props} />\n      ) : (\n        <PaginatedGrid {...props} />\n      )}\n    </Fragment>\n  );\n}\n\nfunction SimpleGrid({channel}: ChannelContentProps) {\n  const {data} = useChannelContent(channel);\n  return (\n    <ContentGrid>\n      {data?.map(item => (\n        <ChannelContentGridItem\n          key={`${item.id}-${item.model_type}`}\n          item={item}\n          items={data}\n        />\n      ))}\n    </ContentGrid>\n  );\n}\n\nfunction PaginatedGrid({channel}: ChannelContentProps) {\n  const query = usePaginatedChannelContent<ChannelContentModel>(channel);\n  return (\n    <div>\n      <ContentGrid>\n        {query.items.map(item => (\n          <ChannelContentGridItem\n            key={`${item.id}-${item.model_type}`}\n            item={item}\n            items={query.items}\n          />\n        ))}\n      </ContentGrid>\n      <InfiniteScrollSentinel query={query} />\n    </div>\n  );\n}\n","import {useContext} from 'react';\nimport {TableContext} from '@common/ui/tables/table-context';\n\nexport interface TrackTableMeta {\n  queueGroupId?: string | number;\n  hideTrackImage?: boolean;\n}\n\nconst stableObj = {};\n\nexport function useTrackTableMeta() {\n  const {meta} = useContext(TableContext);\n  return (meta || stableObj) as TrackTableMeta;\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\n\nexport function useIsTrackCued(\n  trackId: number,\n  groupId?: string | number\n): boolean {\n  return usePlayerStore(s => {\n    if (!s.cuedMedia?.meta.id || s.cuedMedia.meta.id !== trackId) {\n      return false;\n    }\n\n    if (!s.cuedMedia?.groupId && !groupId) {\n      return true;\n    }\n\n    if (groupId && s.cuedMedia.groupId === groupId) {\n      return true;\n    }\n\n    return false;\n  });\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {useIsTrackCued} from '@app/web-player/tracks/hooks/use-is-track-cued';\n\nexport function useIsTrackPlaying(\n  trackId: number,\n  groupId?: string | number\n): boolean {\n  const isCued = useIsTrackCued(trackId, groupId);\n  const isPlaying = usePlayerStore(s => s.isPlaying);\n  return isCued && isPlaying;\n}\n","import {Track} from '@app/web-player/tracks/track';\nimport {useTrans} from '@common/i18n/use-trans';\nimport React, {useContext, useState} from 'react';\nimport {TableContext} from '@common/ui/tables/table-context';\nimport {trackToMediaItem} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {message} from '@common/i18n/message';\nimport {PauseIcon} from '@common/icons/material/Pause';\nimport {PlayArrowFilledIcon} from '@app/web-player/tracks/play-arrow-filled';\nimport clsx from 'clsx';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {useTrackTableMeta} from '@app/web-player/tracks/track-table/use-track-table-meta';\nimport {EqualizerImage} from '@app/web-player/tracks/equalizer-image/equalizer-image';\nimport {useIsTrackPlaying} from '@app/web-player/tracks/hooks/use-is-track-playing';\nimport {useIsTrackCued} from '@app/web-player/tracks/hooks/use-is-track-cued';\n\ninterface TogglePlaybackColumnProps {\n  track: Track;\n  rowIndex: number;\n  isHovered: boolean;\n}\nexport function TogglePlaybackColumn({\n  track,\n  rowIndex,\n  isHovered,\n}: TogglePlaybackColumnProps) {\n  const {queueGroupId} = useTrackTableMeta();\n  const isPlaying = useIsTrackPlaying(track.id, queueGroupId);\n  const isCued = useIsTrackCued(track.id, queueGroupId);\n\n  return (\n    <div className=\"w-24 h-24 text-center\">\n      {isHovered || isPlaying ? (\n        <TogglePlaybackButton\n          track={track}\n          trackIndex={rowIndex}\n          isPlaying={isPlaying}\n        />\n      ) : (\n        <span className={clsx(isCued ? 'text-primary' : 'text-muted')}>\n          {rowIndex + 1}\n        </span>\n      )}\n    </div>\n  );\n}\n\ninterface TogglePlaybackButtonProps {\n  track: Track;\n  trackIndex: number;\n  isPlaying: boolean;\n}\nfunction TogglePlaybackButton({\n  track,\n  trackIndex,\n  isPlaying,\n}: TogglePlaybackButtonProps) {\n  const {trans} = useTrans();\n  const player = usePlayerActions();\n  const {data} = useContext(TableContext);\n  const {queueGroupId} = useTrackTableMeta();\n  const [isHover, setHover] = useState(false);\n\n  if (isPlaying) {\n    return (\n      <button\n        onPointerEnter={() => setHover(true)}\n        onPointerLeave={() => setHover(false)}\n        aria-label={trans(message('Pause :name', {values: {name: track.name}}))}\n        tabIndex={0}\n        onClick={e => {\n          e.stopPropagation();\n          player.pause();\n        }}\n      >\n        {isHover ? <PauseIcon /> : <EqualizerImage />}\n      </button>\n    );\n  }\n\n  return (\n    <button\n      aria-label={trans(message('Play :name', {values: {name: track.name}}))}\n      tabIndex={0}\n      onClick={async e => {\n        e.stopPropagation();\n        const newQueue = data.map(d =>\n          trackToMediaItem(d as Track, queueGroupId)\n        );\n        player.overrideQueueAndPlay(newQueue, trackIndex);\n      }}\n    >\n      <PlayArrowFilledIcon />\n    </button>\n  );\n}\n","import {NameWithAvatar} from '@common/datatable/column-templates/name-with-avatar';\nimport React from 'react';\nimport {Track} from '@app/web-player/tracks/track';\nimport clsx from 'clsx';\nimport {useTrackTableMeta} from '@app/web-player/tracks/track-table/use-track-table-meta';\nimport {getTrackImageSrc} from '@app/web-player/tracks/track-image/track-image';\nimport {useIsTrackCued} from '@app/web-player/tracks/hooks/use-is-track-cued';\n\ninterface TrackNameColumnProps {\n  track: Track;\n}\nexport function TrackNameColumn({track}: TrackNameColumnProps) {\n  const {hideTrackImage, queueGroupId} = useTrackTableMeta();\n  const isCued = useIsTrackCued(track.id, queueGroupId);\n\n  return (\n    <NameWithAvatar\n      image={!hideTrackImage ? getTrackImageSrc(track) : undefined}\n      label={track.name}\n      avatarSize=\"w-40 h-40 md:w-32 md:h-32\"\n      description={\n        <span className=\"md:hidden\">\n          {track.artists?.map(a => a.name).join(', ')}\n        </span>\n      }\n      labelClassName={clsx(\n        isCued && 'text-primary',\n        'max-md:text-[15px] max-md:leading-6',\n      )}\n    />\n  );\n}\n","import {Track} from '@app/web-player/tracks/track';\nimport {useContext, useMemo} from 'react';\nimport {TableContext} from '@common/ui/tables/table-context';\nimport {\n  TrackContextDialog,\n  TrackContextDialogProps,\n} from '@app/web-player/tracks/context-dialog/track-context-dialog';\n\ninterface TableTrackContextDialogProps\n  extends Omit<TrackContextDialogProps, 'tracks'> {}\nexport function TableTrackContextDialog({\n  children,\n  ...props\n}: TableTrackContextDialogProps) {\n  const {selectedRows, data} = useContext(TableContext);\n  const tracks = useMemo(() => {\n    return selectedRows\n      .map(trackId => data.find(track => track.id === trackId))\n      .filter(t => !!t) as Track[];\n  }, [selectedRows, data]);\n  return (\n    <TrackContextDialog {...props} tracks={tracks}>\n      {children}\n    </TrackContextDialog>\n  );\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {Track} from '@app/web-player/tracks/track';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\n\ninterface Response extends BackendResponse {\n  playlist: Playlist;\n}\n\ninterface Payload {\n  playlistId: number;\n  tracks: Track[];\n}\n\nexport function useRemoveTracksFromPlaylist() {\n  return useMutation({\n    mutationFn: (payload: Payload) => removeTracks(payload),\n    onSuccess: (response, {tracks}) => {\n      toast(\n        message('Removed [one 1 track|other :count tracks] from playlist', {\n          values: {count: tracks.length},\n        }),\n      );\n      queryClient.invalidateQueries({\n        queryKey: ['playlists', response.playlist.id],\n      });\n      queryClient.invalidateQueries({\n        queryKey: ['tracks', 'playlist', response.playlist.id],\n      });\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction removeTracks(payload: Payload): Promise<Response> {\n  const backendPayload = {\n    ids: payload.tracks.map(track => track.id),\n  };\n  return apiClient\n    .post(`playlists/${payload.playlistId}/tracks/remove`, backendPayload)\n    .then(r => r.data);\n}\n","import {Playlist} from '@app/web-player/playlists/playlist';\nimport {Trans} from '@common/i18n/trans';\nimport {ContextMenuButton} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {useRemoveTracksFromPlaylist} from '@app/web-player/playlists/requests/use-remove-tracks-from-playlist';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {TableTrackContextDialog} from '@app/web-player/tracks/context-dialog/table-track-context-dialog';\nimport {useAuth} from '@common/auth/use-auth';\nimport {Track} from '@app/web-player/tracks/track';\n\ninterface PlaylistTrackContextDialogProps {\n  playlist: Playlist;\n}\nexport function PlaylistTrackContextDialog({\n  playlist,\n  ...props\n}: PlaylistTrackContextDialogProps) {\n  return (\n    <TableTrackContextDialog {...props}>\n      {tracks => (\n        <RemoveFromPlaylistMenuItem playlist={playlist} tracks={tracks} />\n      )}\n    </TableTrackContextDialog>\n  );\n}\n\ninterface RemoveFromPlaylistMenuItemProps {\n  playlist: Playlist;\n  tracks: Track[];\n}\nexport function RemoveFromPlaylistMenuItem({\n  playlist,\n  tracks,\n}: RemoveFromPlaylistMenuItemProps) {\n  const {user} = useAuth();\n  const removeTracks = useRemoveTracksFromPlaylist();\n  const {close: closeMenu} = useDialogContext();\n  const canRemove = playlist.owner_id === user?.id || playlist.collaborative;\n\n  if (!canRemove) {\n    return null;\n  }\n\n  return (\n    <ContextMenuButton\n      onClick={() => {\n        if (!removeTracks.isPending) {\n          removeTracks.mutate({playlistId: playlist.id, tracks});\n          closeMenu();\n        }\n      }}\n    >\n      <Trans message=\"Remove from this playlist\" />\n    </ContextMenuButton>\n  );\n}\n","import React, {Fragment, useContext} from 'react';\nimport {Track} from '@app/web-player/tracks/track';\nimport clsx from 'clsx';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {MoreHorizIcon} from '@common/icons/material/MoreHoriz';\nimport {TrackContextDialog} from '@app/web-player/tracks/context-dialog/track-context-dialog';\nimport {LikeIconButton} from '@app/web-player/library/like-icon-button';\nimport {MoreVertIcon} from '@common/icons/material/MoreVert';\nimport {TableContext} from '@common/ui/tables/table-context';\nimport {RemoveFromPlaylistMenuItem} from '@app/web-player/playlists/playlist-page/playlist-track-context-dialog';\n\ninterface Props {\n  track: Track;\n  isHovered: boolean;\n}\nexport function TrackOptionsColumn({track, isHovered}: Props) {\n  const isMobile = useIsMobileMediaQuery();\n  const {meta} = useContext(TableContext);\n  return (\n    <Fragment>\n      <DialogTrigger type=\"popover\" mobileType=\"tray\">\n        <IconButton\n          size={isMobile ? 'sm' : 'md'}\n          className={clsx(\n            isMobile ? 'text-muted' : 'mr-8',\n            !isMobile && !isHovered && 'invisible',\n          )}\n        >\n          {isMobile ? <MoreVertIcon /> : <MoreHorizIcon />}\n        </IconButton>\n        <TrackContextDialog tracks={[track]}>\n          {tracks =>\n            meta.playlist ? (\n              <RemoveFromPlaylistMenuItem\n                playlist={meta.playlist}\n                tracks={tracks}\n              />\n            ) : null\n          }\n        </TrackContextDialog>\n      </DialogTrigger>\n      {!isMobile && <LikeIconButton size=\"xs\" likeable={track} />}\n    </Fragment>\n  );\n}\n","import {Track} from '@app/web-player/tracks/track';\nimport {Table, TableProps} from '@common/ui/tables/table';\nimport {ColumnConfig} from '@common/datatable/column-config';\nimport {Trans} from '@common/i18n/trans';\nimport React, {useMemo} from 'react';\nimport {AlbumLink} from '@app/web-player/albums/album-link';\nimport {ScheduleIcon} from '@common/icons/material/Schedule';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {TogglePlaybackColumn} from '@app/web-player/tracks/track-table/toggle-playback-column';\nimport {TrackNameColumn} from '@app/web-player/tracks/track-table/track-name-column';\nimport {TrackTableMeta} from '@app/web-player/tracks/track-table/use-track-table-meta';\nimport {Skeleton} from '@common/ui/skeleton/skeleton';\nimport {NameWithAvatarPlaceholder} from '@common/datatable/column-templates/name-with-avatar';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {RowElementProps} from '@common/ui/tables/table-row';\nimport {TableTrackContextDialog} from '@app/web-player/tracks/context-dialog/table-track-context-dialog';\nimport {TrendingUpIcon} from '@common/icons/material/TrendingUp';\nimport {FormattedRelativeTime} from '@common/i18n/formatted-relative-time';\nimport {trackToMediaItem} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {TrackOptionsColumn} from '@app/web-player/tracks/track-table/track-options-column';\nimport {TableDataItem} from '@common/ui/tables/types/table-data-item';\nimport {useIsMobileDevice} from '@common/utils/hooks/is-mobile-device';\nimport {Playlist} from '@app/web-player/playlists/playlist';\n\nconst columnConfig: ColumnConfig<Track>[] = [\n  {\n    key: 'index',\n    header: () => <span>#</span>,\n    align: 'center',\n    width: 'w-24 flex-shrink-0',\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return <Skeleton size=\"w-20 h-20\" variant=\"rect\" />;\n      }\n      return (\n        <TogglePlaybackColumn\n          track={track}\n          rowIndex={row.index}\n          isHovered={row.isHovered}\n        />\n      );\n    },\n  },\n  {\n    key: 'name',\n    allowsSorting: true,\n    width: 'flex-3 min-w-224',\n    visibleInMode: 'all',\n    header: () => <Trans message=\"Title\" />,\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return <NameWithAvatarPlaceholder showDescription={false} />;\n      }\n      return <TrackNameColumn track={track} />;\n    },\n  },\n  {\n    key: 'artist',\n    header: () => <Trans message=\"Artist\" />,\n    width: 'flex-2',\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return <Skeleton className=\"max-w-4/5 leading-3\" />;\n      }\n      return <ArtistLinks artists={track.artists} />;\n    },\n  },\n  {\n    key: 'album_name',\n    allowsSorting: true,\n    width: 'flex-2',\n    header: () => <Trans message=\"Album\" />,\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return <Skeleton className=\"max-w-4/5 leading-3\" />;\n      }\n      return track.album ? <AlbumLink album={track.album} /> : null;\n    },\n  },\n  {\n    key: 'added_at',\n    sortingKey: 'likes.created_at',\n    allowsSorting: true,\n    maxWidth: 'max-w-112',\n    header: () => <Trans message=\"Date added\" />,\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return <Skeleton className=\"max-w-4/5 leading-3\" />;\n      }\n      return <FormattedRelativeTime date={track.added_at} />;\n    },\n  },\n  {\n    key: 'options',\n    align: 'end',\n    width: 'w-36 md:w-84',\n    header: () => <Trans message=\"Options\" />,\n    hideHeader: true,\n    visibleInMode: 'all',\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return (\n          <div className=\"flex justify-end\">\n            <Skeleton size=\"w-20 h-20\" variant=\"rect\" />\n          </div>\n        );\n      }\n      return <TrackOptionsColumn track={track} isHovered={row.isHovered} />;\n    },\n  },\n  {\n    key: 'duration',\n    allowsSorting: true,\n    className: 'text-muted',\n    maxWidth: 'max-w-48',\n    align: 'end',\n    header: () => <ScheduleIcon />,\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return <Skeleton className=\"leading-3\" />;\n      }\n      return track.duration ? <FormattedDuration ms={track.duration} /> : null;\n    },\n  },\n  {\n    key: 'popularity',\n    allowsSorting: true,\n    className: 'text-muted',\n    maxWidth: 'max-w-54',\n    header: () => <TrendingUpIcon />,\n    body: (track, row) => {\n      if (row.isPlaceholder) {\n        return <Skeleton className=\"leading-3\" />;\n      }\n      return (\n        <div className=\"relative h-6 w-full bg-chip\">\n          <div\n            style={{width: `${track.popularity || 50}%`}}\n            className=\"absolute left-0 top-0 h-full w-0 bg-black/30 dark:bg-white/30\"\n          />\n        </div>\n      );\n    },\n  },\n];\n\nexport interface TrackTableProps {\n  tracks: Track[] | TableDataItem[]; // might be passing in placeholder items for skeletons\n  hideArtist?: boolean;\n  hideAlbum?: boolean;\n  hideTrackImage?: boolean;\n  hidePopularity?: boolean;\n  hideAddedAtColumn?: boolean;\n  hideHeaderRow?: boolean;\n  queueGroupId?: string | number;\n  playlist?: Playlist;\n  renderRowAs?: TableProps<Track>['renderRowAs'];\n  sortDescriptor?: TableProps<Track>['sortDescriptor'];\n  onSortChange?: TableProps<Track>['onSortChange'];\n  enableSorting?: TableProps<Track>['enableSorting'];\n  tableBody?: TableProps<Track>['tableBody'];\n  className?: string;\n}\nexport function TrackTable({\n  tracks,\n  hideArtist = false,\n  hideAlbum = false,\n  hideHeaderRow = false,\n  hideTrackImage = false,\n  hidePopularity = true,\n  hideAddedAtColumn = true,\n  queueGroupId,\n  renderRowAs,\n  playlist,\n  ...tableProps\n}: TrackTableProps) {\n  const player = usePlayerActions();\n  const isMobile = useIsMobileDevice();\n  hideHeaderRow = hideHeaderRow || isMobile;\n\n  const filteredColumns = useMemo(() => {\n    return columnConfig.filter(col => {\n      if (col.key === 'artist' && hideArtist) {\n        return false;\n      }\n      if (col.key === 'album_name' && hideAlbum) {\n        return false;\n      }\n      if (col.key === 'popularity' && hidePopularity) {\n        return false;\n      }\n      if (col.key === 'added_at' && hideAddedAtColumn) {\n        return false;\n      }\n      return true;\n    });\n  }, [hideArtist, hideAlbum, hidePopularity, hideAddedAtColumn]);\n\n  const meta: TrackTableMeta = useMemo(() => {\n    return {queueGroupId: queueGroupId, hideTrackImage, playlist};\n  }, [queueGroupId, hideTrackImage, playlist]);\n\n  return (\n    <Table\n      closeOnInteractOutside\n      hideHeaderRow={hideHeaderRow}\n      selectionStyle=\"highlight\"\n      selectRowOnContextMenu\n      renderRowAs={renderRowAs || TrackTableRowWithContextMenu}\n      columns={filteredColumns}\n      data={tracks as Track[]}\n      meta={meta}\n      hideBorder={isMobile}\n      onAction={(track, index) => {\n        const newQueue = tracks.map(d =>\n          trackToMediaItem(d as Track, queueGroupId),\n        );\n        player.overrideQueueAndPlay(newQueue, index);\n      }}\n      {...tableProps}\n    />\n  );\n}\n\nfunction TrackTableRowWithContextMenu({\n  item,\n  children,\n  ...domProps\n}: RowElementProps<Track>) {\n  const row = <div {...domProps}>{children}</div>;\n  if (item.isPlaceholder) {\n    return row;\n  }\n  return (\n    <DialogTrigger\n      type=\"popover\"\n      mobileType=\"tray\"\n      triggerOnContextMenu\n      placement=\"bottom-start\"\n    >\n      {row}\n      <TableTrackContextDialog />\n    </DialogTrigger>\n  );\n}\n","import {observeElementOffset, useVirtualizer} from '@tanstack/react-virtual';\nimport React, {Fragment, useContext, useEffect, useRef} from 'react';\nimport {TableRow} from '@common/ui/tables/table-row';\nimport {TableBodyProps} from '@common/ui/tables/table';\nimport {getScrollParent} from '@react-aria/utils';\nimport {TableContext} from '@common/ui/tables/table-context';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {UseInfiniteQueryResult} from '@tanstack/react-query/src/types';\n\ninterface VirtualTableBodyProps extends TableBodyProps {\n  totalItems?: number;\n  query: UseInfiniteQueryResult;\n}\nexport function VirtualTableBody({\n  renderRowAs,\n  totalItems = 0,\n  query,\n}: VirtualTableBodyProps) {\n  const {data} = useContext(TableContext);\n\n  // make sure we are not rendering more placeholder rows than\n  // there are items left to lazy load and at most 10 placeholders.\n  // If total items is unknown, we will render 10 placeholders.\n  const placeholderRowCount =\n    totalItems <= 0 ? 10 : Math.min(totalItems - data.length, 10);\n\n  // only use virtualizer if playlist has more than 3 pages\n  return totalItems < 91 ? (\n    <Body\n      placeholderRowCount={placeholderRowCount}\n      renderRowAs={renderRowAs}\n      query={query}\n    />\n  ) : (\n    <VirtualizedBody\n      placeholderRowCount={placeholderRowCount}\n      renderRowAs={renderRowAs}\n      query={query}\n    />\n  );\n}\n\ninterface BodyProps extends TableBodyProps {\n  placeholderRowCount: number;\n  query: UseInfiniteQueryResult;\n}\nfunction Body({renderRowAs, placeholderRowCount, query}: BodyProps) {\n  const {data} = useContext(TableContext);\n  return (\n    <Fragment>\n      {data.map((track, index) => (\n        <TableRow\n          item={track}\n          index={index}\n          key={track.id}\n          renderAs={renderRowAs}\n        />\n      ))}\n      <Sentinel\n        dataCount={data.length}\n        placeholderRowCount={placeholderRowCount}\n        query={query}\n      />\n    </Fragment>\n  );\n}\n\nfunction VirtualizedBody({renderRowAs, placeholderRowCount, query}: BodyProps) {\n  const {data} = useContext(TableContext);\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n  const scrollableRef = useRef<Element>(null!);\n  const scrollOffset = useRef(0);\n\n  // virtualizer will not work with \"getScrollElement: () => scrollableRef.current\"\n  // if scrollableRef.current is set in useEffect and is null on first render\n  const getScrollElement = () => {\n    if (scrollableRef.current) {\n      return scrollableRef.current;\n    }\n    if (bodyRef.current) {\n      scrollableRef.current = getScrollParent(bodyRef.current);\n    }\n    return scrollableRef.current;\n  };\n\n  useEffect(() => {\n    if (bodyRef.current) {\n      scrollOffset.current =\n        bodyRef.current.getBoundingClientRect().top +\n        getScrollElement().scrollTop;\n    }\n  }, [bodyRef]);\n\n  const virtualizer = useVirtualizer({\n    overscan: 10,\n    count: data.length,\n    getScrollElement,\n    estimateSize: () => 48,\n    // getScrollElement: () => scrollableRef.current,\n    observeElementOffset: (instance, cb) => {\n      return observeElementOffset(instance, offset => {\n        cb(offset - scrollOffset.current);\n      });\n    },\n  });\n\n  const virtualRows = virtualizer.getVirtualItems();\n  const virtualHeight = `${\n    virtualizer.getTotalSize() +\n    // if showing placeholder rows, extended height of virtual list to show them\n    (query.isFetchingNextPage ? placeholderRowCount * 48 : 0)\n  }px`;\n\n  return (\n    <div\n      ref={bodyRef}\n      role=\"presentation\"\n      className=\"relative w-full\"\n      style={{\n        height: virtualHeight,\n      }}\n    >\n      {virtualRows.map(virtualItem => {\n        const item = data[virtualItem.index];\n        return (\n          <TableRow\n            item={item}\n            index={virtualItem.index}\n            key={item.id}\n            renderAs={renderRowAs}\n            className=\"absolute left-0 top-0 w-full\"\n            style={{\n              height: `${virtualItem.size}px`,\n              transform: `translateY(${virtualItem.start}px)`,\n            }}\n          />\n        );\n      })}\n      <Sentinel\n        dataCount={virtualizer.range?.endIndex ?? 0}\n        placeholderRowCount={placeholderRowCount}\n        query={query}\n        style={{\n          top: `${virtualizer.getTotalSize()}px`,\n        }}\n      />\n    </div>\n  );\n}\n\ninterface SentinelProps extends BodyProps {\n  dataCount: number;\n  query: UseInfiniteQueryResult;\n  style?: React.CSSProperties;\n}\nfunction Sentinel({\n  dataCount,\n  placeholderRowCount,\n  renderRowAs,\n  query,\n  style,\n}: SentinelProps) {\n  // show at least one placeholder row always\n  return (\n    <InfiniteScrollSentinel\n      query={query}\n      style={style}\n      loaderMarginTop=\"mt-0\"\n      className=\"absolute left-0\"\n    >\n      {[...new Array(Math.max(placeholderRowCount, 1)).keys()].map(\n        (key, index) => {\n          const id = `placeholder-${key}`;\n          return (\n            <TableRow\n              item={{id, isPlaceholder: true}}\n              index={dataCount + index}\n              key={id}\n              renderAs={renderRowAs}\n            />\n          );\n        },\n      )}\n    </InfiniteScrollSentinel>\n  );\n}\n","import React, {Fragment} from 'react';\nimport {ChannelContentProps} from '@app/web-player/channels/channel-content';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {Track} from '@app/web-player/tracks/track';\nimport {VirtualTableBody} from '@app/web-player/playlists/virtual-table-body';\nimport {ChannelHeading} from '@app/web-player/channels/channel-heading';\nimport {usePaginatedChannelContent} from '@common/channels/requests/use-paginated-channel-content';\nimport {ChannelContentItem} from '@common/channels/channel';\n\nexport function ChannelTrackTable(\n  props: ChannelContentProps<ChannelContentItem<Track>>,\n) {\n  return (\n    <Fragment>\n      <ChannelHeading {...props} />\n      {props.isNested ? (\n        <SimpleTable {...props} />\n      ) : (\n        <PaginatedTable {...props} />\n      )}\n    </Fragment>\n  );\n}\n\nfunction SimpleTable({channel}: ChannelContentProps<Track>) {\n  return (\n    <TrackTable tracks={channel.content?.data || []} enableSorting={false} />\n  );\n}\n\nfunction PaginatedTable({channel}: ChannelContentProps<Track>) {\n  const query = usePaginatedChannelContent<ChannelContentItem<Track>>(channel);\n\n  const totalItems =\n    channel.content && 'total' in channel.content\n      ? channel.content.total\n      : undefined;\n\n  return (\n    <TrackTable\n      enableSorting={false}\n      tracks={query.items}\n      tableBody={<VirtualTableBody query={query} totalItems={totalItems} />}\n    />\n  );\n}\n","import {useQuery} from '@tanstack/react-query';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Comment} from '@common/comments/comment';\n\ninterface WaveDataResponse extends BackendResponse {\n  waveData: number[][];\n  comments: Comment[];\n}\n\nfunction queryKey(trackId: number | string) {\n  return ['tracks', +trackId, 'wave-data'];\n}\n\nexport function invalidateWaveData(trackId: number | string) {\n  queryClient.invalidateQueries({queryKey: queryKey(trackId)});\n}\n\nexport function useTrackWaveData(\n  trackId: number | string,\n  {enabled}: {enabled?: boolean} = {},\n) {\n  return useQuery({\n    queryKey: queryKey(trackId),\n    queryFn: () => fetchWaveData(trackId),\n    enabled,\n  });\n}\n\nfunction fetchWaveData(trackId: number | string) {\n  return apiClient\n    .get<WaveDataResponse>(`tracks/${trackId}/wave`)\n    .then(response => response.data);\n}\n","export function drawWaveform(\n  waveData: number[][],\n  canvas: HTMLCanvasElement,\n  color: string\n) {\n  const context = canvas.getContext('2d');\n  if (!context) return;\n  context.clearRect(0, 0, canvas.width, canvas.height);\n\n  // mirror\n  context.fillStyle = color;\n  context.globalAlpha = 0.5;\n  waveData.forEach(lineData => {\n    const height = (55 / 100) * lineData[3];\n    context.fillRect(\n      lineData[0],\n      lineData[1] + lineData[3] + 1,\n      lineData[2],\n      height\n    );\n  });\n\n  // main\n  context.fillStyle = color;\n  context.globalAlpha = 1;\n  waveData.forEach(lineData => {\n    context.fillRect(lineData[0], lineData[1], lineData[2], lineData[3]);\n  });\n}\n","import {Track} from '@app/web-player/tracks/track';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {\n  tracksToMediaItems,\n  trackToMediaItem,\n} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {flushSync} from 'react-dom';\nimport {useEffect, useState} from 'react';\n\nexport function useTrackSeekbar(track: Track, queue?: Track[]) {\n  const player = usePlayerActions();\n  const cuedMedia = usePlayerStore(s => s.cuedMedia);\n\n  // either use exact duration from provider if this track is cued, or use duration from track props\n  const playerDuration = usePlayerStore(s => s.mediaDuration);\n  const duration =\n    cuedMedia?.id === track.id && playerDuration\n      ? playerDuration\n      : (track.duration || 0) / 1000;\n\n  const [currentTime, setCurrentTime] = useState(\n    track.id === player.getState().cuedMedia?.id ? player.getCurrentTime() : 0\n  );\n\n  useEffect(() => {\n    return player.subscribe({\n      progress: ({currentTime}) => {\n        setCurrentTime(\n          track.id === player.getState().cuedMedia?.id ? currentTime : 0\n        );\n      },\n    });\n  }, [player, track]);\n\n  return {\n    duration,\n    minValue: 0,\n    maxValue: duration,\n    value: currentTime,\n    onPointerDown: () => {\n      player.setIsSeeking(true);\n      player.pause();\n\n      // flush so provider src is changed immediately. Without this seeking\n      // will not work when clicking on a different track the first time\n      if (player.getState().cuedMedia?.id !== track.id) {\n        flushSync(() => {\n          if (queue?.length) {\n            const pointer = queue?.findIndex(t => t.id === track.id);\n            player.overrideQueue(tracksToMediaItems(queue), pointer);\n          } else {\n            player.cue(trackToMediaItem(track));\n          }\n        });\n      }\n    },\n    onChange: (value: number) => {\n      player.getState().emit('progress', {currentTime: value});\n      player.seek(value);\n    },\n    onChangeEnd: () => {\n      player.setIsSeeking(false);\n      player.play();\n    },\n  };\n}\n","import {\n  createContext,\n  MutableRefObject,\n  RefObject,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\ninterface CommentBarContextValue {\n  newCommentInputRef: RefObject<HTMLInputElement>;\n  newCommentPositionRef: MutableRefObject<number>;\n  markerIsVisible: boolean;\n  setMarkerIsVisible: (value: boolean) => void;\n  disableCommenting: boolean;\n}\n\nexport const CommentBarContext = createContext<CommentBarContextValue>(null!);\n\ninterface CommentBarContextProps {\n  children: any;\n  disableCommenting?: boolean;\n}\nexport function CommentBarContextProvider({\n  children,\n  disableCommenting = false,\n}: CommentBarContextProps) {\n  const [markerIsVisible, setMarkerIsVisible] = useState(false);\n  const newCommentInputRef = useRef<HTMLInputElement>(null);\n  const newCommentPositionRef = useRef<number>(0);\n  const value: CommentBarContextValue = useMemo(() => {\n    return {\n      newCommentInputRef,\n      newCommentPositionRef,\n      markerIsVisible,\n      setMarkerIsVisible,\n      disableCommenting,\n    };\n  }, [markerIsVisible, disableCommenting]);\n  return (\n    <CommentBarContext.Provider value={value}>\n      {children}\n    </CommentBarContext.Provider>\n  );\n}\n","import {getUserImage} from '@app/web-player/users/user-image';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {Dialog} from '@common/ui/overlays/dialog/dialog';\nimport {DialogBody} from '@common/ui/overlays/dialog/dialog-body';\nimport {useSlider} from '@common/ui/forms/slider/use-slider';\nimport {useAuth} from '@common/auth/use-auth';\nimport {useContext} from 'react';\nimport {Avatar} from '@common/ui/images/avatar';\nimport clsx from 'clsx';\nimport {useInteractOutside} from '@react-aria/interactions';\nimport {CommentBarContext} from '@app/web-player/tracks/waveform/comment-bar-context';\nimport {Comment} from '@common/comments/comment';\nimport {Track} from '@app/web-player/tracks/track';\n\ninterface CommentBarProps {\n  comments: Comment[];\n  track: Track;\n}\nexport function CommentBar({comments, track}: CommentBarProps) {\n  const {user, hasPermission} = useAuth();\n  const {\n    newCommentInputRef,\n    newCommentPositionRef,\n    markerIsVisible,\n    setMarkerIsVisible,\n    ...commentBarContext\n  } = useContext(CommentBarContext);\n\n  const disableCommenting =\n    commentBarContext.disableCommenting || !hasPermission('comments.create');\n\n  const {domProps, groupId, trackRef, getThumbPercent} = useSlider({\n    onChange: () => {\n      setMarkerIsVisible(true);\n      newCommentPositionRef.current = getThumbPercent(0) * 100;\n    },\n    onChangeEnd: () => {\n      newCommentInputRef.current?.focus();\n    },\n  });\n\n  useInteractOutside({\n    ref: trackRef,\n    onInteractOutside: e => {\n      if (!newCommentInputRef.current?.contains(e.target as HTMLElement)) {\n        setMarkerIsVisible(false);\n      }\n    },\n  });\n\n  return (\n    <div\n      className={clsx(\n        'absolute top-48 left-0 h-26 w-full isolate',\n        !disableCommenting && 'cursor-pointer'\n      )}\n      ref={trackRef}\n      {...(disableCommenting ? {} : domProps)}\n      id={groupId}\n    >\n      {markerIsVisible ? (\n        <div\n          className=\"absolute top-0 left-0 z-20 overflow-hidden w-26 h-26 shadow-md -translate-x-1/2 cursor-move\"\n          style={{left: `${getThumbPercent(0) * 100}%`}}\n        >\n          <Avatar src={user?.avatar} size=\"w-full h-full\" />\n        </div>\n      ) : null}\n      {comments.map(comment => {\n        if (!comment.user) return null;\n        return (\n          <DialogTrigger key={comment.id} type=\"popover\" triggerOnHover>\n            <div\n              style={{left: `${Math.min(99, comment.position || 0)}%`}}\n              className={clsx(\n                'transition-opacity duration-300 ease-in-out absolute top-0 -translate-x-1/2 cursor-pointer',\n                markerIsVisible ? 'opacity-40' : 'opacity-100'\n              )}\n            >\n              <div\n                className=\"bg-cover w-16 h-16 rounded shadow bg-chip\"\n                style={{backgroundImage: `url(${getUserImage(comment.user)})`}}\n              />\n            </div>\n            <CommentDialog comment={comment} />\n          </DialogTrigger>\n        );\n      })}\n    </div>\n  );\n}\n\ninterface CommentDialogProps {\n  comment: Comment;\n}\nfunction CommentDialog({comment}: CommentDialogProps) {\n  return (\n    <Dialog size=\"w-auto\">\n      <DialogBody padding=\"p-8\">\n        <div className=\"flex items-center gap-10\">\n          {comment.user && (\n            <div className=\"text-primary\">{comment.user.display_name}</div>\n          )}\n          <div>{comment.content}</div>\n        </div>\n      </DialogBody>\n    </Dialog>\n  );\n}\n","import {Track} from '@app/web-player/tracks/track';\nimport {useEffect, useRef, useState} from 'react';\nimport {useTrackWaveData} from '@app/web-player/tracks/requests/use-track-wave-data';\nimport {\n  WAVE_HEIGHT,\n  WAVE_WIDTH,\n} from '@app/web-player/tracks/waveform/generate-waveform-data';\nimport clsx from 'clsx';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {useSlider} from '@common/ui/forms/slider/use-slider';\nimport {useThemeSelector} from '@common/ui/themes/theme-selector-context';\nimport {themeValueToHex} from '@common/ui/themes/utils/theme-value-to-hex';\nimport {AnimatePresence} from 'framer-motion';\nimport {drawWaveform} from '@app/web-player/tracks/waveform/draw-waveform';\nimport {useTrackSeekbar} from '@app/web-player/player-controls/seekbar/use-track-seekbar';\nimport {CommentBar} from '@app/web-player/tracks/waveform/comment-bar';\n\nconst durationClassName =\n  'text-[11px] absolute bottom-32 p-3 rounded text-white font-semibold z-30 pointer-events-none bg-black/80';\n\ninterface WaveformProps {\n  track: Track;\n  queue?: Track[];\n  className?: string;\n}\nexport function Waveform({track, queue, className}: WaveformProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const progressCanvasRef = useRef<HTMLCanvasElement>(null);\n  // when wave is scrolled into view\n  const [isInView, setIsInView] = useState(false);\n  // after wave is drawn into canvas and fade in animation should start running\n  const [isVisible, setIsVisible] = useState(false);\n  const {data} = useTrackWaveData(track.id, {enabled: isInView});\n  const themeSelector = useThemeSelector();\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting && entry.target === ref.current) {\n            setIsInView(true);\n            observer.disconnect();\n          }\n        });\n      },\n      {root: document.body},\n    );\n    if (ref.current) {\n      observer.observe(ref.current);\n    }\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (canvasRef.current && data?.waveData && progressCanvasRef.current) {\n      drawWaveform(data.waveData, canvasRef.current, '#666');\n      drawWaveform(\n        data.waveData,\n        progressCanvasRef.current,\n        themeValueToHex(themeSelector.selectedTheme.values['--be-primary']),\n      );\n      setIsVisible(true);\n    }\n  }, [data, themeSelector.selectedTheme]);\n\n  const {value, onChange, onChangeEnd, duration, ...sliderProps} =\n    useTrackSeekbar(track, queue);\n  const {domProps, groupId, thumbIds, trackRef, getThumbPercent} = useSlider({\n    ...sliderProps,\n    value: [value],\n    onChange: ([newValue]: number[]) => onChange(newValue),\n    onChangeEnd: () => onChangeEnd(),\n  });\n\n  return (\n    <AnimatePresence mode=\"wait\">\n      <section className=\"relative max-w-full\">\n        <div\n          id={groupId}\n          role=\"group\"\n          ref={ref}\n          className={clsx(\n            'relative isolate h-70 cursor-pointer overflow-hidden transition-opacity duration-200 ease-in',\n            isVisible ? 'opacity-100' : 'opacity-0',\n            className,\n          )}\n        >\n          <output\n            className={clsx(durationClassName, 'left-0')}\n            htmlFor={thumbIds[0]}\n            aria-live=\"off\"\n          >\n            {value ? <FormattedDuration seconds={value} /> : '0:00'}\n          </output>\n          <div key=\"wave\" {...domProps} ref={trackRef}>\n            <canvas\n              ref={canvasRef}\n              width={WAVE_WIDTH}\n              height={WAVE_HEIGHT + 25}\n            />\n            <div\n              className=\"absolute left-0 top-0 z-20 w-0 overflow-hidden\"\n              style={{width: `${getThumbPercent(0) * 100}%`}}\n            >\n              <canvas\n                ref={progressCanvasRef}\n                width={WAVE_WIDTH}\n                height={WAVE_HEIGHT + 25}\n              />\n            </div>\n          </div>\n          <div className={clsx(durationClassName, 'right-0')}>\n            <FormattedDuration seconds={duration} />\n          </div>\n        </div>\n        {data?.comments && (\n          <CommentBar comments={data.comments} track={track} />\n        )}\n      </section>\n    </AnimatePresence>\n  );\n}\n","import {Slider} from '@common/ui/forms/slider/slider';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {useTrackSeekbar} from '@app/web-player/player-controls/seekbar/use-track-seekbar';\nimport {Track} from '@app/web-player/tracks/track';\nimport clsx from 'clsx';\n\ninterface TrackSeekbarProps {\n  track: Track;\n  queue?: Track[];\n  className?: string;\n}\nexport function TrackSeekbar({track, queue, className}: TrackSeekbarProps) {\n  const {duration, ...sliderProps} = useTrackSeekbar(track, queue);\n\n  return (\n    <div className={clsx('flex items-center gap-12', className)}>\n      <div className=\"text-xs text-muted flex-shrink-0 min-w-40 text-right\">\n        {sliderProps.value ? (\n          <FormattedDuration seconds={sliderProps.value} />\n        ) : (\n          '0:00'\n        )}\n      </div>\n      <Slider\n        trackColor=\"neutral\"\n        thumbSize=\"w-14 h-14\"\n        showThumbOnHoverOnly={true}\n        className=\"flex-auto\"\n        width=\"w-auto\"\n        {...sliderProps}\n      />\n      <div className=\"text-xs text-muted flex-shrink-0 min-w-40\">\n        <FormattedDuration seconds={duration} />\n      </div>\n    </div>\n  );\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation, useQueryClient} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {Commentable} from '@common/comments/commentable';\nimport {Comment} from '@common/comments/comment';\n\ninterface Response extends BackendResponse {\n  //\n}\n\nexport interface CreateCommentPayload {\n  commentable: Commentable;\n  content: string;\n  inReplyTo?: Comment;\n}\n\nexport function useCreateComment() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (props: CreateCommentPayload) => createComment(props),\n    onSuccess: async (response, props) => {\n      await queryClient.invalidateQueries({\n        queryKey: [\n          'comment',\n          `${props.commentable.id}-${props.commentable.model_type}`,\n        ],\n      });\n      toast(message('Comment posted'));\n    },\n    onError: err => showHttpErrorToast(err),\n  });\n}\n\nfunction createComment({\n  commentable,\n  content,\n  inReplyTo,\n  ...other\n}: CreateCommentPayload): Promise<Response> {\n  const payload = {\n    commentable_id: commentable.id,\n    commentable_type: commentable.model_type,\n    content,\n    inReplyTo,\n    ...other,\n  };\n  return apiClient.post('comment', payload).then(r => r.data);\n}\n","import {Commentable} from '@common/comments/commentable';\nimport {Comment} from '@common/comments/comment';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {useAuth} from '@common/auth/use-auth';\nimport {useCreateComment} from '@common/comments/requests/use-create-comment';\nimport {RefObject, useState} from 'react';\nimport clsx from 'clsx';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {Avatar} from '@common/ui/images/avatar';\nimport {message} from '@common/i18n/message';\nimport {Trans} from '@common/i18n/trans';\nimport {useObjectRef} from '@react-aria/utils';\nimport {Button} from '@common/ui/buttons/button';\n\nexport interface NewCommentFormProps {\n  commentable: Commentable;\n  inReplyTo?: Comment;\n  onSuccess?: () => void;\n  className?: string;\n  autoFocus?: boolean;\n  inputRef?: RefObject<HTMLInputElement>;\n  // additional data that should be sent to backend when creating comments\n  payload?: Record<string, number | string>;\n}\nexport function NewCommentForm({\n  commentable,\n  inReplyTo,\n  onSuccess,\n  className,\n  autoFocus,\n  payload,\n  ...props\n}: NewCommentFormProps) {\n  const {trans} = useTrans();\n  const {user} = useAuth();\n  const createComment = useCreateComment();\n  const inputRef = useObjectRef<HTMLInputElement>(props.inputRef);\n  const [inputIsExpanded, setInputIsExpanded] = useState(false);\n  const [inputValue, setInputValue] = useState('');\n\n  const clearInput = () => {\n    setInputIsExpanded(false);\n    if (inputRef.current) {\n      inputRef.current.blur();\n      setInputValue('');\n    }\n  };\n\n  return (\n    <form\n      className={clsx('py-6 flex gap-24', className)}\n      onSubmit={e => {\n        e.preventDefault();\n        if (inputValue && !createComment.isPending) {\n          createComment.mutate(\n            {\n              ...payload,\n              commentable,\n              content: inputValue,\n              inReplyTo,\n            },\n            {\n              onSuccess: () => {\n                clearInput();\n                onSuccess?.();\n              },\n            },\n          );\n        }\n      }}\n    >\n      <Avatar size=\"xl\" circle src={user?.avatar} label={user?.display_name} />\n      <div className=\"flex-auto\">\n        <div className=\"text-xs text-muted mb-10\">\n          <Trans\n            message=\"Comment as :name\"\n            values={{\n              name: (\n                <span className=\"font-medium text\">{user?.display_name}</span>\n              ),\n            }}\n          />\n        </div>\n        <TextField\n          inputRef={inputRef}\n          autoFocus={autoFocus}\n          inputElementType=\"textarea\"\n          inputClassName=\"resize-none\"\n          value={inputValue}\n          onChange={e => setInputValue(e.target.value)}\n          onFocus={() => setInputIsExpanded(true)}\n          onBlur={() => {\n            if (!inputValue) {\n              setInputIsExpanded(false);\n            }\n          }}\n          minLength={3}\n          rows={inputIsExpanded ? 3 : 1}\n          placeholder={\n            inReplyTo\n              ? trans(message('Write a reply'))\n              : trans(message('Leave a comment'))\n          }\n        />\n        {inputIsExpanded && (\n          <div className=\"flex items-center gap-12 justify-end mt-12\">\n            <Button variant=\"outline\" onClick={() => clearInput()}>\n              <Trans message=\"Cancel\" />\n            </Button>\n            <Button\n              variant=\"outline\"\n              color=\"primary\"\n              type=\"submit\"\n              disabled={createComment.isPending || inputValue.length < 3}\n            >\n              <Trans message=\"Comment\" />\n            </Button>\n          </div>\n        )}\n      </div>\n    </form>\n  );\n}\n","import {\n  NewCommentForm,\n  NewCommentFormProps,\n} from '@common/comments/new-comment-form';\nimport React, {useContext} from 'react';\nimport {CommentBarContext} from '@app/web-player/tracks/waveform/comment-bar-context';\nimport {invalidateWaveData} from '@app/web-player/tracks/requests/use-track-wave-data';\nimport {useAuth} from '@common/auth/use-auth';\n\nexport function CommentBarNewCommentForm({\n  commentable,\n  className,\n}: NewCommentFormProps) {\n  const {isLoggedIn} = useAuth();\n  const {newCommentInputRef, newCommentPositionRef, setMarkerIsVisible} =\n    useContext(CommentBarContext);\n\n  if (!isLoggedIn) return null;\n\n  return (\n    <NewCommentForm\n      inputRef={newCommentInputRef}\n      className={className}\n      commentable={commentable}\n      payload={{position: newCommentPositionRef.current}}\n      onSuccess={() => {\n        setMarkerIsVisible(false);\n        invalidateWaveData(commentable.id);\n      }}\n    />\n  );\n}\n","import {useAddItemsToLibrary} from '@app/web-player/library/requests/use-add-items-to-library';\nimport {useRemoveItemsFromLibrary} from '@app/web-player/library/requests/use-remove-items-from-library';\nimport {useLibraryStore} from '@app/web-player/library/state/likes-store';\nimport {Likeable} from '@app/web-player/library/likeable';\nimport {FavoriteIcon} from '@common/icons/material/Favorite';\nimport {FavoriteBorderIcon} from '@common/icons/material/FavoriteBorder';\nimport {Button, ButtonProps} from '@common/ui/buttons/button';\nimport {message} from '@common/i18n/message';\nimport {Trans} from '@common/i18n/trans';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\n\ninterface LikeButtonProps extends Omit<ButtonProps, 'children' | 'onClick'> {\n  likeable: Likeable;\n}\nexport function LikeButton({\n  likeable,\n  radius = 'rounded-full',\n  disabled,\n  ...buttonProps\n}: LikeButtonProps) {\n  const authHandler = useAuthClickCapture();\n  const addToLibrary = useAddItemsToLibrary();\n  const removeFromLibrary = useRemoveItemsFromLibrary();\n  const isLiked = useLibraryStore(s => s.has(likeable));\n  const isLoading = addToLibrary.isPending || removeFromLibrary.isPending;\n\n  const labels = getLabels(likeable);\n\n  if (isLiked) {\n    return (\n      <Button\n        {...buttonProps}\n        variant=\"outline\"\n        radius={radius}\n        startIcon={<FavoriteIcon className=\"text-primary\" />}\n        disabled={disabled || isLoading}\n        onClickCapture={authHandler}\n        onClick={() => {\n          removeFromLibrary.mutate({likeables: [likeable]});\n        }}\n      >\n        <Trans {...labels.removeLike} />\n      </Button>\n    );\n  }\n  return (\n    <Button\n      {...buttonProps}\n      variant=\"outline\"\n      radius={radius}\n      startIcon={<FavoriteBorderIcon />}\n      disabled={disabled || isLoading}\n      onClickCapture={authHandler}\n      onClick={() => {\n        addToLibrary.mutate({likeables: [likeable]});\n      }}\n    >\n      <Trans {...labels.like} />\n    </Button>\n  );\n}\n\nfunction getLabels(likeable: Likeable) {\n  switch (likeable.model_type) {\n    case 'artist':\n      return {like: message('Follow'), removeLike: message('Following')};\n    default:\n      return {like: message('Like'), removeLike: message('Liked')};\n  }\n}\n","import {Track} from '@app/web-player/tracks/track';\nimport {Album} from '@app/web-player/albums/album';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {useToggleRepost} from '@app/web-player/reposts/use-toggle-repost';\nimport {useRepostsStore} from '@app/web-player/library/state/reposts-store';\nimport {Button} from '@common/ui/buttons/button';\nimport {RepeatIcon} from '@common/icons/material/Repeat';\nimport clsx from 'clsx';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {ButtonSize} from '@common/ui/buttons/button-size';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\n\ninterface RepostButtonProps {\n  item: Track | Album;\n  className?: string;\n  size?: ButtonSize;\n  radius?: string;\n  disabled?: boolean;\n}\nexport function RepostButton({\n  item,\n  className,\n  size = 'xs',\n  radius,\n  disabled,\n}: RepostButtonProps) {\n  const authHandler = useAuthClickCapture();\n  const {player} = useSettings();\n  const toggleRepost = useToggleRepost();\n  const isReposted = useRepostsStore(s => s.has(item));\n  if (!player?.enable_repost) return null;\n\n  return (\n    <Button\n      className={className}\n      variant=\"outline\"\n      size={size}\n      radius={radius}\n      startIcon={<RepeatIcon className={clsx(isReposted && 'text-primary')} />}\n      disabled={disabled || toggleRepost.isPending}\n      onClickCapture={authHandler}\n      onClick={() => toggleRepost.mutate({repostable: item})}\n    >\n      {isReposted ? <Trans message=\"Reposted\" /> : <Trans message=\"Repost\" />}\n    </Button>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport {Track} from '@app/web-player/tracks/track';\nimport {PlayArrowFilledIcon} from '@app/web-player/tracks/play-arrow-filled';\nimport {FormattedNumber} from '@common/i18n/formatted-number';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\nimport {FavoriteIcon} from '@common/icons/material/Favorite';\nimport {RepeatIcon} from '@common/icons/material/Repeat';\nimport {Album} from '@app/web-player/albums/album';\nimport {Artist} from '@app/web-player/artists/artist';\n\ninterface Props {\n  item: Track | Album | Artist;\n  className?: string;\n  showPlays?: boolean;\n}\nexport function MediaItemStats({item, className, showPlays = true}: Props) {\n  return (\n    <div\n      className={clsx('flex items-center gap-20 text-sm text-muted', className)}\n    >\n      {showPlays && <PlayCount item={item} />}\n      <LikesCount item={item} />\n      {item.model_type !== 'artist' && <RepostsCount item={item} />}\n    </div>\n  );\n}\n\ninterface PlayCountProps {\n  item: Track | Album | Artist;\n}\nfunction PlayCount({item}: PlayCountProps) {\n  if (!item.plays) return null;\n\n  const count = (\n    <FormattedNumber\n      compactDisplay=\"short\"\n      notation=\"compact\"\n      value={item.plays}\n    />\n  );\n\n  return (\n    <Tooltip label={<Trans message=\":count plays\" values={{count}} />}>\n      <div>\n        <PlayArrowFilledIcon size=\"xs\" className=\"mr-4\" />\n        {count}\n      </div>\n    </Tooltip>\n  );\n}\n\ninterface LikesCountProps {\n  item: Track | Album | Artist;\n}\nfunction LikesCount({item}: LikesCountProps) {\n  if (!item.likes_count) return null;\n\n  const count = <FormattedNumber value={item.likes_count} />;\n\n  return (\n    <Tooltip label={<Trans message=\":count likes\" values={{count}} />}>\n      <div>\n        <FavoriteIcon size=\"xs\" className=\"mr-4\" />\n        {count}\n      </div>\n    </Tooltip>\n  );\n}\n\ninterface RepostsCountProps {\n  item: Track | Album;\n}\nfunction RepostsCount({item}: RepostsCountProps) {\n  if (!item.reposts_count) return null;\n\n  const count = <FormattedNumber value={item.reposts_count} />;\n\n  return (\n    <Tooltip label={<Trans message=\":count reposts\" values={{count}} />}>\n      <div className=\"hidden @[566px]:block\">\n        <RepeatIcon size=\"xs\" className=\"mr-4\" />\n        {count}\n      </div>\n    </Tooltip>\n  );\n}\n","import React, {ReactNode} from 'react';\nimport {LikeButton} from '@app/web-player/library/like-button';\nimport {RepostButton} from '@app/web-player/reposts/repost-button';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {Button} from '@common/ui/buttons/button';\nimport {ShareIcon} from '@common/icons/material/Share';\nimport {Trans} from '@common/i18n/trans';\nimport {MoreHorizIcon} from '@common/icons/material/MoreHoriz';\nimport {TrackContextDialog} from '@app/web-player/tracks/context-dialog/track-context-dialog';\nimport {MediaItemStats} from '@app/web-player/tracks/media-item-stats';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Album} from '@app/web-player/albums/album';\nimport {AlbumContextDialog} from '@app/web-player/albums/album-context-dialog';\nimport clsx from 'clsx';\nimport {ButtonSize} from '@common/ui/buttons/button-size';\nimport {ShareMediaDialog} from '@app/web-player/sharing/share-media-dialog';\n\ninterface Props {\n  item: Track | Album;\n  managesItem: boolean;\n  buttonClassName?: string;\n  buttonGap?: string;\n  buttonSize?: ButtonSize;\n  buttonRadius?: string;\n  children?: ReactNode;\n  className?: string;\n}\nexport function TrackActionsBar({\n  item,\n  managesItem,\n  buttonClassName,\n  buttonGap = 'mr-8',\n  buttonSize = 'xs',\n  buttonRadius = 'rounded',\n  children,\n  className,\n}: Props) {\n  return (\n    <div\n      className={clsx(\n        'flex items-center justify-center gap-24 overflow-hidden @container md:justify-between',\n        className,\n      )}\n    >\n      <div>\n        {children}\n        <LikeButton\n          size={buttonSize}\n          likeable={item}\n          className={clsx(buttonGap, buttonClassName, 'max-md:hidden')}\n          radius={buttonRadius}\n          disabled={managesItem}\n        />\n        <RepostButton\n          item={item}\n          size={buttonSize}\n          radius={buttonRadius}\n          disabled={managesItem}\n          className={clsx(\n            buttonGap,\n            buttonClassName,\n            'hidden @[840px]:inline-flex',\n          )}\n        />\n        <DialogTrigger type=\"modal\">\n          <Button\n            size={buttonSize}\n            variant=\"outline\"\n            startIcon={<ShareIcon />}\n            className={clsx(\n              buttonGap,\n              buttonClassName,\n              'hidden @[660px]:inline-flex',\n            )}\n            radius={buttonRadius}\n          >\n            <Trans message=\"Share\" />\n          </Button>\n          <ShareMediaDialog item={item} />\n        </DialogTrigger>\n        <DialogTrigger type=\"popover\" mobileType=\"tray\">\n          <Button\n            variant=\"outline\"\n            size={buttonSize}\n            startIcon={<MoreHorizIcon />}\n            className={clsx(buttonGap, buttonClassName)}\n            radius={buttonRadius}\n          >\n            <Trans message=\"More\" />\n          </Button>\n          <MoreDialog item={item} />\n        </DialogTrigger>\n      </div>\n      <MediaItemStats item={item} className=\"max-xl:hidden\" />\n    </div>\n  );\n}\n\ninterface MoreDialogProps {\n  item: Track | Album;\n}\nfunction MoreDialog({item}: MoreDialogProps) {\n  if (item.model_type === 'track') {\n    return <TrackContextDialog tracks={[item]} />;\n  }\n  return <AlbumContextDialog album={item} />;\n}\n","import {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {Waveform} from '@app/web-player/tracks/waveform/waveform';\nimport {Track} from '@app/web-player/tracks/track';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {TrackSeekbar} from '@app/web-player/player-controls/seekbar/track-seekbar';\nimport {trackIsLocallyUploaded} from '@app/web-player/tracks/utils/track-is-locally-uploaded';\nimport {FormattedRelativeTime} from '@common/i18n/formatted-relative-time';\nimport {\n  CommentBarContext,\n  CommentBarContextProvider,\n} from '@app/web-player/tracks/waveform/comment-bar-context';\nimport {CommentBarNewCommentForm} from '@app/web-player/tracks/waveform/comment-bar-new-comment-form';\nimport React, {Fragment, memo, useContext} from 'react';\nimport {AnimatePresence} from 'framer-motion';\nimport {Chip} from '@common/ui/forms/input-field/chip-field/chip';\nimport {GenreLink} from '@app/web-player/genres/genre-link';\nimport {RepeatIcon} from '@common/icons/material/Repeat';\nimport {TrackLink} from '@app/web-player/tracks/track-link';\nimport {useTrackPermissions} from '@app/web-player/tracks/hooks/use-track-permissions';\nimport {User} from '@common/auth/user';\nimport {UserProfileLink} from '@app/web-player/users/user-profile-link';\nimport {TrackActionsBar} from '@app/web-player/tracks/track-actions-bar';\nimport clsx from 'clsx';\n\ninterface TrackListItemProps {\n  track: Track;\n  queue?: Track[];\n  reposter?: User;\n  className?: string;\n  hideArtwork?: boolean;\n  hideActions?: boolean;\n  linksInNewTab?: boolean;\n}\nexport const TrackListItem = memo(\n  ({\n    track,\n    queue,\n    reposter,\n    className,\n    hideArtwork = false,\n    hideActions = false,\n    linksInNewTab = false,\n  }: TrackListItemProps) => {\n    const {player} = useSettings();\n    const {managesTrack} = useTrackPermissions([track]);\n\n    const showWave =\n      player?.seekbar_type === 'waveform' && trackIsLocallyUploaded(track);\n\n    return (\n      <div\n        className={clsx(\n          'overflow-hidden',\n          !hideArtwork && 'md:flex md:gap-24',\n          className,\n        )}\n      >\n        {!hideArtwork && (\n          <TrackImage\n            track={track}\n            className=\"flex-shrink-0 rounded max-md:hidden\"\n            size=\"w-184 h-184\"\n          />\n        )}\n        <div className=\"min-w-0 flex-auto\">\n          <div className=\"flex items-center gap-14\">\n            <PlaybackToggleButton\n              track={track}\n              tracks={queue}\n              buttonType=\"icon\"\n              color=\"primary\"\n              variant=\"flat\"\n              radius=\"rounded-full\"\n              equalizerColor=\"white\"\n            />\n            <div>\n              <div className=\"flex items-center gap-6 text-sm text-muted\">\n                <ArtistLinks\n                  artists={track.artists}\n                  target={linksInNewTab ? '_blank' : undefined}\n                />\n                {reposter && (\n                  <Fragment>\n                    <RepeatIcon size=\"xs\" />\n                    <UserProfileLink\n                      user={reposter}\n                      target={linksInNewTab ? '_blank' : undefined}\n                    />\n                  </Fragment>\n                )}\n              </div>\n              <div>\n                <TrackLink\n                  track={track}\n                  target={linksInNewTab ? '_blank' : undefined}\n                />\n              </div>\n            </div>\n            <div className=\"ml-auto text-sm\">\n              <FormattedRelativeTime date={track.created_at} />\n              {track.genres?.length ? (\n                <Chip className=\"mt-6 w-max\" size=\"xs\">\n                  <GenreLink\n                    genre={track.genres[0]}\n                    target={linksInNewTab ? '_blank' : undefined}\n                  />\n                </Chip>\n              ) : null}\n            </div>\n          </div>\n          <div className=\"mt-20\">\n            {showWave ? (\n              <CommentBarContextProvider disableCommenting={hideActions}>\n                <WaveformWithComments track={track} queue={queue} />\n              </CommentBarContextProvider>\n            ) : (\n              <TrackSeekbar track={track} queue={queue} />\n            )}\n          </div>\n          {!hideActions && (\n            <TrackActionsBar\n              item={track}\n              managesItem={managesTrack}\n              className=\"mt-20\"\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\ninterface WaveformWithCommentsProps {\n  track: Track;\n  queue?: Track[];\n}\nexport function WaveformWithComments({\n  track,\n  queue,\n}: WaveformWithCommentsProps) {\n  const {markerIsVisible} = useContext(CommentBarContext);\n  return (\n    <Fragment>\n      <Waveform track={track} queue={queue} />\n      <AnimatePresence mode=\"wait\">\n        {markerIsVisible && (\n          <CommentBarNewCommentForm\n            className=\"mb-8 mt-28\"\n            commentable={track}\n          />\n        )}\n      </AnimatePresence>\n    </Fragment>\n  );\n}\n","import {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {TrackListItem} from '@app/web-player/tracks/track-list/track-list-item';\nimport React from 'react';\nimport {Track} from '@app/web-player/tracks/track';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {VirtualTableBody} from '@app/web-player/playlists/virtual-table-body';\nimport {UseInfiniteDataResult} from '@common/ui/infinite-scroll/use-infinite-data';\n\ninterface Props {\n  tracks?: Track[];\n  query?: UseInfiniteDataResult<Track>;\n}\nexport function TrackList({tracks, query}: Props) {\n  const isMobile = useIsMobileMediaQuery();\n\n  if (!tracks) {\n    tracks = query ? query.items : [];\n  }\n\n  if (isMobile) {\n    if (!query) {\n      return <TrackTable tracks={tracks} />;\n    }\n    return (\n      <TrackTable\n        tracks={tracks}\n        tableBody={<VirtualTableBody query={query} />}\n      />\n    );\n  }\n\n  return (\n    <div>\n      {tracks.map(track => (\n        <TrackListItem\n          queue={tracks}\n          key={track.id}\n          track={track}\n          className=\"mb-40\"\n        />\n      ))}\n      {query && <InfiniteScrollSentinel query={query} />}\n    </div>\n  );\n}\n","import React, {Fragment} from 'react';\nimport {ChannelContentProps} from '@app/web-player/channels/channel-content';\nimport {Track} from '@app/web-player/tracks/track';\nimport {ChannelHeading} from '@app/web-player/channels/channel-heading';\nimport {TrackList} from '@app/web-player/tracks/track-list/track-list';\nimport {usePaginatedChannelContent} from '@common/channels/requests/use-paginated-channel-content';\nimport {ChannelContentItem} from '@common/channels/channel';\n\nexport function ChannelTrackList(\n  props: ChannelContentProps<ChannelContentItem<Track>>,\n) {\n  return (\n    <Fragment>\n      <ChannelHeading {...props} />\n      {props.isNested ? (\n        <TrackList tracks={props.channel.content?.data} />\n      ) : (\n        <PaginatedList {...props} />\n      )}\n    </Fragment>\n  );\n}\n\nfunction PaginatedList({channel}: ChannelContentProps<Track>) {\n  const query = usePaginatedChannelContent<ChannelContentItem<Track>>(channel);\n  return <TrackList query={query} />;\n}\n","var functionDebounce = debounce;\n\nfunction debounce(fn, wait, callFirst) {\n  var timeout = null;\n  var debouncedFn = null;\n\n  var clear = function() {\n    if (timeout) {\n      clearTimeout(timeout);\n\n      debouncedFn = null;\n      timeout = null;\n    }\n  };\n\n  var flush = function() {\n    var call = debouncedFn;\n    clear();\n\n    if (call) {\n      call();\n    }\n  };\n\n  var debounceWrapper = function() {\n    if (!wait) {\n      return fn.apply(this, arguments);\n    }\n\n    var context = this;\n    var args = arguments;\n    var callNow = callFirst && !timeout;\n    clear();\n\n    debouncedFn = function() {\n      fn.apply(context, args);\n    };\n\n    timeout = setTimeout(function() {\n      timeout = null;\n\n      if (!callNow) {\n        var call = debouncedFn;\n        debouncedFn = null;\n\n        return call();\n      }\n    }, wait);\n\n    if (callNow) {\n      return debouncedFn();\n    }\n  };\n\n  debounceWrapper.cancel = clear;\n  debounceWrapper.flush = flush;\n\n  return debounceWrapper;\n}\n\nexport {functionDebounce as default};\n","import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {KeyboardArrowRightIcon} from '@common/icons/material/KeyboardArrowRight';\nimport {KeyboardArrowLeftIcon} from '@common/icons/material/KeyboardArrowLeft';\nimport {ChannelContentProps} from '@app/web-player/channels/channel-content';\nimport {ChannelContentGridItem} from '@app/web-player/channels/channel-content-grid-item';\nimport {ChannelHeading} from '@app/web-player/channels/channel-heading';\nimport debounce from 'just-debounce-it';\n\nexport function ChannelContentCarousel(props: ChannelContentProps) {\n  const {channel} = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const itemWidth = useRef<number>(0);\n\n  const [enablePrev, setEnablePrev] = useState(false);\n  const [enableNext, setEnableNext] = useState(true);\n\n  const updateNavStatus = useCallback(() => {\n    const el = ref.current;\n    if (el && itemWidth.current) {\n      setEnablePrev(el.scrollLeft > 0);\n      setEnableNext(el.scrollWidth - el.scrollLeft !== el.clientWidth);\n    }\n  }, []);\n\n  // enable/disable navigation buttons based on element scroll offset\n  useEffect(() => {\n    const el = ref.current;\n    const handleScroll = debounce(() => updateNavStatus(), 100);\n    if (el) {\n      el.addEventListener('scroll', handleScroll);\n    }\n    return () => el?.removeEventListener('scroll', handleScroll);\n  }, [updateNavStatus]);\n\n  // get width for first grid item\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (el) {\n      const firstGridItem = el.children.item(0);\n      const observer = new ResizeObserver(entries => {\n        itemWidth.current = entries[0].contentRect.width;\n        updateNavStatus();\n      });\n      if (firstGridItem) {\n        observer.observe(firstGridItem);\n      }\n      return () => observer.unobserve(el);\n    }\n  }, [updateNavStatus]);\n\n  const scrollAmount = () => {\n    return itemWidth.current * (3 - 1);\n  };\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between gap-24 mb-14\">\n        <ChannelHeading {...props} margin=\"mb-4\" />\n        <div>\n          <IconButton\n            disabled={!enablePrev}\n            onClick={() => {\n              if (ref.current) {\n                ref.current.scrollBy({left: -scrollAmount()});\n              }\n            }}\n          >\n            <KeyboardArrowLeftIcon />\n          </IconButton>\n          <IconButton\n            disabled={!enableNext}\n            onClick={() => {\n              if (ref.current) {\n                ref.current.scrollBy({left: scrollAmount()});\n              }\n            }}\n          >\n            <KeyboardArrowRightIcon />\n          </IconButton>\n        </div>\n      </div>\n      <div\n        ref={ref}\n        className=\"content-carousel content-grid relative w-full grid grid-flow-col grid-rows-[auto] overflow-x-auto overflow-y-hidden gap-24 snap-always snap-x snap-mandatory hidden-scrollbar scroll-smooth\"\n      >\n        {channel.content?.data.map(item => (\n          <ChannelContentGridItem\n            key={`${item.id}-${item.model_type}`}\n            item={item}\n            items={channel.content?.data}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n","import {Track, TRACK_MODEL} from '@app/web-player/tracks/track';\nimport React, {Fragment} from 'react';\nimport {ChannelContentGrid} from '@app/web-player/channels/channel-content-grid';\nimport {ChannelTrackTable} from '@app/web-player/channels/channel-track-table';\nimport {ChannelTrackList} from '@app/web-player/channels/channel-track-list';\nimport {ChannelContentCarousel} from '@app/web-player/channels/channel-content-carousel';\nimport {ChannelHeading} from '@app/web-player/channels/channel-heading';\nimport {ChannelContentModel} from '@app/admin/channels/channel-content-config';\nimport {Channel, CHANNEL_MODEL} from '@common/channels/channel';\n\nexport interface ChannelContentProps<\n  T extends ChannelContentModel = ChannelContentModel,\n> {\n  channel: Channel<T>;\n  isNested?: boolean;\n}\nexport function ChannelContent(props: ChannelContentProps) {\n  const {channel, isNested} = props;\n  const contentModel = channel.config.contentModel;\n  const layout = isNested ? channel.config.nestedLayout : channel.config.layout;\n  if (!channel.content) {\n    return null;\n  }\n\n  if (contentModel === TRACK_MODEL && layout === 'list') {\n    return <ChannelTrackList {...(props as ChannelContentProps<Track>)} />;\n  } else if (contentModel === TRACK_MODEL && layout === 'trackTable') {\n    return <ChannelTrackTable {...(props as ChannelContentProps<Track>)} />;\n  } else if (contentModel === CHANNEL_MODEL) {\n    return <NestedChannels {...(props as ChannelContentProps<Channel>)} />;\n  } else if (layout === 'carousel') {\n    return <ChannelContentCarousel {...props} />;\n  } else {\n    return <ChannelContentGrid {...props} />;\n  }\n}\n\nfunction NestedChannels({channel}: ChannelContentProps) {\n  return (\n    <Fragment>\n      <ChannelHeading channel={channel} />\n      {channel.content?.data.map(nestedChannel => (\n        <div key={nestedChannel.id} className=\"mb-50\">\n          <ChannelContent\n            channel={nestedChannel as Channel<Channel>}\n            isNested\n          />\n        </div>\n      ))}\n    </Fragment>\n  );\n}\n","import {useAuth} from '../../auth/use-auth';\nimport {memo, useEffect, useId, useMemo, useRef} from 'react';\nimport lazyLoader from '../../utils/http/lazy-loader';\nimport clsx from 'clsx';\nimport {useSettings} from '../../core/settings/use-settings';\nimport dot from 'dot-object';\nimport {Settings} from '@common/core/settings/settings';\nimport {getScrollParent} from '@react-aria/utils';\n\ninterface AdHostProps {\n  slot: keyof Omit<NonNullable<Settings['ads']>, 'disable'>;\n  className?: string;\n}\nexport function AdHost({slot, className}: AdHostProps) {\n  const settings = useSettings();\n  const {isSubscribed} = useAuth();\n  const adCode = useMemo(() => {\n    return dot.pick(`ads.${slot}`, settings);\n  }, [slot, settings]);\n\n  if (settings.ads?.disable || isSubscribed || !adCode) return null;\n\n  return <InvariantAd className={className} slot={slot} adCode={adCode} />;\n}\n\ninterface InvariantAdProps {\n  slot: string;\n  adCode: string;\n  className?: string;\n}\nconst InvariantAd = memo(\n  ({slot, adCode, className}: InvariantAdProps) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    const id = useId();\n\n    useEffect(() => {\n      if (ref.current) {\n        loadAdScripts(adCode, ref.current).then(() => {\n          executeAdJavascript(adCode, id);\n        });\n      }\n      return () => {\n        // @ts-ignore\n        delete window['google_ad_modifications'];\n      };\n    }, [adCode, id]);\n\n    // remove height modifications added by adsense\n    useEffect(() => {\n      if (ref.current) {\n        const scrollParent = getScrollParent(ref.current) as HTMLElement;\n        if (scrollParent) {\n          const observer = new MutationObserver(function () {\n            scrollParent.style.height = '';\n            scrollParent.style.minHeight = '';\n          });\n          observer.observe(scrollParent, {\n            attributes: true,\n            attributeFilter: ['style'],\n          });\n          return () => observer.disconnect();\n        }\n      }\n    }, []);\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={clsx(\n          'ad-host flex max-h-[600px] min-h-90 w-full max-w-full items-center justify-center overflow-hidden',\n          `${slot.replace(/\\./g, '-')}-host`,\n          className,\n        )}\n        dangerouslySetInnerHTML={{__html: getAdHtml(adCode)}}\n      ></div>\n    );\n  },\n  () => {\n    // never re-render\n    return false;\n  },\n);\n\nfunction getAdHtml(adCode: string) {\n  // strip out all script tags from ad code and leave only html\n  return adCode\n    ?.replace(/<script\\b[^<]*(?:(?!<\\/script>)<[^<]*)*<\\/script>/gi, '')\n    .trim();\n}\n\n// Load any external scripts needed by ad.\nfunction loadAdScripts(adCode: string, parentEl: HTMLDivElement): Promise<any> {\n  const promises = [];\n\n  // load ad code script\n  const pattern = /<script.*?src=['\"](.*?)['\"]/g;\n  let match;\n\n  while ((match = pattern.exec(adCode))) {\n    if (match[1]) {\n      promises.push(lazyLoader.loadAsset(match[1], {type: 'js', parentEl}));\n    }\n  }\n\n  return Promise.all(promises);\n}\n\n// Execute ad code javascript and replace document.write if needed.\nfunction executeAdJavascript(adCode: string, id: string) {\n  // find any ad code javascript that needs to be executed\n  const pattern = /<script\\b[^>]*>([\\s\\S]*?)<\\/script>/g;\n  let content;\n\n  while ((content = pattern.exec(adCode))) {\n    if (content[1]) {\n      const r = `var d = document.createElement('div'); d.innerHTML = $1; document.getElementById('${id}').appendChild(d.firstChild);`;\n      const toEval = content[1].replace(/document.write\\((.+?)\\);/, r);\n      eval(toEval);\n    }\n  }\n}\n","import React from 'react';\nimport {ChannelContent} from '@app/web-player/channels/channel-content';\nimport {PageStatus} from '@common/http/page-status';\nimport {AdHost} from '@common/admin/ads/ad-host';\nimport {useChannel} from '@common/channels/requests/use-channel';\nimport {PageMetaTags} from '@common/http/page-meta-tags';\n\ninterface ChannelPageProps {\n  slugOrId?: string | number;\n}\nexport function ChannelPage({slugOrId}: ChannelPageProps) {\n  const query = useChannel(slugOrId, 'channelPage');\n\n  if (query.data) {\n    return (\n      <div>\n        <PageMetaTags query={query} />\n        <div className=\"pb-24\">\n          <AdHost slot=\"general_top\" className=\"mb-34\" />\n          <ChannelContent\n            channel={query.data.channel}\n            // set key to force re-render when channel changes\n            key={query.data.channel.id}\n          />\n          <AdHost slot=\"general_bottom\" className=\"mt-34\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderClassName=\"absolute inset-0 m-auto\"\n      loaderIsScreen={false}\n    />\n  );\n}\n","import {apiClient, queryClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Track} from '@app/web-player/tracks/track';\nimport {CancelTokenSource} from 'axios';\n\ninterface Response extends BackendResponse {\n  results: {title: string; id: string}[];\n}\n\nconst endpoint = (track: Track) => {\n  const artistName =\n    track.artists?.[0]?.name || track.album?.artists?.[0]?.name;\n  return `search/audio/${track.id}/${doubleEncode(artistName!)}/${doubleEncode(\n    track.name\n  )}`;\n};\n\nexport let isSearchingForYoutubeVideo = false;\n\nexport async function findYoutubeVideosForTrack(\n  track: Track,\n  cancelToken?: CancelTokenSource\n): Promise<Response['results']> {\n  const query = {\n    queryKey: [endpoint(track)],\n    queryFn: async () => findMatch(track, cancelToken),\n    staleTime: Infinity,\n  };\n\n  const response =\n    queryClient.getQueryData<Response>(query.queryKey) ??\n    (await queryClient.fetchQuery(query));\n\n  isSearchingForYoutubeVideo = false;\n\n  return response?.results || [];\n}\n\nfunction findMatch(\n  track: Track,\n  cancelToken?: CancelTokenSource\n): Promise<Response> {\n  isSearchingForYoutubeVideo = true;\n  return apiClient\n    .get(endpoint(track), {cancelToken: cancelToken?.token})\n    .then(response => response.data);\n}\n\nfunction doubleEncode(value: string) {\n  return encodeURIComponent(encodeURIComponent(value));\n}\n","import {create} from 'zustand';\nimport {immer} from 'zustand/middleware/immer';\n\ninterface OverlayState {\n  isMaximized: boolean;\n  isQueueOpen: boolean;\n  open: () => void;\n  toggle: () => void;\n  toggleQueue: () => void;\n}\n\nexport const usePlayerOverlayStore = create<OverlayState>()(\n  immer((set, get) => ({\n    isMaximized: false,\n    isQueueOpen: false,\n    open: () => {\n      set(state => {\n        state.isMaximized = true;\n        state.isQueueOpen = false;\n      });\n    },\n    toggle: () => {\n      set(state => {\n        state.isMaximized = !state.isMaximized;\n        state.isQueueOpen = false;\n      });\n    },\n    toggleQueue: () => {\n      set(state => {\n        state.isQueueOpen = !state.isQueueOpen;\n      });\n    },\n  }))\n);\n\nexport const playerOverlayState = usePlayerOverlayStore.getState();\n","/**\n * @see https://developers.google.com/youtube/iframe_api_reference#Playback_controls\n */\nexport const enum YoutubeCommand {\n  Play = 'playVideo',\n  Pause = 'pauseVideo',\n  Stop = 'stopVideo',\n  Seek = 'seekTo',\n  Cue = 'cueVideoById',\n  CueAndPlay = 'loadVideoById',\n  Mute = 'mute',\n  Unmute = 'unMute',\n  SetVolume = 'setVolume',\n  SetPlaybackRate = 'setPlaybackRate',\n  SetPlaybackQuality = 'setPlaybackQuality',\n}\n\nexport interface YouTubeCommandArg {\n  [YoutubeCommand.Play]: void;\n  [YoutubeCommand.Pause]: void;\n  [YoutubeCommand.Stop]: void;\n  [YoutubeCommand.Seek]: number;\n  [YoutubeCommand.Cue]: string;\n  [YoutubeCommand.CueAndPlay]: string;\n  [YoutubeCommand.Mute]: void;\n  [YoutubeCommand.Unmute]: void;\n  [YoutubeCommand.SetVolume]: number;\n  [YoutubeCommand.SetPlaybackRate]: number;\n  [YoutubeCommand.SetPlaybackQuality]: string;\n}\n\n/**\n * @see https://developers.google.com/youtube/iframe_api_reference#onStateChange\n */\nexport const enum YouTubePlayerState {\n  Unstarted = -1,\n  Ended = 0,\n  Playing = 1,\n  Paused = 2,\n  Buffering = 3,\n  Cued = 5,\n}\n\nexport interface YoutubeInternalState {\n  duration: number;\n  currentTime: number;\n  videoId?: string;\n  lastTimeUpdate: number;\n  playbackRate: number;\n  playbackReady: boolean;\n  buffered: number;\n  state: YouTubePlayerState;\n  firedPlaybackEnd: boolean;\n}\n\nexport const enum YouTubePlaybackQuality {\n  Unknown = 'unknown',\n  Tiny = 'tiny',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  Hd720 = 'hd720',\n  Hd1080 = 'hd1080',\n  Highres = 'highres',\n  Max = 'max',\n}\n\nexport interface YouTubeMessage {\n  channel: string;\n  event: 'initialDelivery' | 'onReady' | 'infoDelivery' | 'apiInfoDelivery';\n  info?: YoutubeMessageInfo;\n}\n\nexport interface YoutubeMessageInfo {\n  availablePlaybackRates?: number[];\n  availableQualityLevels?: YouTubePlaybackQuality[];\n  currentTime?: number;\n  currentTimeLastUpdated?: number;\n  videoLoadedFraction?: number;\n  volume?: number;\n  videoUrl?: string;\n  videoData?: {\n    author: string;\n    title: string;\n    video_id: string;\n    errorCode?: string;\n  };\n  duration?: number;\n  muted?: boolean;\n  playbackQuality?: YouTubePlaybackQuality;\n  playbackRate?: number;\n  playerState?: YouTubePlayerState;\n}\n\nexport interface YoutubeProviderError {\n  code?: string;\n  videoId?: string;\n}\n\nexport interface YoutubeProviderInternalApi {\n  loadVideoById: (videoId: string) => void;\n}\n","import {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\nimport {findYoutubeVideosForTrack} from '@app/web-player/tracks/requests/find-youtube-videos-for-track';\nimport {MediaItem, YoutubeMediaItem} from '@common/player/media-item';\nimport {apiClient} from '@common/http/query-client';\nimport {Track} from '@app/web-player/tracks/track';\nimport {playerOverlayState} from '@app/web-player/state/player-overlay-store';\nimport {loadMediaItemTracks} from '@app/web-player/requests/load-media-item-tracks';\nimport {tracksToMediaItems} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {PlayerStoreOptions} from '@common/player/state/player-store-options';\nimport {\n  YouTubePlayerState,\n  YoutubeProviderError,\n  YoutubeProviderInternalApi,\n} from '@common/player/providers/youtube/youtube-types';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\n\n// used to track play history for logging plays on backend (prevents logging play twice, unless track is fully played)\nconst trackPlays = new Set<number>();\n\n// this is needed in order to stop YouTube embed from trying to\n// cue a video that will error out while valid video is already playing\nconst failedVideoId = ' ';\n\n// list of video Ids for which YouTube embed errored out\nconst failedVideoIds = new Set<string>();\nlet tracksSkippedDueToError = 0;\n\nasync function resolveSrc(\n  media: YoutubeMediaItem<Track>\n): Promise<YoutubeMediaItem> {\n  const results = await findYoutubeVideosForTrack(media.meta!);\n  // Find first video ID that did not error out yet\n  const match = results?.find(r => !failedVideoIds.has(`${r.id}`))?.id;\n  return {\n    ...media,\n    src: match || failedVideoId,\n  };\n}\n\nfunction setMediaSessionMetadata(media: MediaItem<Track>) {\n  if ('mediaSession' in navigator) {\n    const track = media.meta;\n    if (!track) return;\n    const image = track.image || track.album?.image;\n    navigator.mediaSession.metadata = new MediaMetadata({\n      title: track.name,\n      artist: track.artists?.[0]?.name,\n      album: track.album?.name,\n      artwork: image\n        ? [\n            {\n              src: image,\n              sizes: '300x300',\n              type: 'image/jpg',\n            },\n          ]\n        : undefined,\n    });\n  }\n}\n\nexport const playerStoreOptions: Partial<PlayerStoreOptions> = {\n  persistQueueInLocalStorage: true,\n  defaultVolume: getBootstrapData().settings.player?.default_volume,\n  setMediaSessionMetadata,\n  youtube: {\n    srcResolver: resolveSrc,\n    onStateChange: state => {\n      if (state === YouTubePlayerState.Playing) {\n        tracksSkippedDueToError = 0;\n      }\n    },\n  },\n  onBeforePlay: () => {\n    const player = getBootstrapData().settings.player;\n    // on mobile, YouTube embed playback needs to be started via user gesture\n    // on YouTube embed itself, starting it with custom play button will not work\n    if (\n      player?.mobile?.auto_open_overlay &&\n      // check if mobile\n      window.matchMedia('(max-width: 768px)').matches\n    ) {\n      playerOverlayState.open();\n      // wait for overlay animation to complete\n      return new Promise<void>(resolve => setTimeout(() => resolve(), 151));\n    }\n  },\n  loadMoreMediaItems: async media => {\n    if (media?.groupId) {\n      const tracks = await loadMediaItemTracks(\n        media.groupId as string,\n        media.meta\n      );\n      return tracksToMediaItems(tracks);\n    }\n  },\n  listeners: {\n    // change document title to currently cued track name\n    cued: ({state: {cuedMedia}}) => {\n      if (!cuedMedia) return;\n      const site_name = getBootstrapData().settings.branding.site_name;\n      let title = `${cuedMedia.meta.name}`;\n      const artistName = cuedMedia.meta.artists?.[0].name;\n\n      if (artistName) {\n        title = `${title} - ${artistName} - ${site_name}`;\n      } else {\n        title = `${title} - ${site_name}`;\n      }\n\n      document.title = title;\n    },\n    play: ({state: {cuedMedia, pause}}) => {\n      // prevent playback if user does not have permission to play music\n      const hasPermission = userHasPlayPermission();\n      if (!hasPermission) {\n        toast.danger(\n          message('Your current plan does not allow music playback.')\n        );\n        pause();\n        return;\n      }\n      // log track play\n      if (cuedMedia && !trackPlays.has(cuedMedia.meta.id)) {\n        trackPlays.add(cuedMedia.meta.id);\n        apiClient.post(`tracks/plays/${cuedMedia.meta.id}/log`, {\n          queueId: cuedMedia.groupId,\n        });\n      }\n    },\n    playbackEnd: ({state: {cuedMedia}}) => {\n      // clear track play\n      if (cuedMedia) {\n        trackPlays.delete(cuedMedia.meta.id);\n      }\n    },\n    error: async ({\n      sourceEvent,\n      state: {cuedMedia, providerApi, providerName, emit},\n    }) => {\n      const e = sourceEvent as YoutubeProviderError;\n      if (providerName === 'youtube' && providerApi) {\n        //const provider = state.provider as YoutubeProvider;\n        logYoutubeError(e);\n\n        if (e.videoId) {\n          failedVideoIds.add(`${e.videoId}`);\n        }\n\n        const media = cuedMedia\n          ? await resolveSrc(cuedMedia as YoutubeMediaItem)\n          : null;\n\n        // try to play alternative videos we fetched\n        if (media?.src && media?.src !== failedVideoId) {\n          await (\n            providerApi.internalProviderApi as YoutubeProviderInternalApi\n          ).loadVideoById(media.src);\n          providerApi.play();\n\n          // there are no more alternative videos to try, we can error out\n        } else {\n          tracksSkippedDueToError++;\n\n          // try to play up to two next queued tracks if we can't play\n          // a video for this one. If we can't play 3 tracks in a row\n          // we can assume there's an issue with YouTube API and bail\n          if (tracksSkippedDueToError <= 2) {\n            emit('playbackEnd');\n          }\n        }\n      } else {\n        tracksSkippedDueToError = 0;\n      }\n    },\n  },\n  onDestroy: () => {\n    tracksSkippedDueToError = 0;\n  },\n};\n\nfunction logYoutubeError(e: YoutubeProviderError) {\n  const code = e?.code;\n  if (!e || !e.videoId) return;\n  apiClient.post('youtube/log-client-error', {\n    code,\n    videoUrl: e.videoId,\n  });\n}\n\nfunction userHasPlayPermission(): boolean {\n  const user = getBootstrapData().user;\n  const guest_role = getBootstrapData().guest_role;\n  const permissions = user?.permissions || guest_role?.permissions;\n  return permissions?.find(p => p.name === 'music.play') != null;\n}\n","import {useSettings} from '@common/core/settings/use-settings';\nimport {Link, NavLink} from 'react-router-dom';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {useIsDarkMode} from '@common/ui/themes/use-is-dark-mode';\nimport {CustomMenu} from '@common/menus/custom-menu';\nimport {Trans} from '@common/i18n/trans';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {PlaylistAddIcon} from '@common/icons/material/PlaylistAdd';\nimport {ReactNode} from 'react';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {CreatePlaylistDialog} from '@app/web-player/playlists/crupdate-dialog/create-playlist-dialog';\nimport {useAuthUserPlaylists} from '@app/web-player/playlists/requests/use-auth-user-playlists';\nimport {getPlaylistLink} from '@app/web-player/playlists/playlist-link';\nimport clsx from 'clsx';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\n\nconst menuItemClassName = (isActive: boolean): string => {\n  return clsx(\n    'h-44 px-12 mx-12 hover:bg-hover rounded-button',\n    isActive && 'text-primary',\n  );\n};\n\ninterface Props {\n  className?: string;\n}\nexport function Sidenav({className}: Props) {\n  return (\n    <div className={clsx('overflow-y-auto border-r bg-alt py-12', className)}>\n      <Logo />\n      <CustomMenu\n        className=\"mt-24 items-stretch\"\n        menu=\"sidebar-primary\"\n        orientation=\"vertical\"\n        gap=\"gap-none\"\n        iconClassName=\"text-muted\"\n        itemClassName={({isActive}) => menuItemClassName(isActive)}\n      />\n      <div className=\"mt-48\">\n        <SectionTitle>\n          <Trans message=\"Your Music\" />\n        </SectionTitle>\n        <CustomMenu\n          className=\"mt-12 items-stretch text-sm\"\n          menu=\"sidebar-secondary\"\n          orientation=\"vertical\"\n          gap=\"gap-none\"\n          iconClassName=\"text-muted\"\n          itemClassName={({isActive}) => menuItemClassName(isActive)}\n        />\n        <PlaylistSection />\n      </div>\n    </div>\n  );\n}\n\ninterface SectionTitleProps {\n  children?: ReactNode;\n}\nfunction SectionTitle({children}: SectionTitleProps) {\n  return (\n    <div className=\"mx-24 mb-8 text-xs font-semibold uppercase text-muted\">\n      {children}\n    </div>\n  );\n}\n\nfunction Logo() {\n  const {branding} = useSettings();\n  const {trans} = useTrans();\n  const isDarkMode = useIsDarkMode();\n  const logoUrl = isDarkMode ? branding.logo_light : branding.logo_dark;\n\n  return (\n    <Link\n      to=\"/\"\n      className=\"mx-18 block flex-shrink-0\"\n      aria-label={trans({message: 'Go to homepage'})}\n    >\n      <img\n        className=\"block h-56 w-auto max-w-[188px] object-contain\"\n        src={logoUrl}\n        alt={trans({message: 'Site logo'})}\n      />\n    </Link>\n  );\n}\n\nfunction PlaylistSection() {\n  const {data} = useAuthUserPlaylists();\n  const navigate = useNavigate();\n  const authHandler = useAuthClickCapture();\n\n  return (\n    <div className=\"mt-40\">\n      <div className=\"mr-24 flex items-center justify-between\">\n        <SectionTitle>\n          <Trans message=\"Playlists\" />\n        </SectionTitle>\n        <DialogTrigger\n          type=\"modal\"\n          onClose={newPlaylist => {\n            if (newPlaylist) {\n              navigate(getPlaylistLink(newPlaylist));\n            }\n          }}\n        >\n          <IconButton\n            className=\"flex-shrink-0 text-muted\"\n            onClickCapture={authHandler}\n          >\n            <PlaylistAddIcon />\n          </IconButton>\n          <CreatePlaylistDialog />\n        </DialogTrigger>\n      </div>\n      {data?.playlists?.map(playlist => (\n        <NavLink\n          to={getPlaylistLink(playlist)}\n          key={playlist.id}\n          className={({isActive}) =>\n            clsx(menuItemClassName(isActive), 'flex items-center text-sm')\n          }\n        >\n          <div className=\"overflow-hidden overflow-ellipsis\">\n            {playlist.name}\n          </div>\n        </NavLink>\n      ))}\n    </div>\n  );\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\n\nexport function useIsMediaPlaying(\n  mediaId: string | number,\n  groupId?: string | number\n): boolean {\n  return usePlayerStore(s => {\n    return (\n      s.isPlaying &&\n      s.cuedMedia?.id === mediaId &&\n      (!groupId || groupId === s.cuedMedia.groupId)\n    );\n  });\n}\n","import {useSettings} from '@common/core/settings/use-settings';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\n\nexport function useMiniPlayerIsHidden() {\n  const {player} = useSettings();\n  const mediaIsCued = usePlayerStore(s => s.cuedMedia != null);\n  const isAudioProvider = usePlayerStore(s => s.providerName === 'htmlAudio');\n  const isMobile = useIsMobileMediaQuery();\n  return player?.hide_video || !mediaIsCued || isMobile || isAudioProvider;\n}\n","import {TrackContextDialog} from '@app/web-player/tracks/context-dialog/track-context-dialog';\nimport React from 'react';\nimport {MediaItem} from '@common/player/media-item';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {ContextMenuButton} from '@app/web-player/context-dialog/context-dialog-layout';\nimport {Trans} from '@common/i18n/trans';\n\ninterface Props {\n  queueItems: MediaItem[];\n}\nexport function QueueTrackContextDialog({queueItems}: Props) {\n  return (\n    <TrackContextDialog\n      tracks={queueItems.map(item => item.meta)}\n      showAddToQueueButton={false}\n    >\n      {() => <RemoveFromQueueContextButton queueItems={queueItems} />}\n    </TrackContextDialog>\n  );\n}\n\ninterface RemoveFromQueueContextButton {\n  queueItems: MediaItem[];\n}\nfunction RemoveFromQueueContextButton({\n  queueItems,\n}: RemoveFromQueueContextButton) {\n  const {close: closeMenu} = useDialogContext();\n  const player = usePlayerActions();\n\n  return (\n    <ContextMenuButton\n      onClick={async () => {\n        closeMenu();\n        player.removeFromQueue(queueItems);\n      }}\n    >\n      <Trans message=\"Remove from queue\" />\n    </ContextMenuButton>\n  );\n}\n","import {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {MediaItem} from '@common/player/media-item';\nimport {Track} from '@app/web-player/tracks/track';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport clsx from 'clsx';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport React, {ReactElement, useState} from 'react';\nimport {message} from '@common/i18n/message';\nimport {PauseIcon} from '@common/icons/material/Pause';\nimport {EqualizerImage} from '@app/web-player/tracks/equalizer-image/equalizer-image';\nimport {PlayArrowFilledIcon} from '@app/web-player/tracks/play-arrow-filled';\nimport {useIsMediaPlaying} from '@common/player/hooks/use-is-media-playing';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {useMiniPlayerIsHidden} from '@app/web-player/overlay/use-mini-player-is-hidden';\nimport {QueueTrackContextDialog} from '@app/web-player/layout/queue/queue-track-context-dialog';\n\nexport function QueueSidenav() {\n  const queue = usePlayerStore(s => s.shuffledQueue);\n  const miniPlayerIsHidden = useMiniPlayerIsHidden();\n  return (\n    <div className=\"border-l bg h-full\">\n      <div\n        className={clsx(\n          'overflow-y-auto overflow-x-hidden',\n          miniPlayerIsHidden ? 'h-full' : 'h-[calc(100%-213px)]',\n        )}\n      >\n        {queue.map((media: MediaItem<Track>, index) => (\n          // same media.id might be multiple times in the queue, use index as well to avoid errors\n          <QueueItem key={`${media.id}-${index}`} media={media} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\ninterface QueueItemProps {\n  media: MediaItem<Track>;\n}\nfunction QueueItem({media}: QueueItemProps) {\n  const isCued = usePlayerStore(s => s.cuedMedia?.id === media.id);\n  const isPlaying = useIsMediaPlaying(media.id);\n  const [isHover, setHover] = useState(false);\n\n  if (!media.meta) {\n    return null;\n  }\n\n  return (\n    <DialogTrigger type=\"popover\" triggerOnContextMenu placement=\"bottom-start\">\n      <div\n        onPointerEnter={() => setHover(true)}\n        onPointerLeave={() => setHover(false)}\n        className={clsx(\n          'flex items-center gap-10 p-8 border-b',\n          isCued && 'bg-primary/80 text-white',\n        )}\n      >\n        <div className=\"relative overflow-hidden\">\n          <TrackImage\n            className=\"w-34 h-34 flex-shrink-0 rounded object-cover\"\n            track={media.meta}\n          />\n          {(isHover || isPlaying) && (\n            <TogglePlaybackOverlay media={media} isHover={isHover} />\n          )}\n        </div>\n        <div className=\"flex-auto max-w-180 whitespace-nowrap\">\n          <div className=\"text-sm overflow-hidden overflow-ellipsis\">\n            {media.meta.name}\n          </div>\n          <ArtistLinks\n            className=\"text-xs overflow-hidden overflow-ellipsis\"\n            linkClassName={isCued ? 'text-inherit' : 'text-muted'}\n            artists={media.meta.artists}\n          />\n        </div>\n      </div>\n      <QueueTrackContextDialog queueItems={[media]} />\n    </DialogTrigger>\n  );\n}\n\ninterface TogglePlaybackOverlayProps {\n  media: MediaItem<Track>;\n  isHover: boolean;\n}\nfunction TogglePlaybackOverlay({media, isHover}: TogglePlaybackOverlayProps) {\n  const isPlaying = useIsMediaPlaying(media.id);\n  const {trans} = useTrans();\n  const player = usePlayerActions();\n\n  if (!media.meta) {\n    return null;\n  }\n\n  let button: ReactElement;\n\n  if (isPlaying) {\n    button = (\n      <button\n        aria-label={trans(\n          message('Pause :name', {values: {name: media.meta.name}}),\n        )}\n        tabIndex={0}\n        onClick={() => player.pause()}\n      >\n        {isHover ? <PauseIcon /> : <EqualizerImage color=\"white\" />}\n      </button>\n    );\n  } else {\n    button = (\n      <button\n        aria-label={trans(\n          message('Play :name', {values: {name: media.meta.name}}),\n        )}\n        tabIndex={0}\n        onClick={() => player.play(media)}\n      >\n        <PlayArrowFilledIcon />\n      </button>\n    );\n  }\n\n  return (\n    <div className=\"absolute top-0 left-0 w-full h-full bg-black/50 rounded flex items-center justify-center text-white\">\n      {button}\n    </div>\n  );\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {Track} from '@app/web-player/tracks/track';\n\nexport function useCuedTrack(): Track | undefined {\n  const media = usePlayerStore(s => s.cuedMedia);\n  if (!media) return;\n  return media.meta as Track;\n}\n","import {useEffect, useState} from 'react';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\n\nexport function useCurrentTime() {\n  const {subscribe, getCurrentTime} = usePlayerActions();\n  const providerKey = usePlayerStore(s =>\n    s.providerName && s.cuedMedia?.id\n      ? `${s.providerName}+${s.cuedMedia.id}`\n      : null\n  );\n\n  const [currentTime, setCurrentTime] = useState(() => getCurrentTime());\n\n  useEffect(() => {\n    return subscribe({\n      progress: ({currentTime}) => setCurrentTime(currentTime),\n    });\n  }, [subscribe]);\n\n  // update current time when media or provider changes\n  useEffect(() => {\n    if (providerKey) {\n      setCurrentTime(getCurrentTime());\n    }\n  }, [providerKey, getCurrentTime]);\n\n  return currentTime;\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaPlayIcon = createSvgIcon(\n  <path d=\"M10.6667 6.6548C10.6667 6.10764 11.2894 5.79346 11.7295 6.11862L24.377 15.4634C24.7377 15.7298 24.7377 16.2692 24.3771 16.5357L11.7295 25.8813C11.2895 26.2065 10.6667 25.8923 10.6667 25.3451L10.6667 6.6548Z\"/>,\n  'MediaPlay',\n  '0 0 32 32'\n);\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaPauseIcon = createSvgIcon(\n  [<path d=\"M8.66667 6.66667C8.29848 6.66667 8 6.96514 8 7.33333V24.6667C8 25.0349 8.29848 25.3333 8.66667 25.3333H12.6667C13.0349 25.3333 13.3333 25.0349 13.3333 24.6667V7.33333C13.3333 6.96514 13.0349 6.66667 12.6667 6.66667H8.66667Z\" key=\"0\"/>,<path d=\"M19.3333 6.66667C18.9651 6.66667 18.6667 6.96514 18.6667 7.33333V24.6667C18.6667 25.0349 18.9651 25.3333 19.3333 25.3333H23.3333C23.7015 25.3333 24 25.0349 24 24.6667V7.33333C24 6.96514 23.7015 6.66667 23.3333 6.66667H19.3333Z\" key=\"1\"/>,],\n  'MediaPause',\n  '0 0 32 32'\n);\n","import {IconButton} from '@common/ui/buttons/icon-button';\nimport {ButtonProps} from '@common/ui/buttons/button';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {MediaPlayIcon} from '@common/icons/media/media-play';\nimport {MediaPauseIcon} from '@common/icons/media/media-pause';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\n\ninterface Props {\n  color?: ButtonProps['color'];\n  size?: ButtonProps['size'];\n  iconSize?: ButtonProps['size'];\n  className?: string;\n  stopPropagation?: boolean;\n}\nexport function PlayButton({\n  size = 'md',\n  iconSize = 'xl',\n  color,\n  stopPropagation,\n}: Props) {\n  const isPlaying = usePlayerStore(s => s.isPlaying);\n  const playerReady = usePlayerStore(s => s.providerReady);\n  const player = usePlayerActions();\n\n  const label = isPlaying ? (\n    <Trans message=\"Pause (k)\" />\n  ) : (\n    <Trans message=\"Play (k)\" />\n  );\n\n  return (\n    <Tooltip label={label} usePortal={false}>\n      <IconButton\n        color={color}\n        size={size}\n        iconSize={iconSize}\n        disabled={!playerReady}\n        onClick={e => {\n          if (stopPropagation) {\n            e.stopPropagation();\n          }\n          if (isPlaying) {\n            player.pause();\n          } else {\n            player.play();\n          }\n        }}\n      >\n        {isPlaying ? <MediaPauseIcon /> : <MediaPlayIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaPreviousIcon = createSvgIcon(\n  [<path d=\"M25.1377 6.78532C25.5778 6.46017 26.2005 6.77434 26.2005 7.32151V24.6785C26.2005 25.2257 25.5777 25.5398 25.1377 25.2147L13.3924 16.5358C13.0317 16.2693 13.0317 15.7299 13.3924 15.4634L25.1377 6.78532Z\" key=\"0\"/>,<path d=\"M8 6.6667C8.36819 6.6667 8.66667 6.96518 8.66667 7.33337V24.6667C8.66667 25.0349 8.36819 25.3334 8 25.3334H6C5.63181 25.3334 5.33333 25.0349 5.33333 24.6667V7.33337C5.33333 6.96518 5.63181 6.6667 6 6.6667H8Z\" key=\"1\"/>,],\n  'MediaPrevious',\n  '0 0 32 32'\n);\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {ButtonProps} from '@common/ui/buttons/button';\nimport {MediaPreviousIcon} from '@common/icons/media/media-previous';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\n\ninterface Props {\n  color?: ButtonProps['color'];\n  size?: ButtonProps['size'];\n  iconSize?: ButtonProps['size'];\n  className?: string;\n  stopPropagation?: boolean;\n}\nexport function PreviousButton({\n  size = 'md',\n  iconSize,\n  color,\n  className,\n  stopPropagation,\n}: Props) {\n  const player = usePlayerActions();\n  const playerReady = usePlayerStore(s => s.providerReady);\n\n  return (\n    <Tooltip label={<Trans message=\"Previous\" />}>\n      <IconButton\n        disabled={!playerReady}\n        size={size}\n        color={color}\n        iconSize={iconSize}\n        className={className}\n        onClick={e => {\n          if (stopPropagation) {\n            e.stopPropagation();\n          }\n          player.playPrevious();\n        }}\n      >\n        <MediaPreviousIcon />\n      </IconButton>\n    </Tooltip>\n  );\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaNextIcon = createSvgIcon(\n  [<path d=\"M6.39617 6.78532C5.9561 6.46017 5.33334 6.77434 5.33334 7.32151V24.6785C5.33334 25.2257 5.95612 25.5398 6.39619 25.2147L18.1415 16.5358C18.5021 16.2693 18.5021 15.7299 18.1415 15.4634L6.39617 6.78532Z\" key=\"0\"/>,<path d=\"M23.5339 6.6667C23.1657 6.6667 22.8672 6.96518 22.8672 7.33337V24.6667C22.8672 25.0349 23.1657 25.3334 23.5339 25.3334H25.5339C25.902 25.3334 26.2005 25.0349 26.2005 24.6667V7.33337C26.2005 6.96518 25.902 6.6667 25.5339 6.6667H23.5339Z\" key=\"1\"/>,],\n  'MediaNext',\n  '0 0 32 32'\n);\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {ButtonProps} from '@common/ui/buttons/button';\nimport {MediaNextIcon} from '@common/icons/media/media-next';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\n\ninterface Props {\n  color?: ButtonProps['color'];\n  size?: ButtonProps['size'];\n  iconSize?: ButtonProps['size'];\n  className?: string;\n  stopPropagation?: boolean;\n}\nexport function NextButton({\n  size = 'md',\n  iconSize,\n  color,\n  className,\n  stopPropagation,\n}: Props) {\n  const player = usePlayerActions();\n  const playerReady = usePlayerStore(s => s.providerReady);\n\n  return (\n    <Tooltip label={<Trans message=\"Next\" />} usePortal={false}>\n      <IconButton\n        disabled={!playerReady}\n        size={size}\n        color={color}\n        iconSize={iconSize}\n        className={className}\n        onClick={e => {\n          if (stopPropagation) {\n            e.stopPropagation();\n          }\n          player.playNext();\n        }}\n      >\n        <MediaNextIcon />\n      </IconButton>\n    </Tooltip>\n  );\n}\n","import clsx from 'clsx';\nimport {useContext, useEffect, useState} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {isSearchingForYoutubeVideo} from '@app/web-player/tracks/requests/find-youtube-videos-for-track';\n\nexport function BufferingIndicator() {\n  const store = useContext(PlayerStoreContext);\n\n  const [isVisible, setIsVisible] = useState(false);\n  const [animationActive, setAnimationActive] = useState(false);\n\n  useEffect(() => {\n    return store.subscribe(\n      s => s.isBuffering,\n      isBuffering => {\n        const isLoading = isBuffering || isSearchingForYoutubeVideo;\n        if (isLoading) {\n          // make loader visible only after animation is running\n          setAnimationActive(true);\n          setTimeout(() => {\n            setIsVisible(true);\n          });\n        } else {\n          setIsVisible(false);\n        }\n      }\n    );\n  }, [store]);\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"48\"\n      height=\"48\"\n      fill=\"none\"\n      className={clsx(\n        'absolute -top-3 -left-3 z-10 transition-opacity duration-300 pointer-events-none',\n        isVisible ? 'opacity-100' : 'opacity-0',\n        animationActive && 'animate-spin'\n      )}\n      onTransitionEnd={() => {\n        // stop animation only after opacity transition is done to avoid flickering\n        if (!isVisible) {\n          setAnimationActive(false);\n        }\n      }}\n    >\n      <g clipPath=\"url(#a)\">\n        <path\n          stroke=\"url(#b)\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeMiterlimit=\"10\"\n          d=\"M45.72 31.644c-1.016 3.036-2.777 5.84-5.116 8.301-8.846 9.161-23.386 9.5-32.547.654-9.16-8.845-9.416-23.44-.654-32.546\"\n        />\n      </g>\n      <defs>\n        <linearGradient\n          id=\"b\"\n          x1=\"7.863\"\n          x2=\"45.527\"\n          y1=\"7.178\"\n          y2=\"31.53\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"currentColor\" />\n          <stop offset=\"1\" stopColor=\"currentColor\" stopOpacity=\"0\" />\n        </linearGradient>\n        <clipPath>\n          <path fill=\"currentColor\" d=\"M0 0h48v48H0z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n}\n","import {useCuedTrack} from '@app/web-player/player-controls/use-cued-track';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport React, {useMemo} from 'react';\nimport {ProgressBar} from '@common/ui/progress/progress-bar';\nimport {CustomMenuItem} from '@common/menus/custom-menu';\nimport clsx from 'clsx';\nimport {useCustomMenu} from '@common/menus/use-custom-menu';\nimport {Trans} from '@common/i18n/trans';\nimport {NavbarAuthMenu} from '@common/ui/navigation/navbar/navbar-auth-menu';\nimport {PersonIcon} from '@common/icons/material/Person';\nimport {Badge} from '@common/ui/badge/badge';\nimport {useAuth} from '@common/auth/use-auth';\nimport {\n  Menu,\n  MenuItem,\n  MenuTrigger,\n} from '@common/ui/navigation/menu/menu-trigger';\nimport {Item} from '@common/ui/forms/listbox/item';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {playerOverlayState} from '@app/web-player/state/player-overlay-store';\nimport {usePrimaryArtistForCurrentUser} from '@app/web-player/backstage/use-primary-artist-for-current-user';\nimport {MicIcon} from '@common/icons/material/Mic';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {useCurrentTime} from '@common/player/hooks/use-current-time';\nimport {PlayButton} from '@common/player/ui/controls/play-button';\nimport {PreviousButton} from '@common/player/ui/controls/previous-button';\nimport {NextButton} from '@common/player/ui/controls/next-button';\nimport {BufferingIndicator} from '@app/web-player/player-controls/buffering-indicator';\n\nexport function MobilePlayerControls() {\n  return (\n    <div className=\"fixed bottom-0 left-0 right-0 w-[calc(100%-20px)] mx-auto bg-background/95\">\n      <PlayerControls />\n      <MobileNavbar />\n    </div>\n  );\n}\n\nfunction PlayerControls() {\n  const mediaIsCued = usePlayerStore(s => s.cuedMedia != null);\n  if (!mediaIsCued) return null;\n\n  return (\n    <div\n      className=\"bg-chip rounded p-6 flex items-center gap-24 justify-between shadow relative\"\n      onClick={() => {\n        playerOverlayState.toggle();\n      }}\n    >\n      <QueuedTrack />\n      <PlaybackButtons />\n      <PlayerProgressBar />\n    </div>\n  );\n}\n\nfunction QueuedTrack() {\n  const track = useCuedTrack();\n\n  if (!track) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-10 min-w-0 flex-auto\">\n      <TrackImage className=\"rounded w-36 h-36 object-cover\" track={track} />\n      <div className=\"flex-auto whitespace-nowrap overflow-hidden\">\n        <div className=\"text-sm font-medium overflow-hidden overflow-ellipsis\">\n          {track.name}\n        </div>\n        <div className=\"text-xs text-muted overflow-hidden overflow-ellipsis\">\n          {track.artists?.map(a => a.name).join(', ')}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction PlaybackButtons() {\n  return (\n    <div className=\"flex items-center justify-center\">\n      <PreviousButton stopPropagation />\n      <div className=\"relative\">\n        <BufferingIndicator />\n        <PlayButton size=\"md\" iconSize=\"lg\" stopPropagation />\n      </div>\n      <NextButton stopPropagation />\n    </div>\n  );\n}\n\nfunction PlayerProgressBar() {\n  const duration = usePlayerStore(s => s.mediaDuration);\n  const currentTime = useCurrentTime();\n  return (\n    <ProgressBar\n      size=\"xs\"\n      className=\"absolute left-0 right-0 bottom-0\"\n      progressColor=\"bg-white\"\n      trackColor=\"bg-white/10\"\n      trackHeight=\"h-2\"\n      radius=\"rounded-none\"\n      minValue={0}\n      maxValue={duration}\n      value={currentTime}\n    />\n  );\n}\n\nfunction MobileNavbar() {\n  const menu = useCustomMenu('mobile-bottom');\n  if (!menu) return null;\n\n  return (\n    <div className=\"flex items-center justify-center gap-30 my-12\">\n      {menu.items.map(item => (\n        <CustomMenuItem\n          unstyled\n          iconClassName=\"block mx-auto mb-6\"\n          iconSize=\"md\"\n          className={({isActive}) =>\n            clsx(\n              'text-xs whitespace-nowrap overflow-hidden',\n              isActive && 'font-bold'\n            )\n          }\n          key={item.id}\n          item={item}\n        />\n      ))}\n      <AccountButton />\n    </div>\n  );\n}\n\nfunction AccountButton() {\n  const {user} = useAuth();\n  const hasUnreadNotif = !!user?.unread_notifications_count;\n  const navigate = useNavigate();\n  const {registration} = useSettings();\n\n  const primaryArtist = usePrimaryArtistForCurrentUser();\n  const {player} = useSettings();\n  const menuItems = useMemo(() => {\n    if (primaryArtist) {\n      return [\n        <MenuItem\n          value=\"author\"\n          key=\"author\"\n          startIcon={<MicIcon />}\n          onSelected={() => {\n            navigate(getArtistLink(primaryArtist));\n          }}\n        >\n          <Trans message=\"Artist profile\" />\n        </MenuItem>,\n      ];\n    }\n    if (player?.show_become_artist_btn) {\n      return [\n        <MenuItem\n          value=\"author\"\n          key=\"author\"\n          startIcon={<MicIcon />}\n          onSelected={() => {\n            navigate('/backstage/requests');\n          }}\n        >\n          <Trans message=\"Become an author\" />\n        </MenuItem>,\n      ];\n    }\n\n    return [];\n  }, [primaryArtist, navigate, player?.show_become_artist_btn]);\n\n  const button = (\n    <button className=\"text-xs relative\">\n      <PersonIcon size=\"md\" />\n      {hasUnreadNotif ? (\n        <Badge className=\"-top-6\" right=\"right-4\">\n          {user?.unread_notifications_count}\n        </Badge>\n      ) : null}\n      <div className=\"text-xs\">\n        <Trans message=\"Account\" />\n      </div>\n    </button>\n  );\n\n  if (!user) {\n    return (\n      <MenuTrigger>\n        {button}\n        <Menu>\n          <Item value=\"login\" onSelected={() => navigate('/login')}>\n            <Trans message=\"Login\" />\n          </Item>\n          {!registration.disable && (\n            <Item value=\"register\" onSelected={() => navigate('/register')}>\n              <Trans message=\"Register\" />\n            </Item>\n          )}\n        </Menu>\n      </MenuTrigger>\n    );\n  }\n\n  return <NavbarAuthMenu items={menuItems}>{button}</NavbarAuthMenu>;\n}\n","import {Slider} from '@common/ui/forms/slider/slider';\nimport {UseSliderProps} from '@common/ui/forms/slider/use-slider';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {useCurrentTime} from '@common/player/hooks/use-current-time';\nimport {useRef} from 'react';\n\ninterface Props {\n  trackColor?: UseSliderProps['trackColor'];\n  fillColor?: UseSliderProps['fillColor'];\n  className?: string;\n  onPointerMove?: UseSliderProps['onPointerMove'];\n}\nexport function Seekbar({\n  trackColor,\n  fillColor,\n  className,\n  onPointerMove,\n}: Props) {\n  const {pause, seek, setIsSeeking, play, getState} = usePlayerActions();\n  const duration = usePlayerStore(s => s.mediaDuration);\n  const playerReady = usePlayerStore(s => s.providerReady);\n  const pauseWhileSeeking = usePlayerStore(s => s.pauseWhileSeeking);\n\n  const currentTime = useCurrentTime();\n\n  const wasPlayingBeforeDragging = useRef(false);\n\n  return (\n    <Slider\n      fillColor={fillColor}\n      trackColor={trackColor}\n      thumbSize=\"w-14 h-14\"\n      showThumbOnHoverOnly\n      className={className}\n      width=\"w-auto\"\n      isDisabled={!playerReady}\n      value={currentTime}\n      minValue={0}\n      maxValue={duration}\n      onPointerMove={onPointerMove}\n      onPointerDown={() => {\n        setIsSeeking(true);\n        if (pauseWhileSeeking) {\n          wasPlayingBeforeDragging.current =\n            getState().isPlaying || getState().isBuffering;\n          pause();\n        }\n      }}\n      onChange={value => {\n        getState().emit('progress', {currentTime: value});\n        seek(value);\n      }}\n      onChangeEnd={() => {\n        setIsSeeking(false);\n        if (pauseWhileSeeking && wasPlayingBeforeDragging.current) {\n          play();\n          wasPlayingBeforeDragging.current = false;\n        }\n      }}\n    />\n  );\n}\n","import {useCurrentTime} from '@common/player/hooks/use-current-time';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\n\ninterface Props {\n  className?: string;\n}\nexport function FormattedCurrentTime({className}: Props) {\n  const duration = usePlayerStore(s => s.mediaDuration);\n  const currentTime = useCurrentTime();\n  return (\n    <span className={className}>\n      <FormattedDuration\n        seconds={currentTime}\n        addZeroToFirstUnit={duration >= 600}\n      />\n    </span>\n  );\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\n\ninterface Props {\n  className?: string;\n}\nexport function FormattedPlayerDuration({className}: Props) {\n  const duration = usePlayerStore(s => s.mediaDuration);\n  return (\n    <span className={className}>\n      <FormattedDuration\n        seconds={duration}\n        addZeroToFirstUnit={duration >= 600}\n      />\n    </span>\n  );\n}\n","import {Fragment} from 'react';\nimport {Seekbar} from '@common/player/ui/controls/seeking/seekbar';\nimport {FormattedCurrentTime} from '@common/player/ui/controls/formatted-current-time';\nimport {FormattedPlayerDuration} from '@common/player/ui/controls/formatted-player-duration';\n\nexport function MainSeekbar() {\n  return (\n    <Fragment>\n      <div className=\"flex items-center gap-12\">\n        <div className=\"text-xs text-muted flex-shrink-0 min-w-40 text-right\">\n          <FormattedCurrentTime />\n        </div>\n        <Seekbar className=\"flex-auto\" trackColor=\"neutral\" />\n        <div className=\"text-xs text-muted flex-shrink-0 min-w-40\">\n          <FormattedPlayerDuration />\n        </div>\n      </div>\n    </Fragment>\n  );\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaShuffleIcon = createSvgIcon(\n  <path d=\"M23.7295 5.65252C23.2894 5.32737 22.6667 5.64155 22.6667 6.18871V7.86672C22.6667 7.94036 22.607 8.00005 22.5333 8.00005H21.3333C18.6228 8.00005 16.2268 9.34843 14.7798 11.411C14.7251 11.489 14.6083 11.489 14.5536 11.411C13.1065 9.34843 10.7106 8.00005 8.00001 8.00005H6.00001C5.63182 8.00005 5.33334 8.29853 5.33334 8.66672V10.3998C5.33334 10.768 5.63182 11.0665 6.00001 11.0665H8.00001C10.724 11.0665 12.9336 13.2748 12.9336 16.0001C12.9336 18.7253 10.724 20.9336 8.00001 20.9336H6.00001C5.63182 20.9336 5.33334 21.2321 5.33334 21.6003V23.3334C5.33334 23.7016 5.63182 24.0001 6.00001 24.0001H8.00001C10.7106 24.0001 13.1065 22.6517 14.5536 20.5891C14.6083 20.5111 14.7251 20.5111 14.7798 20.5891C16.2268 22.6517 18.6228 24.0001 21.3333 24.0001H22.5333C22.607 24.0001 22.6667 24.0597 22.6667 24.1334V25.8113C22.6667 26.3585 23.2895 26.6727 23.7295 26.3475L28.2568 23.0022C28.6175 22.7357 28.6174 22.1963 28.2568 21.9298L23.7295 18.5848C23.2894 18.2597 22.6667 18.5738 22.6667 19.121V20.8003C22.6667 20.874 22.607 20.9336 22.5333 20.9336H21.3333C18.6094 20.9336 16.3997 18.7253 16.3997 16.0001C16.3997 13.2748 18.6094 11.0665 21.3333 11.0665H22.5333C22.607 11.0665 22.6667 11.1262 22.6667 11.1998V12.879C22.6667 13.4262 23.2895 13.7404 23.7295 13.4152L28.2568 10.0699C28.6175 9.8034 28.6174 9.26401 28.2568 8.99753L23.7295 5.65252Z\"/>,\n  'MediaShuffle',\n  '0 0 32 32'\n);\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaShuffleOnIcon = createSvgIcon(\n  [<path d=\"M22.6666 6.18871C22.6666 5.64155 23.2894 5.32737 23.7295 5.65252L28.2567 8.99753C28.6174 9.26401 28.6174 9.8034 28.2568 10.0699L23.7295 13.4152C23.2894 13.7404 22.6666 13.4262 22.6666 12.879V11.1998C22.6666 11.1262 22.607 11.0665 22.5333 11.0665H21.3333C18.6094 11.0665 16.3997 13.2748 16.3997 16.0001C16.3997 18.7253 18.6094 20.9336 21.3333 20.9336H22.5333C22.607 20.9336 22.6666 20.874 22.6666 20.8003V19.121C22.6666 18.5738 23.2894 18.2597 23.7295 18.5848L28.2567 21.9298C28.6174 22.1963 28.6174 22.7357 28.2568 23.0022L23.7295 26.3475C23.2894 26.6727 22.6666 26.3585 22.6666 25.8113V24.1334C22.6666 24.0597 22.607 24.0001 22.5333 24.0001H21.3333C18.6227 24.0001 16.2268 22.6517 14.7798 20.5891C14.725 20.5111 14.6082 20.5111 14.5535 20.5891C13.1065 22.6517 10.7106 24.0001 7.99998 24.0001H5.99998C5.63179 24.0001 5.33331 23.7016 5.33331 23.3334V21.6003C5.33331 21.2321 5.63179 20.9336 5.99998 20.9336H7.99998C10.7239 20.9336 12.9336 18.7253 12.9336 16.0001C12.9336 13.2748 10.7239 11.0665 7.99998 11.0665H5.99998C5.63179 11.0665 5.33331 10.768 5.33331 10.3998V8.66672C5.33331 8.29853 5.63179 8.00005 5.99998 8.00005H7.99998C10.7106 8.00005 13.1065 9.34843 14.5535 11.411C14.6082 11.489 14.725 11.489 14.7798 11.411C16.2268 9.34843 18.6227 8.00005 21.3333 8.00005H22.5333C22.607 8.00005 22.6666 7.94036 22.6666 7.86672V6.18871Z\" key=\"0\"/>,<path d=\"M28.6666 18.0001C29.7712 18.0001 30.6666 17.1046 30.6666 16.0001C30.6666 14.8955 29.7712 14.0001 28.6666 14.0001C27.5621 14.0001 26.6666 14.8955 26.6666 16.0001C26.6666 17.1046 27.5621 18.0001 28.6666 18.0001Z\" key=\"1\"/>,],\n  'MediaShuffleOn',\n  '0 0 32 32'\n);\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {ButtonProps} from '@common/ui/buttons/button';\nimport {MediaShuffleIcon} from '@common/icons/media/media-shuffle';\nimport {MediaShuffleOnIcon} from '@common/icons/media/media-shuffle-on';\nimport {Trans} from '@common/i18n/trans';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\n\ninterface Props {\n  color?: ButtonProps['color'];\n  activeColor?: ButtonProps['color'];\n  size?: ButtonProps['size'];\n  iconSize?: ButtonProps['size'];\n  className?: string;\n}\nexport function ShuffleButton({\n  size = 'md',\n  iconSize,\n  color,\n  activeColor = 'primary',\n  className,\n}: Props) {\n  const playerReady = usePlayerStore(s => s.providerReady);\n  const isShuffling = usePlayerStore(s => s.shuffling);\n  const player = usePlayerActions();\n\n  const label = isShuffling ? (\n    <Trans message=\"Disable shuffle\" />\n  ) : (\n    <Trans message=\"Enable shuffle\" />\n  );\n\n  return (\n    <Tooltip label={label}>\n      <IconButton\n        disabled={!playerReady}\n        size={size}\n        color={isShuffling ? activeColor : color}\n        iconSize={iconSize}\n        className={className}\n        onClick={() => {\n          player.toggleShuffling();\n        }}\n      >\n        {isShuffling ? <MediaShuffleOnIcon /> : <MediaShuffleIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaRepeatIcon = createSvgIcon(\n  [<path d=\"M22.1969 4.98846C21.7569 4.66331 21.1341 4.97748 21.1341 5.52465V7.20266C21.1341 7.27629 21.0744 7.33599 21.0008 7.33599H11.1341C8.18859 7.33599 5.80078 9.72381 5.80078 12.6693V14.6693C5.80078 15.0375 6.09925 15.336 6.46744 15.336H8.20078C8.56897 15.336 8.86744 15.0375 8.86744 14.6693V13.0691C8.86744 11.5963 10.0613 10.4024 11.5341 10.4024H21.0008C21.0744 10.4024 21.1341 10.4621 21.1341 10.5357V12.215C21.1341 12.7621 21.7569 13.0763 22.197 12.7511L26.7242 9.40583C27.0849 9.13934 27.0849 8.59995 26.7242 8.33347L22.1969 4.98846Z\" key=\"0\"/>,<path d=\"M10.8652 24.7975C10.8652 24.7238 10.9249 24.6641 10.9986 24.6641H20.8652C23.8108 24.6641 26.1986 22.2763 26.1986 19.3308V17.3308C26.1986 16.9626 25.9001 16.6641 25.5319 16.6641H23.7986C23.4304 16.6641 23.1319 16.9626 23.1319 17.3308V18.931C23.1319 20.4038 21.938 21.5977 20.4652 21.5977H10.9986C10.9249 21.5977 10.8652 21.538 10.8652 21.4644V19.7851C10.8652 19.238 10.2425 18.9238 9.80239 19.249L5.27512 22.5943C4.91447 22.8608 4.91448 23.4002 5.27514 23.6666L9.80241 27.0116C10.2425 27.3368 10.8652 27.0226 10.8652 26.4755V24.7975Z\" key=\"1\"/>,],\n  'MediaRepeat',\n  '0 0 32 32'\n);\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaRepeatOnIcon = createSvgIcon(\n  [<path d=\"M22.1969 4.98846C21.7569 4.66331 21.1341 4.97748 21.1341 5.52465V7.20266C21.1341 7.27629 21.0744 7.33599 21.0008 7.33599H11.1341C8.18859 7.33599 5.80078 9.72381 5.80078 12.6693V14.6693C5.80078 15.0375 6.09925 15.336 6.46744 15.336H8.20078C8.56897 15.336 8.86744 15.0375 8.86744 14.6693V13.0691C8.86744 11.5963 10.0613 10.4024 11.5341 10.4024H21.0008C21.0744 10.4024 21.1341 10.4621 21.1341 10.5357V12.215C21.1341 12.7621 21.7569 13.0763 22.197 12.7511L26.7242 9.40583C27.0849 9.13934 27.0849 8.59995 26.7242 8.33347L22.1969 4.98846Z\" key=\"0\"/>,<path d=\"M16 18.0001C17.1046 18.0001 18 17.1046 18 16.0001C18 14.8955 17.1046 14.0001 16 14.0001C14.8954 14.0001 14 14.8955 14 16.0001C14 17.1046 14.8954 18.0001 16 18.0001Z\" key=\"1\"/>,<path d=\"M20.8652 24.6641H10.9986C10.9249 24.6641 10.8652 24.7238 10.8652 24.7975V26.4755C10.8652 27.0226 10.2425 27.3368 9.80241 27.0116L5.27514 23.6666C4.91448 23.4002 4.91447 22.8608 5.27512 22.5943L9.80239 19.249C10.2425 18.9238 10.8652 19.238 10.8652 19.7851V21.4644C10.8652 21.538 10.9249 21.5977 10.9986 21.5977H20.4652C21.938 21.5977 23.1319 20.4038 23.1319 18.931V17.3308C23.1319 16.9626 23.4304 16.6641 23.7986 16.6641H25.5319C25.9001 16.6641 26.1986 16.9626 26.1986 17.3308V19.3308C26.1986 22.2763 23.8108 24.6641 20.8652 24.6641Z\" key=\"2\"/>,],\n  'MediaRepeatOn',\n  '0 0 32 32'\n);\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {ButtonProps} from '@common/ui/buttons/button';\nimport {MediaRepeatIcon} from '@common/icons/media/media-repeat';\nimport {MediaRepeatOnIcon} from '@common/icons/media/media-repeat-on';\nimport {Trans} from '@common/i18n/trans';\nimport {ReactElement} from 'react';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\n\ninterface Props {\n  color?: ButtonProps['color'];\n  activeColor?: ButtonProps['color'];\n  size?: ButtonProps['size'];\n  iconSize?: ButtonProps['size'];\n  className?: string;\n}\nexport function RepeatButton({\n  size = 'md',\n  iconSize,\n  color,\n  activeColor = 'primary',\n  className,\n}: Props) {\n  const playerReady = usePlayerStore(s => s.providerReady);\n  const repeating = usePlayerStore(s => s.repeat);\n  const player = usePlayerActions();\n\n  let label: ReactElement;\n  if (repeating === 'all') {\n    label = <Trans message=\"Enable repeat one\" />;\n  } else if (repeating === 'one') {\n    label = <Trans message=\"Disable repeat\" />;\n  } else {\n    label = <Trans message=\"Enable repeat\" />;\n  }\n\n  return (\n    <Tooltip label={label}>\n      <IconButton\n        disabled={!playerReady}\n        size={size}\n        color={repeating ? activeColor : color}\n        iconSize={iconSize}\n        className={className}\n        onClick={() => {\n          player.toggleRepeatMode();\n        }}\n      >\n        {repeating === 'one' ? <MediaRepeatOnIcon /> : <MediaRepeatIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n}\n","import {MainSeekbar} from '@app/web-player/player-controls/seekbar/main-seekbar';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport clsx from 'clsx';\nimport {PlayButton} from '@common/player/ui/controls/play-button';\nimport {NextButton} from '@common/player/ui/controls/next-button';\nimport {PreviousButton} from '@common/player/ui/controls/previous-button';\nimport {ShuffleButton} from '@common/player/ui/controls/shuffle-button';\nimport {RepeatButton} from '@common/player/ui/controls/repeat-button';\nimport {BufferingIndicator} from '@app/web-player/player-controls/buffering-indicator';\n\ninterface Props {\n  className?: string;\n}\nexport function PlaybackControls({className}: Props) {\n  return (\n    <div className={className}>\n      <PlaybackButtons />\n      <MainSeekbar />\n    </div>\n  );\n}\n\nfunction PlaybackButtons() {\n  const isMobile = useIsMobileMediaQuery();\n\n  // need to add a gap on mobile between buttons and seekbar, otherwise seekbar will be impossible to tap\n  return (\n    <div\n      className={clsx(\n        'flex items-center justify-center gap-6',\n        isMobile && 'mb-20'\n      )}\n    >\n      <ShuffleButton iconSize={isMobile ? 'md' : 'sm'} />\n      <PreviousButton size=\"md\" />\n      <div className=\"relative\">\n        <BufferingIndicator />\n        <PlayButton size=\"md\" iconSize=\"xl\" />\n      </div>\n      <NextButton size=\"md\" />\n      <RepeatButton iconSize={isMobile ? 'md' : 'sm'} />\n    </div>\n  );\n}\n","import {useSettings} from '@common/core/settings/use-settings';\nimport {useCuedTrack} from '@app/web-player/player-controls/use-cued-track';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {LyricsDialog} from '@app/web-player/tracks/lyrics/lyrics-dialog';\nimport {MediaMicrophoneIcon} from '@common/icons/media/media-microphone';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\n\nexport function LyricsButton() {\n  const {player} = useSettings();\n  const track = useCuedTrack();\n\n  if (!track || player?.hide_lyrics) {\n    return null;\n  }\n\n  return (\n    <DialogTrigger type=\"modal\">\n      <Tooltip label={<Trans message=\"Lyrics\" />}>\n        <IconButton>\n          <MediaMicrophoneIcon />\n        </IconButton>\n      </Tooltip>\n      <LyricsDialog track={track} />\n    </DialogTrigger>\n  );\n}\n","import {useSettings} from '@common/core/settings/use-settings';\nimport {useCuedTrack} from '@app/web-player/player-controls/use-cued-track';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {trackIsLocallyUploaded} from '@app/web-player/tracks/utils/track-is-locally-uploaded';\nimport {DownloadIcon} from '@common/icons/material/Download';\nimport {downloadFileFromUrl} from '@common/uploads/utils/download-file-from-url';\nimport {useAuth} from '@common/auth/use-auth';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\n\nexport function DownloadTrackButton() {\n  const {player, base_url} = useSettings();\n  const track = useCuedTrack();\n  const {hasPermission} = useAuth();\n\n  if (\n    !player?.enable_download ||\n    !track ||\n    !trackIsLocallyUploaded(track) ||\n    !hasPermission('music.download')\n  ) {\n    return null;\n  }\n\n  return (\n    <Tooltip label={<Trans message=\"Download\" />}>\n      <IconButton\n        onClick={() => {\n          downloadFileFromUrl(`${base_url}/api/v1/tracks/${track.id}/download`);\n        }}\n      >\n        <DownloadIcon />\n      </IconButton>\n    </Tooltip>\n  );\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaQueueListIcon = createSvgIcon(\n  [<path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M7.33335 6C6.96516 6 6.66669 6.29848 6.66669 6.66667V13.3333C6.66669 13.7015 6.96516 14 7.33335 14H24.6667C25.0349 14 25.3334 13.7015 25.3334 13.3333V6.66667C25.3334 6.29848 25.0349 6 24.6667 6H7.33335ZM9.46669 8.66667C9.39305 8.66667 9.33335 8.72636 9.33335 8.8V11.2C9.33335 11.2736 9.39305 11.3333 9.46669 11.3333H22.5334C22.607 11.3333 22.6667 11.2736 22.6667 11.2V8.8C22.6667 8.72636 22.607 8.66667 22.5334 8.66667H9.46669Z\" key=\"0\"/>,<path d=\"M6.66669 18C6.66669 17.6318 6.96516 17.3333 7.33335 17.3333H24.6667C25.0349 17.3333 25.3334 17.6318 25.3334 18V19.3333C25.3334 19.7015 25.0349 20 24.6667 20H7.33335C6.96516 20 6.66669 19.7015 6.66669 19.3333V18Z\" key=\"1\"/>,<path d=\"M6.66669 24C6.66669 23.6318 6.96516 23.3333 7.33335 23.3333H24.6667C25.0349 23.3333 25.3334 23.6318 25.3334 24V25.3333C25.3334 25.7015 25.0349 26 24.6667 26H7.33335C6.96516 26 6.66669 25.7015 6.66669 25.3333V24Z\" key=\"2\"/>,],\n  'MediaQueueList',\n  '0 0 32 32'\n);\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaMuteIcon = createSvgIcon(\n  [<path d=\"M17.5091 24.6594C17.5091 25.2066 16.8864 25.5208 16.4463 25.1956L9.44847 20.0252C9.42553 20.0083 9.39776 19.9991 9.36923 19.9991H4.66667C4.29848 19.9991 4 19.7006 4 19.3325V12.6658C4 12.2976 4.29848 11.9991 4.66667 11.9991H9.37115C9.39967 11.9991 9.42745 11.99 9.45039 11.973L16.4463 6.8036C16.8863 6.47842 17.5091 6.79259 17.5091 7.33977L17.5091 24.6594Z\" key=\"0\"/>,<path d=\"M28.8621 13.6422C29.1225 13.3818 29.1225 12.9597 28.8621 12.6994L27.9193 11.7566C27.659 11.4962 27.2368 11.4962 26.9765 11.7566L24.7134 14.0197C24.6613 14.0717 24.5769 14.0717 24.5248 14.0197L22.262 11.7568C22.0016 11.4964 21.5795 11.4964 21.3191 11.7568L20.3763 12.6996C20.116 12.9599 20.116 13.382 20.3763 13.6424L22.6392 15.9053C22.6913 15.9573 22.6913 16.0418 22.6392 16.0938L20.3768 18.3562C20.1165 18.6166 20.1165 19.0387 20.3768 19.299L21.3196 20.2419C21.58 20.5022 22.0021 20.5022 22.2624 20.2418L24.5248 17.9795C24.5769 17.9274 24.6613 17.9274 24.7134 17.9795L26.976 20.2421C27.2363 20.5024 27.6585 20.5024 27.9188 20.2421L28.8616 19.2992C29.122 19.0389 29.122 18.6168 28.8616 18.3564L26.599 16.0938C26.547 16.0418 26.547 15.9573 26.599 15.9053L28.8621 13.6422Z\" key=\"1\"/>,],\n  'MediaMute',\n  '0 0 32 32'\n);\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaVolumeLowIcon = createSvgIcon(\n  [<path d=\"M17.5091 24.6594C17.5091 25.2066 16.8864 25.5207 16.4463 25.1956L9.44847 20.0252C9.42553 20.0083 9.39776 19.9991 9.36923 19.9991H4.66667C4.29848 19.9991 4 19.7006 4 19.3324V12.6658C4 12.2976 4.29848 11.9991 4.66667 11.9991H9.37115C9.39967 11.9991 9.42745 11.99 9.45039 11.973L16.4463 6.80358C16.8863 6.4784 17.5091 6.79258 17.5091 7.33975L17.5091 24.6594Z\" key=\"0\"/>,<path d=\"M22.8424 12.6667C22.8424 12.2985 22.544 12 22.1758 12H20.8424C20.4743 12 20.1758 12.2985 20.1758 12.6667V19.3333C20.1758 19.7015 20.4743 20 20.8424 20H22.1758C22.544 20 22.8424 19.7015 22.8424 19.3333V12.6667Z\" key=\"1\"/>,],\n  'MediaVolumeLow',\n  '0 0 32 32'\n);\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaVolumeHighIcon = createSvgIcon(\n  [<path d=\"M17.5091 24.6595C17.5091 25.2066 16.8864 25.5208 16.4463 25.1956L9.44847 20.0252C9.42553 20.0083 9.39776 19.9992 9.36923 19.9992H4.66667C4.29848 19.9992 4 19.7007 4 19.3325V12.6658C4 12.2976 4.29848 11.9992 4.66667 11.9992H9.37115C9.39967 11.9992 9.42745 11.99 9.45039 11.9731L16.4463 6.80363C16.8863 6.47845 17.5091 6.79262 17.5091 7.3398L17.5091 24.6595Z\" key=\"0\"/>,<path d=\"M27.5091 9.33336C27.8773 9.33336 28.1758 9.63184 28.1758 10V22C28.1758 22.3682 27.8773 22.6667 27.5091 22.6667H26.1758C25.8076 22.6667 25.5091 22.3682 25.5091 22V10C25.5091 9.63184 25.8076 9.33336 26.1758 9.33336L27.5091 9.33336Z\" key=\"1\"/>,<path d=\"M22.1758 12C22.544 12 22.8424 12.2985 22.8424 12.6667V19.3334C22.8424 19.7016 22.544 20 22.1758 20H20.8424C20.4743 20 20.1758 19.7016 20.1758 19.3334V12.6667C20.1758 12.2985 20.4743 12 20.8424 12H22.1758Z\" key=\"2\"/>,],\n  'MediaVolumeHigh',\n  '0 0 32 32'\n);\n","import {Slider} from '@common/ui/forms/slider/slider';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {BaseSliderProps} from '@common/ui/forms/slider/base-slider';\nimport {ButtonProps} from '@common/ui/buttons/button';\nimport {MediaMuteIcon} from '@common/icons/media/media-mute';\nimport {MediaVolumeLowIcon} from '@common/icons/media/media-volume-low';\nimport {MediaVolumeHighIcon} from '@common/icons/media/media-volume-high';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\nimport clsx from 'clsx';\n\ninterface Props {\n  trackColor?: BaseSliderProps['trackColor'];\n  fillColor?: BaseSliderProps['fillColor'];\n  buttonColor?: ButtonProps['color'];\n  className?: string;\n}\nexport function VolumeControls({\n  trackColor,\n  fillColor,\n  buttonColor,\n  className,\n}: Props) {\n  const volume = usePlayerStore(s => s.volume);\n  const player = usePlayerActions();\n  const playerReady = usePlayerStore(s => s.providerReady);\n\n  return (\n    <div className={clsx('flex w-min items-center gap-4', className)}>\n      <ToggleMuteButton color={buttonColor} />\n      <Slider\n        isDisabled={!playerReady}\n        showThumbOnHoverOnly\n        thumbSize=\"w-14 h-14\"\n        trackColor={trackColor}\n        fillColor={fillColor}\n        minValue={0}\n        maxValue={100}\n        className=\"flex-auto\"\n        width=\"w-96\"\n        value={volume}\n        onChange={value => {\n          player.setVolume(value);\n        }}\n      />\n    </div>\n  );\n}\n\ninterface ToggleMuteButtonProps {\n  color?: ButtonProps['color'];\n  size?: ButtonProps['size'];\n  iconSize?: ButtonProps['size'];\n}\nexport function ToggleMuteButton({\n  color,\n  size = 'sm',\n  iconSize = 'md',\n}: ToggleMuteButtonProps) {\n  const isMuted = usePlayerStore(s => s.muted);\n  const volume = usePlayerStore(s => s.volume);\n  const player = usePlayerActions();\n  const playerReady = usePlayerStore(s => s.providerReady);\n\n  if (isMuted) {\n    return (\n      <Tooltip label={<Trans message=\"Unmute\" />} usePortal={false}>\n        <IconButton\n          disabled={!playerReady}\n          color={color}\n          size={size}\n          iconSize={iconSize}\n          onClick={() => player.setMuted(false)}\n        >\n          <MediaMuteIcon />\n        </IconButton>\n      </Tooltip>\n    );\n  }\n  return (\n    <Tooltip label={<Trans message=\"Mute\" />}>\n      <IconButton\n        disabled={!playerReady}\n        color={color}\n        size={size}\n        iconSize={iconSize}\n        onClick={() => player.setMuted(true)}\n      >\n        {volume < 40 ? <MediaVolumeLowIcon /> : <MediaVolumeHighIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n}\n","import {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {ReactNode, useContext} from 'react';\nimport {useCuedTrack} from '@app/web-player/player-controls/use-cued-track';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {PlaybackControls} from '@app/web-player/player-controls/playback-controls';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {LikeIconButton} from '@app/web-player/library/like-icon-button';\nimport {DashboardLayoutContext} from '@common/ui/layout/dashboard-layout-context';\nimport {\n  playerOverlayState,\n  usePlayerOverlayStore,\n} from '@app/web-player/state/player-overlay-store';\nimport {KeyboardArrowDownIcon} from '@common/icons/material/KeyboardArrowDown';\nimport {KeyboardArrowUpIcon} from '@common/icons/material/KeyboardArrowUp';\nimport {LyricsButton} from '@app/web-player/player-controls/lyrics-button';\nimport {DownloadTrackButton} from '@app/web-player/player-controls/download-track-button';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {getTrackLink, TrackLink} from '@app/web-player/tracks/track-link';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {TrackContextDialog} from '@app/web-player/tracks/context-dialog/track-context-dialog';\nimport {Link} from 'react-router-dom';\nimport {ArtistContextDialog} from '@app/web-player/artists/artist-context-dialog';\nimport {MediaQueueListIcon} from '@common/icons/media/media-queue-list';\nimport {VolumeControls} from '@common/player/ui/controls/volume-controls';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {Trans} from '@common/i18n/trans';\n\nexport function DesktopPlayerControls() {\n  const mediaIsCued = usePlayerStore(s => s.cuedMedia != null);\n  if (!mediaIsCued) return null;\n\n  return (\n    <div className=\"dashboard-grid-footer z-30 flex h-96 items-center justify-between border-t bg px-16\">\n      <QueuedTrack />\n      <PlaybackControls className=\"w-2/5 max-w-[722px]\" />\n      <SecondaryControls />\n    </div>\n  );\n}\n\nfunction QueuedTrack() {\n  const track = useCuedTrack();\n  let content: ReactNode;\n\n  if (track) {\n    content = (\n      <div className=\"flex items-center gap-14\">\n        <DialogTrigger type=\"popover\" triggerOnContextMenu placement=\"top\">\n          <Link to={getTrackLink(track)} className=\"flex-shrink-0\">\n            <TrackImage\n              className=\"h-56 w-56 rounded object-cover\"\n              track={track}\n            />\n          </Link>\n          <TrackContextDialog tracks={[track]} />\n        </DialogTrigger>\n        <div className=\"min-w-0 overflow-hidden overflow-ellipsis\">\n          <DialogTrigger type=\"popover\" triggerOnContextMenu placement=\"top\">\n            <TrackLink\n              track={track}\n              className=\"min-w-0 max-w-full whitespace-nowrap text-sm\"\n            />\n            <TrackContextDialog tracks={[track]} />\n          </DialogTrigger>\n          {track.artists?.length ? (\n            <DialogTrigger type=\"popover\" triggerOnContextMenu placement=\"top\">\n              <div className=\"text-xs text-muted\">\n                <ArtistLinks\n                  artists={track.artists}\n                  className=\"whitespace-nowrap\"\n                />\n              </div>\n              <ArtistContextDialog artist={track.artists[0]} />\n            </DialogTrigger>\n          ) : null}\n        </div>\n        <LikeIconButton likeable={track} />\n      </div>\n    );\n  } else {\n    content = null;\n  }\n\n  return <div className=\"w-[30%] min-w-180\">{content}</div>;\n}\n\nfunction SecondaryControls() {\n  const {rightSidenavStatus, setRightSidenavStatus} = useContext(\n    DashboardLayoutContext,\n  );\n  return (\n    <div className=\"flex w-[30%] min-w-180 items-center justify-end\">\n      <LyricsButton />\n      <DownloadTrackButton />\n      <Tooltip label={<Trans message=\"Queue\" />}>\n        <IconButton\n          className=\"flex-shrink-0\"\n          onClick={() => {\n            setRightSidenavStatus(\n              rightSidenavStatus === 'closed' ? 'open' : 'closed',\n            );\n          }}\n        >\n          <MediaQueueListIcon />\n        </IconButton>\n      </Tooltip>\n      <VolumeControls trackColor=\"neutral\" />\n      <OverlayButton />\n    </div>\n  );\n}\n\nfunction OverlayButton() {\n  const isActive = usePlayerOverlayStore(s => s.isMaximized);\n  const playerReady = usePlayerStore(s => s.providerReady);\n  const {player} = useSettings();\n\n  if (player?.hide_video_button) {\n    return null;\n  }\n\n  return (\n    <Tooltip label={<Trans message=\"Expand\" />}>\n      <IconButton\n        className=\"ml-26 flex-shrink-0\"\n        color=\"chip\"\n        variant=\"flat\"\n        size=\"xs\"\n        iconSize=\"sm\"\n        disabled={!playerReady}\n        onClick={() => {\n          playerOverlayState.toggle();\n        }}\n      >\n        {isActive ? <KeyboardArrowDownIcon /> : <KeyboardArrowUpIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n}\n","export function isNumber(value: any): value is number {\n  return typeof value === 'number' && !Number.isNaN(value);\n}\n","/**\n * Load image avoiding xhr/fetch CORS issues. Server status can't be obtained this way\n * unfortunately, so this uses \"naturalWidth\" to determine if the image has been loaded. By\n * default, it checks if it is at least 1px.\n */\nexport const loadImage = (\n  src: string,\n  minWidth = 1\n): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const image = new Image();\n    const handler = () => {\n      // @ts-expect-error\n      delete image.onload;\n      // @ts-expect-error\n      delete image.onerror;\n      if (image.naturalWidth >= minWidth) {\n        resolve(image);\n      } else {\n        reject('Could not load youtube image');\n      }\n    };\n    Object.assign(image, {onload: handler, onerror: handler, src});\n  });\n","import {loadImage} from '@common/utils/http/load-image';\n\nconst posterCache = new Map<string, string>();\n\nexport async function loadYoutubePoster(\n  videoId: string\n): Promise<string | undefined> {\n  if (!videoId) return;\n  if (posterCache.has(videoId)) {\n    return posterCache.get(videoId);\n  }\n\n  const posterURL = (quality: string) =>\n    `https://i.ytimg.com/vi/${videoId}/${quality}.jpg`;\n\n  /**\n   * We are testing that the image has a min-width of 121px because if the thumbnail does not\n   * exist YouTube returns a blank/error image that is 120px wide.\n   */\n  return loadImage(posterURL('maxresdefault'), 121) // 1080p (no padding)\n    .catch(() => loadImage(posterURL('sddefault'), 121)) // 640p (padded 4:3)\n    .catch(() => loadImage(posterURL('hqdefault'), 121)) // 480p (padded 4:3)\n    .catch(() => {})\n    .then(img => {\n      if (!img) return;\n      const poster = img.src;\n      posterCache.set(videoId, poster);\n      return poster;\n    });\n}\n","import {\n  YoutubeInternalState,\n  YouTubeMessage,\n  YoutubeMessageInfo,\n  YouTubePlayerState,\n  YoutubeProviderError,\n} from '@common/player/providers/youtube/youtube-types';\nimport {MutableRefObject, RefObject} from 'react';\nimport {PlayerStoreApi} from '@common/player/state/player-state';\nimport {isNumber} from '@common/utils/number/is-number';\nimport {loadYoutubePoster} from '@common/player/providers/youtube/load-youtube-poster';\n\nexport function handleYoutubeEmbedMessage(\n  e: MessageEvent,\n  internalStateRef: MutableRefObject<YoutubeInternalState>,\n  iframeRef: RefObject<HTMLIFrameElement>,\n  store: PlayerStoreApi\n) {\n  const data = (\n    typeof e.data === 'string' ? JSON.parse(e.data) : e.data\n  ) as YouTubeMessage;\n  const info = data.info;\n  const internalState = internalStateRef.current;\n  const emit = store.getState().emit;\n  if (!info) return;\n\n  if (info.videoData?.video_id) {\n    internalState.videoId = info.videoData.video_id;\n  }\n\n  if (info.videoData?.errorCode) {\n    const event: YoutubeProviderError = {\n      code: info.videoData.errorCode,\n      videoId: internalState.videoId,\n    };\n    emit('error', {sourceEvent: event});\n  }\n\n  if (isNumber(info.duration) && info.duration !== internalState.duration) {\n    internalState.duration = info.duration;\n    emit('durationChange', {duration: internalState.duration});\n  }\n\n  if (\n    isNumber(info.currentTime) &&\n    info.currentTime !== internalState.currentTime\n  ) {\n    internalState.currentTime = info.currentTime;\n    // don't fire progress events while seeking via seekbar\n    if (!store.getState().isSeeking) {\n      emit('progress', {currentTime: internalState.currentTime});\n    }\n  }\n\n  if (isNumber(info.currentTimeLastUpdated)) {\n    internalState.lastTimeUpdate = info.currentTimeLastUpdated;\n  }\n\n  if (isNumber(info.playbackRate)) {\n    if (internalState.playbackRate !== info.playbackRate) {\n      emit('playbackRateChange', {rate: info.playbackRate});\n    }\n    internalState.playbackRate = info.playbackRate;\n  }\n\n  if (isNumber(info.videoLoadedFraction)) {\n    const buffered = info.videoLoadedFraction * internalState.duration;\n    if (internalState.buffered !== buffered) {\n      emit('buffered', {\n        seconds: info.videoLoadedFraction * internalState.duration,\n      });\n    }\n    internalState.buffered = buffered;\n  }\n\n  if (Array.isArray(info.availablePlaybackRates)) {\n    emit('playbackRates', {rates: info.availablePlaybackRates});\n  }\n\n  if (isNumber(info.playerState)) {\n    onYoutubeStateChange(info, internalStateRef, iframeRef, store);\n    internalState.state = info.playerState;\n  }\n}\n\nfunction onYoutubeStateChange(\n  info: YoutubeMessageInfo,\n  internalStateRef: MutableRefObject<YoutubeInternalState>,\n  iframeRef: RefObject<HTMLIFrameElement>,\n  store: PlayerStoreApi\n) {\n  const emit = store.getState().emit;\n  const state = info.playerState!;\n\n  const onCued = async () => {\n    // load poster, if needed\n    if (info.videoData?.video_id && !store.getState().cuedMedia?.poster) {\n      const url = await loadYoutubePoster(info.videoData.video_id);\n      if (url) {\n        store.getState().emit('posterLoaded', {url});\n      }\n    }\n\n    // mark provider as ready\n    if (!internalStateRef.current.playbackReady) {\n      emit('providerReady', {el: iframeRef.current!});\n      internalStateRef.current.playbackReady = true;\n    }\n    emit('cued');\n  };\n\n  emit('youtubeStateChange', {state});\n  emit('buffering', {isBuffering: state === YouTubePlayerState.Buffering});\n\n  if (state !== YouTubePlayerState.Ended) {\n    internalStateRef.current.firedPlaybackEnd = false;\n  }\n\n  switch (state) {\n    case YouTubePlayerState.Unstarted:\n      // When using autoplay, but autoplay fails, player will get \"unstarted\" event\n      onCued();\n      break;\n    case YouTubePlayerState.Ended:\n      // will sometimes fire twice without this, if player starts buffering as a result of seek to the end\n      if (!internalStateRef.current.firedPlaybackEnd) {\n        emit('playbackEnd');\n        internalStateRef.current.firedPlaybackEnd = true;\n      }\n      break;\n    case YouTubePlayerState.Playing:\n      // When using autoplay, \"cued\" event is never fired, handle \"cued\" here instead\n      onCued();\n      emit('play');\n      break;\n    case YouTubePlayerState.Paused:\n      emit('pause');\n      break;\n    case YouTubePlayerState.Cued:\n      onCued();\n      break;\n  }\n}\n","export function youtubeIdFromSrc(src: string) {\n  return src.match(/((?:\\w|-){11})/)?.[0];\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {useCallback, useEffect, useState} from 'react';\nimport {YoutubeMediaItem} from '@common/player/media-item';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {youtubeIdFromSrc} from '@common/player/utils/youtube-id-from-src';\n\nconst queryString =\n  '&controls=0&disablekb=1&enablejsapi=1&iv_load_policy=3&modestbranding=1&playsinline=1&rel=0&showinfo=0';\n\nexport function useYoutubeProviderSrc(\n  loadVideoById: (videoId: string) => void\n) {\n  const {getState, emit} = usePlayerActions();\n  const options = usePlayerStore(s => s.options);\n  const media = usePlayerStore(s => s.cuedMedia) as\n    | YoutubeMediaItem\n    | undefined;\n\n  const origin = options.youtube?.useCookies\n    ? 'https://www.youtube.com'\n    : 'https://www.youtube-nocookie.com';\n\n  const [initialVideoId, setInitialVideoId] = useState(() => {\n    if (media?.src && media.src !== 'resolve') {\n      return youtubeIdFromSrc(media.src);\n    }\n  });\n\n  const updateVideoIds = useCallback(\n    (src: string) => {\n      const videoId = youtubeIdFromSrc(src);\n      if (!videoId) return;\n\n      // use setState callback, so we don't need to use \"initialVideoId\" in the dependency array\n      setInitialVideoId(prevId => {\n        if (!prevId) {\n          return videoId;\n        } else {\n          // changing src of iframe will cause it to fully reload, use \"loadVideoById\" api method instead\n          loadVideoById(videoId);\n          return prevId;\n        }\n      });\n    },\n    [loadVideoById]\n  );\n\n  useEffect(() => {\n    if (media?.src && media.src !== 'resolve') {\n      updateVideoIds(media.src);\n    } else if (media) {\n      emit('buffering', {isBuffering: true});\n      options.youtube?.srcResolver?.(media).then(item => {\n        // check if resolved media matches the one currently in the store to prevent race conditions.\n        // check against current value in store, because this callback will close over old value\n        if (item?.src && getState().cuedMedia?.id === item.id) {\n          updateVideoIds(item.src);\n        }\n      });\n    }\n    // only update when media id changes to prevent infinite loops\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options, updateVideoIds, media?.id]);\n\n  return {\n    initialVideoUrl: initialVideoId\n      ? `${origin}/embed/${initialVideoId}?${queryString}&autoplay=${\n          options.autoPlay ? '1' : '0'\n        }&mute=${getState().muted ? '1' : '0'}&start=${media?.initialTime ?? 0}`\n      : undefined,\n    origin,\n  };\n}\n","import {useGlobalListeners} from '@react-aria/utils';\nimport {useCallback, useContext, useEffect, useRef} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {\n  YoutubeCommand,\n  YouTubeCommandArg,\n  YoutubeInternalState,\n  YoutubeProviderInternalApi,\n} from '@common/player/providers/youtube/youtube-types';\nimport {handleYoutubeEmbedMessage} from '@common/player/providers/youtube/handle-youtube-embed-message';\nimport {useYoutubeProviderSrc} from '@common/player/providers/youtube/use-youtube-provider-src';\n\nexport function YoutubeProvider() {\n  const {addGlobalListener, removeAllGlobalListeners} = useGlobalListeners();\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n\n  const youtubeApi = useCallback(\n    <T extends keyof YouTubeCommandArg>(\n      command: T,\n      arg?: YouTubeCommandArg[T]\n    ) =>\n      iframeRef.current?.contentWindow?.postMessage(\n        JSON.stringify({\n          event: 'command',\n          func: command,\n          args: arg ? [arg] : undefined,\n        }),\n        '*'\n      ),\n    []\n  );\n\n  const loadVideoById = useCallback(\n    (videoId: string) => {\n      // using \"YoutubeCommand.Cue\" does not play video when changing sources,\n      // it requires double click on play button without this\n      youtubeApi(YoutubeCommand.CueAndPlay, videoId);\n    },\n    [youtubeApi]\n  );\n\n  const {initialVideoUrl, origin} = useYoutubeProviderSrc(loadVideoById);\n  const store = useContext(PlayerStoreContext);\n\n  const internalStateRef = useRef<YoutubeInternalState>({\n    duration: 0,\n    currentTime: 0,\n    lastTimeUpdate: 0,\n    playbackRate: 1,\n    state: -1,\n    playbackReady: false,\n    buffered: 0,\n    firedPlaybackEnd: false,\n  });\n\n  const registerApi = useCallback(() => {\n    const internalProviderApi: YoutubeProviderInternalApi = {\n      loadVideoById,\n    };\n    store.setState({\n      providerApi: {\n        play: () => {\n          youtubeApi(YoutubeCommand.Play);\n        },\n        pause: () => {\n          youtubeApi(YoutubeCommand.Pause);\n        },\n        stop: () => {\n          youtubeApi(YoutubeCommand.Stop);\n        },\n        seek: (time: number) => {\n          if (time !== internalStateRef.current.currentTime) {\n            youtubeApi(YoutubeCommand.Seek, time);\n          }\n        },\n        setVolume: (volume: number) => {\n          youtubeApi(YoutubeCommand.SetVolume, volume);\n        },\n        setMuted: (muted: boolean) => {\n          if (muted) {\n            youtubeApi(YoutubeCommand.Mute);\n          } else {\n            youtubeApi(YoutubeCommand.Unmute);\n          }\n        },\n        setPlaybackRate: (value: number) => {\n          youtubeApi(YoutubeCommand.SetPlaybackRate, value);\n        },\n        setPlaybackQuality: (value: string) => {\n          youtubeApi(YoutubeCommand.SetPlaybackQuality, value);\n        },\n        getCurrentTime: () => {\n          return internalStateRef.current.currentTime;\n        },\n        getSrc: () => {\n          return internalStateRef.current.videoId;\n        },\n        internalProviderApi,\n      },\n    });\n  }, [store, loadVideoById, youtubeApi]);\n\n  useEffect(() => {\n    addGlobalListener(window, 'message', event => {\n      const e = event as MessageEvent;\n      if (\n        e.origin === origin &&\n        e.source === iframeRef.current?.contentWindow\n      ) {\n        handleYoutubeEmbedMessage(e, internalStateRef, iframeRef, store);\n      }\n    });\n\n    registerApi();\n\n    return () => {\n      removeAllGlobalListeners();\n    };\n  }, [addGlobalListener, removeAllGlobalListeners, store, origin, registerApi]);\n\n  if (!initialVideoUrl) {\n    return null;\n  }\n\n  return (\n    <iframe\n      className=\"w-full h-full\"\n      ref={iframeRef}\n      src={initialVideoUrl}\n      allowFullScreen\n      allow=\"autoplay; encrypted-media; picture-in-picture;\"\n      onLoad={() => {\n        // window does not receive \"message\" events on safari without waiting a small amount of time for some reason\n        setTimeout(() => {\n          iframeRef.current?.contentWindow?.postMessage(\n            JSON.stringify({event: 'listening'}),\n            '*'\n          );\n          registerApi();\n        });\n      }}\n    />\n  );\n}\n","export function createRafLoop(callback: () => void) {\n  let id: number | undefined;\n\n  function start() {\n    // Time updates are already in progress.\n    if (!isUndefined(id)) return;\n    loop();\n  }\n\n  function loop() {\n    id = window.requestAnimationFrame(function rafLoop() {\n      if (isUndefined(id)) return;\n      callback();\n      loop();\n    });\n  }\n\n  function stop() {\n    if (isNumber(id)) window.cancelAnimationFrame(id);\n    id = undefined;\n  }\n\n  return {\n    start,\n    stop,\n  };\n}\n\nfunction isUndefined(value: unknown): value is undefined {\n  return typeof value === 'undefined';\n}\n\nfunction isNumber(value: any): value is number {\n  return typeof value === 'number' && !Number.isNaN(value);\n}\n","import {\n  MutableRefObject,\n  RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react';\nimport {createRafLoop} from '@common/utils/dom/create-ref-loop';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\n\nexport interface HtmlMediaInternalStateReturn {\n  ref: RefObject<HTMLMediaElement>;\n  updateCurrentTime: () => void;\n  updateBuffered: () => void;\n  toggleTextTrackModes: (newTrackId: number, isVisible: boolean) => void;\n  internalState: MutableRefObject<{\n    currentTime: number;\n    playbackReady: boolean;\n    timeRafLoop: ReturnType<typeof createRafLoop>;\n  }>;\n}\n\nexport function useHtmlMediaInternalState(\n  ref: RefObject<HTMLMediaElement>\n): HtmlMediaInternalStateReturn {\n  const store = useContext(PlayerStoreContext);\n  const cuedMedia = usePlayerStore(s => s.cuedMedia);\n\n  const internalState = useRef({\n    currentTime: 0,\n    buffered: 0,\n    isMediaWaiting: false,\n    playbackReady: false,\n    /**\n     * The `timeupdate` event fires surprisingly infrequently during playback, meaning your progress\n     * bar (or whatever else is synced to the currentTime) moves in a choppy fashion. This helps\n     * resolve that by retrieving time updates in a request animation frame loop.\n     */\n    timeRafLoop: createRafLoop(() => {\n      updateCurrentTime();\n      updateBuffered();\n    }),\n  });\n\n  const updateBuffered = useCallback(() => {\n    const timeRange = ref.current?.buffered;\n    const seconds =\n      !timeRange || timeRange.length === 0\n        ? 0\n        : timeRange.end(timeRange.length - 1);\n\n    if (internalState.current.buffered !== seconds) {\n      store.getState().emit('buffered', {seconds});\n      internalState.current.buffered = seconds;\n    }\n  }, [ref, store]);\n\n  const updateCurrentTime = useCallback(() => {\n    const newTime = ref.current?.currentTime || 0;\n    if (\n      internalState.current.currentTime !== newTime &&\n      !store.getState().isSeeking\n    ) {\n      store.getState().emit('progress', {currentTime: newTime});\n      internalState.current.currentTime = newTime;\n    }\n  }, [internalState, store, ref]);\n\n  const toggleTextTrackModes = useCallback(\n    (newTrackId: number, isVisible: boolean) => {\n      if (!ref.current) return;\n      const {textTracks} = ref.current;\n\n      if (newTrackId === -1) {\n        Array.from(textTracks).forEach(track => {\n          track.mode = 'disabled';\n        });\n      } else {\n        const oldTrack = textTracks[store.getState().currentTextTrack];\n        if (oldTrack) oldTrack.mode = 'disabled';\n      }\n\n      const nextTrack = textTracks[newTrackId];\n\n      if (nextTrack) {\n        nextTrack.mode = isVisible ? 'showing' : 'hidden';\n      }\n\n      store.getState().emit('currentTextTrackChange', {\n        trackId: !isVisible ? -1 : newTrackId,\n      });\n      store\n        .getState()\n        .emit('textTrackVisibilityChange', {isVisible: isVisible});\n    },\n    [ref, store]\n  );\n\n  // stop current time loop on unmount\n  useEffect(() => {\n    const timeRafLoop = internalState.current.timeRafLoop;\n    return () => {\n      timeRafLoop.stop();\n    };\n  }, []);\n\n  // reload metadata when new media is cued\n  useEffect(() => {\n    ref.current?.load();\n  }, [cuedMedia?.src, ref]);\n\n  return {\n    ref,\n    internalState,\n    updateCurrentTime,\n    toggleTextTrackModes,\n    updateBuffered,\n  };\n}\n","import {\n  HTMLAttributes,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {HtmlMediaInternalStateReturn} from '@common/player/providers/html-media/use-html-media-internal-state';\n\nconst defaultPlaybackRates = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];\n\nexport function useHtmlMediaEvents({\n  ref,\n  updateCurrentTime,\n  updateBuffered,\n  internalState,\n}: HtmlMediaInternalStateReturn): HTMLAttributes<HTMLMediaElement> {\n  const store = useContext(PlayerStoreContext);\n\n  const onTextTracksChange = useCallback(() => {\n    if (!ref.current) return;\n    const tracks = Array.from(ref.current.textTracks).filter(\n      t => t.label && (t.kind === 'subtitles' || t.kind === 'captions')\n    );\n\n    let trackId = -1;\n    for (let id = 0; id < tracks.length; id += 1) {\n      if (tracks[id].mode === 'hidden') {\n        // Do not break in case there is a following track with showing.\n        trackId = id;\n      } else if (tracks[id].mode === 'showing') {\n        trackId = id;\n        break;\n      }\n    }\n\n    const isVisible = trackId !== -1 && tracks[trackId].mode === 'showing';\n    store.getState().emit('currentTextTrackChange', {trackId});\n    store.getState().emit('textTrackVisibilityChange', {isVisible});\n    store.getState().emit('textTracks', {tracks});\n  }, [ref, store]);\n\n  useEffect(() => {\n    const el = ref.current;\n    return () => {\n      el?.textTracks.removeEventListener('change', onTextTracksChange);\n    };\n  }, [ref, onTextTracksChange]);\n\n  return useMemo(() => {\n    const emit = store.getState().emit;\n    return {\n      // set some common props used on audio/video/hls/dash providers\n      autoPlay: false,\n      onContextMenu: e => e.preventDefault(),\n      controlsList: 'nodownload',\n      preload: 'metadata',\n      'x-webkit-airplay': 'allow',\n      onEnded: () => {\n        emit('playbackEnd');\n        updateCurrentTime();\n        internalState.current.timeRafLoop.stop();\n      },\n      onStalled: e => {\n        if (e.currentTarget.readyState < 3) {\n          emit('buffering', {isBuffering: true});\n        }\n      },\n      onWaiting: () => {\n        emit('buffering', {isBuffering: true});\n      },\n      onPlaying: () => {\n        emit('play');\n        emit('buffering', {isBuffering: false});\n      },\n      onPause: e => {\n        emit('pause');\n        emit('buffering', {isBuffering: false});\n        internalState.current.timeRafLoop.stop();\n      },\n      onSuspend: () => {\n        emit('buffering', {isBuffering: false});\n      },\n      onSeeking: () => {\n        updateCurrentTime();\n      },\n      onSeeked: () => {\n        updateCurrentTime();\n      },\n      onTimeUpdate: () => {\n        updateCurrentTime();\n      },\n      onError: e => {\n        emit('error', {sourceEvent: e});\n      },\n      onDurationChange: e => {\n        updateCurrentTime();\n        emit('durationChange', {duration: e.currentTarget.duration});\n      },\n      onRateChange: e => {\n        emit('playbackRateChange', {rate: e.currentTarget.playbackRate});\n      },\n      onLoadedMetadata: e => {\n        if (!internalState.current.playbackReady) {\n          emit('providerReady', {el: e.currentTarget});\n          internalState.current.playbackReady = true;\n          updateBuffered();\n          onTextTracksChange();\n          e.currentTarget.textTracks.addEventListener('change', () => {\n            onTextTracksChange();\n          });\n        }\n        emit('cued');\n        emit('playbackRates', {rates: defaultPlaybackRates});\n      },\n    };\n  }, [\n    internalState,\n    store,\n    updateCurrentTime,\n    onTextTracksChange,\n    updateBuffered,\n  ]);\n}\n","import {HtmlMediaInternalStateReturn} from '@common/player/providers/html-media/use-html-media-internal-state';\nimport {useContext, useMemo} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {PlayerProviderApi} from '@common/player/state/player-provider-api';\n\nexport function useHtmlMediaApi({\n  ref,\n  internalState,\n  toggleTextTrackModes,\n}: HtmlMediaInternalStateReturn): PlayerProviderApi {\n  const store = useContext(PlayerStoreContext);\n  return useMemo(\n    () => ({\n      play: async () => {\n        try {\n          await ref.current?.play();\n        } catch (e) {\n          store.getState().emit('error', {sourceEvent: e});\n        }\n        internalState.current.timeRafLoop.start();\n      },\n      pause: () => {\n        ref.current?.pause();\n        internalState.current.timeRafLoop.stop();\n      },\n      stop: () => {\n        if (ref.current) {\n          ref.current.pause();\n          ref.current.currentTime = 0;\n        }\n      },\n      seek: (time: number) => {\n        if (time !== internalState.current.currentTime && ref.current) {\n          ref.current.currentTime = time;\n        }\n      },\n      setVolume: (volume: number) => {\n        if (ref.current) {\n          ref.current.volume = volume / 100;\n        }\n      },\n      setMuted: (muted: boolean) => {\n        if (ref.current) {\n          ref.current.muted = muted;\n        }\n      },\n      setPlaybackRate: (value: number) => {\n        if (ref.current) {\n          ref.current.playbackRate = value;\n        }\n      },\n      setTextTrackVisibility: isVisible => {\n        toggleTextTrackModes(store.getState().currentTextTrack, isVisible);\n      },\n      setCurrentTextTrack: newTrackId => {\n        toggleTextTrackModes(newTrackId, store.getState().textTrackIsVisible);\n      },\n      getCurrentTime: () => {\n        return internalState.current.currentTime;\n      },\n      getSrc: () => {\n        return ref.current?.src;\n      },\n    }),\n    [ref, store, internalState, toggleTextTrackModes]\n  );\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {useContext, useEffect, useRef} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {useHtmlMediaInternalState} from '@common/player/providers/html-media/use-html-media-internal-state';\nimport {useHtmlMediaEvents} from '@common/player/providers/html-media/use-html-media-events';\nimport {useHtmlMediaApi} from '@common/player/providers/html-media/use-html-media-api';\n\nexport function HtmlVideoProvider() {\n  const ref = useRef<HTMLVideoElement>(null);\n\n  const autoPlay = usePlayerStore(s => s.options.autoPlay);\n  const muted = usePlayerStore(s => s.muted);\n  const cuedMedia = usePlayerStore(s => s.cuedMedia);\n  const store = useContext(PlayerStoreContext);\n\n  const state = useHtmlMediaInternalState(ref);\n  const events = useHtmlMediaEvents(state);\n  const providerApi = useHtmlMediaApi(state);\n\n  useEffect(() => {\n    store.setState({\n      providerApi,\n    });\n  }, [store, providerApi]);\n\n  let src = cuedMedia?.src;\n  if (src && cuedMedia?.initialTime) {\n    src = `${src}#t=${cuedMedia.initialTime}`;\n  }\n\n  return (\n    <video\n      className=\"w-full h-full\"\n      ref={ref}\n      src={src}\n      playsInline\n      poster={cuedMedia?.poster}\n      autoPlay={autoPlay}\n      muted={muted}\n      {...events}\n    >\n      {cuedMedia?.captions?.map((caption, index) => (\n        <track\n          key={caption.id}\n          label={caption.label}\n          kind=\"subtitles\"\n          srcLang={caption.language || 'en'}\n          src={caption.src}\n          default={index === 0}\n        />\n      ))}\n    </video>\n  );\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {useContext, useEffect, useRef} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {useHtmlMediaInternalState} from '@common/player/providers/html-media/use-html-media-internal-state';\nimport {useHtmlMediaEvents} from '@common/player/providers/html-media/use-html-media-events';\nimport {useHtmlMediaApi} from '@common/player/providers/html-media/use-html-media-api';\n\nexport function HtmlAudioProvider() {\n  const ref = useRef<HTMLAudioElement>(null);\n\n  const autoPlay = usePlayerStore(s => s.options.autoPlay);\n  const muted = usePlayerStore(s => s.muted);\n  const cuedMedia = usePlayerStore(s => s.cuedMedia);\n  const store = useContext(PlayerStoreContext);\n\n  const state = useHtmlMediaInternalState(ref);\n  const events = useHtmlMediaEvents(state);\n  const providerApi = useHtmlMediaApi(state);\n\n  useEffect(() => {\n    store.setState({\n      providerApi,\n    });\n  }, [store, providerApi]);\n\n  let src = cuedMedia?.src;\n  if (src && cuedMedia?.initialTime) {\n    src = `${src}#t=${cuedMedia.initialTime}`;\n  }\n\n  return (\n    <audio\n      className=\"w-full h-full\"\n      ref={ref}\n      src={src}\n      autoPlay={autoPlay}\n      muted={muted}\n      {...events}\n    />\n  );\n}\n","import React, {memo, Suspense, useContext, useEffect} from 'react';\nimport {PlayerStoreContext} from '@common/player/player-context';\nimport {YoutubeProvider} from '@common/player/providers/youtube/youtube-provider';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {HtmlVideoProvider} from '@common/player/providers/html-video-provider';\nimport {HtmlAudioProvider} from '@common/player/providers/html-audio-provider';\n\nconst HlsProvider = React.lazy(\n  () => import('@common/player/providers/hls-provider')\n);\nconst DashProvider = React.lazy(\n  () => import('@common/player/providers/dash-provider')\n);\n\ninterface Props {\n  className?: string;\n}\nexport const PlayerOutlet = memo(({className}: Props) => {\n  const {getState} = useContext(PlayerStoreContext);\n\n  useEffect(() => {\n    getState().init();\n    return getState().destroy;\n  }, [getState]);\n\n  return (\n    <div className={className}>\n      <Provider />\n    </div>\n  );\n});\n\nfunction Provider() {\n  const provider = usePlayerStore(s => s.providerName);\n  switch (provider) {\n    case 'youtube':\n      return <YoutubeProvider />;\n    case 'htmlVideo':\n      return <HtmlVideoProvider />;\n    case 'htmlAudio':\n      return <HtmlAudioProvider />;\n    case 'hls':\n      return (\n        <Suspense>\n          <HlsProvider />\n        </Suspense>\n      );\n    case 'dash':\n      return (\n        <Suspense>\n          <DashProvider />\n        </Suspense>\n      );\n    default:\n      return null;\n  }\n}\n","import {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport clsx from 'clsx';\nimport {HTMLAttributes, ReactElement} from 'react';\n\ninterface Props extends HTMLAttributes<HTMLDivElement> {\n  hideDuringPlayback?: boolean;\n  fallback?: ReactElement;\n}\nexport function PlayerPoster({\n  className,\n  hideDuringPlayback = true,\n  fallback,\n  ...domProps\n}: Props) {\n  const posterUrl = usePlayerStore(s => s.posterUrl);\n  const shouldHidePoster = usePlayerStore(\n    s =>\n      hideDuringPlayback && s.playbackStarted && s.providerName !== 'htmlAudio',\n  );\n  if (!posterUrl && !fallback) return null;\n  return (\n    <div\n      {...domProps}\n      className={clsx(\n        'pointer-events-none flex max-h-full w-full items-center justify-center bg-black transition-opacity',\n        shouldHidePoster ? 'opacity-0' : 'opacity-100',\n        className,\n      )}\n    >\n      {posterUrl ? (\n        <img\n          loading=\"lazy\"\n          src={posterUrl}\n          alt=\"\"\n          className=\"max-h-full w-full flex-shrink-0 object-cover\"\n        />\n      ) : (\n        fallback\n      )}\n    </div>\n  );\n}\n","import {createSvgIcon} from '@common/icons/create-svg-icon';\n\nexport const MediaFullscreenIcon = createSvgIcon(\n  [<path d=\"M25.3299 7.26517C25.2958 6.929 25.0119 6.66666 24.6667 6.66666H19.3334C18.9652 6.66666 18.6667 6.96514 18.6667 7.33333V9.33333C18.6667 9.70152 18.9652 10 19.3334 10L21.8667 10C21.9403 10 22 10.0597 22 10.1333V12.6667C22 13.0349 22.2985 13.3333 22.6667 13.3333H24.6667C25.0349 13.3333 25.3334 13.0349 25.3334 12.6667V7.33333C25.3334 7.31032 25.3322 7.28758 25.3299 7.26517Z\" key=\"0\"/>,<path d=\"M22 21.8667C22 21.9403 21.9403 22 21.8667 22L19.3334 22C18.9652 22 18.6667 22.2985 18.6667 22.6667V24.6667C18.6667 25.0349 18.9652 25.3333 19.3334 25.3333L24.6667 25.3333C25.0349 25.3333 25.3334 25.0349 25.3334 24.6667V19.3333C25.3334 18.9651 25.0349 18.6667 24.6667 18.6667H22.6667C22.2985 18.6667 22 18.9651 22 19.3333V21.8667Z\" key=\"1\"/>,<path d=\"M12.6667 22H10.1334C10.0597 22 10 21.9403 10 21.8667V19.3333C10 18.9651 9.70154 18.6667 9.33335 18.6667H7.33335C6.96516 18.6667 6.66669 18.9651 6.66669 19.3333V24.6667C6.66669 25.0349 6.96516 25.3333 7.33335 25.3333H12.6667C13.0349 25.3333 13.3334 25.0349 13.3334 24.6667V22.6667C13.3334 22.2985 13.0349 22 12.6667 22Z\" key=\"2\"/>,<path d=\"M10 12.6667V10.1333C10 10.0597 10.0597 10 10.1334 10L12.6667 10C13.0349 10 13.3334 9.70152 13.3334 9.33333V7.33333C13.3334 6.96514 13.0349 6.66666 12.6667 6.66666H7.33335C6.96516 6.66666 6.66669 6.96514 6.66669 7.33333V12.6667C6.66669 13.0349 6.96516 13.3333 7.33335 13.3333H9.33335C9.70154 13.3333 10 13.0349 10 12.6667Z\" key=\"3\"/>,],\n  'MediaFullscreen',\n  '0 0 32 32'\n);\n","import {useCallback, useRef} from 'react';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\n\nexport function usePlayerClickHandler() {\n  const clickRef = useRef(0);\n  const player = usePlayerActions();\n\n  const togglePlay = useCallback(() => {\n    if (player.getState().isPlaying) {\n      player.pause();\n    } else {\n      player.play();\n    }\n  }, [player]);\n\n  return useCallback(() => {\n    if (!player.getState().providerReady) return;\n    clickRef.current += 1;\n    togglePlay();\n    if (clickRef.current === 1) {\n      setTimeout(() => {\n        if (clickRef.current > 1) {\n          player.toggleFullscreen();\n        }\n        clickRef.current = 0;\n      }, 300);\n    }\n  }, [player, togglePlay]);\n}\n","import React, {\n  Fragment,\n  MutableRefObject,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport clsx from 'clsx';\nimport {\n  playerOverlayState,\n  usePlayerOverlayStore,\n} from '@app/web-player/state/player-overlay-store';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {KeyboardArrowDownIcon} from '@common/icons/material/KeyboardArrowDown';\nimport {PlaybackControls} from '@app/web-player/player-controls/playback-controls';\nimport {useCuedTrack} from '@app/web-player/player-controls/use-cued-track';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {LikeIconButton} from '@app/web-player/library/like-icon-button';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {TrackContextDialog} from '@app/web-player/tracks/context-dialog/track-context-dialog';\nimport {MoreVertIcon} from '@common/icons/material/MoreVert';\nimport fscreen from 'fscreen';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {LyricsButton} from '@app/web-player/player-controls/lyrics-button';\nimport {useMediaQuery} from '@common/utils/hooks/use-media-query';\nimport {DownloadTrackButton} from '@app/web-player/player-controls/download-track-button';\nimport {TrackLink} from '@app/web-player/tracks/track-link';\nimport {useLocation} from 'react-router-dom';\nimport {usePrevious} from '@common/utils/hooks/use-previous';\nimport {PlayerOutlet} from '@common/player/ui/player-outlet';\nimport {PlayerPoster} from '@common/player/ui/controls/player-poster';\nimport {MediaFullscreenIcon} from '@common/icons/media/media-fullscreen';\nimport {MediaQueueListIcon} from '@common/icons/media/media-queue-list';\nimport {useMiniPlayerIsHidden} from '@app/web-player/overlay/use-mini-player-is-hidden';\nimport {usePlayerClickHandler} from '@common/player/hooks/use-player-click-handler';\nimport {QueueTrackContextDialog} from '@app/web-player/layout/queue/queue-track-context-dialog';\nimport {RowElementProps} from '@common/ui/tables/table-row';\nimport {Track} from '@app/web-player/tracks/track';\nimport {TableContext} from '@common/ui/tables/table-context';\nimport {MediaItem} from '@common/player/media-item';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\n\nexport function PlayerOverlay() {\n  const isMobile = useMediaQuery('(max-width: 1024px)');\n  const isMaximized = usePlayerOverlayStore(s => s.isMaximized);\n  const isQueueOpen = usePlayerOverlayStore(s => s.isQueueOpen);\n  const isFullscreen = usePlayerStore(s => s.isFullscreen);\n  const miniPlayerIsHidden = useMiniPlayerIsHidden();\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const {pathname} = useLocation();\n  const playerClickHandler = usePlayerClickHandler();\n  const haveVideo = usePlayerStore(\n    s => s.providerApi != null && s.providerName !== 'htmlAudio',\n  );\n  const previousPathname = usePrevious(pathname);\n  const cuedTrack = useCuedTrack();\n\n  // close overlay when route changes\n  useEffect(() => {\n    if (isMaximized && previousPathname && pathname !== previousPathname) {\n      playerOverlayState.toggle();\n    }\n  }, [pathname, previousPathname, isMaximized]);\n\n  useEffect(() => {\n    if (!isMaximized) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        playerOverlayState.toggle();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isMaximized]);\n\n  return (\n    <div\n      ref={overlayRef}\n      className={clsx(\n        'fixed right-0 bg outline-none transition-all',\n        miniPlayerIsHidden && !isMaximized && 'hidden',\n        isMaximized\n          ? 'player-overlay-bg bottom-0 flex h-full w-full flex-col pb-50'\n          : 'bottom-96 right-0 h-[213px] w-256',\n      )}\n    >\n      {isMaximized && (\n        <div className=\"mb-10 flex flex-shrink-0 items-center p-10\">\n          <IconButton\n            iconSize=\"lg\"\n            className=\"mr-auto\"\n            onClick={() => playerOverlayState.toggle()}\n          >\n            <KeyboardArrowDownIcon />\n          </IconButton>\n          {isMobile && <LyricsButton />}\n          {isMobile && <DownloadTrackButton />}\n          <IconButton\n            onClick={() => playerOverlayState.toggleQueue()}\n            color={isQueueOpen ? 'primary' : undefined}\n          >\n            <MediaQueueListIcon />\n          </IconButton>\n          <FullscreenButton overlayRef={overlayRef} />\n        </div>\n      )}\n      <div\n        onClick={() => {\n          // native video will be put into fullscreen, it will already handle click and double click events\n          if (!isFullscreen) {\n            playerClickHandler();\n          }\n        }}\n        className={clsx(\n          'relative min-h-0 max-w-full flex-auto',\n          isMaximized ? 'mx-auto mt-auto px-14' : 'h-full w-full',\n          isMaximized && haveVideo ? 'aspect-video' : 'aspect-square max-h-400',\n        )}\n      >\n        <PlayerPoster\n          className=\"absolute inset-0\"\n          fallback={\n            cuedTrack ? (\n              <TrackImage\n                className=\"h-full w-full\"\n                background=\"bg-[#f5f5f5] dark:bg-[#2c2c35]\"\n                track={cuedTrack}\n              />\n            ) : undefined\n          }\n        />\n        <div\n          className={haveVideo ? 'h-full w-full flex-auto bg-black' : undefined}\n        >\n          <PlayerOutlet className=\"h-full w-full\" />\n        </div>\n      </div>\n      {isMaximized && (\n        <Fragment>\n          <QueuedTrack />\n          <PlaybackControls className=\"container mx-auto mb-auto flex-shrink-0 px-14\" />\n        </Fragment>\n      )}\n      {isMaximized && isQueueOpen && <PlayerQueue />}\n    </div>\n  );\n}\n\ninterface FullscreenButtonProps {\n  overlayRef: MutableRefObject<HTMLDivElement | null>;\n}\nfunction FullscreenButton({overlayRef}: FullscreenButtonProps) {\n  const playerReady = usePlayerStore(s => s.providerReady);\n  return (\n    <IconButton\n      className={clsx(\n        'ml-12 flex-shrink-0 max-md:hidden',\n        !fscreen.fullscreenEnabled && 'hidden',\n      )}\n      disabled={!playerReady}\n      onClick={() => {\n        if (!overlayRef.current) return;\n        if (fscreen.fullscreenElement) {\n          fscreen.exitFullscreen();\n        } else {\n          fscreen.requestFullscreen(overlayRef.current);\n        }\n      }}\n    >\n      <MediaFullscreenIcon />\n    </IconButton>\n  );\n}\n\nfunction QueuedTrack() {\n  const track = useCuedTrack();\n\n  if (!track) {\n    return null;\n  }\n\n  return (\n    <div className=\"container mx-auto my-40 flex flex-shrink-0 items-center justify-center gap-34 px-14 md:my-60\">\n      <LikeIconButton likeable={track} />\n      <div className=\"min-w-0 text-center\">\n        <div className=\"overflow-hidden overflow-ellipsis whitespace-nowrap text-base\">\n          <TrackLink track={track} />\n        </div>\n        <div className=\"text-sm text-muted\">\n          <ArtistLinks artists={track.artists} />\n        </div>\n      </div>\n      <DialogTrigger type=\"popover\" mobileType=\"tray\">\n        <IconButton>\n          <MoreVertIcon />\n        </IconButton>\n        <TrackContextDialog tracks={[track]} />\n      </DialogTrigger>\n    </div>\n  );\n}\n\nfunction PlayerQueue() {\n  const queue = usePlayerStore(s => s.shuffledQueue);\n  const tracks = queue.map(item => item.meta);\n  return (\n    <div className=\"fixed bottom-0 left-0 right-0 top-70 overflow-y-auto bg-inherit px-14 md:px-50\">\n      <TrackTable\n        tracks={tracks}\n        queueGroupId={queue[0]?.groupId}\n        renderRowAs={PlayerQueueRow}\n      />\n    </div>\n  );\n}\n\nfunction PlayerQueueRow({item, children, ...domProps}: RowElementProps<Track>) {\n  const queue = usePlayerStore(s => s.shuffledQueue);\n  const {selectedRows} = useContext(TableContext);\n  const queueItems = useMemo(() => {\n    return selectedRows\n      .map(trackId => queue.find(item => item.meta.id === trackId))\n      .filter(t => !!t) as MediaItem[];\n  }, [queue, selectedRows]);\n\n  const row = <div {...domProps}>{children}</div>;\n  if (item.isPlaceholder) {\n    return row;\n  }\n\n  return (\n    <DialogTrigger\n      type=\"popover\"\n      mobileType=\"tray\"\n      triggerOnContextMenu\n      placement=\"bottom-start\"\n    >\n      {row}\n      <QueueTrackContextDialog queueItems={queueItems} />\n    </DialogTrigger>\n  );\n}\n","import {keepPreviousData, useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {User} from '@common/auth/user';\nimport {Genre} from '@app/web-player/genres/genre';\nimport {Tag} from '@common/tags/tag';\nimport {Album} from '@app/web-player/albums/album';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\n\ninterface SearchParams {\n  query?: string;\n  loader: 'search' | 'searchPage';\n}\n\nexport interface SearchResponse extends BackendResponse {\n  query: string;\n  loader: SearchParams['loader'];\n  results: {\n    artists?: Artist[];\n    albums?: Album[];\n    tracks?: Track[];\n    playlists?: Playlist[];\n    users?: User[];\n    genres?: Genre[];\n    tags?: Tag[];\n  };\n}\n\nexport function useSearchResults(params: SearchParams) {\n  return useQuery({\n    queryKey: ['search', params],\n    queryFn: ({signal}) => search(params, signal),\n    enabled: !!params.query,\n    placeholderData: !!params.query ? keepPreviousData : undefined,\n    initialData: () => {\n      const data = getBootstrapData().loaders?.[params.loader];\n      if (data?.query == params.query && data?.loader === params.loader) {\n        return data;\n      }\n      return undefined;\n    },\n  });\n}\n\nasync function search(params: SearchParams, signal: AbortSignal) {\n  await new Promise(resolve => setTimeout(resolve, 300));\n  return apiClient\n    .get<SearchResponse>(`search`, {params, signal})\n    .then(response => response.data);\n}\n","import {SearchIcon} from '@common/icons/material/Search';\nimport {message} from '@common/i18n/message';\nimport {Item} from '@common/ui/forms/listbox/item';\nimport {ComboBox} from '@common/ui/forms/combobox/combobox';\nimport React, {cloneElement, ReactElement, useState} from 'react';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {useSearchResults} from '@app/web-player/search/requests/use-search-results';\nimport {ARTIST_MODEL} from '@app/web-player/artists/artist';\nimport {ALBUM_MODEL} from '@app/web-player/albums/album';\nimport {TRACK_MODEL} from '@app/web-player/tracks/track';\nimport {USER_MODEL} from '@common/auth/user';\nimport {PLAYLIST_MODEL} from '@app/web-player/playlists/playlist';\nimport {Section} from '@common/ui/forms/listbox/section';\nimport {Trans} from '@common/i18n/trans';\nimport {SmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {\n  getUserProfileLink,\n  UserProfileLink,\n} from '@app/web-player/users/user-profile-link';\nimport {AlbumLink, getAlbumLink} from '@app/web-player/albums/album-link';\nimport {ArtistLink, getArtistLink} from '@app/web-player/artists/artist-link';\nimport {getTrackLink, TrackLink} from '@app/web-player/tracks/track-link';\nimport {UserImage} from '@app/web-player/users/user-image';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {PlayableModel} from '@app/web-player/playable-item/playable-model';\nimport clsx from 'clsx';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {\n  getPlaylistLink,\n  PlaylistLink,\n} from '@app/web-player/playlists/playlist-link';\nimport {PlaylistImage} from '@app/web-player/playlists/playlist-image';\nimport {PlaylistOwnerName} from '@app/web-player/playlists/playlist-grid-item';\nimport {useListboxContext} from '@common/ui/forms/listbox/listbox-context';\nimport {AnimatePresence, m} from 'framer-motion';\nimport {opacityAnimation} from '@common/ui/animation/opacity-animation';\nimport {useParams} from 'react-router-dom';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {ArtistContextDialog} from '@app/web-player/artists/artist-context-dialog';\nimport {AlbumContextDialog} from '@app/web-player/albums/album-context-dialog';\nimport {TrackContextDialog} from '@app/web-player/tracks/context-dialog/track-context-dialog';\nimport {PlaylistContextDialog} from '@app/web-player/playlists/playlist-context-dialog';\n\ninterface SearchAutocompleteProps {\n  className?: string;\n}\nexport function SearchAutocomplete({className}: SearchAutocompleteProps) {\n  const {searchQuery} = useParams();\n  const {trans} = useTrans();\n  const navigate = useNavigate();\n  const [query, setQuery] = useState(searchQuery || '');\n  const [isOpen, setIsOpen] = useState(false);\n  const {isFetching, data} = useSearchResults({\n    loader: 'search',\n    query,\n  });\n\n  return (\n    <form\n      onSubmit={e => {\n        e.preventDefault();\n        const encodedQuery = encodeURIComponent(query.trim());\n        if (encodedQuery) {\n          setIsOpen(false);\n          navigate(`/search/${encodedQuery}`);\n        }\n      }}\n      className={clsx('flex flex-auto items-center gap-14', className)}\n    >\n      <button type=\"submit\" aria-label={trans(message('Search'))}>\n        <SearchIcon className=\"flex-shrink-0 text-muted\" />\n      </button>\n      <ComboBox\n        unstyled\n        className=\"w-full max-w-780 flex-auto\"\n        offset={12}\n        inputClassName=\"w-full outline-none bg-transparent h-42 placeholder:text-muted\"\n        hideEndAdornment\n        inputBorder=\"border-none\"\n        isAsync\n        placeholder={trans(message('Search'))}\n        isLoading={isFetching}\n        inputValue={query}\n        onInputValueChange={setQuery}\n        clearInputOnItemSelection\n        blurReferenceOnItemSelection\n        selectionMode=\"none\"\n        openMenuOnFocus\n        floatingMaxHeight={670}\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n      >\n        {Object.entries(data?.results || {}).map(([groupName, results]) => (\n          <Section key={groupName} label={<Trans message={groupName} />}>\n            {results.map(result => {\n              const key = `${groupName}-${result.id}`;\n              switch (result.model_type) {\n                case ARTIST_MODEL:\n                  return (\n                    <Item\n                      key={key}\n                      value={key}\n                      onSelected={() => {\n                        navigate(getArtistLink(result));\n                      }}\n                      startIcon={\n                        <PlayableImage\n                          model={result}\n                          className=\"rounded-full\"\n                          value={key}\n                        >\n                          <SmallArtistImage artist={result} />\n                        </PlayableImage>\n                      }\n                      description={<Trans message=\"Artist\" />}\n                      textLabel={result.name}\n                    >\n                      <DialogTrigger\n                        type=\"popover\"\n                        mobileType=\"tray\"\n                        triggerOnContextMenu\n                      >\n                        <div>\n                          <ArtistLink artist={result} />\n                        </div>\n                        <ArtistContextDialog artist={result} />\n                      </DialogTrigger>\n                    </Item>\n                  );\n                case ALBUM_MODEL:\n                  return (\n                    <Item\n                      key={key}\n                      value={key}\n                      onSelected={() => {\n                        navigate(getAlbumLink(result));\n                      }}\n                      startIcon={\n                        <PlayableImage model={result} value={key}>\n                          <AlbumImage album={result} />\n                        </PlayableImage>\n                      }\n                      description={<ArtistLinks artists={result.artists} />}\n                      textLabel={result.name}\n                    >\n                      <DialogTrigger\n                        type=\"popover\"\n                        mobileType=\"tray\"\n                        triggerOnContextMenu\n                      >\n                        <div>\n                          <AlbumLink album={result} />\n                        </div>\n                        <AlbumContextDialog album={result} />\n                      </DialogTrigger>\n                    </Item>\n                  );\n                case TRACK_MODEL:\n                  return (\n                    <Item\n                      key={key}\n                      value={key}\n                      onSelected={() => {\n                        navigate(getTrackLink(result));\n                      }}\n                      startIcon={\n                        <PlayableImage model={result} value={key}>\n                          <TrackImage track={result} />\n                        </PlayableImage>\n                      }\n                      description={<ArtistLinks artists={result.artists} />}\n                      textLabel={result.name}\n                    >\n                      <DialogTrigger\n                        type=\"popover\"\n                        mobileType=\"tray\"\n                        triggerOnContextMenu\n                      >\n                        <div>\n                          <TrackLink track={result} />\n                        </div>\n                        <TrackContextDialog tracks={[result]} />\n                      </DialogTrigger>\n                    </Item>\n                  );\n                case USER_MODEL:\n                  return (\n                    <Item\n                      key={key}\n                      value={key}\n                      onSelected={() => {\n                        navigate(getUserProfileLink(result));\n                      }}\n                      startIcon={\n                        <UserImage className=\"h-48 w-48\" user={result} />\n                      }\n                      description={\n                        result.followers_count ? (\n                          <Trans\n                            message=\":count followers\"\n                            values={{count: result.followers_count}}\n                          />\n                        ) : null\n                      }\n                      textLabel={result.display_name}\n                    >\n                      <UserProfileLink user={result} />\n                    </Item>\n                  );\n                case PLAYLIST_MODEL:\n                  return (\n                    <Item\n                      key={key}\n                      value={key}\n                      onSelected={() => {\n                        navigate(getPlaylistLink(result));\n                      }}\n                      startIcon={\n                        <PlayableImage model={result} value={key}>\n                          <PlaylistImage playlist={result} />\n                        </PlayableImage>\n                      }\n                      description={<PlaylistOwnerName playlist={result} />}\n                      textLabel={result.name}\n                    >\n                      <DialogTrigger\n                        type=\"popover\"\n                        mobileType=\"tray\"\n                        triggerOnContextMenu\n                      >\n                        <div>\n                          <PlaylistLink playlist={result} />\n                        </div>\n                        <PlaylistContextDialog playlist={result} />\n                      </DialogTrigger>\n                    </Item>\n                  );\n              }\n            })}\n          </Section>\n        ))}\n      </ComboBox>\n    </form>\n  );\n}\n\ninterface PlayableImageProps {\n  children: ReactElement<{size: string; className?: string}>;\n  model: PlayableModel;\n  className?: string;\n  value: string;\n}\nfunction PlayableImage({\n  children,\n  model,\n  className,\n  value,\n}: PlayableImageProps) {\n  const {\n    collection,\n    state: {activeIndex},\n  } = useListboxContext();\n  const index = collection.get(value)?.index;\n  const isActive = activeIndex === index;\n\n  const queueId = queueGroupId(model);\n  const isPlaying = usePlayerStore(\n    s => s.isPlaying && s.originalQueue[0]?.groupId === queueId,\n  );\n\n  return (\n    <div\n      className={clsx(className, 'relative h-48 w-48 overflow-hidden')}\n      onClick={e => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      {cloneElement(children, {\n        size: 'w-full h-full',\n      })}\n      <AnimatePresence>\n        {isActive || isPlaying ? (\n          <m.div\n            key=\"play-overlay\"\n            {...opacityAnimation}\n            transition={{duration: 0.24}}\n            className=\"absolute inset-0 m-auto flex h-full w-full items-center justify-center bg-black/60\"\n          >\n            <PlaybackToggleButton\n              buttonType=\"icon\"\n              color=\"white\"\n              equalizerColor=\"white\"\n              track={model.model_type === TRACK_MODEL ? model : undefined}\n              queueId={queueId}\n            />\n          </m.div>\n        ) : null}\n      </AnimatePresence>\n    </div>\n  );\n}\n","import {useSettings} from '@common/core/settings/use-settings';\nimport {useAuth} from '@common/auth/use-auth';\nimport React, {Fragment, useMemo} from 'react';\nimport {Button} from '@common/ui/buttons/button';\nimport {Link} from 'react-router-dom';\nimport {Trans} from '@common/i18n/trans';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {usePrimaryArtistForCurrentUser} from '@app/web-player/backstage/use-primary-artist-for-current-user';\nimport {MenuItem} from '@common/ui/navigation/menu/menu-trigger';\nimport {MicIcon} from '@common/icons/material/Mic';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {Navbar} from '@common/ui/navigation/navbar/navbar';\nimport {SearchAutocomplete} from '@app/web-player/search/search-autocomplete';\nimport clsx from 'clsx';\n\ninterface Props {\n  className?: string;\n}\nexport function PlayerNavbar({className}: Props) {\n  const navigate = useNavigate();\n  const primaryArtist = usePrimaryArtistForCurrentUser();\n  const {player} = useSettings();\n  const menuItems = useMemo(() => {\n    if (primaryArtist) {\n      return [\n        <MenuItem\n          value=\"author\"\n          key=\"author\"\n          startIcon={<MicIcon />}\n          onSelected={() => {\n            navigate(getArtistLink(primaryArtist));\n          }}\n        >\n          <Trans message=\"Artist profile\" />\n        </MenuItem>,\n      ];\n    }\n    if (player?.show_become_artist_btn) {\n      return [\n        <MenuItem\n          value=\"author\"\n          key=\"author\"\n          startIcon={<MicIcon />}\n          onSelected={() => {\n            navigate('/backstage/requests');\n          }}\n        >\n          <Trans message=\"Become an author\" />\n        </MenuItem>,\n      ];\n    }\n\n    return [];\n  }, [primaryArtist, navigate, player?.show_become_artist_btn]);\n\n  return (\n    <Navbar\n      hideLogo\n      color=\"bg\"\n      darkModeColor=\"bg\"\n      size=\"sm\"\n      authMenuItems={menuItems}\n      className={clsx('dashboard-grid-header', className)}\n    >\n      <SearchAutocomplete />\n      <ActionButtons />\n    </Navbar>\n  );\n}\n\nfunction ActionButtons() {\n  const {player, billing} = useSettings();\n  const {isLoggedIn, hasPermission, isSubscribed} = useAuth();\n\n  const showUploadButton =\n    player?.show_upload_btn && isLoggedIn && hasPermission('music.create');\n  const showTryProButton =\n    billing?.enable && hasPermission('plans.view') && !isSubscribed;\n\n  return (\n    <Fragment>\n      {showTryProButton ? (\n        <Button\n          variant=\"outline\"\n          size=\"xs\"\n          color=\"primary\"\n          elementType={Link}\n          to=\"/pricing\"\n        >\n          <Trans message=\"Try Pro\" />\n        </Button>\n      ) : null}\n      {showUploadButton ? (\n        <Button\n          variant={showTryProButton ? 'text' : 'outline'}\n          size=\"xs\"\n          color={showTryProButton ? undefined : 'primary'}\n          elementType={Link}\n          to=\"/backstage/upload\"\n        >\n          <Trans message=\"Upload\" />\n        </Button>\n      ) : null}\n    </Fragment>\n  );\n}\n","import {Outlet} from 'react-router-dom';\nimport {PlayerContext} from '@common/player/player-context';\nimport {playerStoreOptions} from '@app/web-player/state/player-store-options';\nimport React, {Fragment} from 'react';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {DashboardLayout} from '@common/ui/layout/dashboard-layout';\nimport {DashboardSidenav} from '@common/ui/layout/dashboard-sidenav';\nimport {Sidenav} from '@app/web-player/layout/sidenav';\nimport {DashboardContent} from '@common/ui/layout/dashboard-content';\nimport {QueueSidenav} from '@app/web-player/layout/queue/queue-sidenav';\nimport clsx from 'clsx';\nimport {useMediaQuery} from '@common/utils/hooks/use-media-query';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {MobilePlayerControls} from '@app/web-player/player-controls/mobile-player-controls';\nimport {DesktopPlayerControls} from '@app/web-player/player-controls/desktop-player-controls';\nimport {PlayerOverlay} from '@app/web-player/overlay/player-overlay';\nimport {PlayerNavbar} from '@app/web-player/layout/player-navbar';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\n\nexport function WebPlayerLayout() {\n  const {player} = useSettings();\n  const isMobile = useIsMobileMediaQuery();\n\n  const content = isMobile ? (\n    <Fragment>\n      <Main className=\"h-screen\" />\n      <MobilePlayerControls />\n    </Fragment>\n  ) : (\n    <DashboardLayout\n      name=\"web-player\"\n      initialRightSidenavStatus={player?.hide_queue ? 'closed' : 'open'}\n    >\n      <PlayerNavbar />\n      <DashboardSidenav position=\"left\" display=\"block\">\n        <Sidenav />\n      </DashboardSidenav>\n      <DashboardContent>\n        <Main />\n      </DashboardContent>\n      <RightSidenav />\n      <DesktopPlayerControls />\n    </DashboardLayout>\n  );\n\n  return (\n    <PlayerContext id=\"web-player\" options={playerStoreOptions}>\n      {content}\n      <PlayerOverlay />\n    </PlayerContext>\n  );\n}\n\ninterface MainProps {\n  className?: string;\n}\nfunction Main({className}: MainProps) {\n  return (\n    <main\n      className={clsx(\n        'stable-scrollbar relative overflow-x-hidden',\n        className,\n        // mobile player controls are fixed to bottom of screen,\n        // make sure we can scroll to the bottom of the page\n        'pb-124 md:pb-0',\n      )}\n    >\n      <div className=\"web-player-container mx-auto min-h-full p-16 @container md:p-30\">\n        <Outlet />\n      </div>\n    </main>\n  );\n}\n\nfunction RightSidenav() {\n  const isOverlay = useMediaQuery('(max-width: 1280px)');\n  const hideQueue = usePlayerStore(s => !s.shuffledQueue.length);\n  return (\n    <DashboardSidenav\n      position=\"right\"\n      size=\"w-256\"\n      mode={isOverlay ? 'overlay' : undefined}\n      overlayPosition=\"absolute\"\n      display=\"block\"\n      forceClosed={hideQueue}\n    >\n      <QueueSidenav />\n    </DashboardSidenav>\n  );\n}\n","import React, {cloneElement, ReactElement, ReactNode} from 'react';\nimport clsx from 'clsx';\n\ninterface MediaPageHeaderLayoutProps {\n  className?: string;\n  image: ReactElement<{size: string; className?: string}>;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  description?: ReactNode;\n  actionButtons?: ReactNode;\n  centerItems?: boolean;\n  footer?: ReactNode;\n}\nexport function MediaPageHeaderLayout({\n  className,\n  image,\n  title,\n  subtitle,\n  description,\n  actionButtons,\n  footer,\n  centerItems = false,\n}: MediaPageHeaderLayoutProps) {\n  return (\n    <header\n      className={clsx(\n        'flex flex-col md:flex-row gap-24 md:gap-34',\n        centerItems && 'items-center',\n        className\n      )}\n    >\n      {cloneElement(image, {\n        size: image.props.size || 'w-256 h-256',\n        className: clsx(image.props.className, 'mx-auto flex-shrink-0'),\n      })}\n      <div className=\"flex-auto min-w-0\">\n        <h1 className=\"text-2xl md:text-4xl font-semibold mb-14 text-center md:text-start\">\n          {title}\n        </h1>\n        {subtitle && <div className=\"w-max mx-auto md:mx-0\">{subtitle}</div>}\n        {description ? (\n          <div className=\"text-muted mt-18 md:mt-26 text-sm w-max mx-auto md:mx-0\">\n            {description}\n          </div>\n        ) : null}\n        <div className=\"mt-30\">{actionButtons}</div>\n        {footer ? <div className=\"mt-30\">{footer}</div> : null}\n      </div>\n    </header>\n  );\n}\n\ninterface ActionButtonClassNameProps {\n  isFirst?: boolean;\n}\nexport function actionButtonClassName({\n  isFirst,\n}: ActionButtonClassNameProps = {}) {\n  return clsx('min-h-40', isFirst ? 'min-w-128 mr-20' : 'mr-10 min-w-100');\n}\n","import {isAbsoluteUrl} from '../utils/urls/is-absolute-url';\nimport memoize from 'nano-memoize';\nimport clsx from 'clsx';\n\ninterface RemoteFaviconProps {\n  url: string;\n  className?: string;\n  size?: string;\n  alt?: string;\n}\nexport function RemoteFavicon({\n  url,\n  className,\n  size = 'w-16 h-16',\n  alt,\n}: RemoteFaviconProps) {\n  if (!url) {\n    return null;\n  }\n\n  const src = getFaviconSrc(url);\n\n  return (\n    <img\n      className={clsx(size, className)}\n      src={getFaviconSrc(url)}\n      alt={alt || `${src} favicon`}\n    />\n  );\n}\n\nconst getFaviconSrc = memoize((url: string): string => {\n  if (url.includes('youtube')) {\n    return 'https://www.youtube.com/s/desktop/ca54e1bd/img/favicon.ico';\n  }\n\n  // relative url to current site\n  if (!isAbsoluteUrl(url)) {\n    url = `${window.location.protocol}//${window.location.host}`;\n  }\n  const domain = new URL(url).origin;\n  return 'https://www.google.com/s2/favicons?domain=' + domain;\n});\n","import {UserLink} from '@app/web-player/user-profile/user-link';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {RemoteFavicon} from '@common/ui/remote-favicon';\nimport {IconButton} from '@common/ui/buttons/icon-button';\n\ninterface ProfileLinksProps {\n  links?: UserLink[];\n}\nexport function ProfileLinks({links}: ProfileLinksProps) {\n  if (!links?.length) return null;\n  return (\n    <div className=\"flex items-center\">\n      {links.map(link => (\n        <Tooltip label={link.title} key={link.url}>\n          <IconButton\n            size=\"xs\"\n            elementType=\"a\"\n            href={link.url}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            <RemoteFavicon url={link.url} alt={link.title} />\n          </IconButton>\n        </Tooltip>\n      ))}\n    </div>\n  );\n}\n","import { Options, tokenize } from 'linkifyjs';\n\n/**\n\tConvert strings of text into linkable HTML text\n*/\nfunction escapeText(text) {\n  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\nfunction escapeAttr(href) {\n  return href.replace(/\"/g, '&quot;');\n}\nfunction attributesToString(attributes) {\n  const result = [];\n  for (const attr in attributes) {\n    let val = attributes[attr] + '';\n    result.push(`${attr}=\"${escapeAttr(val)}\"`);\n  }\n  return result.join(' ');\n}\nfunction defaultRender(_ref) {\n  let {\n    tagName,\n    attributes,\n    content\n  } = _ref;\n  return `<${tagName} ${attributesToString(attributes)}>${escapeText(content)}</${tagName}>`;\n}\n\n/**\n * Convert a plan text string to an HTML string with links. Expects that the\n * given strings does not contain any HTML entities. Use the linkify-html\n * interface if you need to parse HTML entities.\n *\n * @param {string} str string to linkify\n * @param {import('linkifyjs').Opts} [opts] overridable options\n * @returns {string}\n */\nfunction linkifyStr(str, opts) {\n  if (opts === void 0) {\n    opts = {};\n  }\n  opts = new Options(opts, defaultRender);\n  const tokens = tokenize(str);\n  const result = [];\n  for (let i = 0; i < tokens.length; i++) {\n    const token = tokens[i];\n    if (token.t === 'nl' && opts.get('nl2br')) {\n      result.push('<br>\\n');\n    } else if (!token.isLink || !opts.check(token)) {\n      result.push(escapeText(token.toString()));\n    } else {\n      result.push(opts.render(token));\n    }\n  }\n  return result.join('');\n}\nif (!String.prototype.linkify) {\n  Object.defineProperty(String.prototype, 'linkify', {\n    writable: false,\n    value: function linkify(options) {\n      return linkifyStr(this, options);\n    }\n  });\n}\n\nexport { linkifyStr as default };\n","import {useMemo} from 'react';\nimport linkifyStr from 'linkify-string';\n\nexport function useLinkifiedString(text: string | null | undefined) {\n  return useMemo(() => {\n    if (!text) {\n      return text;\n    }\n    return linkifyStr(text, {\n      nl2br: true,\n      attributes: {rel: 'nofollow'},\n    });\n  }, [text]);\n}\n","import {UserProfile} from '@app/web-player/user-profile/user-profile';\nimport {UserLink} from '@app/web-player/user-profile/user-link';\nimport {ProfileLinks} from '@app/web-player/user-profile/profile-links';\nimport {useLinkifiedString} from '@common/utils/hooks/use-linkified-string';\n\ninterface Props {\n  profile?: UserProfile;\n  links?: UserLink[];\n  shortDescription?: boolean;\n}\nexport function ProfileDescription({profile, links, shortDescription}: Props) {\n  const description = useLinkifiedString(profile?.description) || '';\n  if (!profile) return null;\n  return (\n    <div className=\"min-w-0 text-sm\">\n      {profile.description && (\n        <div\n          className=\"text-secondary max-w-720 rounded bg-alt/80 p-10 dark:bg\"\n          dangerouslySetInnerHTML={{\n            __html: shortDescription ? description?.slice(0, 300) : description,\n          }}\n        />\n      )}\n      {profile.city || profile.country || links?.length ? (\n        <div className=\"mt-20 flex items-center justify-between gap-24\">\n          {(profile.city || profile.country) && (\n            <div className=\"text-secondary rounded bg-alt/80 p-10 dark:bg md:w-max\">\n              {profile.city}\n              {profile.city && ','} {profile.country}\n            </div>\n          )}\n          <ProfileLinks links={links} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","import {Genre} from '@app/web-player/genres/genre';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {Button} from '@common/ui/buttons/button';\nimport {Trans} from '@common/i18n/trans';\nimport {ArrowDropDownIcon} from '@common/icons/material/ArrowDropDown';\nimport {SmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {LikeButton} from '@app/web-player/library/like-button';\nimport {\n  actionButtonClassName,\n  MediaPageHeaderLayout,\n} from '@app/web-player/layout/media-page-header-layout';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {GenreLink} from '@app/web-player/genres/genre-link';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {ArtistContextDialog} from '@app/web-player/artists/artist-context-dialog';\nimport {ProfileDescription} from '@app/web-player/user-profile/profile-description';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {MediaItemStats} from '@app/web-player/tracks/media-item-stats';\nimport clsx from 'clsx';\n\ninterface ArtistPageHeaderProps {\n  artist: Artist;\n}\nexport function ArtistPageHeader({artist}: ArtistPageHeaderProps) {\n  const {artistPage} = useSettings();\n  return (\n    <MediaPageHeaderLayout\n      centerItems\n      image={\n        <SmallArtistImage\n          showVerifiedBadge\n          artist={artist}\n          className=\"rounded-full object-cover shadow-lg\"\n        />\n      }\n      title={artist.name}\n      subtitle={<GenreList genres={artist.genres} />}\n      actionButtons={\n        <div className=\"flex items-center justify-center gap-24 md:justify-between\">\n          <ActionButtons artist={artist} />\n          <MediaItemStats className=\"max-md:hidden\" item={artist} />\n        </div>\n      }\n      footer={\n        artistPage.showDescription && (\n          <ProfileDescription\n            profile={artist.profile}\n            links={artist.links}\n            shortDescription\n          />\n        )\n      }\n    />\n  );\n}\n\ninterface GenreListProps {\n  genres?: Genre[];\n}\nfunction GenreList({genres}: GenreListProps) {\n  return (\n    <ul className=\"flex max-w-620 items-center justify-start gap-14 overflow-hidden overflow-ellipsis whitespace-nowrap text-sm text-muted max-md:hidden\">\n      {genres?.slice(0, 5).map(genre => (\n        <li key={genre.id}>\n          <GenreLink genre={genre} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\ninterface ActionButtonsProps {\n  artist: Artist;\n}\nfunction ActionButtons({artist}: ActionButtonsProps) {\n  return (\n    <div>\n      <PlaybackToggleButton\n        queueId={queueGroupId(artist)}\n        buttonType=\"text\"\n        className={actionButtonClassName({isFirst: true})}\n      />\n      <LikeButton\n        likeable={artist}\n        className={clsx(actionButtonClassName(), 'max-md:hidden')}\n      />\n      <DialogTrigger type=\"popover\" mobileType=\"tray\">\n        <Button\n          variant=\"outline\"\n          radius=\"rounded-full\"\n          endIcon={<ArrowDropDownIcon />}\n          className={actionButtonClassName()}\n        >\n          <Trans message=\"More\" />\n        </Button>\n        <ArtistContextDialog artist={artist} />\n      </DialogTrigger>\n    </div>\n  );\n}\n","import {useMemo, useState} from 'react';\nimport {Trans} from '@common/i18n/trans';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {Button} from '@common/ui/buttons/button';\nimport {Track} from '@app/web-player/tracks/track';\n\ninterface TopTracksTableProps {\n  tracks?: Track[];\n}\nexport function TopTracksTable({tracks: initialTracks}: TopTracksTableProps) {\n  const [showingAll, setShowingAll] = useState(false);\n\n  const topTracks = useMemo(() => {\n    return {\n      all: initialTracks || [],\n      sliced: initialTracks?.slice(0, 5) || [],\n    };\n  }, [initialTracks]);\n\n  return (\n    <div className=\"flex-auto\">\n      <h2 className=\"text-muted text-base my-16\">\n        <Trans message=\"Popular songs\" />\n      </h2>\n      <TrackTable\n        tracks={showingAll ? topTracks.all : topTracks.sliced}\n        hideArtist\n        hideAlbum\n        hideHeaderRow\n      />\n      <Button\n        radius=\"rounded-full\"\n        className=\"mt-20\"\n        variant=\"outline\"\n        onClick={() => {\n          setShowingAll(!showingAll);\n        }}\n      >\n        {showingAll ? (\n          <Trans message=\"Show less\" />\n        ) : (\n          <Trans message=\"Show more\" />\n        )}\n      </Button>\n    </div>\n  );\n}\n","import {useParams} from 'react-router-dom';\nimport {PaginationResponse} from '@common/http/backend-response/pagination-response';\nimport {Album} from '@app/web-player/albums/album';\nimport {assignAlbumToTracks} from '@app/web-player/albums/assign-album-to-tracks';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\n\nexport type AlbumViewMode = 'list' | 'grid';\n\nexport const albumListViewPerPage = 5;\nexport const albumGridViewPerPage = 25;\n\nexport function useArtistAlbums(\n  initialPage: PaginationResponse<Album> | null,\n  viewMode: AlbumViewMode\n) {\n  const {artistId} = useParams();\n\n  return useInfiniteData<Album>({\n    endpoint: `artists/${artistId}/albums`,\n    queryKey: ['artists', +artistId!, 'albums', viewMode],\n    paginate: 'simple',\n    initialPage,\n    transformResponse: response => {\n      response.pagination.data = response.pagination.data.map(album =>\n        assignAlbumToTracks(album)\n      );\n      return response;\n    },\n  });\n}\n","import {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {AlbumIcon} from '@common/icons/material/Album';\nimport {Trans} from '@common/i18n/trans';\n\nexport function NoDiscographyMessage() {\n  return (\n    <IllustratedMessage\n      className=\"my-80\"\n      imageHeight=\"h-auto\"\n      image={<AlbumIcon size=\"xl\" className=\"text-muted\" />}\n      title={<Trans message=\"We do not have discography for this artist yet\" />}\n    />\n  );\n}\n","import {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {PaginationResponse} from '@common/http/backend-response/pagination-response';\nimport {Album} from '@app/web-player/albums/album';\nimport {useArtistAlbums} from '@app/web-player/artists/requests/use-artist-albums';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {AlbumLink} from '@app/web-player/albums/album-link';\nimport {FormattedDate} from '@common/i18n/formatted-date';\nimport {Button} from '@common/ui/buttons/button';\nimport {ArrowDropDownIcon} from '@common/icons/material/ArrowDropDown';\nimport {Trans} from '@common/i18n/trans';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {NoDiscographyMessage} from '@app/web-player/artists/artist-page/discography-panel/no-discography-message';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {AlbumContextDialog} from '@app/web-player/albums/album-context-dialog';\nimport {useSortableTableData} from '@common/ui/tables/use-sortable-table-data';\n\ninterface ArtistAlbumsListProps {\n  artist: Artist;\n  initialAlbums: PaginationResponse<Album> | null;\n}\nexport function ArtistAlbumsList({initialAlbums}: ArtistAlbumsListProps) {\n  const query = useArtistAlbums(initialAlbums, 'list');\n  const {isLoading, items} = query;\n\n  if (!isLoading && !items.length) {\n    return <NoDiscographyMessage />;\n  }\n\n  return (\n    <section>\n      {items.map(album => (\n        <div key={album.id} className=\"mb-40\">\n          <div className=\"mb-20 items-center gap-14 md:flex\">\n            <AlbumImage\n              album={album}\n              size=\"w-110 h-110\"\n              className=\"flex-shrink-0 rounded object-cover\"\n            />\n            <div className=\"flex-auto\">\n              <h4 className=\"min-w-0 overflow-hidden overflow-ellipsis whitespace-nowrap text-lg font-semibold max-md:mt-12\">\n                <AlbumLink album={album} />\n              </h4>\n              {album.release_date && (\n                <div className=\"mb-18 mt-2 text-sm text-muted\">\n                  <FormattedDate date={album.release_date} />\n                </div>\n              )}\n              <DialogTrigger type=\"popover\" mobileType=\"tray\" offset={10}>\n                <Button\n                  variant=\"outline\"\n                  size=\"xs\"\n                  radius=\"rounded-full\"\n                  endIcon={<ArrowDropDownIcon />}\n                >\n                  <Trans message=\"More\" />\n                </Button>\n                <AlbumContextDialog album={album} />\n              </DialogTrigger>\n            </div>\n          </div>\n          <AlbumTrackTable album={album} />\n        </div>\n      ))}\n      <InfiniteScrollSentinel query={query} />\n    </section>\n  );\n}\n\ninterface AlbumTrackTableProps {\n  album: Album;\n}\nfunction AlbumTrackTable({album}: AlbumTrackTableProps) {\n  const {data, sortDescriptor, onSortChange} = useSortableTableData(\n    album.tracks,\n  );\n  return (\n    <TrackTable\n      tracks={data}\n      hideArtist\n      hideAlbum\n      hideTrackImage\n      sortDescriptor={sortDescriptor}\n      onSortChange={onSortChange}\n      queueGroupId={queueGroupId(album, '*', sortDescriptor)}\n    />\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {PaginationResponse} from '@common/http/backend-response/pagination-response';\nimport {Album} from '@app/web-player/albums/album';\nimport {AlbumGridItem} from '@app/web-player/albums/album-grid-item';\nimport {useArtistAlbums} from '@app/web-player/artists/requests/use-artist-albums';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {NoDiscographyMessage} from '@app/web-player/artists/artist-page/discography-panel/no-discography-message';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\n\ninterface ArtistAlbumsGridProps {\n  artist: Artist;\n  initialAlbums: PaginationResponse<Album> | null;\n}\nexport function ArtistAlbumsGrid({initialAlbums}: ArtistAlbumsGridProps) {\n  const query = useArtistAlbums(initialAlbums, 'grid');\n\n  if (!query.isLoading && !query.items.length) {\n    return <NoDiscographyMessage />;\n  }\n\n  return (\n    <ContentGrid>\n      {query.items.map(album => (\n        <AlbumGridItem key={album.id} album={album} />\n      ))}\n      <InfiniteScrollSentinel query={query} />\n    </ContentGrid>\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {Trans} from '@common/i18n/trans';\nimport {SmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {Link} from 'react-router-dom';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {TopTracksTable} from '@app/web-player/artists/artist-page/discography-panel/top-tracks-table';\nimport {ArtistAlbumsList} from '@app/web-player/artists/artist-page/discography-panel/artist-albums-list';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {ViewAgendaIcon} from '@common/icons/material/ViewAgenda';\nimport {GridViewIcon} from '@common/icons/material/GridView';\nimport {ArtistAlbumsGrid} from '@app/web-player/artists/artist-page/discography-panel/artist-albums-grid';\nimport {Tooltip} from '@common/ui/tooltip/tooltip';\nimport {\n  albumGridViewPerPage,\n  albumListViewPerPage,\n} from '@app/web-player/artists/requests/use-artist-albums';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {AdHost} from '@common/admin/ads/ad-host';\nimport React from 'react';\nimport {\n  albumLayoutKey,\n  UseArtistResponse,\n} from '@app/web-player/artists/requests/use-artist';\nimport {useCookie} from '@common/utils/hooks/use-cookie';\n\ninterface DiscographyTabProps {\n  data: UseArtistResponse;\n}\nexport function DiscographyTab({\n  data: {artist, albums, selectedAlbumLayout},\n}: DiscographyTabProps) {\n  const {player} = useSettings();\n  const [viewMode, setViewMode] = useCookie(\n    albumLayoutKey,\n    selectedAlbumLayout || player?.default_artist_view || 'list',\n  );\n  return (\n    <div>\n      <Header artist={artist} />\n      <AdHost slot=\"artist_bottom\" className=\"mt-34\" />\n      <div className=\"mt-44\">\n        <div className=\"mb-30 flex items-center border-b pb-4 text-muted\">\n          <h2 className=\"mr-auto text-base\">\n            <Trans message=\"Albums\" />\n          </h2>\n          <Tooltip label={<Trans message=\"List view\" />}>\n            <IconButton\n              className=\"ml-24 flex-shrink-0\"\n              color={viewMode === 'list' ? 'primary' : undefined}\n              onClick={() => setViewMode('list')}\n            >\n              <ViewAgendaIcon />\n            </IconButton>\n          </Tooltip>\n          <Tooltip label={<Trans message=\"Grid view\" />}>\n            <IconButton\n              className=\"flex-shrink-0\"\n              color={viewMode === 'grid' ? 'primary' : undefined}\n              onClick={() => setViewMode('grid')}\n            >\n              <GridViewIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n        {viewMode === 'list' ? (\n          <ArtistAlbumsList\n            artist={artist}\n            initialAlbums={\n              albums?.per_page === albumListViewPerPage ? albums : null\n            }\n          />\n        ) : (\n          <ArtistAlbumsGrid\n            artist={artist}\n            initialAlbums={\n              albums?.per_page === albumGridViewPerPage ? albums : null\n            }\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\ninterface HeaderProps {\n  artist: Artist;\n}\nfunction Header({artist}: HeaderProps) {\n  if (!artist.top_tracks?.length) return null;\n  const similarArtists = artist.similar?.slice(0, 4) || [];\n\n  return (\n    <div className=\"flex items-start gap-30\">\n      <TopTracksTable tracks={artist.top_tracks} />\n      {similarArtists.length ? (\n        <div className=\"w-1/3 max-w-320 max-md:hidden\">\n          <h2 className=\"my-16 text-base text-muted\">\n            <Trans message=\"Similar artists\" />\n          </h2>\n          <div>\n            {similarArtists.map(similar => (\n              <Link\n                key={similar.id}\n                to={getArtistLink(similar)}\n                className=\"mb-4 flex cursor-pointer items-center gap-14 rounded p-4 hover:bg-hover\"\n              >\n                <SmallArtistImage\n                  artist={similar}\n                  className=\"h-44 w-44 rounded-full object-cover\"\n                />\n                <div className=\"text-sm\">{similar.name}</div>\n              </Link>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {ArtistGridItem} from '@app/web-player/artists/artist-grid-item';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\n\ninterface SimilarArtistsTabProps {\n  artist: Artist;\n}\nexport function SimilarArtistsPanel({artist}: SimilarArtistsTabProps) {\n  return (\n    <ContentGrid>\n      {artist.similar?.map(similar => (\n        <ArtistGridItem key={similar.id} artist={similar} />\n      ))}\n    </ContentGrid>\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {ImageZoomDialog} from '@common/ui/overlays/dialog/image-zoom-dialog';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {useLinkifiedString} from '@common/utils/hooks/use-linkified-string';\nimport {useMemo} from 'react';\n\ninterface ArtistAboutTabProps {\n  artist: Artist;\n}\nexport function ArtistAboutPanel({artist}: ArtistAboutTabProps) {\n  const description = useLinkifiedString(artist.profile?.description);\n\n  const images = useMemo(() => {\n    return artist.profile_images?.map(img => img.url) || [];\n  }, [artist.profile_images]);\n\n  return (\n    <div className=\"\">\n      <div className=\"grid grid-cols-3 lg:grid-cols-4 gap-24\">\n        {images.map((src, index) => (\n          <DialogTrigger key={src} type=\"modal\">\n            <button\n              type=\"button\"\n              className=\"outline-none focus-visible:ring cursor-zoom-in rounded overflow-hidden hover:scale-105 transition\"\n            >\n              <img\n                className=\"aspect-video object-cover rounded shadow cursor-zoom-in\"\n                src={src}\n                alt=\"\"\n              />\n            </button>\n            <ImageZoomDialog images={images} defaultActiveIndex={index} />\n          </DialogTrigger>\n        ))}\n      </div>\n      <div\n        className=\"py-24 text-sm whitespace-pre-wrap\"\n        dangerouslySetInnerHTML={{__html: description || ''}}\n      />\n    </div>\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {Track} from '@app/web-player/tracks/track';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {AudiotrackIcon} from '@common/icons/material/Audiotrack';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {PaginationResponse} from '@common/http/backend-response/pagination-response';\nimport {TrackList} from '@app/web-player/tracks/track-list/track-list';\n\ninterface Props {\n  artist: Artist;\n  initialTracks?: PaginationResponse<Track>;\n}\nexport function ArtistTracksPanel({artist, initialTracks}: Props) {\n  const query = useInfiniteData<Track>({\n    queryKey: ['tracks', artist.id],\n    endpoint: `artists/${artist.id}/tracks`,\n    initialPage: initialTracks,\n  });\n\n  if (query.isLoading) {\n    return <FullPageLoader className=\"min-h-100\" screen={false} />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<AudiotrackIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No tracks yet\" />}\n        description={\n          <Trans\n            message=\"Follow :artist for updates on their latest releases.\"\n            values={{artist: artist.name}}\n          />\n        }\n      />\n    );\n  }\n\n  return <TrackList query={query} />;\n}\n","import {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {ArtistLinks} from '@app/web-player/artists/artist-links';\nimport {Track} from '@app/web-player/tracks/track';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {TrackSeekbar} from '@app/web-player/player-controls/seekbar/track-seekbar';\nimport {trackIsLocallyUploaded} from '@app/web-player/tracks/utils/track-is-locally-uploaded';\nimport {FormattedRelativeTime} from '@common/i18n/formatted-relative-time';\nimport {CommentBarContextProvider} from '@app/web-player/tracks/waveform/comment-bar-context';\nimport React, {Fragment, memo} from 'react';\nimport {Chip} from '@common/ui/forms/input-field/chip-field/chip';\nimport {GenreLink} from '@app/web-player/genres/genre-link';\nimport {Album} from '@app/web-player/albums/album';\nimport {RepeatIcon} from '@common/icons/material/Repeat';\nimport clsx from 'clsx';\nimport {User} from '@common/auth/user';\nimport {UserProfileLink} from '@app/web-player/users/user-profile-link';\nimport {useAlbumPermissions} from '@app/web-player/albums/use-album-permissions';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {AlbumLink} from '@app/web-player/albums/album-link';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {FormattedNumber} from '@common/i18n/formatted-number';\nimport {PlayArrowFilledIcon} from '@app/web-player/tracks/play-arrow-filled';\nimport {usePlayerStore} from '@common/player/hooks/use-player-store';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {usePlayerActions} from '@common/player/hooks/use-player-actions';\nimport {tracksToMediaItems} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {WaveformWithComments} from '@app/web-player/tracks/track-list/track-list-item';\nimport {TrackActionsBar} from '@app/web-player/tracks/track-actions-bar';\n\ninterface Props {\n  album: Album;\n  reposter?: User;\n  className?: string;\n  hideArtwork?: boolean;\n  hideActions?: boolean;\n  linksInNewTab?: boolean;\n  maxHeight?: string;\n}\nexport const AlbumListItem = memo(\n  ({\n    album,\n    reposter,\n    className,\n    hideArtwork,\n    hideActions,\n    linksInNewTab,\n    maxHeight,\n  }: Props) => {\n    const queueId = queueGroupId(album);\n    const {player} = useSettings();\n    const {managesAlbum} = useAlbumPermissions(album);\n    const tracks = album?.tracks || [];\n\n    const media = usePlayerStore(s => s.cuedMedia);\n    const activeTrack = tracks.find(t => t.id === media?.meta.id) || tracks[0];\n\n    const showWave =\n      player?.seekbar_type === 'waveform' &&\n      trackIsLocallyUploaded(activeTrack);\n\n    return (\n      <div\n        key={album.id}\n        className={clsx(\n          'overflow-hidden',\n          !hideArtwork && 'md:flex md:gap-24',\n          className,\n          maxHeight,\n        )}\n      >\n        {!hideArtwork && (\n          <AlbumImage\n            album={album}\n            className=\"flex-shrink-0 rounded max-md:hidden\"\n            size=\"w-184 h-184\"\n          />\n        )}\n        <div\n          className={clsx(\n            'min-w-0 flex-auto',\n            maxHeight && 'flex h-full flex-col',\n          )}\n        >\n          <div className=\"flex-shrink-0\">\n            <div className=\"flex items-center gap-14\">\n              <PlaybackToggleButton\n                queueId={queueId}\n                track={activeTrack}\n                tracks={album.tracks}\n                buttonType=\"icon\"\n                color=\"primary\"\n                variant=\"flat\"\n                radius=\"rounded-full\"\n                equalizerColor=\"white\"\n              />\n              <div>\n                <div className=\"flex items-center gap-6 text-sm text-muted\">\n                  <ArtistLinks\n                    artists={album.artists}\n                    target={linksInNewTab ? '_blank' : undefined}\n                  />\n                  {reposter && (\n                    <Fragment>\n                      <RepeatIcon size=\"xs\" />\n                      <UserProfileLink\n                        user={reposter}\n                        target={linksInNewTab ? '_blank' : undefined}\n                      />\n                    </Fragment>\n                  )}\n                </div>\n                <div>\n                  <AlbumLink\n                    album={album}\n                    target={linksInNewTab ? '_blank' : undefined}\n                  />\n                </div>\n              </div>\n              <div className=\"ml-auto text-sm\">\n                <FormattedRelativeTime date={album.created_at} />\n                {album.genres?.length ? (\n                  <Chip className=\"mt-6 w-max\" size=\"xs\">\n                    <GenreLink\n                      genre={album.genres[0]}\n                      target={linksInNewTab ? '_blank' : undefined}\n                    />\n                  </Chip>\n                ) : null}\n              </div>\n            </div>\n            <div className=\"my-20\">\n              {showWave ? (\n                <CommentBarContextProvider disableCommenting={hideActions}>\n                  <WaveformWithComments\n                    track={activeTrack}\n                    queue={album.tracks}\n                  />\n                </CommentBarContextProvider>\n              ) : (\n                <TrackSeekbar track={activeTrack} queue={album.tracks} />\n              )}\n            </div>\n          </div>\n          <div className=\"flex-auto overflow-y-auto\">\n            {tracks.map((track, index) => {\n              const isLast = index - 1 === album.tracks?.length;\n              const isActive = activeTrack?.id === track.id;\n              return (\n                <TrackItem\n                  key={track.id}\n                  track={track}\n                  album={album}\n                  index={index}\n                  isLast={isLast}\n                  isActive={isActive}\n                />\n              );\n            })}\n          </div>\n          {!hideActions && (\n            <TrackActionsBar\n              className=\"mt-20\"\n              item={album}\n              managesItem={managesAlbum}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\ninterface TrackItemProps {\n  track: Track;\n  album: Album;\n  index: number;\n  isLast: boolean;\n  isActive: boolean;\n}\nfunction TrackItem({track, index, isLast, isActive, album}: TrackItemProps) {\n  const playerActions = usePlayerActions();\n  return (\n    <div\n      key={track.id}\n      className={clsx(\n        'flex cursor-pointer items-center gap-8 p-8 text-[13px] hover:bg-hover',\n        !isLast && 'border-b',\n        isActive && 'text-primary',\n      )}\n      onClick={() => {\n        if (album.tracks?.length) {\n          playerActions.overrideQueueAndPlay(\n            tracksToMediaItems(album.tracks),\n            index,\n          );\n        }\n      }}\n    >\n      <TrackImage track={track} size=\"w-20 h-20\" className=\"rounded\" />\n      <div>{index + 1}</div>\n      <div className=\"mx-10 flex-auto\">{track.name}</div>\n      {track.plays && track.plays > 0 ? (\n        <Fragment>\n          <PlayArrowFilledIcon size=\"xs\" className=\"ml-auto text-muted\" />\n          <div className=\"text-muted\">\n            <FormattedNumber value={track.plays} />\n          </div>\n        </Fragment>\n      ) : null}\n    </div>\n  );\n}\n","import {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport React from 'react';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {UseInfiniteDataResult} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {Album} from '@app/web-player/albums/album';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {AlbumGridItem} from '@app/web-player/albums/album-grid-item';\nimport {AlbumListItem} from '@app/web-player/albums/album-list/album-list-item';\n\ninterface Props {\n  albums?: Album[];\n  query?: UseInfiniteDataResult<Album>;\n}\nexport function AlbumList({albums, query}: Props) {\n  const isMobile = useIsMobileMediaQuery();\n  if (!albums && query) {\n    albums = query.items;\n  } else {\n    albums = [];\n  }\n\n  if (isMobile) {\n    return (\n      <div>\n        <ContentGrid>\n          {albums.map(album => (\n            <AlbumGridItem album={album} key={album.id} />\n          ))}\n        </ContentGrid>\n        {query && <InfiniteScrollSentinel query={query} />}\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {albums.map(album => (\n        <AlbumListItem key={album.id} album={album} className=\"mb-40\" />\n      ))}\n      {query && <InfiniteScrollSentinel query={query} />}\n    </div>\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {Album} from '@app/web-player/albums/album';\nimport {AlbumIcon} from '@common/icons/material/Album';\nimport {AlbumList} from '@app/web-player/albums/album-list/album-list';\n\ninterface Props {\n  artist: Artist;\n}\nexport function ArtistAlbumsPanel({artist}: Props) {\n  const query = useInfiniteData<Album>({\n    queryKey: ['albums', artist.id],\n    endpoint: `artists/${artist.id}/albums`,\n  });\n\n  if (query.isInitialLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<AlbumIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No albums yet\" />}\n        description={\n          <Trans\n            message=\"Follow :artist for updates on their latest releases.\"\n            values={{artist: artist.name}}\n          />\n        }\n      />\n    );\n  }\n\n  return <AlbumList query={query} />;\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {useSearchParams} from 'react-router-dom';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {useMemo} from 'react';\nimport {artistPageTabs} from '@app/web-player/artists/artist-page-tabs';\n\nexport function useArtistPageTabs(artist: Artist) {\n  const [searchParams] = useSearchParams();\n  const {artistPage} = useSettings();\n\n  return useMemo(() => {\n    const haveSimilar = artist.similar?.length;\n    const haveBio =\n      artist.profile_images?.length || artist.profile?.description;\n    const activeTabs = artistPage?.tabs?.filter(tab => {\n      if (!tab.active) {\n        return false;\n      }\n      if (tab.id === artistPageTabs.similar && !haveSimilar) {\n        return false;\n      }\n      if (tab.id === artistPageTabs.about && !haveBio) {\n        return false;\n      }\n      return true;\n    });\n    const selectedTabId =\n      artistPageTabs[searchParams.get('tab') as keyof typeof artistPageTabs];\n    const i = activeTabs?.findIndex(t => t.id === selectedTabId);\n    const selectedIndex = i > -1 ? i : 0;\n    return {\n      selectedIndex,\n      activeTabs,\n    };\n  }, [artist, artistPage.tabs, searchParams]);\n}\n","import {useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useAuth} from '@common/auth/use-auth';\nimport {User} from '@common/auth/user';\n\ninterface Response extends BackendResponse {\n  ids: number[];\n}\n\nexport function useFollowedUsers() {\n  const {user} = useAuth();\n  return useQuery({\n    queryKey: ['users', 'followed', 'ids'],\n    queryFn: () => fetchIds(),\n    enabled: !!user,\n  });\n}\n\nexport function useIsUserFollowing(user: User) {\n  const {data, isLoading} = useFollowedUsers();\n  return {\n    isLoading,\n    isFollowing: !!data?.ids.includes(user.id),\n  };\n}\n\nfunction fetchIds() {\n  return apiClient\n    .get<Response>(`users/me/followed-users/ids`)\n    .then(response => response.data);\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {User} from '@common/auth/user';\n\ninterface Response extends BackendResponse {}\n\ninterface Payload {\n  user: User;\n}\n\nexport function useFollowUser() {\n  return useMutation({\n    mutationFn: (payload: Payload) => followUser(payload),\n    onSuccess: async (response, {user}) => {\n      await queryClient.invalidateQueries({queryKey: ['users']});\n      toast(message('Following :name', {values: {name: user.display_name}}));\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction followUser({user}: Payload): Promise<Response> {\n  return apiClient.post(`users/${user.id}/follow`).then(r => r.data);\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {User} from '@common/auth/user';\n\ninterface Response extends BackendResponse {}\n\ninterface Payload {\n  user: User;\n}\n\nexport function useUnfollowUser() {\n  return useMutation({\n    mutationFn: (payload: Payload) => unfollowUser(payload),\n    onSuccess: async (response, {user}) => {\n      await queryClient.invalidateQueries({queryKey: ['users']});\n      toast(\n        message('Stopped following :name', {values: {name: user.display_name}}),\n      );\n    },\n    onError: r => showHttpErrorToast(r),\n  });\n}\n\nfunction unfollowUser({user}: Payload): Promise<Response> {\n  return apiClient.post(`users/${user.id}/unfollow`).then(r => r.data);\n}\n","import {Button, ButtonProps} from '@common/ui/buttons/button';\nimport {useAuth} from '@common/auth/use-auth';\nimport {User} from '@common/auth/user';\nimport {useIsUserFollowing} from '@common/users/queries/use-followed-users';\nimport {useFollowUser} from '@common/users/queries/use-follow-user';\nimport {useUnfollowUser} from '@common/users/queries/use-unfollow-user';\nimport {Trans} from '@common/i18n/trans';\nimport clsx from 'clsx';\n\ninterface Props extends Omit<ButtonProps, 'onClick' | 'disabled'> {\n  user: User;\n  minWidth?: string | null;\n}\nexport function FollowButton({\n  user,\n  className,\n  minWidth = 'min-w-82',\n  ...buttonProps\n}: Props) {\n  const {user: currentUser} = useAuth();\n  const {isFollowing, isLoading} = useIsUserFollowing(user);\n  const followUser = useFollowUser();\n  const unfollowUser = useUnfollowUser();\n\n  const mergedClassName = clsx(className, minWidth);\n\n  if (isFollowing) {\n    return (\n      <Button\n        {...buttonProps}\n        className={mergedClassName}\n        onClick={() => unfollowUser.mutate({user})}\n        disabled={\n          !currentUser ||\n          currentUser?.id === user.id ||\n          unfollowUser.isPending ||\n          isLoading\n        }\n      >\n        <Trans message=\"Unfollow\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      className={mergedClassName}\n      onClick={() => followUser.mutate({user})}\n      disabled={\n        !currentUser ||\n        currentUser?.id === user.id ||\n        followUser.isPending ||\n        isLoading\n      }\n    >\n      <Trans message=\"Follow\" />\n    </Button>\n  );\n}\n","import {User} from '@common/auth/user';\nimport {UserImage} from '@app/web-player/users/user-image';\nimport {UserProfileLink} from '@app/web-player/users/user-profile-link';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {FollowButton} from '@common/users/follow-button';\n\ninterface Props {\n  follower: User;\n}\nexport function FollowerListItem({follower}: Props) {\n  return (\n    <div\n      key={follower.id}\n      className=\"mb-16 flex items-center gap-16 border-b pb-16\"\n    >\n      <UserImage user={follower} className=\"h-64 w-64 rounded\" />\n      <div className=\"text-sm\">\n        <UserProfileLink user={follower} />\n        {follower.followers_count && follower.followers_count > 0 ? (\n          <div className=\"text-xs text-muted\">\n            <Trans\n              message=\"[one 1 followers|other :count followers]\"\n              values={{count: follower.followers_count}}\n            />\n          </div>\n        ) : null}\n      </div>\n      <FollowButton\n        user={follower}\n        variant=\"outline\"\n        radius=\"rounded-full\"\n        className=\"ml-auto flex-shrink-0\"\n      />\n    </div>\n  );\n}\n","import {Artist} from '@app/web-player/artists/artist';\nimport {Trans} from '@common/i18n/trans';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {User} from '@common/auth/user';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport React from 'react';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {BookmarkBorderIcon} from '@common/icons/material/BookmarkBorder';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {FollowerListItem} from '@app/web-player/artists/artist-page/followers-panel/follower-list-item';\n\ninterface Props {\n  artist: Artist;\n}\nexport function ArtistFollowersPanel({artist}: Props) {\n  const query = useInfiniteData<User>({\n    queryKey: ['artists', artist.id, 'followers'],\n    endpoint: `artists/${artist.id}/followers`,\n  });\n\n  if (query.isInitialLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<BookmarkBorderIcon size=\"lg\" className=\"text-muted\" />}\n        description={\n          <Trans\n            message=\"Seems like no one is following :name yet.\"\n            values={{name: artist.name}}\n          />\n        }\n      />\n    );\n  }\n\n  return (\n    <div>\n      {query.items.map(follower => (\n        <FollowerListItem key={follower.id} follower={follower} />\n      ))}\n      <InfiniteScrollSentinel query={query} />\n    </div>\n  );\n}\n","import {Link} from 'react-router-dom';\nimport {artistPageTabs} from '@app/web-player/artists/artist-page-tabs';\nimport {Tabs} from '@common/ui/tabs/tabs';\nimport {TabList} from '@common/ui/tabs/tab-list';\nimport {Tab} from '@common/ui/tabs/tab';\nimport {Trans} from '@common/i18n/trans';\nimport {TabPanel, TabPanels} from '@common/ui/tabs/tab-panels';\nimport {DiscographyTab} from '@app/web-player/artists/artist-page/discography-panel/discography-tab';\nimport {SimilarArtistsPanel} from '@app/web-player/artists/artist-page/similar-artists-panel';\nimport {ArtistAboutPanel} from '@app/web-player/artists/artist-page/artist-about-panel';\nimport {ArtistTracksPanel} from '@app/web-player/artists/artist-page/artist-tracks-panel';\nimport {ArtistAlbumsPanel} from '@app/web-player/artists/artist-page/artist-albums-panel';\nimport React from 'react';\nimport {UseArtistResponse} from '@app/web-player/artists/requests/use-artist';\nimport {useArtistPageTabs} from '@app/web-player/artists/artist-page/use-artist-page-tabs';\nimport {ArtistFollowersPanel} from '@app/web-player/artists/artist-page/artist-followers-panel';\n\ninterface Props {\n  data: UseArtistResponse;\n}\nexport function ArtistPageTabs({data}: Props) {\n  const {selectedIndex, activeTabs} = useArtistPageTabs(data.artist);\n  return (\n    <Tabs className=\"mt-24 md:mt-48\" selectedTab={selectedIndex} isLazy>\n      <TabList>\n        {activeTabs.map(tab => {\n          switch (tab.id) {\n            case artistPageTabs.discography:\n              return (\n                <Tab elementType={Link} key={artistPageTabs.discography}>\n                  <Trans message=\"Discography\" />\n                </Tab>\n              );\n            case artistPageTabs.similar:\n              return (\n                <Tab\n                  elementType={Link}\n                  to={{search: '?tab=similar'}}\n                  key={artistPageTabs.similar}\n                >\n                  <Trans message=\"Similar artists\" />\n                </Tab>\n              );\n            case artistPageTabs.about:\n              return (\n                <Tab\n                  elementType={Link}\n                  to={{search: '?tab=about'}}\n                  key={artistPageTabs.about}\n                >\n                  <Trans message=\"About\" />\n                </Tab>\n              );\n            case artistPageTabs.tracks:\n              return (\n                <Tab\n                  elementType={Link}\n                  to={{search: '?tab=tracks'}}\n                  key={artistPageTabs.tracks}\n                >\n                  <Trans message=\"Tracks\" />\n                </Tab>\n              );\n            case artistPageTabs.albums:\n              return (\n                <Tab\n                  elementType={Link}\n                  to={{search: '?tab=albums'}}\n                  key={artistPageTabs.albums}\n                >\n                  <Trans message=\"Albums\" />\n                </Tab>\n              );\n            case artistPageTabs.followers:\n              return (\n                <Tab\n                  elementType={Link}\n                  to={{search: '?tab=followers'}}\n                  key={artistPageTabs.followers}\n                >\n                  <Trans message=\"Followers\" />\n                </Tab>\n              );\n          }\n        })}\n      </TabList>\n      <TabPanels className=\"mt-12 md:mt-24\">\n        {activeTabs.map(tab => {\n          switch (tab.id) {\n            case artistPageTabs.discography:\n              return (\n                <TabPanel key={artistPageTabs.discography}>\n                  <DiscographyTab data={data} />\n                </TabPanel>\n              );\n            case artistPageTabs.similar:\n              return (\n                <TabPanel key={artistPageTabs.similar}>\n                  <SimilarArtistsPanel artist={data.artist} />\n                </TabPanel>\n              );\n            case artistPageTabs.about:\n              return (\n                <TabPanel key={artistPageTabs.about}>\n                  <ArtistAboutPanel artist={data.artist} />\n                </TabPanel>\n              );\n            case artistPageTabs.tracks:\n              return (\n                <TabPanel key={artistPageTabs.tracks}>\n                  <ArtistTracksPanel\n                    artist={data.artist}\n                    initialTracks={data.tracks}\n                  />\n                </TabPanel>\n              );\n            case artistPageTabs.albums:\n              return (\n                <TabPanel key={artistPageTabs.albums}>\n                  <ArtistAlbumsPanel artist={data.artist} />\n                </TabPanel>\n              );\n            case artistPageTabs.followers:\n              return (\n                <TabPanel key={artistPageTabs.followers}>\n                  <ArtistFollowersPanel artist={data.artist} />\n                </TabPanel>\n              );\n          }\n        })}\n      </TabPanels>\n    </Tabs>\n  );\n}\n","import {useArtist} from '@app/web-player/artists/requests/use-artist';\nimport {ArtistPageHeader} from '@app/web-player/artists/artist-page/artist-page-header';\nimport {PageMetaTags} from '@common/http/page-meta-tags';\nimport {PageStatus} from '@common/http/page-status';\nimport React from 'react';\nimport {ArtistPageTabs} from '@app/web-player/artists/artist-page/artist-page-tabs';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nexport function ArtistPage() {\n  const query = useArtist({\n    loader: 'artistPage',\n  });\n\n  if (query.data) {\n    return (\n      <div>\n        <PageMetaTags query={query} />\n        <AdHost slot=\"general_top\" className=\"mb-34\" />\n        <ArtistPageHeader artist={query.data.artist} />\n        <AdHost slot=\"artist_top\" className=\"mt-14\" />\n        <ArtistPageTabs data={query.data} />\n        <AdHost slot=\"general_bottom\" className=\"mt-34\" />\n      </div>\n    );\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderClassName=\"absolute inset-0 m-auto\"\n      loaderIsScreen={false}\n    />\n  );\n}\n","import {useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useParams} from 'react-router-dom';\nimport {PaginationResponse} from '@common/http/backend-response/pagination-response';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\n\nexport interface GetPlaylistResponse extends BackendResponse {\n  playlist: Playlist;\n  tracks: PaginationResponse<Track>;\n  totalDuration: number;\n  loader: Params['loader'];\n}\n\ninterface Params {\n  loader: 'playlistPage' | 'playlist';\n}\n\nexport function usePlaylist(params: Params) {\n  const {playlistId} = useParams();\n  return useQuery({\n    queryKey: ['playlists', +playlistId!],\n    queryFn: () => fetchPlaylist(playlistId!),\n    initialData: () => {\n      const data = getBootstrapData().loaders?.[params.loader];\n      if (data?.playlist?.id == playlistId && data?.loader === params.loader) {\n        return data;\n      }\n      return undefined;\n    },\n  });\n}\n\nfunction fetchPlaylist(\n  playlistId: number | string,\n): Promise<GetPlaylistResponse> {\n  return apiClient\n    .get(`playlists/${playlistId}`)\n    .then(response => response.data);\n}\n","import React, {Children, Fragment, ReactElement, ReactNode} from 'react';\nimport {AvatarProps} from '@common/ui/images/avatar';\nimport clsx from 'clsx';\nimport {Trans} from '@common/i18n/trans';\nimport {Link} from 'react-router-dom';\n\ninterface AvatarGroupProps {\n  children: ReactNode;\n  className?: string;\n}\nexport function AvatarGroup(props: AvatarGroupProps) {\n  const children = Children.toArray(\n    props.children\n  ) as ReactElement<AvatarProps>[];\n\n  if (!children.length) return null;\n\n  const firstLink = children[0].props.link;\n  const label = children[0].props.label;\n\n  return (\n    <div className={clsx('pl-10 flex isolate items-center', props.className)}>\n      <Fragment>\n        {children.map((avatar, index) => (\n          <div\n            key={index}\n            style={{zIndex: 5 - index}}\n            className={clsx(\n              'relative border-2 border-bg-alt bg-alt rounded-full -ml-10 overflow-hidden flex-shrink-0'\n            )}\n          >\n            {avatar}\n          </div>\n        ))}\n      </Fragment>\n      <div className=\"text-sm whitespace-nowrap ml-10\">\n        {firstLink && label ? (\n          <Link to={firstLink} className=\"hover:underline\">\n            {label}\n          </Link>\n        ) : null}\n        {children.length > 1 && (\n          <span>\n            {' '}\n            <Trans\n              message=\"+ :count more\"\n              values={{count: children.length - 1}}\n            />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n","import React, {Children, Fragment, ReactNode} from 'react';\nimport clsx from 'clsx';\n\ninterface BulletSeparatedItemsProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport function BulletSeparatedItems({\n  children,\n  className,\n}: BulletSeparatedItemsProps) {\n  const items = Children.toArray(children);\n  return (\n    <div className={clsx('flex items-center gap-4', className)}>\n      {items.map((child, index) => (\n        <Fragment key={index}>\n          <div>{child}</div>\n          {index < items.length - 1 ? <div>&bull;</div> : null}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n","import {Playlist} from '@app/web-player/playlists/playlist';\nimport {\n  getPlaylistImageSrc,\n  PlaylistImage,\n} from '@app/web-player/playlists/playlist-image';\nimport {Trans} from '@common/i18n/trans';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport React, {Fragment} from 'react';\nimport {FileUploadProvider} from '@common/uploads/uploader/file-upload-provider';\nimport {ImageSelector} from '@common/ui/images/image-selector';\nimport {ImageIcon} from '@common/icons/material/Image';\nimport {useUpdatePlaylist} from '@app/web-player/playlists/requests/use-update-playlist';\nimport {usePlaylistPermissions} from '@app/web-player/playlists/hooks/use-playlist-permissions';\nimport {Button} from '@common/ui/buttons/button';\nimport {ArrowDropDownIcon} from '@common/icons/material/ArrowDropDown';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {PlaylistContextDialog} from '@app/web-player/playlists/playlist-context-dialog';\nimport {FollowPlaylistButton} from '@app/web-player/playlists/playlist-page/follow-playlist-button';\nimport {AvatarGroup} from '@common/ui/images/avatar-group';\nimport {Avatar} from '@common/ui/images/avatar';\nimport {getUserProfileLink} from '@app/web-player/users/user-profile-link';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {\n  actionButtonClassName,\n  MediaPageHeaderLayout,\n} from '@app/web-player/layout/media-page-header-layout';\nimport {BulletSeparatedItems} from '@app/web-player/layout/bullet-separated-items';\n\ninterface PlaylistPageHeaderProps {\n  playlist: Playlist;\n  totalDuration: number;\n  queueId: string;\n}\nexport function PlaylistPageHeader({\n  playlist,\n  totalDuration,\n  queueId,\n}: PlaylistPageHeaderProps) {\n  return (\n    <Fragment>\n      <MediaPageHeaderLayout\n        image={<EditableImage playlist={playlist} />}\n        title={playlist.name}\n        subtitle={\n          <AvatarGroup>\n            {playlist.editors?.map(editor => (\n              <Avatar\n                key={editor.id}\n                circle\n                src={editor.avatar}\n                label={editor.display_name}\n                link={getUserProfileLink(editor)}\n              />\n            ))}\n          </AvatarGroup>\n        }\n        description={\n          <Fragment>\n            {playlist.description}\n            {playlist.tracks_count ? (\n              <BulletSeparatedItems className=\"mt-14 text-sm text-muted\">\n                <Trans\n                  message=\"[one 1 track|other :count tracks]\"\n                  values={{count: playlist.tracks_count}}\n                />\n                <FormattedDuration ms={totalDuration} verbose />\n                {playlist.collaborative && <Trans message=\"Collaborative\" />}\n              </BulletSeparatedItems>\n            ) : null}\n          </Fragment>\n        }\n        actionButtons={\n          <ActionButtons\n            playlist={playlist}\n            hasTracks={totalDuration > 0}\n            queueId={queueId}\n          />\n        }\n      />\n    </Fragment>\n  );\n}\n\ninterface ImageContainerProps {\n  playlist: Playlist;\n  size?: string;\n  className?: string;\n}\nfunction EditableImage({playlist, size, className}: ImageContainerProps) {\n  const updatePlaylist = useUpdatePlaylist();\n  const {canEdit} = usePlaylistPermissions(playlist);\n\n  if (!canEdit) {\n    return (\n      <PlaylistImage\n        className={`${size} ${className} rounded object-cover`}\n        playlist={playlist}\n      />\n    );\n  }\n\n  return (\n    <FileUploadProvider>\n      <ImageSelector\n        showEditButtonOnHover\n        diskPrefix=\"playlist_media\"\n        variant=\"square\"\n        previewSize={size}\n        className={className}\n        value={getPlaylistImageSrc(playlist)}\n        onChange={newValue => {\n          updatePlaylist.mutate({image: newValue});\n        }}\n        placeholderIcon={<ImageIcon />}\n        stretchPreview\n      />\n    </FileUploadProvider>\n  );\n}\n\ninterface ActionButtonsProps {\n  playlist: Playlist;\n  hasTracks: boolean;\n  queueId: string;\n}\nfunction ActionButtons({playlist, hasTracks, queueId}: ActionButtonsProps) {\n  return (\n    <div className=\"text-center md:text-start\">\n      <PlaybackToggleButton\n        disabled={!hasTracks}\n        buttonType=\"text\"\n        queueId={queueId}\n        className={actionButtonClassName({isFirst: true})}\n      />\n      <FollowPlaylistButton\n        buttonType=\"text\"\n        playlist={playlist}\n        className={actionButtonClassName()}\n      />\n      <DialogTrigger type=\"popover\" mobileType=\"tray\">\n        <Button\n          variant=\"outline\"\n          radius=\"rounded-full\"\n          endIcon={<ArrowDropDownIcon />}\n          className={actionButtonClassName()}\n        >\n          <Trans message=\"More\" />\n        </Button>\n        <PlaylistContextDialog playlist={playlist} />\n      </DialogTrigger>\n    </div>\n  );\n}\n","export function moveMultipleItemsInArray<T>(\n  array: T[],\n  indexOrIndexes: number | number[],\n  newIndex: number\n) {\n  const indexes = Array.isArray(indexOrIndexes)\n    ? indexOrIndexes\n    : [indexOrIndexes];\n  const insertBefore = array[newIndex + (newIndex < indexes[0] ? 0 : 1)];\n  const itemsToBeMoved = indexes.map(i => array[i]);\n\n  // in original sequence order, check for presence in the removal\n  // list, *and* remove them from the original array\n  const moved = [];\n  for (let i = 0; i < array.length; ) {\n    const value = array[i];\n    if (itemsToBeMoved.indexOf(value) >= 0) {\n      moved.push(value);\n      array.splice(i, 1);\n    } else {\n      ++i;\n    }\n  }\n\n  // find the new index of the insertion point\n  let insertionIndex = array.indexOf(insertBefore);\n  if (insertionIndex < 0) {\n    insertionIndex = array.length;\n  }\n\n  // and add the elements back in\n  array.splice(insertionIndex, 0, ...moved);\n\n  return array;\n}\n","import {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useMutation} from '@tanstack/react-query';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {Track} from '@app/web-player/tracks/track';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {useParams} from 'react-router-dom';\nimport {moveMultipleItemsInArray} from '@common/utils/array/move-multiple-items-in-array';\n\ninterface Response extends BackendResponse {\n  //\n}\n\ninterface Payload {\n  tracks: Track[];\n  oldIndexes: number | number[];\n  newIndex: number;\n}\n\nexport function useReorderPlaylistTracks() {\n  const {playlistId} = useParams();\n  return useMutation({\n    mutationFn: (payload: Payload) => reorderTracks(playlistId!, payload),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: ['tracks', 'playlist', +playlistId!],\n      });\n    },\n    onError: err => showHttpErrorToast(err),\n  });\n}\n\nfunction reorderTracks(\n  playlistId: number | string,\n  {tracks, oldIndexes, newIndex}: Payload,\n): Promise<Response> {\n  const ids = tracks.map(t => t.id);\n  moveMultipleItemsInArray(ids, oldIndexes, newIndex);\n  return apiClient\n    .post(`playlists/${playlistId}/tracks/order`, {ids})\n    .then(r => r.data);\n}\n","import {RowElementProps} from '@common/ui/tables/table-row';\nimport {Track} from '@app/web-player/tracks/track';\nimport {useIsTouchDevice} from '@common/utils/hooks/is-touch-device';\nimport React, {Fragment, useContext, useRef} from 'react';\nimport {TableContext} from '@common/ui/tables/table-context';\nimport {DragPreviewRenderer} from '@common/ui/interactions/dnd/use-draggable';\nimport {useReorderPlaylistTracks} from '@app/web-player/playlists/requests/use-reorder-playlist-tracks';\nimport {useSortable} from '@common/ui/interactions/dnd/use-sortable';\nimport {usePlaylist} from '@app/web-player/playlists/requests/use-playlist';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {mergeProps} from '@react-aria/utils';\nimport {PlaylistTrackContextDialog} from '@app/web-player/playlists/playlist-page/playlist-track-context-dialog';\nimport {Trans} from '@common/i18n/trans';\nimport {DragPreview} from '@common/ui/interactions/dnd/drag-preview';\n\nexport function PlaylistTableRow({\n  item,\n  children,\n  className,\n  ...domProps\n}: RowElementProps<Track>) {\n  const isTouchDevice = useIsTouchDevice();\n  const {\n    data: tracks,\n    selectRow,\n    selectedRows,\n    sortDescriptor,\n  } = useContext(TableContext);\n  const domRef = useRef<HTMLTableRowElement>(null);\n  const previewRef = useRef<DragPreviewRenderer>(null);\n  const reorderTracks = useReorderPlaylistTracks();\n  const {data} = usePlaylist({loader: 'playlistPage'});\n\n  const {sortableProps} = useSortable({\n    ref: domRef,\n    disabled:\n      (isTouchDevice ?? false) ||\n      reorderTracks.isPending ||\n      // disable drag and drop if table is sorted via header\n      sortDescriptor?.orderBy !== 'position',\n    item: item,\n    items: tracks,\n    type: 'playlistTrack',\n    preview: previewRef,\n    previewVariant: 'line',\n    onDragEnd: () => {\n      selectRow(null);\n    },\n    onSortStart: () => {\n      // if dragging a row that is already selected, do nothing,\n      // otherwise deselect all other rows and select this one\n      if (!selectedRows.includes(item.id)) {\n        selectRow(item);\n      }\n    },\n    onSortEnd: (oldIndex, newIndex) => {\n      reorderTracks.mutate({\n        tracks: tracks as Track[],\n        oldIndexes:\n          selectedRows.length > 1\n            ? selectedRows.map(id => tracks.findIndex(t => t.id === id))\n            : oldIndex,\n        newIndex,\n      });\n    },\n  });\n\n  return (\n    <Fragment>\n      <DialogTrigger\n        type=\"popover\"\n        triggerOnContextMenu\n        placement=\"bottom-start\"\n      >\n        <div\n          className={className}\n          ref={domRef}\n          {...mergeProps(sortableProps, domProps)}\n        >\n          {children}\n        </div>\n        <PlaylistTrackContextDialog playlist={data!.playlist} />\n      </DialogTrigger>\n      {!item.isPlaceholder && <RowDragPreview track={item} ref={previewRef} />}\n    </Fragment>\n  );\n}\n\ninterface RowDragPreviewProps {\n  track: Track;\n}\nconst RowDragPreview = React.forwardRef<\n  DragPreviewRenderer,\n  RowDragPreviewProps\n>(({track}, ref) => {\n  const {selectedRows} = useContext(TableContext);\n\n  const content =\n    selectedRows.length > 1 ? (\n      <Trans message=\":count tracks\" values={{count: selectedRows.length}} />\n    ) : (\n      `${track.name} - ${track.artists?.[0]?.name}`\n    );\n\n  return (\n    <DragPreview ref={ref}>\n      {() => (\n        <div\n          className=\"rounded bg-chip p-8 text-base shadow\"\n          role=\"presentation\"\n        >\n          {content}\n        </div>\n      )}\n    </DragPreview>\n  );\n});\n","import {Trans} from '@common/i18n/trans';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport React, {ReactElement} from 'react';\n\ninterface MediaPageNoResultsMessage {\n  description: ReactElement;\n  searchQuery?: string;\n  className?: string;\n}\nexport function MediaPageNoResultsMessage({\n  description,\n  searchQuery,\n  className,\n}: MediaPageNoResultsMessage) {\n  if (searchQuery) {\n    return (\n      <IllustratedMessage\n        className={className}\n        title={<Trans message=\"No results found\" />}\n        description={\n          <Trans message=\"Try another search query or different filters\" />\n        }\n      />\n    );\n  }\n  return (\n    <IllustratedMessage\n      className={className}\n      title={<Trans message=\"Nothing to display\" />}\n      description={description}\n    />\n  );\n}\n","import {usePlaylist} from '@app/web-player/playlists/requests/use-playlist';\nimport {Trans} from '@common/i18n/trans';\nimport {PaginationResponse} from '@common/http/backend-response/pagination-response';\nimport {Track} from '@app/web-player/tracks/track';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport React from 'react';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {message} from '@common/i18n/message';\nimport {SearchIcon} from '@common/icons/material/Search';\nimport {VirtualTableBody} from '@app/web-player/playlists/virtual-table-body';\nimport {PlaylistPageHeader} from '@app/web-player/playlists/playlist-page/playlist-page-header';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {PlaylistTableRow} from '@app/web-player/playlists/playlist-page/playlist-table-row';\nimport {MediaPageNoResultsMessage} from '@app/web-player/layout/media-page-no-results-message';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {PageMetaTags} from '@common/http/page-meta-tags';\nimport {PageStatus} from '@common/http/page-status';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nexport function PlaylistPage() {\n  const query = usePlaylist({loader: 'playlistPage'});\n\n  if (query.data) {\n    return (\n      <div>\n        <PageMetaTags query={query} />\n        <PageContent\n          initialTracks={query.data.tracks}\n          playlist={query.data.playlist}\n          totalDuration={query.data.totalDuration}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderClassName=\"absolute inset-0 m-auto\"\n      loaderIsScreen={false}\n    />\n  );\n}\n\ninterface PageContentProps {\n  initialTracks: PaginationResponse<Track>;\n  playlist: Playlist;\n  totalDuration: number;\n}\nfunction PageContent({\n  initialTracks,\n  playlist,\n  totalDuration,\n}: PageContentProps) {\n  const {trans} = useTrans();\n  const query = useInfiniteData({\n    initialPage: initialTracks,\n    queryKey: ['tracks', 'playlist', playlist.id],\n    endpoint: `playlists/${playlist.id}/tracks`,\n    defaultOrderBy: 'position',\n    defaultOrderDir: 'asc',\n    paginate: 'simple',\n    willSortOrFilter: true,\n  });\n  const {\n    isLoading,\n    sortDescriptor,\n    setSortDescriptor,\n    searchQuery,\n    setSearchQuery,\n    items,\n  } = query;\n  const totalItems = playlist.tracks_count || 0;\n  const queueId = queueGroupId(playlist, '*', sortDescriptor);\n\n  return (\n    <div>\n      <AdHost slot=\"general_top\" className=\"mb-44\" />\n      <PlaylistPageHeader\n        playlist={playlist}\n        totalDuration={totalDuration}\n        queueId={queueId}\n      />\n      <TextField\n        value={searchQuery}\n        onChange={e => setSearchQuery(e.target.value)}\n        className=\"mb-44 mt-28 max-w-512 md:mb-24\"\n        size=\"sm\"\n        startAdornment={<SearchIcon />}\n        placeholder={trans(message('Search within playlist'))}\n      />\n      <TrackTable\n        queueGroupId={queueId}\n        tracks={items}\n        sortDescriptor={sortDescriptor}\n        onSortChange={setSortDescriptor}\n        renderRowAs={PlaylistTableRow}\n        playlist={playlist}\n        tableBody={<VirtualTableBody query={query} totalItems={totalItems} />}\n      />\n      {!items.length && !isLoading && (\n        <MediaPageNoResultsMessage\n          className=\"mt-34\"\n          searchQuery={searchQuery}\n          description={\n            <Trans message=\"This playlist does not have any tracks yet\" />\n          }\n        />\n      )}\n      <AdHost slot=\"general_bottom\" className=\"mt-44\" />\n    </div>\n  );\n}\n","import {Commentable} from '@common/comments/commentable';\nimport {Comment} from '@common/comments/comment';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\n\ninterface QueryParams {\n  perPage?: number;\n}\n\nexport function commentsQueryKey(\n  commentable: Commentable,\n  params: QueryParams = {}\n) {\n  return ['comment', `${commentable.id}-${commentable.model_type}`, params];\n}\n\nexport function useComments(\n  commentable: Commentable,\n  params: QueryParams = {}\n) {\n  return useInfiniteData<Comment>({\n    queryKey: commentsQueryKey(commentable, params),\n    endpoint: 'commentable/comments',\n    //paginate: 'cursor',\n    queryParams: {\n      commentable_type: commentable.model_type,\n      commentable_id: commentable.id,\n      ...params,\n    },\n  });\n}\n","import {useMutation} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {VotableModel} from '@common/votes/votable-model';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\n\ninterface Response extends BackendResponse {\n  model: VotableModel;\n}\n\ninterface Payload {\n  voteType: 'upvote' | 'downvote';\n}\n\nexport function useStoreVote(model: VotableModel) {\n  return useMutation({\n    mutationFn: (payload: Payload) => changeVote(model, payload),\n    onSuccess: response => {\n      //\n    },\n    onError: err => showHttpErrorToast(err),\n  });\n}\n\nfunction changeVote(model: VotableModel, payload: Payload) {\n  return apiClient\n    .post<Response>('vote', {\n      vote_type: payload.voteType,\n      model_id: model.id,\n      model_type: model.model_type,\n    })\n    .then(r => r.data);\n}\n","import {ThumbUpIcon} from '@common/icons/material/ThumbUp';\nimport {ThumbDownIcon} from '@common/icons/material/ThumbDown';\nimport {VotableModel} from '@common/votes/votable-model';\nimport {Button} from '@common/ui/buttons/button';\nimport {useStoreVote} from '@common/votes/requests/use-store-vote';\nimport {useState} from 'react';\nimport {FormattedNumber} from '@common/i18n/formatted-number';\nimport clsx from 'clsx';\n\ninterface Props {\n  model: VotableModel;\n  className?: string;\n  showUpvotesOnly?: boolean;\n}\nexport function ThumbButtons({model, className, showUpvotesOnly}: Props) {\n  const changeVote = useStoreVote(model);\n\n  const [upvotes, setUpvotes] = useState(model.upvotes || 0);\n  const [downvotes, setDownvotes] = useState(model.downvotes || 0);\n  const [currentVote, setCurrentVote] = useState(model.current_vote);\n\n  const syncLocalState = (model: VotableModel) => {\n    setUpvotes(model.upvotes);\n    setDownvotes(model.downvotes);\n    setCurrentVote(model.current_vote);\n  };\n\n  return (\n    <div className={clsx(className, 'whitespace-nowrap')}>\n      <Button\n        className=\"gap-6\"\n        sizeClassName=\"px-8 py-4\"\n        color={currentVote === 'upvote' ? 'primary' : undefined}\n        disabled={changeVote.isPending}\n        aria-label=\"Upvote\"\n        onClick={() => {\n          changeVote.mutate(\n            {voteType: 'upvote'},\n            {\n              onSuccess: response => syncLocalState(response.model),\n            },\n          );\n        }}\n      >\n        <ThumbUpIcon />\n        <div>\n          <FormattedNumber value={upvotes} />\n        </div>\n      </Button>\n      {!showUpvotesOnly && (\n        <Button\n          className=\"gap-6\"\n          sizeClassName=\"px-8 py-4\"\n          color={currentVote === 'downvote' ? 'primary' : undefined}\n          disabled={changeVote.isPending}\n          aria-label=\"Downvote\"\n          onClick={() => {\n            changeVote.mutate(\n              {voteType: 'downvote'},\n              {\n                onSuccess: response => syncLocalState(response.model),\n              },\n            );\n          }}\n        >\n          <ThumbDownIcon />\n          <div>\n            <FormattedNumber value={downvotes} />\n          </div>\n        </Button>\n      )}\n    </div>\n  );\n}\n","import {useMutation} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {Reportable} from '@common/reports/Reportable';\n\ninterface Response extends BackendResponse {\n  model: Reportable;\n}\n\ninterface Payload {\n  reason?: string;\n}\n\nexport function useSubmitReport(model: Reportable) {\n  return useMutation({\n    mutationFn: (payload: Payload) => submitReport(model, payload),\n    onSuccess: () => {\n      toast(message('Thanks for reporting. We will review this content.'));\n    },\n    onError: err => showHttpErrorToast(err),\n  });\n}\n\nfunction submitReport(model: Reportable, payload: Payload) {\n  return apiClient\n    .post<Response>('report', {\n      reason: payload.reason,\n      model_id: model.id,\n      model_type: model.model_type,\n    })\n    .then(r => r.data);\n}\n","import React, {Fragment, memo, useContext, useState} from 'react';\nimport {SiteConfigContext} from '@common/core/settings/site-config-context';\nimport {Link} from 'react-router-dom';\nimport {Comment} from '@common/comments/comment';\nimport {useAuth} from '@common/auth/use-auth';\nimport {UserAvatar} from '@common/ui/images/user-avatar';\nimport {Button} from '@common/ui/buttons/button';\nimport {Trans} from '@common/i18n/trans';\nimport {NewCommentForm} from '@common/comments/new-comment-form';\nimport {User} from '@common/auth/user';\nimport {Commentable} from '@common/comments/commentable';\nimport {useDeleteComments} from '@common/comments/requests/use-delete-comments';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {queryClient} from '@common/http/query-client';\nimport {ConfirmationDialog} from '@common/ui/overlays/dialog/confirmation-dialog';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport {ThumbButtons} from '@common/votes/thumb-buttons';\nimport {ReplyIcon} from '@common/icons/material/Reply';\nimport {MoreVertIcon} from '@common/icons/material/MoreVert';\nimport {\n  Menu,\n  MenuItem,\n  MenuTrigger,\n} from '@common/ui/navigation/menu/menu-trigger';\nimport {FormattedRelativeTime} from '@common/i18n/formatted-relative-time';\nimport {useSubmitReport} from '@common/reports/requests/use-submit-report';\n\ninterface CommentListItemProps {\n  comment: Comment;\n  commentable: Commentable;\n  canDelete?: boolean;\n}\nexport function CommentListItem({\n  comment,\n  commentable,\n  // user can delete comment if they have created it, or they have relevant permissions on commentable\n  canDelete,\n}: CommentListItemProps) {\n  const isMobile = useIsMobileMediaQuery();\n  const {user, hasPermission} = useAuth();\n  const [replyFormVisible, setReplyFormVisible] = useState(false);\n  const showReplyButton =\n    user != null &&\n    !comment.deleted &&\n    !isMobile &&\n    comment.depth < 5 &&\n    hasPermission('comments.create');\n\n  return (\n    <div\n      style={{paddingLeft: `${comment.depth * 20}px`}}\n      onClick={() => {\n        if (isMobile) {\n          setReplyFormVisible(!replyFormVisible);\n        }\n      }}\n    >\n      <div className=\"group flex min-h-70 items-start gap-24 py-18\">\n        <UserAvatar user={comment.user} size={isMobile ? 'lg' : 'xl'} circle />\n        <div className=\"flex-auto text-sm\">\n          <div className=\"mb-4 flex items-center gap-8\">\n            {comment.user && <UserDisplayName user={comment.user} />}\n            <time className=\"text-xs text-muted\">\n              <FormattedRelativeTime date={comment.created_at} />\n            </time>\n            {comment.position ? (\n              <Position commentable={commentable} position={comment.position} />\n            ) : null}\n          </div>\n          <div className=\"whitespace-pre-line\">\n            {comment.deleted ? (\n              <span className=\"italic text-muted\">\n                <Trans message=\"[COMMENT DELETED]\" />\n              </span>\n            ) : (\n              comment.content\n            )}\n          </div>\n          {!comment.deleted && (\n            <div className=\"-ml-8 mt-10 flex items-center gap-8\">\n              {showReplyButton && (\n                <Button\n                  sizeClassName=\"text-sm px-8 py-4\"\n                  startIcon={<ReplyIcon />}\n                  onClick={() => setReplyFormVisible(!replyFormVisible)}\n                >\n                  <Trans message=\"Reply\" />\n                </Button>\n              )}\n              <ThumbButtons model={comment} showUpvotesOnly />\n              <CommentOptionsTrigger\n                comment={comment}\n                canDelete={canDelete}\n                user={user}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      {replyFormVisible ? (\n        <NewCommentForm\n          className={!comment?.depth ? 'pl-20' : undefined}\n          commentable={commentable}\n          inReplyTo={comment}\n          autoFocus\n          onSuccess={() => {\n            setReplyFormVisible(false);\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n\ninterface PositionProps {\n  commentable: Commentable;\n  position: number;\n}\nconst Position = memo(({commentable, position}: PositionProps) => {\n  if (!commentable.duration) return null;\n  const seconds = (position / 100) * (commentable.duration / 1000);\n  return (\n    <span className=\"text-xs text-muted\">\n      <Trans\n        message=\"at :position\"\n        values={{\n          position: <FormattedDuration seconds={seconds} />,\n        }}\n      />\n    </span>\n  );\n});\n\ninterface DeleteCommentsButtonProps {\n  comment: Comment;\n  canDelete?: boolean;\n  user: User | null;\n}\nexport function CommentOptionsTrigger({\n  comment,\n  canDelete,\n  user,\n}: DeleteCommentsButtonProps) {\n  const deleteComments = useDeleteComments();\n  const reportComment = useSubmitReport(comment);\n\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const showDeleteButton =\n    (comment.user_id === user?.id || canDelete) && !comment.deleted;\n\n  const handleReport = () => {\n    reportComment.mutate({});\n  };\n\n  const handleDelete = (isConfirmed: boolean) => {\n    setIsDeleteDialogOpen(false);\n    if (isConfirmed) {\n      deleteComments.mutate(\n        {commentIds: [comment.id]},\n        {\n          onSuccess: () => {\n            queryClient.invalidateQueries({queryKey: ['comment']});\n          },\n        },\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <MenuTrigger>\n        <Button startIcon={<MoreVertIcon />} sizeClassName=\"text-sm px-8 py-4\">\n          <Trans message=\"More\" />\n        </Button>\n        <Menu>\n          <MenuItem value=\"report\" onSelected={() => handleReport()}>\n            <Trans message=\"Report comment\" />\n          </MenuItem>\n          {showDeleteButton && (\n            <MenuItem\n              value=\"delete\"\n              onSelected={() => setIsDeleteDialogOpen(true)}\n            >\n              <Trans message=\"Delete\" />\n            </MenuItem>\n          )}\n        </Menu>\n      </MenuTrigger>\n      <DialogTrigger\n        type=\"modal\"\n        isOpen={isDeleteDialogOpen}\n        onClose={isConfirmed => handleDelete(isConfirmed)}\n      >\n        <ConfirmationDialog\n          isDanger\n          title={<Trans message=\"Delete comment?\" />}\n          body={\n            <Trans message=\"Are you sure you want to delete this comment?\" />\n          }\n          confirm={<Trans message=\"Delete\" />}\n        />\n      </DialogTrigger>\n    </Fragment>\n  );\n}\n\ninterface UserDisplayNameProps {\n  user: User;\n}\nfunction UserDisplayName({user}: UserDisplayNameProps) {\n  const {auth} = useContext(SiteConfigContext);\n  if (auth.getUserProfileLink) {\n    return (\n      <Link\n        to={auth.getUserProfileLink(user)}\n        className=\"text-base font-medium hover:underline\"\n      >\n        {user.display_name}\n      </Link>\n    );\n  }\n  return <div className=\"text-base font-medium\">{user.display_name}</div>;\n}\n","import {useAuth} from '@common/auth/use-auth';\nimport {Trans} from '@common/i18n/trans';\nimport {Link} from 'react-router-dom';\nimport {LinkStyle} from '@common/ui/buttons/external-link';\nimport {MessageDescriptor} from '@common/i18n/message-descriptor';\n\ninterface Props {\n  message: MessageDescriptor;\n}\nexport function AccountRequiredCard({message}: Props) {\n  const {user} = useAuth();\n  if (user) return null;\n  return (\n    <div className=\"border border-dashed py-30 px-20 my-40 mx-auto text-center max-w-850 rounded\">\n      <div className=\"text-xl font-semibold mb-8\">\n        <Trans message=\"Account required\" />\n      </div>\n      <div className=\"text-muted text-base\">\n        <Trans\n          {...message}\n          values={{\n            l: parts => (\n              <Link className={LinkStyle} to=\"/login\">\n                {parts}\n              </Link>\n            ),\n            r: parts => (\n              <Link className={LinkStyle} to=\"/register\">\n                {parts}\n              </Link>\n            ),\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n","import {Comment} from '@common/comments/comment';\nimport {Trans} from '@common/i18n/trans';\nimport {CommentIcon} from '@common/icons/material/Comment';\nimport {Commentable} from '@common/comments/commentable';\nimport {useComments} from '@common/comments/requests/use-comments';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {AnimatePresence, m} from 'framer-motion';\nimport {opacityAnimation} from '@common/ui/animation/opacity-animation';\nimport {FormattedNumber} from '@common/i18n/formatted-number';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {CommentListItem} from '@common/comments/comment-list/comment-list-item';\nimport {Skeleton} from '@common/ui/skeleton/skeleton';\nimport {ReactNode} from 'react';\nimport {AccountRequiredCard} from '@common/comments/comment-list/account-required-card';\nimport {message} from '@common/i18n/message';\n\nconst accountRequiredMessage = message(\n  'Please <l>login</l> or <r>create account</r> to comment'\n);\n\ninterface CommentListProps {\n  commentable: Commentable;\n  canDeleteAllComments?: boolean;\n  className?: string;\n  children?: ReactNode;\n  perPage?: number;\n}\nexport function CommentList({\n  className,\n  commentable,\n  canDeleteAllComments = false,\n  children,\n  perPage = 25,\n}: CommentListProps) {\n  const {items, totalItems, ...query} = useComments(commentable, {perPage});\n\n  if (query.isError) {\n    return null;\n  }\n\n  return (\n    <div className={className}>\n      <div className=\"mb-8 pb-8 border-b flex items-center gap-8\">\n        <CommentIcon size=\"sm\" className=\"text-muted\" />\n        {query.isInitialLoading ? (\n          <Trans message=\"Loading comments...\" />\n        ) : (\n          <Trans\n            message=\":count comments\"\n            values={{count: <FormattedNumber value={totalItems || 0} />}}\n          />\n        )}\n      </div>\n      {children}\n      <AccountRequiredCard message={accountRequiredMessage} />\n      <AnimatePresence initial={false} mode=\"wait\">\n        {query.isInitialLoading ? (\n          <CommentSkeletons count={4} />\n        ) : (\n          <CommentListItems\n            comments={items}\n            canDeleteAllComments={canDeleteAllComments}\n            commentable={commentable}\n          />\n        )}\n      </AnimatePresence>\n      <InfiniteScrollSentinel query={query} variant=\"loadMore\" />\n    </div>\n  );\n}\n\ninterface CommentListItemsProps {\n  comments: Comment[];\n  canDeleteAllComments: boolean;\n  commentable: Commentable;\n}\nfunction CommentListItems({\n  comments,\n  commentable,\n  canDeleteAllComments,\n}: CommentListItemsProps) {\n  if (!comments.length) {\n    return (\n      <IllustratedMessage\n        className=\"mt-24\"\n        size=\"sm\"\n        title={<Trans message=\"Seems a little quiet over here\" />}\n        description={<Trans message=\"Be the first to comment\" />}\n      />\n    );\n  }\n\n  return (\n    <m.div key=\"comments\" {...opacityAnimation}>\n      {comments.map(comment => (\n        <CommentListItem\n          key={comment.id}\n          comment={comment}\n          commentable={commentable}\n          canDelete={canDeleteAllComments}\n        />\n      ))}\n    </m.div>\n  );\n}\n\ninterface CommentSkeletonsProps {\n  count: number;\n}\nfunction CommentSkeletons({count}: CommentSkeletonsProps) {\n  return (\n    <m.div key=\"loading-skeleton\" {...opacityAnimation}>\n      {[...new Array(count).keys()].map(index => (\n        <div\n          key={index}\n          className=\"flex items-start gap-24 py-18 min-h-70 group\"\n        >\n          <Skeleton variant=\"avatar\" radius=\"rounded-full\" size=\"w-60 h-60\" />\n          <div className=\"text-sm flex-auto\">\n            <Skeleton className=\"text-base max-w-184 mb-4\" />\n            <Skeleton className=\"text-sm\" />\n            <div className=\"flex items-center gap-8 mt-10\">\n              <Skeleton className=\"text-sm max-w-70\" />\n              <Skeleton className=\"text-sm max-w-40\" />\n              <Skeleton className=\"text-sm max-w-60\" />\n            </div>\n          </div>\n        </div>\n      ))}\n    </m.div>\n  );\n}\n","import {useLinkifiedString} from '@common/utils/hooks/use-linkified-string';\nimport {Fragment, useRef, useState} from 'react';\nimport {Button} from '@common/ui/buttons/button';\nimport {Trans} from '@common/i18n/trans';\nimport clsx from 'clsx';\nimport {useLayoutEffect} from '@react-aria/utils';\n\ninterface TruncatedDescriptionProps {\n  description?: string;\n  className?: string;\n}\n\nexport function TruncatedDescription({\n  description,\n  className,\n}: TruncatedDescriptionProps) {\n  const linkifiedDescription = useLinkifiedString(description);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [isShowingAll, setIsShowingAll] = useState(false);\n\n  useLayoutEffect(() => {\n    const wrapperHeight =\n      wrapperRef.current?.getBoundingClientRect().height || 0;\n    const contentHeight = wrapperRef.current?.scrollHeight || 0;\n    if (contentHeight > wrapperHeight) {\n      setIsOverflowing(true);\n    }\n  }, []);\n\n  if (!linkifiedDescription) return null;\n\n  return (\n    <Fragment>\n      <div\n        ref={wrapperRef}\n        className={clsx(\n          'relative',\n          className,\n          !isShowingAll && 'max-h-160 overflow-hidden',\n          !isShowingAll &&\n            isOverflowing &&\n            'after:absolute after:bottom-0 after:left-0 after:h-20 after:w-full after:bg-gradient-to-b after:from-transparent after:to-background'\n        )}\n      >\n        <div\n          ref={contentRef}\n          dangerouslySetInnerHTML={{__html: linkifiedDescription}}\n        />\n      </div>\n      {isOverflowing && (\n        <Button\n          size=\"xs\"\n          className=\"mt-20\"\n          variant=\"outline\"\n          onClick={() => setIsShowingAll(!isShowingAll)}\n        >\n          {isShowingAll ? (\n            <Trans message=\"Show less\" />\n          ) : (\n            <Trans message=\"Show more\" />\n          )}\n        </Button>\n      )}\n    </Fragment>\n  );\n}\n","import {useSettings} from '@common/core/settings/use-settings';\nimport {useAuth} from '@common/auth/use-auth';\n\nexport function useCommentPermissions() {\n  const {player} = useSettings();\n  const {hasPermission} = useAuth();\n  const canView = player?.track_comments && hasPermission('comments.view');\n  return {canView, canCreate: canView && hasPermission('comments.create')};\n}\n","import {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {Trans} from '@common/i18n/trans';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport React, {Fragment} from 'react';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {useAlbum} from '@app/web-player/albums/requests/use-album';\nimport {\n  actionButtonClassName,\n  MediaPageHeaderLayout,\n} from '@app/web-player/layout/media-page-header-layout';\nimport {AvatarGroup} from '@common/ui/images/avatar-group';\nimport {Avatar} from '@common/ui/images/avatar';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {Album} from '@app/web-player/albums/album';\nimport {getSmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {FormattedDate} from '@common/i18n/formatted-date';\nimport {useSortableTableData} from '@common/ui/tables/use-sortable-table-data';\nimport {BulletSeparatedItems} from '@app/web-player/layout/bullet-separated-items';\nimport {CommentList} from '@common/comments/comment-list/comment-list';\nimport {useAlbumPermissions} from '@app/web-player/albums/use-album-permissions';\nimport {PageStatus} from '@common/http/page-status';\nimport {PageMetaTags} from '@common/http/page-meta-tags';\nimport {TrackActionsBar} from '@app/web-player/tracks/track-actions-bar';\nimport {FocusScope} from '@react-aria/focus';\nimport {ChipList} from '@common/ui/forms/input-field/chip-field/chip-list';\nimport {Chip} from '@common/ui/forms/input-field/chip-field/chip';\nimport {Link} from 'react-router-dom';\nimport {TruncatedDescription} from '@common/ui/truncated-description';\nimport {CommentBarContextProvider} from '@app/web-player/tracks/waveform/comment-bar-context';\nimport {CommentBarNewCommentForm} from '@app/web-player/tracks/waveform/comment-bar-new-comment-form';\nimport {AdHost} from '@common/admin/ads/ad-host';\nimport {useCommentPermissions} from '@app/web-player/tracks/hooks/use-comment-permissions';\n\nexport function AlbumPage() {\n  const {canView: showComments, canCreate: allowCommenting} =\n    useCommentPermissions();\n  const query = useAlbum({loader: 'albumPage'});\n  const {canEdit} = useAlbumPermissions(query.data?.album);\n\n  if (query.data) {\n    return (\n      <div>\n        <CommentBarContextProvider>\n          <PageMetaTags query={query} />\n          <AdHost slot=\"general_top\" className=\"mb-44\" />\n          <AlbumPageHeader album={query.data.album} />\n          {allowCommenting ? (\n            <CommentBarNewCommentForm\n              className=\"mb-16\"\n              commentable={query.data.album}\n            />\n          ) : null}\n        </CommentBarContextProvider>\n        {query.data.album.tags?.length ? (\n          <FocusScope>\n            <ChipList className=\"mb-16\" selectable>\n              {query.data.album.tags.map(tag => (\n                <Chip elementType={Link} to={`/tag/${tag.name}`} key={tag.id}>\n                  #{tag.display_name || tag.name}\n                </Chip>\n              ))}\n            </ChipList>\n          </FocusScope>\n        ) : null}\n        <TruncatedDescription\n          description={query.data.album.description}\n          className=\"mt-24 text-sm\"\n        />\n        <AdHost slot=\"album_above\" className=\"mt-34\" />\n        <AlbumTrackTable album={query.data.album} />\n        {showComments && (\n          <CommentList\n            className=\"mt-34\"\n            commentable={query.data.album}\n            canDeleteAllComments={canEdit}\n          />\n        )}\n        <AdHost slot=\"general_bottom\" className=\"mt-44\" />\n      </div>\n    );\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderClassName=\"absolute inset-0 m-auto\"\n      loaderIsScreen={false}\n    />\n  );\n}\n\ninterface AlbumTrackTableProps {\n  album: Album;\n}\nfunction AlbumTrackTable({album}: AlbumTrackTableProps) {\n  const {data, sortDescriptor, onSortChange} = useSortableTableData(\n    album.tracks,\n  );\n  return (\n    <div className=\"mt-44\">\n      <TrackTable\n        queueGroupId={queueGroupId(album)}\n        tracks={data}\n        sortDescriptor={sortDescriptor}\n        onSortChange={onSortChange}\n        hideTrackImage\n        hideArtist\n        hideAlbum\n        hidePopularity={false}\n      />\n      {!album.tracks?.length ? (\n        <IllustratedMessage\n          className=\"mt-34\"\n          title={<Trans message=\"Nothing to display\" />}\n          description={\n            <Trans message=\"This album does not have any tracks yet\" />\n          }\n        />\n      ) : null}\n    </div>\n  );\n}\n\ninterface PlaylistPageHeaderProps {\n  album: Album;\n}\nfunction AlbumPageHeader({album}: PlaylistPageHeaderProps) {\n  const totalDuration = album.tracks?.reduce(\n    (t, track) => t + (track.duration || 0),\n    0,\n  );\n\n  return (\n    <Fragment>\n      <MediaPageHeaderLayout\n        className=\"mb-28\"\n        image={<AlbumImage album={album} className=\"rounded\" />}\n        title={album.name}\n        subtitle={\n          <AvatarGroup>\n            {album.artists?.map(artist => (\n              <Avatar\n                key={artist.id}\n                circle\n                src={getSmallArtistImage(artist)}\n                label={artist.name}\n                link={getArtistLink(artist)}\n              />\n            ))}\n          </AvatarGroup>\n        }\n        description={\n          <BulletSeparatedItems className=\"text-sm text-muted\">\n            {album.tracks?.length ? (\n              <Trans\n                message=\"[one 1 track|other :count tracks]\"\n                values={{count: album.tracks.length}}\n              />\n            ) : null}\n            {album.tracks?.length ? (\n              <FormattedDuration ms={totalDuration} verbose />\n            ) : null}\n            <FormattedDate date={album.release_date} />\n          </BulletSeparatedItems>\n        }\n        actionButtons={\n          <TrackActionsBar\n            item={album}\n            managesItem={false}\n            buttonGap={undefined}\n            buttonSize=\"sm\"\n            buttonRadius=\"rounded-full\"\n            buttonClassName={actionButtonClassName()}\n          >\n            <PlaybackToggleButton\n              disabled={!album.tracks?.length}\n              buttonType=\"text\"\n              queueId={queueGroupId(album)}\n              className={actionButtonClassName({isFirst: true})}\n            />\n          </TrackActionsBar>\n        }\n      />\n    </Fragment>\n  );\n}\n","import {\n  useInfiniteData,\n  UseInfiniteDataProps,\n} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {Track} from '@app/web-player/tracks/track';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\n\nexport const libraryTracksQueryKey = (userId: number | 'me') => {\n  const user = getBootstrapData().user;\n  // make sure we are using \"me\" as ID for current user\n  // everywhere, so it's easier to invalidate queries\n  if (userId === user?.id) {\n    userId = 'me';\n  }\n  return ['tracks', 'library', userId];\n};\n\nexport function useUserLikedTracks(\n  userId: number | 'me',\n  options?: Partial<UseInfiniteDataProps<Track>>\n) {\n  return useInfiniteData<Track>({\n    queryKey: libraryTracksQueryKey(userId),\n    endpoint: `users/${userId}/liked-tracks`,\n    defaultOrderBy: 'likes.created_at',\n    defaultOrderDir: 'desc',\n    ...options,\n  });\n}\n","import {StaticPageTitle} from '@common/seo/static-page-title';\nimport {Trans} from '@common/i18n/trans';\nimport {useLibraryStore} from '@app/web-player/library/state/likes-store';\nimport React from 'react';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {VirtualTableBody} from '@app/web-player/playlists/virtual-table-body';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {useAuth} from '@common/auth/use-auth';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {SearchIcon} from '@common/icons/material/Search';\nimport {message} from '@common/i18n/message';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {PageErrorMessage} from '@common/errors/page-error-message';\nimport {TableDataItem} from '@common/ui/tables/types/table-data-item';\nimport {MediaPageNoResultsMessage} from '@app/web-player/layout/media-page-no-results-message';\nimport {useUserLikedTracks} from '@app/web-player/library/requests/use-user-liked-tracks';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nexport function LibraryTracksPage() {\n  const trackCount = useLibraryStore(s => Object.keys(s.track).length);\n\n  const query = useUserLikedTracks('me', {willSortOrFilter: true});\n  const {\n    isInitialLoading,\n    sortDescriptor,\n    setSortDescriptor,\n    searchQuery,\n    setSearchQuery,\n    items,\n    isError,\n  } = query;\n\n  const {user} = useAuth();\n  const {trans} = useTrans();\n  const queueId = queueGroupId(user!, 'libraryTracks', sortDescriptor);\n\n  if (isError) {\n    return <PageErrorMessage />;\n  }\n\n  return (\n    <div>\n      <StaticPageTitle>\n        <Trans message=\"Your tracks\" />\n      </StaticPageTitle>\n      <AdHost slot=\"general_top\" className=\"mb-34\" />\n      <div className=\"flex flex-wrap items-center gap-24 justify-between mb-34\">\n        <h1 className=\"text-2xl font-semibold w-max md:w-full whitespace-nowrap\">\n          {trackCount ? (\n            <Trans\n              message=\"[one 1 liked song|other :count liked songs]\"\n              values={{count: trackCount}}\n            />\n          ) : (\n            <Trans message=\"My songs\" />\n          )}\n        </h1>\n        <PlaybackToggleButton\n          queueId={queueId}\n          buttonType=\"text\"\n          className=\"min-w-128 flex-shrink-0\"\n        />\n        <TextField\n          value={searchQuery}\n          onChange={e => setSearchQuery(e.target.value)}\n          className=\"max-w-512 flex-auto\"\n          size=\"sm\"\n          startAdornment={<SearchIcon />}\n          placeholder={trans(message('Search within tracks'))}\n        />\n      </div>\n      <TrackTable\n        queueGroupId={queueId}\n        tracks={isInitialLoading ? getPlaceholderItems(trackCount) : items}\n        sortDescriptor={sortDescriptor}\n        onSortChange={setSortDescriptor}\n        hideAddedAtColumn={false}\n        tableBody={<VirtualTableBody query={query} totalItems={trackCount} />}\n      />\n      {!items.length && !isInitialLoading && (\n        <MediaPageNoResultsMessage\n          className=\"mt-34\"\n          searchQuery={searchQuery}\n          description={\n            <Trans message=\"You have not added any songs to your library yet.\" />\n          }\n        />\n      )}\n      <AdHost slot=\"general_bottom\" className=\"mt-34\" />\n    </div>\n  );\n}\n\nfunction getPlaceholderItems(totalTracks: number): TableDataItem[] {\n  // 30 tracks per page by default\n  return [...new Array(Math.min(totalTracks, 30)).keys()].map((key, index) => {\n    return {\n      isPlaceholder: true,\n      id: `placeholder-${key}`,\n    };\n  });\n}\n","import {SortDescriptor} from '@common/ui/tables/types/sort-descriptor';\nimport {Menu, MenuTrigger} from '@common/ui/navigation/menu/menu-trigger';\nimport {Button} from '@common/ui/buttons/button';\nimport {ArrowDropDownIcon} from '@common/icons/material/ArrowDropDown';\nimport {Trans} from '@common/i18n/trans';\nimport {Item} from '@common/ui/forms/listbox/item';\nimport React from 'react';\nimport {MessageDescriptor} from '@common/i18n/message-descriptor';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {SortIcon} from '@common/icons/material/Sort';\n\ninterface Props {\n  items: Record<string, MessageDescriptor>;\n  sortDescriptor: SortDescriptor;\n  setSortDescriptor: (sort: SortDescriptor) => void;\n}\nexport function LibraryPageSortDropdown({\n  items,\n  sortDescriptor,\n  setSortDescriptor,\n}: Props) {\n  const isMobile = useIsMobileMediaQuery();\n  const selectedValue = `${sortDescriptor.orderBy}:${sortDescriptor.orderDir}`;\n  return (\n    <MenuTrigger\n      selectionMode=\"single\"\n      selectedValue={selectedValue}\n      onSelectionChange={newValue => {\n        const [orderBy, orderDir] = (newValue as string).split(':');\n        setSortDescriptor({\n          orderBy,\n          orderDir: orderDir as SortDescriptor['orderDir'],\n        });\n      }}\n    >\n      {isMobile ? (\n        <IconButton>\n          <SortIcon />\n        </IconButton>\n      ) : (\n        <Button\n          variant=\"outline\"\n          className=\"flex-shrink-0\"\n          endIcon={<ArrowDropDownIcon />}\n        >\n          <Trans {...items[selectedValue]} />\n        </Button>\n      )}\n      <Menu>\n        {Object.entries(items).map(([value, label]) => (\n          <Item key={value} value={value}>\n            <Trans {...label} />\n          </Item>\n        ))}\n      </Menu>\n    </MenuTrigger>\n  );\n}\n","import {\n  useInfiniteData,\n  UseInfiniteDataProps,\n} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {Album} from '@app/web-player/albums/album';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\n\nexport const libraryAlbumsQueryKey = (\n  userId: number | 'me',\n  queryParams?: Record<string, string | number>\n) => {\n  const user = getBootstrapData().user;\n  // make sure we are using \"me\" as ID for current user\n  // everywhere, so it's easier to invalidate queries\n  if (userId === user?.id) {\n    userId = 'me';\n  }\n  const key: any[] = ['albums', 'library', userId];\n  if (queryParams) {\n    key.push(queryParams);\n  }\n  return key;\n};\n\nexport function useUserLikedAlbums(\n  userId: number | 'me',\n  options?: Partial<UseInfiniteDataProps<Album>>\n) {\n  return useInfiniteData<Album>({\n    queryKey: libraryAlbumsQueryKey(userId),\n    endpoint: `users/${userId}/liked-albums`,\n    defaultOrderBy: 'likes.created_at',\n    defaultOrderDir: 'desc',\n    ...options,\n  });\n}\n","import {StaticPageTitle} from '@common/seo/static-page-title';\nimport {Trans} from '@common/i18n/trans';\nimport {useLibraryStore} from '@app/web-player/library/state/likes-store';\nimport React from 'react';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {SearchIcon} from '@common/icons/material/Search';\nimport {message} from '@common/i18n/message';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {PageErrorMessage} from '@common/errors/page-error-message';\nimport {AlbumGridItem} from '@app/web-player/albums/album-grid-item';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {AnimatePresence, m} from 'framer-motion';\nimport {opacityAnimation} from '@common/ui/animation/opacity-animation';\nimport {MediaPageNoResultsMessage} from '@app/web-player/layout/media-page-no-results-message';\nimport {PlayableMediaGridSkeleton} from '@app/web-player/playable-item/player-media-grid-skeleton';\nimport {LibraryPageSortDropdown} from '@app/web-player/library/library-page-sort-dropdown';\nimport {useUserLikedAlbums} from '@app/web-player/library/requests/use-user-liked-albums';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nconst sortItems = {\n  'likes.created_at:desc': message('Recently added'),\n  'name:asc': message('A-Z'),\n  'release_date:desc': message('Release date'),\n};\n\nexport function LibraryAlbumsPage() {\n  const {trans} = useTrans();\n  const totalItems = useLibraryStore(s => Object.keys(s.album).length);\n  const query = useUserLikedAlbums('me', {willSortOrFilter: true});\n  const {\n    isLoading,\n    sortDescriptor,\n    setSortDescriptor,\n    searchQuery,\n    setSearchQuery,\n    items,\n    isError,\n  } = query;\n\n  if (isError) {\n    return <PageErrorMessage />;\n  }\n\n  return (\n    <div>\n      <StaticPageTitle>\n        <Trans message=\"Your albums\" />\n      </StaticPageTitle>\n      <AdHost slot=\"general_top\" className=\"mb-34\" />\n      <h1 className=\"mb-20 text-2xl font-semibold\">\n        {totalItems ? (\n          <Trans\n            message=\"[one 1 liked album|other :count liked albums]\"\n            values={{count: totalItems}}\n          />\n        ) : (\n          <Trans message=\"My albums\" />\n        )}\n      </h1>\n      <div className=\"flex items-center justify-between gap-24\">\n        <TextField\n          value={searchQuery}\n          onChange={e => setSearchQuery(e.target.value)}\n          className=\"max-w-512 flex-auto\"\n          size=\"sm\"\n          startAdornment={<SearchIcon />}\n          placeholder={trans(message('Search within albums'))}\n        />\n        <LibraryPageSortDropdown\n          items={sortItems}\n          sortDescriptor={sortDescriptor}\n          setSortDescriptor={setSortDescriptor}\n        />\n      </div>\n      <div className=\"mt-34\">\n        <AnimatePresence initial={false} mode=\"wait\">\n          {isLoading ? (\n            <PlayableMediaGridSkeleton itemCount={totalItems} />\n          ) : (\n            <m.div key=\"media-grid\" {...opacityAnimation}>\n              <ContentGrid>\n                {items.map(album => (\n                  <AlbumGridItem key={album.id} album={album} />\n                ))}\n                <InfiniteScrollSentinel query={query} />\n              </ContentGrid>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </div>\n      {!items.length && !isLoading && (\n        <MediaPageNoResultsMessage\n          className=\"mt-34\"\n          searchQuery={searchQuery}\n          description={\n            <Trans message=\"You have not added any albums to your library yet.\" />\n          }\n        />\n      )}\n      <AdHost slot=\"general_bottom\" className=\"mt-34\" />\n    </div>\n  );\n}\n","import {\n  useInfiniteData,\n  UseInfiniteDataProps,\n} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\nimport {Artist} from '@app/web-player/artists/artist';\n\nexport const libraryArtistsQueryKey = (userId: number | 'me') => {\n  const user = getBootstrapData().user;\n  // make sure we are using \"me\" as ID for current user\n  // everywhere, so it's easier to invalidate queries\n  if (userId === user?.id) {\n    userId = 'me';\n  }\n  return ['artists', 'library', userId];\n};\n\nexport function useUserLikedArtists(\n  userId: number | 'me',\n  options?: Partial<UseInfiniteDataProps<Artist>>\n) {\n  return useInfiniteData<Artist>({\n    queryKey: libraryArtistsQueryKey(userId),\n    endpoint: `users/${userId}/liked-artists`,\n    defaultOrderBy: 'likes.created_at',\n    defaultOrderDir: 'desc',\n    ...options,\n  });\n}\n","import {StaticPageTitle} from '@common/seo/static-page-title';\nimport {Trans} from '@common/i18n/trans';\nimport {useLibraryStore} from '@app/web-player/library/state/likes-store';\nimport React from 'react';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {SearchIcon} from '@common/icons/material/Search';\nimport {message} from '@common/i18n/message';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {PageErrorMessage} from '@common/errors/page-error-message';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {AnimatePresence, m} from 'framer-motion';\nimport {opacityAnimation} from '@common/ui/animation/opacity-animation';\nimport {MediaPageNoResultsMessage} from '@app/web-player/layout/media-page-no-results-message';\nimport {ArtistGridItem} from '@app/web-player/artists/artist-grid-item';\nimport {PlayableMediaGridSkeleton} from '@app/web-player/playable-item/player-media-grid-skeleton';\nimport {LibraryPageSortDropdown} from '@app/web-player/library/library-page-sort-dropdown';\nimport {useUserLikedArtists} from '@app/web-player/library/requests/use-user-liked-artists';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nconst sortItems = {\n  'likes.created_at:desc': message('Recently added'),\n  'name:asc': message('A-Z'),\n};\n\nexport function LibraryArtistsPage() {\n  const {trans} = useTrans();\n  const totalItems = useLibraryStore(s => Object.keys(s.artist).length);\n  const query = useUserLikedArtists('me', {willSortOrFilter: true});\n  const {\n    isInitialLoading,\n    sortDescriptor,\n    setSortDescriptor,\n    searchQuery,\n    setSearchQuery,\n    items,\n    isError,\n  } = query;\n\n  if (isError) {\n    return <PageErrorMessage />;\n  }\n\n  return (\n    <div>\n      <StaticPageTitle>\n        <Trans message=\"Your artists\" />\n      </StaticPageTitle>\n      <AdHost slot=\"general_top\" className=\"mb-34\" />\n      <h1 className=\"text-2xl font-semibold mb-20\">\n        {totalItems ? (\n          <Trans\n            message=\"[one 1 liked artist|other :count liked artists]\"\n            values={{count: totalItems}}\n          />\n        ) : (\n          <Trans message=\"My artists\" />\n        )}\n      </h1>\n      <div className=\"flex items-center gap-24 justify-between\">\n        <TextField\n          value={searchQuery}\n          onChange={e => setSearchQuery(e.target.value)}\n          className=\"max-w-512 flex-auto\"\n          size=\"sm\"\n          startAdornment={<SearchIcon />}\n          placeholder={trans(message('Search within artists'))}\n        />\n        <LibraryPageSortDropdown\n          items={sortItems}\n          sortDescriptor={sortDescriptor}\n          setSortDescriptor={setSortDescriptor}\n        />\n      </div>\n      <div className=\"mt-34\">\n        <AnimatePresence initial={false} mode=\"wait\">\n          {isInitialLoading ? (\n            <PlayableMediaGridSkeleton\n              itemCount={totalItems}\n              itemRadius=\"rounded-full\"\n              showDescription={false}\n            />\n          ) : (\n            <m.div key=\"media-grid\" {...opacityAnimation}>\n              <ContentGrid>\n                {items.map(artist => (\n                  <ArtistGridItem key={artist.id} artist={artist} />\n                ))}\n                <InfiniteScrollSentinel query={query} />\n              </ContentGrid>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </div>\n      {!items.length && !isInitialLoading && (\n        <MediaPageNoResultsMessage\n          className=\"mt-34\"\n          searchQuery={searchQuery}\n          description={\n            <Trans message=\"You have not added any artists to your library yet.\" />\n          }\n        />\n      )}\n      <AdHost slot=\"general_bottom\" className=\"mt-34\" />\n    </div>\n  );\n}\n","import {StaticPageTitle} from '@common/seo/static-page-title';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {VirtualTableBody} from '@app/web-player/playlists/virtual-table-body';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {useAuth} from '@common/auth/use-auth';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {SearchIcon} from '@common/icons/material/Search';\nimport {message} from '@common/i18n/message';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {PageErrorMessage} from '@common/errors/page-error-message';\nimport {TableDataItem} from '@common/ui/tables/types/table-data-item';\nimport {MediaPageNoResultsMessage} from '@app/web-player/layout/media-page-no-results-message';\nimport {Track} from '@app/web-player/tracks/track';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nexport const libraryHistoryQueryKey = ['tracks', 'history', 'me'];\n\nexport function LibraryHistoryPage() {\n  const {user} = useAuth();\n\n  const query = useInfiniteData<Track>({\n    queryKey: libraryHistoryQueryKey,\n    endpoint: `tracks/plays/${user!.id}`,\n    defaultOrderBy: 'track_plays.created_at',\n    defaultOrderDir: 'desc',\n    paginate: 'simple',\n    willSortOrFilter: false,\n  });\n  const {isInitialLoading, searchQuery, setSearchQuery, items, isError} = query;\n\n  const {trans} = useTrans();\n  const queueId = queueGroupId(user!, 'playHistory');\n\n  if (isError) {\n    return <PageErrorMessage />;\n  }\n\n  return (\n    <div>\n      <StaticPageTitle>\n        <Trans message=\"Listening history\" />\n      </StaticPageTitle>\n      <AdHost slot=\"general_top\" className=\"mb-34\" />\n      <div className=\"flex flex-wrap items-center gap-24 justify-between mb-34\">\n        <h1 className=\"text-2xl font-semibold w-max md:w-full whitespace-nowrap\">\n          <Trans message=\"Listening history\" />\n        </h1>\n        <PlaybackToggleButton\n          queueId={queueId}\n          buttonType=\"text\"\n          className=\"min-w-128 flex-shrink-0\"\n        />\n        <TextField\n          value={searchQuery}\n          onChange={e => setSearchQuery(e.target.value)}\n          className=\"max-w-512 flex-auto\"\n          size=\"sm\"\n          startAdornment={<SearchIcon />}\n          placeholder={trans(message('Search within history'))}\n        />\n      </div>\n      <TrackTable\n        enableSorting={false}\n        queueGroupId={queueId}\n        tracks={isInitialLoading ? getPlaceholderItems() : items}\n        hideAddedAtColumn={false}\n        tableBody={<VirtualTableBody query={query} />}\n      />\n      {!items.length && !isInitialLoading && (\n        <MediaPageNoResultsMessage\n          className=\"mt-34\"\n          searchQuery={searchQuery}\n          description={<Trans message=\"You have not played any songs yet.\" />}\n        />\n      )}\n      <AdHost slot=\"general_bottom\" className=\"mt-34\" />\n    </div>\n  );\n}\n\nfunction getPlaceholderItems(): TableDataItem[] {\n  // 30 tracks per page by default\n  return [...new Array(10).keys()].map(key => {\n    return {\n      isPlaceholder: true,\n      id: `placeholder-${key}`,\n    };\n  });\n}\n","import {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {Trans} from '@common/i18n/trans';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport React, {Fragment} from 'react';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {\n  actionButtonClassName,\n  MediaPageHeaderLayout,\n} from '@app/web-player/layout/media-page-header-layout';\nimport {AvatarGroup} from '@common/ui/images/avatar-group';\nimport {Avatar} from '@common/ui/images/avatar';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {Album} from '@app/web-player/albums/album';\nimport {getSmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {getArtistLink} from '@app/web-player/artists/artist-link';\nimport {FormattedDate} from '@common/i18n/formatted-date';\nimport {useSortableTableData} from '@common/ui/tables/use-sortable-table-data';\nimport {BulletSeparatedItems} from '@app/web-player/layout/bullet-separated-items';\nimport {CommentList} from '@common/comments/comment-list/comment-list';\nimport {useTrack} from '@app/web-player/tracks/requests/use-track';\nimport {useTrackPermissions} from '@app/web-player/tracks/hooks/use-track-permissions';\nimport {Track} from '@app/web-player/tracks/track';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {AlbumImage} from '@app/web-player/albums/album-image/album-image';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {FormattedNumber} from '@common/i18n/formatted-number';\nimport {TruncatedDescription} from '@common/ui/truncated-description';\nimport {Waveform} from '@app/web-player/tracks/waveform/waveform';\nimport {CommentBarContextProvider} from '@app/web-player/tracks/waveform/comment-bar-context';\nimport {CommentBarNewCommentForm} from '@app/web-player/tracks/waveform/comment-bar-new-comment-form';\nimport {GenreLink} from '@app/web-player/genres/genre-link';\nimport {PageMetaTags} from '@common/http/page-meta-tags';\nimport {PageStatus} from '@common/http/page-status';\nimport {TrackActionsBar} from '@app/web-player/tracks/track-actions-bar';\nimport {Chip} from '@common/ui/forms/input-field/chip-field/chip';\nimport {ChipList} from '@common/ui/forms/input-field/chip-field/chip-list';\nimport {Link} from 'react-router-dom';\nimport {FocusScope} from '@react-aria/focus';\nimport {trackIsLocallyUploaded} from '@app/web-player/tracks/utils/track-is-locally-uploaded';\nimport {AdHost} from '@common/admin/ads/ad-host';\nimport {useCommentPermissions} from '@app/web-player/tracks/hooks/use-comment-permissions';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\n\nexport function TrackPage() {\n  const {canView: showComments, canCreate: allowCommenting} =\n    useCommentPermissions();\n  const query = useTrack({loader: 'trackPage'});\n  const {canEdit} = useTrackPermissions([query.data?.track]);\n\n  if (query.data) {\n    return (\n      <div>\n        <CommentBarContextProvider>\n          <PageMetaTags query={query} />\n          <AdHost slot=\"general_top\" className=\"mb-44\" />\n          <TrackPageHeader track={query.data.track} />\n          {allowCommenting ? (\n            <CommentBarNewCommentForm\n              className=\"mb-16\"\n              commentable={query.data.track}\n            />\n          ) : null}\n        </CommentBarContextProvider>\n        {query.data.track.tags.length ? (\n          <FocusScope>\n            <ChipList className=\"mb-16\" selectable>\n              {query.data.track.tags.map(tag => (\n                <Chip elementType={Link} to={`/tag/${tag.name}`} key={tag.id}>\n                  #{tag.display_name || tag.name}\n                </Chip>\n              ))}\n            </ChipList>\n          </FocusScope>\n        ) : null}\n        <TruncatedDescription\n          description={query.data.track.description}\n          className=\"mt-24 text-sm\"\n        />\n        {showComments ? (\n          <CommentList\n            className=\"mt-34\"\n            commentable={query.data.track}\n            canDeleteAllComments={canEdit}\n          />\n        ) : null}\n        {query.data.track.album && (\n          <AlbumTrackTable album={query.data.track.album} />\n        )}\n        <AdHost slot=\"general_bottom\" className=\"mt-44\" />\n      </div>\n    );\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderIsScreen={false}\n      loaderClassName=\"absolute inset-0 m-auto\"\n    />\n  );\n}\n\ninterface AlbumTrackTableProps {\n  album: Album;\n}\nfunction AlbumTrackTable({album}: AlbumTrackTableProps) {\n  const {data, sortDescriptor, onSortChange} = useSortableTableData(\n    album.tracks,\n  );\n  return (\n    <div className=\"mt-44\">\n      <div className=\"mb-14 flex items-center gap-16 overflow-hidden rounded bg-hover\">\n        <AlbumImage\n          album={album}\n          className=\"flex-shrink-0 rounded\"\n          size=\"w-70 h-70\"\n        />\n        <div className=\"flex-auto\">\n          <div className=\"text-sm\">\n            <Trans message=\"From the album\" />\n          </div>\n          <div className=\"text-sm font-semibold\">{album.name}</div>\n        </div>\n      </div>\n      <TrackTable\n        queueGroupId={queueGroupId(album)}\n        tracks={data}\n        sortDescriptor={sortDescriptor}\n        onSortChange={onSortChange}\n        hideTrackImage\n        hideArtist\n        hideAlbum\n        hidePopularity={false}\n      />\n      {!album.tracks?.length ? (\n        <IllustratedMessage\n          className=\"mt-34\"\n          title={<Trans message=\"Nothing to display\" />}\n          description={\n            <Trans message=\"This album does not have any tracks yet\" />\n          }\n        />\n      ) : null}\n    </div>\n  );\n}\n\ninterface TrackPageHeaderProps {\n  track: Track;\n}\nfunction TrackPageHeader({track}: TrackPageHeaderProps) {\n  const isMobile = useIsMobileMediaQuery();\n  const {player} = useSettings();\n  const releaseDate = track.album?.release_date || track.created_at;\n  const genre = track.genres?.[0];\n\n  const showWave =\n    !isMobile &&\n    player?.seekbar_type === 'waveform' &&\n    trackIsLocallyUploaded(track);\n\n  return (\n    <Fragment>\n      <MediaPageHeaderLayout\n        className=\"mb-28\"\n        image={<TrackImage track={track} />}\n        title={track.name}\n        subtitle={\n          <AvatarGroup>\n            {track.artists?.map(artist => (\n              <Avatar\n                key={artist.id}\n                circle\n                src={getSmallArtistImage(artist)}\n                label={artist.name}\n                link={getArtistLink(artist)}\n              />\n            ))}\n          </AvatarGroup>\n        }\n        description={\n          <BulletSeparatedItems className=\"text-sm text-muted\">\n            {track.duration ? (\n              <FormattedDuration ms={track.duration} verbose />\n            ) : null}\n            {releaseDate && <FormattedDate date={releaseDate} />}\n            {genre && <GenreLink genre={genre} />}\n            {track.plays && !player?.enable_repost ? (\n              <Trans\n                message=\":count plays\"\n                values={{count: <FormattedNumber value={track.plays} />}}\n              />\n            ) : null}\n          </BulletSeparatedItems>\n        }\n        actionButtons={\n          <TrackActionsBar\n            item={track}\n            managesItem={false}\n            buttonGap={undefined}\n            buttonSize=\"sm\"\n            buttonRadius=\"rounded-full\"\n            buttonClassName={actionButtonClassName()}\n          >\n            <PlaybackToggleButton\n              buttonType=\"text\"\n              track={track}\n              tracks={\n                track.album?.tracks?.length ? track.album.tracks : undefined\n              }\n              className={actionButtonClassName({isFirst: true})}\n              queueId={queueGroupId(track.album || track)}\n            />\n          </TrackActionsBar>\n        }\n        footer={\n          showWave ? (\n            <Waveform track={track} className=\"max-md:hidden\" />\n          ) : undefined\n        }\n      />\n    </Fragment>\n  );\n}\n","import {useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useParams} from 'react-router-dom';\nimport {User} from '@common/auth/user';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\n\nexport interface GetUserProfileResponse extends BackendResponse {\n  user: User;\n  loader: Params['loader'];\n}\n\ninterface Params {\n  loader: 'userProfilePage';\n}\n\nexport function useUserProfile(params: Params) {\n  const {userId} = useParams();\n  return useQuery({\n    queryKey: userProfileQueryKey(userId!),\n    queryFn: () => fetchUser(userId!, params),\n    initialData: () => {\n      const data = getBootstrapData().loaders?.[params.loader];\n      if (data?.user?.id == userId && data?.loader === params.loader) {\n        return data;\n      }\n      return undefined;\n    },\n  });\n}\n\nfunction fetchUser(userId: number | string, params: Params) {\n  return apiClient\n    .get<GetUserProfileResponse>(`user-profile/${userId}`, {params})\n    .then(response => response.data);\n}\n\nexport function userProfileQueryKey(userId: number | string) {\n  return ['users', +userId, 'profile'];\n}\n","import {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {Repost} from '@app/web-player/reposts/repost';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {AudiotrackIcon} from '@common/icons/material/Audiotrack';\nimport {Trans} from '@common/i18n/trans';\nimport {TrackListItem} from '@app/web-player/tracks/track-list/track-list-item';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport React from 'react';\nimport {ProfileContentProps} from '@app/web-player/user-profile/user-profile-page';\nimport {AlbumListItem} from '@app/web-player/albums/album-list/album-list-item';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {TrackGridItem} from '@app/web-player/tracks/track-grid-item';\nimport {AlbumGridItem} from '@app/web-player/albums/album-grid-item';\nimport {useIsMobileMediaQuery} from '@common/utils/hooks/is-mobile-media-query';\n\nexport function ProfileRepostsPanel({user}: ProfileContentProps) {\n  const isMobile = useIsMobileMediaQuery();\n  const query = useInfiniteData<Repost>({\n    queryKey: ['reposts', user.id],\n    endpoint: `users/${user.id}/reposts`,\n  });\n\n  if (query.isLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<AudiotrackIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No reposts yet\" />}\n        description={\n          <Trans\n            message=\"Follow :user for updates on tracks and albums they repost in the future.\"\n            values={{user: user.display_name}}\n          />\n        }\n      />\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <div>\n        <ContentGrid>\n          {query.items.map(repost => {\n            if (repost.repostable?.model_type === 'track') {\n              return (\n                <TrackGridItem track={repost.repostable} key={repost.id} />\n              );\n            } else if (repost.repostable?.model_type === 'album') {\n              return (\n                <AlbumGridItem album={repost.repostable} key={repost.id} />\n              );\n            }\n            return null;\n          })}\n        </ContentGrid>\n        <InfiniteScrollSentinel query={query} />\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {query.items.map(repost => {\n        if (repost.repostable?.model_type === 'track') {\n          return (\n            <TrackListItem\n              className=\"mb-40\"\n              key={repost.id}\n              track={repost.repostable}\n              reposter={user}\n            />\n          );\n        } else if (repost.repostable?.model_type === 'album') {\n          return (\n            <AlbumListItem\n              key={repost.id}\n              album={repost.repostable}\n              className=\"mb-40\"\n            />\n          );\n        }\n        return null;\n      })}\n      <InfiniteScrollSentinel query={query} />\n    </div>\n  );\n}\n","import {useUserLikedTracks} from '@app/web-player/library/requests/use-user-liked-tracks';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {AudiotrackIcon} from '@common/icons/material/Audiotrack';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {ProfileContentProps} from '@app/web-player/user-profile/user-profile-page';\nimport {TrackList} from '@app/web-player/tracks/track-list/track-list';\n\nexport function ProfileTracksPanel({user}: ProfileContentProps) {\n  const query = useUserLikedTracks(user.id);\n\n  if (query.isLoading) {\n    return <FullPageLoader className=\"min-h-100\" screen={false} />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<AudiotrackIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No tracks yet\" />}\n        description={\n          <Trans\n            message=\"Follow :user for updates on tracks they like in the future.\"\n            values={{user: user.display_name}}\n          />\n        }\n      />\n    );\n  }\n\n  return <TrackList query={query} />;\n}\n","import {\n  useInfiniteData,\n  UseInfiniteDataProps,\n} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\nimport {Playlist} from '@app/web-player/playlists/playlist';\n\nexport const libraryPlaylistsQueryKey = (\n  userId: number | 'me',\n  queryParams?: Record<string, string | number>\n) => {\n  const user = getBootstrapData().user;\n  // make sure we are using \"me\" as ID for current user\n  // everywhere, so it's easier to invalidate queries\n  if (userId === user?.id) {\n    userId = 'me';\n  }\n  const key: any[] = ['playlists', 'library', userId];\n  if (queryParams) {\n    key.push(queryParams);\n  }\n  return key;\n};\n\nexport function useUserPlaylists(\n  userId: number | 'me',\n  options?: Partial<UseInfiniteDataProps<Playlist>>\n) {\n  return useInfiniteData<Playlist>({\n    queryKey: libraryPlaylistsQueryKey(userId),\n    endpoint: `users/${userId}/playlists`,\n    defaultOrderBy: 'updated_at',\n    defaultOrderDir: 'desc',\n    ...options,\n  });\n}\n","import {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {Trans} from '@common/i18n/trans';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport React from 'react';\nimport {ProfileContentProps} from '@app/web-player/user-profile/user-profile-page';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {PlaylistGridItem} from '@app/web-player/playlists/playlist-grid-item';\nimport {QueueMusicIcon} from '@common/icons/material/QueueMusic';\nimport {useUserPlaylists} from '@app/web-player/library/requests/use-user-playlists';\n\nexport function ProfilePlaylistsPanel({user}: ProfileContentProps) {\n  const query = useUserPlaylists(user.id);\n\n  if (query.isInitialLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<QueueMusicIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No playlists yet\" />}\n        description={\n          <Trans\n            message=\"Follow :user for updates on playlists they create in the future.\"\n            values={{user: user.display_name}}\n          />\n        }\n      />\n    );\n  }\n\n  return (\n    <div>\n      <ContentGrid>\n        {query.items.map(playlist => (\n          <PlaylistGridItem key={playlist.id} playlist={playlist} />\n        ))}\n      </ContentGrid>\n      <InfiniteScrollSentinel query={query} />\n    </div>\n  );\n}\n","import {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {ProfileContentProps} from '@app/web-player/user-profile/user-profile-page';\nimport {useUserLikedAlbums} from '@app/web-player/library/requests/use-user-liked-albums';\nimport {AlbumIcon} from '@common/icons/material/Album';\nimport {AlbumList} from '@app/web-player/albums/album-list/album-list';\n\nexport function ProfileAlbumsPanel({user}: ProfileContentProps) {\n  const query = useUserLikedAlbums(user.id, {\n    queryParams: {\n      with: 'tracks',\n    },\n  });\n\n  if (query.isInitialLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<AlbumIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No albums yet\" />}\n        description={\n          <Trans\n            message=\"Follow :user for updates on albums they like in the future.\"\n            values={{user: user.display_name}}\n          />\n        }\n      />\n    );\n  }\n\n  return <AlbumList query={query} />;\n}\n","import {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {Trans} from '@common/i18n/trans';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport React from 'react';\nimport {ProfileContentProps} from '@app/web-player/user-profile/user-profile-page';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {useUserLikedArtists} from '@app/web-player/library/requests/use-user-liked-artists';\nimport {MicIcon} from '@common/icons/material/Mic';\nimport {ArtistGridItem} from '@app/web-player/artists/artist-grid-item';\n\nexport function ProfileArtistsPanel({user}: ProfileContentProps) {\n  const query = useUserLikedArtists(user.id);\n\n  if (query.isInitialLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<MicIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No artists yet\" />}\n        description={\n          <Trans\n            message=\"Follow :user for updates on artists they like in the future.\"\n            values={{user: user.display_name}}\n          />\n        }\n      />\n    );\n  }\n\n  return (\n    <div>\n      <ContentGrid>\n        {query.items.map(artist => (\n          <ArtistGridItem key={artist.id} artist={artist} />\n        ))}\n      </ContentGrid>\n      <InfiniteScrollSentinel query={query} />\n    </div>\n  );\n}\n","import {Trans} from '@common/i18n/trans';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {User} from '@common/auth/user';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport React from 'react';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {BookmarkBorderIcon} from '@common/icons/material/BookmarkBorder';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {FollowerListItem} from '@app/web-player/artists/artist-page/followers-panel/follower-list-item';\n\ninterface Props {\n  user: User;\n}\nexport function ProfileFollowersPanel({user}: Props) {\n  const query = useInfiniteData<User>({\n    queryKey: ['users', user.id, 'followers'],\n    endpoint: `users/${user.id}/followers`,\n  });\n\n  if (query.isLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<BookmarkBorderIcon size=\"lg\" className=\"text-muted\" />}\n        description={\n          <Trans\n            message=\"Seems like no one is following :name yet.\"\n            values={{name: user.display_name}}\n          />\n        }\n      />\n    );\n  }\n\n  return (\n    <div>\n      {query.items.map(follower => (\n        <FollowerListItem key={follower.id} follower={follower} />\n      ))}\n      <InfiniteScrollSentinel query={query} />\n    </div>\n  );\n}\n","import {Trans} from '@common/i18n/trans';\nimport {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {User} from '@common/auth/user';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport React from 'react';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {BookmarkBorderIcon} from '@common/icons/material/BookmarkBorder';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {FollowerListItem} from '@app/web-player/artists/artist-page/followers-panel/follower-list-item';\n\ninterface Props {\n  user: User;\n}\nexport function ProfileFollowedUsersPanel({user}: Props) {\n  const query = useInfiniteData<User>({\n    queryKey: ['users', user.id, 'followed-users'],\n    endpoint: `users/${user.id}/followed-users`,\n  });\n\n  if (query.isInitialLoading) {\n    return <FullPageLoader className=\"min-h-100\" />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<BookmarkBorderIcon size=\"lg\" className=\"text-muted\" />}\n        description={\n          <Trans\n            message=\"Seems like :name is not following anyone yet.\"\n            values={{name: user.display_name}}\n          />\n        }\n      />\n    );\n  }\n\n  return (\n    <div>\n      {query.items.map(follower => (\n        <FollowerListItem key={follower.id} follower={follower} />\n      ))}\n      <InfiniteScrollSentinel query={query} />\n    </div>\n  );\n}\n","import {useMutation} from '@tanstack/react-query';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {toast} from '@common/ui/toast/toast';\nimport {message} from '@common/i18n/message';\nimport {apiClient, queryClient} from '@common/http/query-client';\nimport {onFormQueryError} from '@common/errors/on-form-query-error';\nimport {UseFormReturn} from 'react-hook-form';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {Album} from '@app/web-player/albums/album';\nimport {useAuth} from '@common/auth/use-auth';\nimport {UserLink} from '@app/web-player/user-profile/user-link';\nimport {userProfileQueryKey} from '@app/web-player/user-profile/requests/use-user-profile';\n\ninterface Response extends BackendResponse {\n  album: Album;\n}\n\nexport interface UpdateProfilePayload {\n  user: {\n    avatar?: string;\n    first_name?: string;\n    last_name?: string;\n    username?: string;\n  };\n  profile: {\n    city?: string;\n    country?: string;\n    description?: string;\n  };\n  links: UserLink[];\n}\n\nexport function useUpdateUserProfile(\n  form: UseFormReturn<UpdateProfilePayload>,\n) {\n  const {user} = useAuth();\n  const {trans} = useTrans();\n  return useMutation({\n    mutationFn: (payload: UpdateProfilePayload) => updateProfile(payload),\n    onSuccess: () => {\n      toast(trans(message('Profile updated')));\n      if (user) {\n        queryClient.invalidateQueries({queryKey: userProfileQueryKey(user.id)});\n      }\n    },\n    onError: err => onFormQueryError(err, form),\n  });\n}\n\nfunction updateProfile(payload: UpdateProfilePayload): Promise<Response> {\n  return apiClient.put('users/profile/update', payload).then(r => r.data);\n}\n","import {useController} from 'react-hook-form';\nimport {mergeProps} from '@react-aria/utils';\nimport React from 'react';\nimport {ComboBox, ComboboxProps} from './combobox';\n\ntype Props<T extends object> = ComboboxProps<T> & {\n  name: string;\n  selectionMode?: 'single';\n};\nexport function FormComboBox<T extends object>({children, ...props}: Props<T>) {\n  const {\n    field: {onChange, onBlur, value = '', ref},\n    fieldState: {invalid, error},\n  } = useController({\n    name: props.name,\n  });\n\n  const formProps: Partial<ComboboxProps<T>> = {\n    onSelectionChange: onChange,\n    onBlur,\n    selectedValue: value,\n    defaultInputValue: value,\n    invalid,\n    errorMessage: error?.message,\n  };\n\n  return (\n    <ComboBox ref={ref} {...mergeProps(formProps, props)}>\n      {children}\n    </ComboBox>\n  );\n}\n","import {Dialog} from '@common/ui/overlays/dialog/dialog';\nimport {DialogHeader} from '@common/ui/overlays/dialog/dialog-header';\nimport {Trans} from '@common/i18n/trans';\nimport {DialogBody} from '@common/ui/overlays/dialog/dialog-body';\nimport {DialogFooter} from '@common/ui/overlays/dialog/dialog-footer';\nimport {Button} from '@common/ui/buttons/button';\nimport {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';\nimport {\n  UpdateProfilePayload,\n  useUpdateUserProfile,\n} from '@app/web-player/user-profile/requests/use-update-user-profile';\nimport {useForm} from 'react-hook-form';\nimport {User} from '@common/auth/user';\nimport {Form} from '@common/ui/forms/form';\nimport {FormTextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {FormImageSelector} from '@common/ui/images/image-selector';\nimport {FileUploadProvider} from '@common/uploads/uploader/file-upload-provider';\nimport {ProfileLinksForm} from '@app/admin/artist-datatable-page/artist-form/profile-links-form';\nimport {Option} from '@common/ui/forms/combobox/combobox';\nimport {FormComboBox} from '@common/ui/forms/combobox/form-combobox';\nimport {useValueLists} from '@common/http/value-lists';\n\ninterface Props {\n  user: User;\n}\nexport function EditProfileDialog({user}: Props) {\n  const {close, formId} = useDialogContext();\n  const {data} = useValueLists(['countries']);\n  const form = useForm<UpdateProfilePayload>({\n    defaultValues: {\n      user: {\n        username: user.username,\n        avatar: user.avatar,\n        first_name: user.first_name,\n        last_name: user.last_name,\n      },\n      profile: {\n        city: user.profile?.city,\n        country: user.profile?.country,\n        description: user.profile?.description,\n      },\n      links: user.links,\n    },\n  });\n  const updateProfile = useUpdateUserProfile(form);\n  return (\n    <Dialog size=\"xl\">\n      <DialogHeader>\n        <Trans message=\"Edit your profile\" />\n      </DialogHeader>\n      <DialogBody>\n        <Form\n          id={formId}\n          form={form}\n          onSubmit={values =>\n            updateProfile.mutate(values, {onSuccess: () => close()})\n          }\n        >\n          <FileUploadProvider>\n            <div className=\"md:flex items-start gap-30\">\n              <FormImageSelector\n                label={<Trans message=\"Avatar\" />}\n                name=\"user.avatar\"\n                diskPrefix=\"avatars\"\n                variant=\"square\"\n                previewSize=\"w-200 h-200\"\n                className=\"max-md:mb-20\"\n              />\n              <div className=\"flex-auto\">\n                <FormTextField\n                  name=\"user.username\"\n                  label={<Trans message=\"Username\" />}\n                  className=\"mb-24\"\n                />\n                <div className=\"flex items-center gap-24\">\n                  <FormTextField\n                    name=\"user.first_name\"\n                    label={<Trans message=\"First name\" />}\n                    className=\"flex-1 mb-24\"\n                  />\n                  <FormTextField\n                    name=\"user.last_name\"\n                    label={<Trans message=\"Last name\" />}\n                    className=\"flex-1 mb-24\"\n                  />\n                </div>\n                <div className=\"flex items-center gap-24\">\n                  <FormTextField\n                    name=\"profile.city\"\n                    label={<Trans message=\"City\" />}\n                    className=\"flex-1 mb-24\"\n                  />\n                  <FormComboBox\n                    className=\"flex-1 mb-24\"\n                    selectionMode=\"single\"\n                    name=\"profile.country\"\n                    label={<Trans message=\"Country\" />}\n                  >\n                    {data?.countries?.map(country => (\n                      <Option key={country.code} value={country.name}>\n                        {country.name}\n                      </Option>\n                    ))}\n                  </FormComboBox>\n                </div>\n                <FormTextField\n                  name=\"profile.description\"\n                  label={<Trans message=\"Description\" />}\n                  inputElementType=\"textarea\"\n                  rows={4}\n                />\n              </div>\n            </div>\n            <div className=\"mt-24\">\n              <div className=\"mb-16 pb-16 border-b\">\n                <Trans message=\"Your links\" />\n              </div>\n              <ProfileLinksForm />\n            </div>\n          </FileUploadProvider>\n        </Form>\n      </DialogBody>\n      <DialogFooter>\n        <Button\n          type=\"button\"\n          onClick={() => {\n            close();\n          }}\n        >\n          <Trans message=\"Cancel\" />\n        </Button>\n        <Button\n          form={formId}\n          type=\"submit\"\n          variant=\"flat\"\n          color=\"primary\"\n          disabled={updateProfile.isPending}\n        >\n          <Trans message=\"Save\" />\n        </Button>\n      </DialogFooter>\n    </Dialog>\n  );\n}\n","import {useAuth} from '@common/auth/use-auth';\nimport {\n  actionButtonClassName,\n  MediaPageHeaderLayout,\n} from '@app/web-player/layout/media-page-header-layout';\nimport {UserImage} from '@app/web-player/users/user-image';\nimport {BulletSeparatedItems} from '@app/web-player/layout/bullet-separated-items';\nimport {Link} from 'react-router-dom';\nimport {Trans} from '@common/i18n/trans';\nimport {ProfileDescription} from '@app/web-player/user-profile/profile-description';\nimport React from 'react';\nimport {User} from '@common/auth/user';\nimport {Button} from '@common/ui/buttons/button';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {EditIcon} from '@common/icons/material/Edit';\nimport {EditProfileDialog} from '@app/web-player/user-profile/edit-profile-dialog';\nimport {FollowButton} from '@common/users/follow-button';\n\ninterface ProfileHeaderProps {\n  user: User;\n  tabLink: (tabName: string) => string;\n}\n\nexport function ProfileHeader({user, tabLink}: ProfileHeaderProps) {\n  const {user: currentUser} = useAuth();\n\n  return (\n    <MediaPageHeaderLayout\n      image={\n        <UserImage\n          user={user}\n          size=\"w-240 h-240\"\n          className=\"rounded\"\n          showProBadge\n        />\n      }\n      title={user.display_name}\n      subtitle={\n        <BulletSeparatedItems className=\"z-20 mx-auto w-max text-sm text-muted\">\n          {user.followers_count && user.followers_count > 0 ? (\n            <Link to={tabLink('followers')} className=\"hover:underline\">\n              <Trans\n                message=\":count followers\"\n                values={{count: user.followers_count}}\n              />\n            </Link>\n          ) : null}\n          {user.followed_users_count && user.followed_users_count > 0 ? (\n            <Link to={tabLink('following')} className=\"hover:underline\">\n              <Trans\n                message=\"Following :count\"\n                values={{count: user.followed_users_count}}\n              />\n            </Link>\n          ) : null}\n        </BulletSeparatedItems>\n      }\n      actionButtons={\n        <div className=\"flex items-center justify-center md:justify-start\">\n          <FollowButton\n            user={user}\n            variant=\"flat\"\n            color=\"primary\"\n            minWidth={null}\n            className={actionButtonClassName({isFirst: true})}\n            radius=\"rounded-full\"\n          />\n          {currentUser?.id === user.id && <EditButton user={user} />}\n        </div>\n      }\n      footer={<ProfileDescription profile={user.profile} links={user.links} />}\n    />\n  );\n}\n\ninterface EditButtonProps {\n  user: User;\n}\n\nfunction EditButton({user}: EditButtonProps) {\n  return (\n    <DialogTrigger type=\"modal\">\n      <Button\n        variant=\"outline\"\n        radius=\"rounded-full\"\n        startIcon={<EditIcon />}\n        className={actionButtonClassName()}\n      >\n        <Trans message=\"Edit\" />\n      </Button>\n      <EditProfileDialog user={user} />\n    </DialogTrigger>\n  );\n}\n","import {useUserProfile} from '@app/web-player/user-profile/requests/use-user-profile';\nimport {User} from '@common/auth/user';\nimport {PageStatus} from '@common/http/page-status';\nimport React, {Fragment, useCallback} from 'react';\nimport {Tabs} from '@common/ui/tabs/tabs';\nimport {TabList} from '@common/ui/tabs/tab-list';\nimport {Tab} from '@common/ui/tabs/tab';\nimport {Trans} from '@common/i18n/trans';\nimport {TabPanel, TabPanels} from '@common/ui/tabs/tab-panels';\nimport {Link, useParams} from 'react-router-dom';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {ProfileRepostsPanel} from '@app/web-player/user-profile/panels/profile-reposts-panel';\nimport {ProfileTracksPanel} from '@app/web-player/user-profile/panels/profile-tracks-panel';\nimport {ProfilePlaylistsPanel} from '@app/web-player/user-profile/panels/profile-playlists-panel';\nimport {ProfileAlbumsPanel} from '@app/web-player/user-profile/panels/profile-albums-panel';\nimport {ProfileArtistsPanel} from '@app/web-player/user-profile/panels/profile-artists-panel';\nimport {ProfileFollowersPanel} from '@app/web-player/user-profile/panels/profile-followers-panel';\nimport {ProfileFollowedUsersPanel} from '@app/web-player/user-profile/panels/profile-followed-users-panel';\nimport {ProfileHeader} from '@app/web-player/user-profile/header/profile-header';\nimport {getBootstrapData} from '@common/core/bootstrap-data/use-backend-bootstrap-data';\n\nconst profileTabs = [\n  'tracks',\n  'playlists',\n  'reposts',\n  'albums',\n  'artists',\n  'followers',\n  'following',\n];\n\nif (!getBootstrapData().settings.player?.enable_repost) {\n  profileTabs.splice(2, 1);\n}\n\nexport function UserProfilePage() {\n  const query = useUserProfile({loader: 'userProfilePage'});\n\n  if (query.data) {\n    return <PageContent user={query.data.user} />;\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderIsScreen={false}\n      loaderClassName=\"absolute inset-0 m-auto\"\n    />\n  );\n}\n\nexport interface ProfileContentProps {\n  user: User;\n}\nfunction PageContent({user}: ProfileContentProps) {\n  const {player} = useSettings();\n  const {tabName = 'tracks'} = useParams();\n\n  const selectedTab = profileTabs.indexOf(tabName) || 0;\n\n  const tabLink = useCallback(\n    (tabName: string) => {\n      return `/user/${user.id}/${user.display_name}/${tabName}`;\n    },\n    [user],\n  );\n\n  return (\n    <Fragment>\n      <ProfileHeader user={user} tabLink={tabLink} />\n      <Tabs className=\"mt-48\" isLazy selectedTab={selectedTab}>\n        <TabList>\n          <Tab elementType={Link} to={tabLink('tracks')}>\n            <Trans message=\"Liked tracks\" />\n          </Tab>\n          <Tab elementType={Link} to={tabLink('playlists')}>\n            <Trans message=\"Public playlists\" />\n          </Tab>\n          {player?.enable_repost && (\n            <Tab elementType={Link} to={tabLink('reposts')}>\n              <Trans message=\"Reposts\" />\n            </Tab>\n          )}\n          <Tab elementType={Link} to={tabLink('albums')}>\n            <Trans message=\"Liked albums\" />\n          </Tab>\n          <Tab elementType={Link} to={tabLink('artists')}>\n            <Trans message=\"Liked artists\" />\n          </Tab>\n          <Tab elementType={Link} to={tabLink('followers')}>\n            <Trans message=\"Followers\" />\n          </Tab>\n          <Tab elementType={Link} to={tabLink('following')}>\n            <Trans message=\"Following\" />\n          </Tab>\n        </TabList>\n        <TabPanels className=\"mt-24\">\n          <TabPanel>\n            <ProfileTracksPanel user={user} />\n          </TabPanel>\n          <TabPanel>\n            <ProfilePlaylistsPanel user={user} />\n          </TabPanel>\n          {player?.enable_repost && (\n            <TabPanel>\n              <ProfileRepostsPanel user={user} />\n            </TabPanel>\n          )}\n          <TabPanel>\n            <ProfileAlbumsPanel user={user} />\n          </TabPanel>\n          <TabPanel>\n            <ProfileArtistsPanel user={user} />\n          </TabPanel>\n          <TabPanel>\n            <ProfileFollowersPanel user={user} />\n          </TabPanel>\n          <TabPanel>\n            <ProfileFollowedUsersPanel user={user} />\n          </TabPanel>\n        </TabPanels>\n      </Tabs>\n    </Fragment>\n  );\n}\n","import {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';\nimport {Track} from '@app/web-player/tracks/track';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {AudiotrackIcon} from '@common/icons/material/Audiotrack';\nimport {Trans} from '@common/i18n/trans';\nimport React, {useState} from 'react';\nimport {Link, useParams} from 'react-router-dom';\nimport {Album} from '@app/web-player/albums/album';\nimport {AlbumIcon} from '@common/icons/material/Album';\nimport {Tabs} from '@common/ui/tabs/tabs';\nimport {TabList} from '@common/ui/tabs/tab-list';\nimport {Tab} from '@common/ui/tabs/tab';\nimport {TabPanel, TabPanels} from '@common/ui/tabs/tab-panels';\nimport {TrackList} from '@app/web-player/tracks/track-list/track-list';\nimport {AlbumList} from '@app/web-player/albums/album-list/album-list';\n\nconst tagTabNames = {\n  tracks: 0,\n  albums: 1,\n};\n\nexport function TagMediaPage() {\n  const params = useParams();\n  const tagName = params.tagName!;\n  const tabName = params['*']?.split('/').pop() || tagTabNames.tracks;\n  const [selectedTab, setSelectedTab] = useState(\n    tagTabNames[tabName as keyof typeof tagTabNames] || 0,\n  );\n\n  return (\n    <div>\n      <h1 className=\"text-3xl mb-40\">\n        {tabName === 'albums' ? (\n          <Trans\n            message=\"Most popular albums for #:tag\"\n            values={{tag: tagName}}\n          />\n        ) : (\n          <Trans\n            message=\"Most popular tracks for #:tag\"\n            values={{tag: tagName}}\n          />\n        )}\n      </h1>\n      <Tabs selectedTab={selectedTab} onTabChange={setSelectedTab}>\n        <TabList>\n          <Tab elementType={Link} to={`/tag/${tagName}`}>\n            <Trans message=\"Tracks\" />\n          </Tab>\n          <Tab elementType={Link} to={`/tag/${tagName}/albums`}>\n            <Trans message=\"Albums\" />\n          </Tab>\n        </TabList>\n        <TabPanels className=\"pt-24\">\n          <TabPanel>\n            <TracksPanel tagName={tagName!} />\n          </TabPanel>\n          <TabPanel>\n            <AlbumsPanel tagName={tagName!} />\n          </TabPanel>\n        </TabPanels>\n      </Tabs>\n    </div>\n  );\n}\n\ninterface TracksPanelProps {\n  tagName: string;\n}\nfunction AlbumsPanel({tagName}: TracksPanelProps) {\n  const query = useInfiniteData<Album>({\n    queryKey: ['albums', 'tags', tagName],\n    endpoint: `tags/${tagName}/albums`,\n  });\n\n  if (query.isLoading) {\n    return <FullPageLoader className=\"min-h-100\" screen={false} />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<AlbumIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No albums yet\" />}\n        description={\n          <Trans message=\"This tag is not attached to any albums yet, check back later.\" />\n        }\n      />\n    );\n  }\n\n  return <AlbumList query={query} />;\n}\n\nfunction TracksPanel({tagName}: TracksPanelProps) {\n  const query = useInfiniteData<Track>({\n    queryKey: ['tracks', 'tags', tagName],\n    endpoint: `tags/${tagName}/tracks`,\n  });\n\n  if (query.isLoading) {\n    return <FullPageLoader className=\"min-h-100\" screen={false} />;\n  }\n\n  if (!query.items.length) {\n    return (\n      <IllustratedMessage\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-14\"\n        image={<AudiotrackIcon size=\"lg\" className=\"text-muted\" />}\n        title={<Trans message=\"No tracks yet\" />}\n        description={\n          <Trans message=\"This tag is not attached to any tracks yet, check back later.\" />\n        }\n      />\n    );\n  }\n\n  return <TrackList query={query} />;\n}\n","import {useQuery} from '@tanstack/react-query';\nimport {apiClient} from '@common/http/query-client';\nimport {BackendResponse} from '@common/http/backend-response/backend-response';\nimport {useParams} from 'react-router-dom';\nimport {Track} from '@app/web-player/tracks/track';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {Genre} from '@app/web-player/genres/genre';\n\nexport type RadioSeed = Artist | Track | Genre;\n\ninterface Response extends BackendResponse {\n  type: 'artist' | 'genre' | 'track';\n  seed: RadioSeed;\n  recommendations: Track[];\n}\n\nexport function useRadioRecommendations() {\n  const {seedType, seedId} = useParams();\n  return useQuery({\n    queryKey: ['radio', seedType, +seedId!],\n    queryFn: () => fetchRecommendations(seedType!, seedId!),\n    // different suggestions are returned every time, don't reload in background\n    staleTime: Infinity,\n  });\n}\n\nfunction fetchRecommendations(seedType: string, seedId: string | number) {\n  return apiClient\n    .get<Response>(`radio/${seedType}/${seedId}`)\n    .then(response => response.data);\n}\n","import React, {useMemo} from 'react';\nimport {PageMetaTags} from '@common/http/page-meta-tags';\nimport {PageStatus} from '@common/http/page-status';\nimport {\n  RadioSeed,\n  useRadioRecommendations,\n} from '@app/web-player/radio/requests/use-radio-recommendations';\nimport {useSortableTableData} from '@common/ui/tables/use-sortable-table-data';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {\n  actionButtonClassName,\n  MediaPageHeaderLayout,\n} from '@app/web-player/layout/media-page-header-layout';\nimport {TrackImage} from '@app/web-player/tracks/track-image/track-image';\nimport {Trans} from '@common/i18n/trans';\nimport {BulletSeparatedItems} from '@app/web-player/layout/bullet-separated-items';\nimport {FormattedDuration} from '@common/i18n/formatted-duration';\nimport {PlaybackToggleButton} from '@app/web-player/playable-item/playback-toggle-button';\nimport {queueGroupId} from '@app/web-player/queue-group-id';\nimport {SmallArtistImage} from '@app/web-player/artists/artist-image/small-artist-image';\nimport {GenreImage} from '@app/web-player/genres/genre-image';\nimport {useParams} from 'react-router-dom';\nimport {NotFoundPage} from '@common/ui/not-found-page/not-found-page';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nconst validSeeds: RadioSeed['model_type'][] = ['artist', 'track', 'genre'];\n\nexport function RadioPage() {\n  const {seedType} = useParams();\n  const query = useRadioRecommendations();\n  const {data, onSortChange, sortDescriptor} = useSortableTableData(\n    query.data?.recommendations,\n  );\n\n  const totalDuration = useMemo(() => {\n    return data.reduce((total, track) => {\n      return total + (track.duration || 0);\n    }, 0);\n  }, [data]);\n\n  if (!validSeeds.includes(seedType as any)) {\n    return <NotFoundPage />;\n  }\n\n  if (query.data) {\n    const seed = query.data.seed;\n    const queueId = queueGroupId(seed, 'radio');\n    return (\n      <div>\n        <PageMetaTags query={query} />\n        <AdHost slot=\"general_top\" className=\"mb-44\" />\n        <MediaPageHeaderLayout\n          image={<Image seed={seed} />}\n          title={\n            <Trans\n              message=\":name radio\"\n              values={{\n                name:\n                  'display_name' in seed && seed.display_name\n                    ? seed.display_name\n                    : seed.name,\n              }}\n            />\n          }\n          subtitle={\n            <BulletSeparatedItems className=\"justify-center text-sm text-muted md:justify-start\">\n              <RadioType seed={seed} />\n              <Trans\n                message=\"[one 1 song|other :count songs]\"\n                values={{count: data.length}}\n              />\n              <FormattedDuration ms={totalDuration} verbose />\n            </BulletSeparatedItems>\n          }\n          actionButtons={\n            <div className=\"text-center md:text-start\">\n              <PlaybackToggleButton\n                tracks={data}\n                disabled={!data.length}\n                buttonType=\"text\"\n                queueId={queueId}\n                className={actionButtonClassName({isFirst: true})}\n              />\n            </div>\n          }\n        />\n        <TrackTable\n          className=\"mt-34\"\n          tracks={data}\n          queueGroupId={queueId}\n          onSortChange={onSortChange}\n          sortDescriptor={sortDescriptor}\n        />\n        <AdHost slot=\"general_bottom\" className=\"mt-44\" />\n      </div>\n    );\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderIsScreen={false}\n      loaderClassName=\"absolute inset-0 m-auto\"\n    />\n  );\n}\n\ninterface SeedImageProps {\n  seed: RadioSeed;\n}\nfunction Image({seed}: SeedImageProps) {\n  switch (seed.model_type) {\n    case 'artist':\n      return (\n        <SmallArtistImage\n          artist={seed}\n          size=\"w-240 h-240\"\n          wrapperClassName=\"mx-auto\"\n          className=\"rounded\"\n        />\n      );\n    case 'genre':\n      return (\n        <GenreImage\n          genre={seed}\n          size=\"w-240 h-240\"\n          className=\"mx-auto rounded\"\n        />\n      );\n    default:\n      return (\n        <TrackImage\n          track={seed}\n          size=\"w-240 h-240\"\n          className=\"mx-auto rounded\"\n        />\n      );\n  }\n}\n\nfunction RadioType({seed}: SeedImageProps) {\n  switch (seed.model_type) {\n    case 'artist':\n      return <Trans message=\"Artist radio\" />;\n    case 'genre':\n      return <Trans message=\"Genre radio\" />;\n    default:\n      return <Trans message=\"Track radio\" />;\n  }\n}\n","import {\n  SearchResponse,\n  useSearchResults,\n} from '@app/web-player/search/requests/use-search-results';\nimport {Link, useParams} from 'react-router-dom';\nimport {PageStatus} from '@common/http/page-status';\nimport React, {Fragment, ReactNode, useEffect, useMemo, useState} from 'react';\nimport {Tabs} from '@common/ui/tabs/tabs';\nimport {TabList} from '@common/ui/tabs/tab-list';\nimport {Tab} from '@common/ui/tabs/tab';\nimport {Trans} from '@common/i18n/trans';\nimport {TabPanel, TabPanels} from '@common/ui/tabs/tab-panels';\nimport {Track} from '@app/web-player/tracks/track';\nimport {TrackTable} from '@app/web-player/tracks/track-table/track-table';\nimport {KeyboardArrowRightIcon} from '@common/icons/material/KeyboardArrowRight';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {ArtistGridItem} from '@app/web-player/artists/artist-grid-item';\nimport {AlbumGridItem} from '@app/web-player/albums/album-grid-item';\nimport {PlaylistGridItem} from '@app/web-player/playlists/playlist-grid-item';\nimport {UserGridItem} from '@app/web-player/users/user-grid-item';\nimport {Artist} from '@app/web-player/artists/artist';\nimport {Album} from '@app/web-player/albums/album';\nimport {Playlist} from '@app/web-player/playlists/playlist';\nimport {User} from '@common/auth/user';\nimport {IllustratedMessage} from '@common/ui/images/illustrated-message';\nimport {SearchIcon} from '@common/icons/material/Search';\nimport {useSettings} from '@common/core/settings/use-settings';\nimport {UseQueryResult} from '@tanstack/react-query';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {message} from '@common/i18n/message';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\n\nexport function SearchResultsPage() {\n  const {searchQuery} = useParams();\n  const query = useSearchResults({\n    loader: 'searchPage',\n    query: searchQuery,\n  });\n\n  return (\n    <Fragment>\n      <MobileSearchBar />\n      <PageContent query={query} />\n    </Fragment>\n  );\n}\n\nfunction MobileSearchBar() {\n  const {searchQuery = ''} = useParams();\n  const navigate = useNavigate();\n  const {trans} = useTrans();\n\n  return (\n    <TextField\n      defaultValue={searchQuery}\n      onChange={e => {\n        navigate(`/search/${e.target.value}`, {replace: true});\n      }}\n      autoFocus\n      className=\"w-full md:hidden\"\n      size=\"lg\"\n      placeholder={trans(message('Search...'))}\n    />\n  );\n}\n\ninterface PageContentProps {\n  query: UseQueryResult<SearchResponse>;\n}\nfunction PageContent({query}: PageContentProps) {\n  const {branding} = useSettings();\n\n  if (query.data) {\n    return <SearchResults results={query.data?.results} />;\n  }\n\n  if (query.fetchStatus === 'idle') {\n    return (\n      <IllustratedMessage\n        className=\"mt-40\"\n        image={<SearchIcon size=\"xl\" />}\n        imageHeight=\"h-auto\"\n        imageMargin=\"mb-12\"\n        title={\n          <Trans\n            message=\"Search :siteName\"\n            values={{siteName: branding.site_name}}\n          />\n        }\n        description={\n          <Trans message=\"Find songs, artists, albums, playlists and more.\" />\n        }\n      />\n    );\n  }\n\n  return (\n    <PageStatus\n      query={query}\n      loaderIsScreen={false}\n      loaderClassName=\"absolute inset-0 m-auto\"\n    />\n  );\n}\n\ninterface SearchResultsProps {\n  results: SearchResponse['results'];\n}\nfunction SearchResults({results}: SearchResultsProps) {\n  const {tabName = 'all', searchQuery} = useParams();\n  const tabNames = useMemo(() => {\n    const names = ['tracks', 'artists', 'albums', 'playlists', 'users'].filter(\n      tabName => results[tabName as keyof SearchResponse['results']]?.length,\n    );\n    return ['all', ...names];\n  }, [results]);\n\n  const tabIndex = tabNames.indexOf(tabName as any);\n\n  const [selectedTab, setSelectedTab] = useState(tabIndex > -1 ? tabIndex : 0);\n\n  // change tab when url changes\n  useEffect(() => {\n    if (tabIndex !== selectedTab) {\n      setSelectedTab(tabIndex);\n    }\n  }, [tabIndex, selectedTab]);\n\n  const tabLink = (tabName?: string) => {\n    let base = `/search/${searchQuery}`;\n    if (tabName) {\n      base += `/${tabName}`;\n    }\n    return base;\n  };\n\n  const haveResults = Object.entries(results).some(\n    ([, items]) => items?.length,\n  );\n\n  if (!haveResults) {\n    return (\n      <IllustratedMessage\n        className=\"mt-40\"\n        image={<SearchIcon size=\"xl\" />}\n        imageHeight=\"h-auto\"\n        title={\n          <Trans\n            message=\"Not results for “:query“\"\n            values={{query: searchQuery}}\n          />\n        }\n        description={<Trans message=\"Please try a different search query\" />}\n      />\n    );\n  }\n\n  return (\n    <Tabs selectedTab={selectedTab} onTabChange={setSelectedTab}>\n      <TabList>\n        <Tab elementType={Link} to={tabLink()}>\n          <Trans message=\"Top results\" />\n        </Tab>\n        {results.tracks?.length ? (\n          <Tab elementType={Link} to={tabLink('tracks')}>\n            <Trans message=\"Tracks\" />\n          </Tab>\n        ) : null}\n        {results.artists?.length ? (\n          <Tab elementType={Link} to={tabLink('artists')}>\n            <Trans message=\"Artists\" />\n          </Tab>\n        ) : null}\n        {results.albums?.length ? (\n          <Tab elementType={Link} to={tabLink('albums')}>\n            <Trans message=\"Albums\" />\n          </Tab>\n        ) : null}\n        {results.playlists?.length ? (\n          <Tab elementType={Link} to={tabLink('playlists')}>\n            <Trans message=\"Playlists\" />\n          </Tab>\n        ) : null}\n        {results.users?.length ? (\n          <Tab elementType={Link} to={tabLink('users')}>\n            <Trans message=\"Profiles\" />\n          </Tab>\n        ) : null}\n      </TabList>\n      <TabPanels className=\"pt-8\">\n        <TabPanel>\n          <TopResultsPanel results={results} />\n        </TabPanel>\n        {results.tracks?.length ? (\n          <TabPanel>\n            <TrackResults tracks={results.tracks} />\n          </TabPanel>\n        ) : null}\n        {results.artists?.length ? (\n          <TabPanel>\n            <ArtistResults artists={results.artists} />\n          </TabPanel>\n        ) : null}\n        {results.albums?.length ? (\n          <TabPanel>\n            <AlbumResults albums={results.albums} />\n          </TabPanel>\n        ) : null}\n        {results.playlists?.length ? (\n          <TabPanel>\n            <PlaylistResults playlists={results.playlists} />\n          </TabPanel>\n        ) : null}\n        {results.users?.length ? (\n          <TabPanel>\n            <ProfileResults users={results.users} />\n          </TabPanel>\n        ) : null}\n      </TabPanels>\n    </Tabs>\n  );\n}\n\nfunction TopResultsPanel({\n  results: {artists, albums, tracks, playlists, users},\n}: SearchResultsProps) {\n  return (\n    <Fragment>\n      {tracks?.length ? (\n        <TrackResults tracks={tracks.slice(0, 5)} showMore />\n      ) : null}\n      {artists?.length ? (\n        <ArtistResults artists={artists.slice(0, 5)} showMore />\n      ) : null}\n      {albums?.length ? (\n        <AlbumResults albums={albums.slice(0, 5)} showMore />\n      ) : null}\n      {playlists?.length ? (\n        <PlaylistResults playlists={playlists.slice(0, 5)} showMore />\n      ) : null}\n      {users?.length ? (\n        <ProfileResults users={users.slice(0, 5)} showMore />\n      ) : null}\n    </Fragment>\n  );\n}\n\ninterface TracksPanelProps {\n  tracks: Track[];\n  showMore?: boolean;\n}\nfunction TrackResults({tracks, showMore}: TracksPanelProps) {\n  return (\n    <div className=\"py-24\">\n      <PanelTitle to={showMore ? 'tracks' : undefined}>\n        <Trans message=\"Tracks\" />\n      </PanelTitle>\n      <TrackTable tracks={tracks} />\n    </div>\n  );\n}\n\ninterface ArtistResultsProps {\n  artists: Artist[];\n  showMore?: boolean;\n}\nfunction ArtistResults({artists, showMore}: ArtistResultsProps) {\n  return (\n    <div className=\"py-24\">\n      <PanelTitle to={showMore ? 'artists' : undefined}>\n        <Trans message=\"Artists\" />\n      </PanelTitle>\n      <ContentGrid>\n        {artists.map(artist => (\n          <ArtistGridItem key={artist.id} artist={artist} />\n        ))}\n      </ContentGrid>\n    </div>\n  );\n}\n\ninterface AlbumResultsProps {\n  albums: Album[];\n  showMore?: boolean;\n}\nfunction AlbumResults({albums, showMore}: AlbumResultsProps) {\n  return (\n    <div className=\"py-24\">\n      <PanelTitle to={showMore ? 'albums' : undefined}>\n        <Trans message=\"Albums\" />\n      </PanelTitle>\n      <ContentGrid>\n        {albums.map(album => (\n          <AlbumGridItem key={album.id} album={album} />\n        ))}\n      </ContentGrid>\n    </div>\n  );\n}\n\ninterface PlaylistResultsProps {\n  playlists: Playlist[];\n  showMore?: boolean;\n}\nfunction PlaylistResults({playlists, showMore}: PlaylistResultsProps) {\n  return (\n    <div className=\"py-24\">\n      <PanelTitle to={showMore ? 'playlists' : undefined}>\n        <Trans message=\"Playlists\" />\n      </PanelTitle>\n      <ContentGrid>\n        {playlists.map(album => (\n          <PlaylistGridItem key={album.id} playlist={album} />\n        ))}\n      </ContentGrid>\n    </div>\n  );\n}\n\ninterface ProfileResultsProps {\n  users: User[];\n  showMore?: boolean;\n}\nfunction ProfileResults({users, showMore}: ProfileResultsProps) {\n  return (\n    <div className=\"py-24\">\n      <PanelTitle to={showMore ? 'users' : undefined}>\n        <Trans message=\"Profiles\" />\n      </PanelTitle>\n      <ContentGrid>\n        {users.map(user => (\n          <UserGridItem key={user.id} user={user} />\n        ))}\n      </ContentGrid>\n    </div>\n  );\n}\n\ninterface PanelTitleProps {\n  children: ReactNode;\n  to?: string;\n}\nfunction PanelTitle({children, to}: PanelTitleProps) {\n  return (\n    <h2 className=\"mb-24 w-max text-2xl font-medium\">\n      {to ? (\n        <Link to={to} className=\"flex items-center gap-2 hover:text-primary\">\n          {children}\n          <KeyboardArrowRightIcon className=\"mt-4\" />\n        </Link>\n      ) : (\n        children\n      )}\n    </h2>\n  );\n}\n","import {Trans} from '@common/i18n/trans';\nimport {AudiotrackIcon} from '@common/icons/material/Audiotrack';\nimport {StaticPageTitle} from '@common/seo/static-page-title';\nimport React, {ReactElement, ReactNode} from 'react';\nimport {Link, Navigate} from 'react-router-dom';\nimport {AlbumIcon} from '@common/icons/material/Album';\nimport {MicIcon} from '@common/icons/material/Mic';\nimport {PlaylistPlayIcon} from '@common/icons/material/PlaylistPlay';\nimport {HistoryIcon} from '@common/icons/material/History';\nimport {SvgIconProps} from '@common/icons/svg-icon';\nimport {getPlaylistLink} from '@app/web-player/playlists/playlist-link';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {PlaylistAddIcon} from '@common/icons/material/PlaylistAdd';\nimport {CreatePlaylistDialog} from '@app/web-player/playlists/crupdate-dialog/create-playlist-dialog';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\nimport {useUserPlaylists} from '@app/web-player/library/requests/use-user-playlists';\nimport {PlaylistImage} from '@app/web-player/playlists/playlist-image';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {AdHost} from '@common/admin/ads/ad-host';\nimport {useIsTabletMediaQuery} from '@common/utils/hooks/is-tablet-media-query';\n\nexport function LibraryPage() {\n  const navigate = useNavigate();\n  const authHandler = useAuthClickCapture();\n  const query = useUserPlaylists('me');\n  const isSmallScreen = useIsTabletMediaQuery();\n\n  if (!isSmallScreen) {\n    return <Navigate to=\"/library/songs\" replace />;\n  }\n\n  return (\n    <div>\n      <StaticPageTitle>\n        <Trans message=\"Your tracks\" />\n      </StaticPageTitle>\n      <AdHost slot=\"general_top\" className=\"mb-34\" />\n      <div className=\"flex items-center justify-between gap-24 mb-20\">\n        <h1 className=\"text-2xl font-semibold whitespace-nowrap\">\n          <Trans message=\"Your library\" />\n        </h1>\n        <DialogTrigger\n          type=\"modal\"\n          onClose={newPlaylist => {\n            if (newPlaylist) {\n              navigate(getPlaylistLink(newPlaylist));\n            }\n          }}\n        >\n          <IconButton className=\"flex-shrink-0\" onClickCapture={authHandler}>\n            <PlaylistAddIcon />\n          </IconButton>\n          <CreatePlaylistDialog />\n        </DialogTrigger>\n      </div>\n      <div>\n        <MenuItem\n          icon={<AudiotrackIcon className=\"text-main\" />}\n          to=\"/library/songs\"\n        >\n          <Trans message=\"Songs\" />\n        </MenuItem>\n        <MenuItem icon={<PlaylistPlayIcon />} to=\"/library/playlists\">\n          <Trans message=\"Playlists\" />\n        </MenuItem>\n        <MenuItem icon={<AlbumIcon />} to=\"/library/albums\">\n          <Trans message=\"Albums\" />\n        </MenuItem>\n        <MenuItem icon={<MicIcon />} to=\"/library/artists\">\n          <Trans message=\"Artists\" />\n        </MenuItem>\n        <MenuItem icon={<HistoryIcon />} to=\"/library/history\">\n          <Trans message=\"Play history\" />\n        </MenuItem>\n        {query.items.map(playlist => (\n          <MenuItem\n            key={playlist.id}\n            wrapIcon={false}\n            icon={\n              <PlaylistImage\n                size=\"w-42 h-42\"\n                className=\"rounded\"\n                playlist={playlist}\n              />\n            }\n            to={getPlaylistLink(playlist)}\n          >\n            {playlist.name}\n          </MenuItem>\n        ))}\n        <InfiniteScrollSentinel query={query} />\n      </div>\n    </div>\n  );\n}\n\ninterface MenuItemProps {\n  icon: ReactElement<SvgIconProps>;\n  children: ReactNode;\n  to: string;\n  wrapIcon?: boolean;\n}\nfunction MenuItem({icon, children, to, wrapIcon = true}: MenuItemProps) {\n  return (\n    <Link className=\"flex items-center gap-14 mb-18 text-sm\" to={to}>\n      {wrapIcon ? (\n        <div className=\"rounded bg-chip p-8 w-42 h-42\">{icon}</div>\n      ) : (\n        icon\n      )}\n      {children}\n    </Link>\n  );\n}\n","import {StaticPageTitle} from '@common/seo/static-page-title';\nimport {Trans} from '@common/i18n/trans';\nimport React from 'react';\nimport {TextField} from '@common/ui/forms/input-field/text-field/text-field';\nimport {SearchIcon} from '@common/icons/material/Search';\nimport {message} from '@common/i18n/message';\nimport {useTrans} from '@common/i18n/use-trans';\nimport {PageErrorMessage} from '@common/errors/page-error-message';\nimport {ContentGrid} from '@app/web-player/playable-item/content-grid';\nimport {InfiniteScrollSentinel} from '@common/ui/infinite-scroll/infinite-scroll-sentinel';\nimport {AnimatePresence, m} from 'framer-motion';\nimport {opacityAnimation} from '@common/ui/animation/opacity-animation';\nimport {MediaPageNoResultsMessage} from '@app/web-player/layout/media-page-no-results-message';\nimport {PlayableMediaGridSkeleton} from '@app/web-player/playable-item/player-media-grid-skeleton';\nimport {LibraryPageSortDropdown} from '@app/web-player/library/library-page-sort-dropdown';\nimport {useUserPlaylists} from '@app/web-player/library/requests/use-user-playlists';\nimport {PlaylistGridItem} from '@app/web-player/playlists/playlist-grid-item';\nimport {useAuthUserPlaylists} from '@app/web-player/playlists/requests/use-auth-user-playlists';\nimport {getPlaylistLink} from '@app/web-player/playlists/playlist-link';\nimport {IconButton} from '@common/ui/buttons/icon-button';\nimport {PlaylistAddIcon} from '@common/icons/material/PlaylistAdd';\nimport {CreatePlaylistDialog} from '@app/web-player/playlists/crupdate-dialog/create-playlist-dialog';\nimport {DialogTrigger} from '@common/ui/overlays/dialog/dialog-trigger';\nimport {useNavigate} from '@common/utils/hooks/use-navigate';\nimport {useAuthClickCapture} from '@app/web-player/use-auth-click-capture';\nimport {AdHost} from '@common/admin/ads/ad-host';\n\nconst sortItems = {\n  'updated_at:desc': message('Recently updated'),\n  'name:asc': message('A-Z'),\n  'views:desc': message('Most viewed'),\n  'plays:desc': message('Most played'),\n};\n\nexport function LibraryPlaylistsPage() {\n  const navigate = useNavigate();\n  const authHandler = useAuthClickCapture();\n  const {trans} = useTrans();\n  const {data} = useAuthUserPlaylists();\n  const totalItems = data.playlists.length;\n  const query = useUserPlaylists('me', {willSortOrFilter: true});\n  const {\n    isInitialLoading,\n    sortDescriptor,\n    setSortDescriptor,\n    searchQuery,\n    setSearchQuery,\n    items,\n    isError,\n  } = query;\n\n  if (isError) {\n    return <PageErrorMessage />;\n  }\n\n  return (\n    <div>\n      <StaticPageTitle>\n        <Trans message=\"Your playlists\" />\n      </StaticPageTitle>\n      <AdHost slot=\"general_top\" className=\"mb-34\" />\n      <div className=\"flex items-center justify-between gap-24 mb-20\">\n        <h1 className=\"text-2xl font-semibold whitespace-nowrap\">\n          {totalItems ? (\n            <Trans\n              message=\"[one 1 playlist|other :count playlists]\"\n              values={{count: totalItems}}\n            />\n          ) : (\n            <Trans message=\"My playlists\" />\n          )}\n        </h1>\n        <DialogTrigger\n          type=\"modal\"\n          onClose={newPlaylist => {\n            if (newPlaylist) {\n              navigate(getPlaylistLink(newPlaylist));\n            }\n          }}\n        >\n          <IconButton className=\"flex-shrink-0\" onClickCapture={authHandler}>\n            <PlaylistAddIcon />\n          </IconButton>\n          <CreatePlaylistDialog />\n        </DialogTrigger>\n      </div>\n\n      <div className=\"flex items-center gap-24 justify-between\">\n        <TextField\n          value={searchQuery}\n          onChange={e => setSearchQuery(e.target.value)}\n          className=\"max-w-512 flex-auto\"\n          size=\"sm\"\n          startAdornment={<SearchIcon />}\n          placeholder={trans(message('Search within playlists'))}\n        />\n        <LibraryPageSortDropdown\n          items={sortItems}\n          sortDescriptor={sortDescriptor}\n          setSortDescriptor={setSortDescriptor}\n        />\n      </div>\n      <div className=\"mt-34\">\n        <AnimatePresence initial={false} mode=\"wait\">\n          {isInitialLoading ? (\n            <PlayableMediaGridSkeleton itemCount={totalItems} />\n          ) : (\n            <m.div key=\"media-grid\" {...opacityAnimation}>\n              <ContentGrid>\n                {items.map(playlist => (\n                  <PlaylistGridItem key={playlist.id} playlist={playlist} />\n                ))}\n                <InfiniteScrollSentinel query={query} />\n              </ContentGrid>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </div>\n      {!items.length && !isInitialLoading && (\n        <MediaPageNoResultsMessage\n          className=\"mt-34\"\n          searchQuery={searchQuery}\n          description={\n            <Trans message=\"You have not added any playlists to your library yet.\" />\n          }\n        />\n      )}\n    </div>\n  );\n}\n","import React, {useMemo} from 'react';\nimport {playerStoreOptions} from '@app/web-player/state/player-store-options';\nimport {PlayerContext} from '@common/player/player-context';\nimport {TrackListItem} from '@app/web-player/tracks/track-list/track-list-item';\nimport {useTrack} from '@app/web-player/tracks/requests/use-track';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {Track} from '@app/web-player/tracks/track';\nimport {trackToMediaItem} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {PlayerStoreOptions} from '@common/player/state/player-store-options';\nimport {PlayerOutlet} from '@common/player/ui/player-outlet';\nimport {PlayerPoster} from '@common/player/ui/controls/player-poster';\n\nexport function TrackEmbed() {\n  const {data} = useTrack({loader: 'trackPage'});\n  return (\n    <div className=\"h-[174px] rounded border bg-alt p-14\">\n      {!data?.track ? (\n        <FullPageLoader screen={false} />\n      ) : (\n        <EmbedContent track={data.track} />\n      )}\n    </div>\n  );\n}\n\ninterface EmbedContentProps {\n  track: Track;\n}\nfunction EmbedContent({track}: EmbedContentProps) {\n  const options: PlayerStoreOptions = useMemo(() => {\n    const mediaItem = trackToMediaItem(track);\n    return {\n      ...playerStoreOptions,\n      initialData: {\n        queue: [mediaItem],\n        cuedMediaId: mediaItem.id,\n        state: {\n          repeat: false,\n        },\n      },\n    };\n  }, [track]);\n  return (\n    <PlayerContext id=\"web-player\" options={options}>\n      <div className=\"flex gap-24\">\n        <div className=\"relative h-144 w-144 flex-shrink-0 overflow-hidden rounded bg-black\">\n          <PlayerPoster className=\"absolute inset-0\" />\n          <PlayerOutlet className=\"h-full w-full\" />\n        </div>\n        <TrackListItem\n          track={track}\n          hideArtwork\n          hideActions\n          linksInNewTab\n          className=\"flex-auto\"\n        />\n      </div>\n    </PlayerContext>\n  );\n}\n","import React, {useMemo} from 'react';\nimport {playerStoreOptions} from '@app/web-player/state/player-store-options';\nimport {PlayerContext} from '@common/player/player-context';\nimport {FullPageLoader} from '@common/ui/progress/full-page-loader';\nimport {\n  tracksToMediaItems,\n  trackToMediaItem,\n} from '@app/web-player/tracks/utils/track-to-media-item';\nimport {useAlbum} from '@app/web-player/albums/requests/use-album';\nimport {Album} from '@app/web-player/albums/album';\nimport {AlbumListItem} from '@app/web-player/albums/album-list/album-list-item';\nimport {PlayerStoreOptions} from '@common/player/state/player-store-options';\nimport {PlayerOutlet} from '@common/player/ui/player-outlet';\nimport {PlayerPoster} from '@common/player/ui/controls/player-poster';\n\nexport function AlbumEmbed() {\n  const {data} = useAlbum({loader: 'albumEmbed'});\n  return (\n    <div className=\"h-384 rounded border bg-alt p-14\">\n      {!data?.album ? (\n        <FullPageLoader screen={false} />\n      ) : (\n        <EmbedContent album={data.album} />\n      )}\n    </div>\n  );\n}\n\ninterface EmbedContentProps {\n  album: Album;\n}\nfunction EmbedContent({album}: EmbedContentProps) {\n  const options: PlayerStoreOptions = useMemo(() => {\n    return {\n      ...playerStoreOptions,\n      initialData: {\n        queue: album.tracks?.length ? tracksToMediaItems(album.tracks) : [],\n        cuedMediaId: album.tracks?.length\n          ? trackToMediaItem(album.tracks[0]).id\n          : undefined,\n        state: {\n          repeat: false,\n        },\n      },\n    };\n  }, [album]);\n  return (\n    <PlayerContext id=\"web-player\" options={options}>\n      <div className=\"flex h-full items-start gap-24\">\n        <div className=\"relative h-144 w-144 flex-shrink-0 overflow-hidden rounded bg-black\">\n          <PlayerPoster className=\"absolute inset-0\" />\n          <PlayerOutlet className=\"h-full w-full\" />\n        </div>\n        <AlbumListItem\n          album={album}\n          maxHeight=\"h-full\"\n          className=\"flex-auto\"\n          hideArtwork\n          hideActions\n          linksInNewTab\n        />\n      </div>\n    </PlayerContext>\n  );\n}\n","import {useSettings} from '@common/core/settings/use-settings';\nimport {ChannelPage} from '@app/web-player/channels/channel-page';\nimport React from 'react';\n\nexport function HomepageChannelPage() {\n  const {homepage} = useSettings();\n  let slugOrId = 'discover';\n  if (homepage.type.startsWith('channel') && homepage.value) {\n    slugOrId = homepage.value;\n  }\n  return <ChannelPage slugOrId={slugOrId} />;\n}\n","import {RouteObject, useRoutes} from 'react-router-dom';\nimport {ChannelPage} from '@app/web-player/channels/channel-page';\nimport React from 'react';\nimport {WebPlayerLayout} from '@app/web-player/layout/web-player-layout';\nimport {ArtistPage} from '@app/web-player/artists/artist-page/artist-page';\nimport {PlaylistPage} from '@app/web-player/playlists/playlist-page/playlist-page';\nimport {AlbumPage} from '@app/web-player/albums/album-page';\nimport {LibraryTracksPage} from '@app/web-player/library/library-tracks-page';\nimport {AuthRoute} from '@common/auth/guards/auth-route';\nimport {LibraryAlbumsPage} from '@app/web-player/library/library-albums-page';\nimport {LibraryArtistsPage} from '@app/web-player/library/library-artists-page';\nimport {LibraryHistoryPage} from '@app/web-player/library/library-history-page';\nimport {TrackPage} from '@app/web-player/tracks/track-page';\nimport {UserProfilePage} from '@app/web-player/user-profile/user-profile-page';\nimport {TagMediaPage} from '@app/web-player/genres/tag-media-page';\nimport {RadioPage} from '@app/web-player/radio/radio-page';\nimport {SearchResultsPage} from '@app/web-player/search/search-results-page';\nimport {LibraryPage} from '@app/web-player/library/library-page';\nimport {LibraryPlaylistsPage} from '@app/web-player/library/library-playlists-page';\nimport {TrackEmbed} from '@app/web-player/tracks/track-embed';\nimport {AlbumEmbed} from '@app/web-player/albums/album-embed';\nimport {HomepageChannelPage} from '@app/web-player/channels/homepage-channel-page';\nimport {NotFoundPage} from '@common/ui/not-found-page/not-found-page';\n\nconst RouteConfig: RouteObject[] = [\n  {\n    path: 'track/:trackId/:trackName/embed',\n    element: <TrackEmbed />,\n  },\n  {\n    path: 'album/:albumId/:artistName/:albumName/embed',\n    element: <AlbumEmbed />,\n  },\n  {\n    path: '/',\n    element: <WebPlayerLayout />,\n    children: [\n      {\n        index: true,\n        element: <HomepageChannelPage />,\n      },\n      // artists\n      {\n        path: 'artist/:artistId/:artistName',\n        element: <ArtistPage />,\n      },\n      {\n        path: 'artist/:artistId',\n        element: <ArtistPage />,\n      },\n      // playlists\n      {\n        path: 'playlist/:playlistId/:playlistName',\n        element: <PlaylistPage />,\n      },\n      // albums\n      {\n        path: 'album/:albumId/:artistName/:albumName',\n        element: <AlbumPage />,\n      },\n      // tracks\n      {\n        path: 'track/:trackId/:trackName',\n        element: <TrackPage />,\n      },\n      // tags\n      {\n        path: 'tag/:tagName',\n        element: <TagMediaPage />,\n      },\n      {\n        path: 'tag/:tagName/tracks',\n        element: <TagMediaPage />,\n      },\n      {\n        path: 'tag/:tagName/albums',\n        element: <TagMediaPage />,\n      },\n      // user profile\n      {\n        path: 'user/:userId/:userName',\n        element: <UserProfilePage />,\n      },\n      {\n        path: 'user/:userId/:userName/:tabName',\n        element: <UserProfilePage />,\n      },\n      // radio\n      {\n        path: 'radio/:seedType/:seedId/:seeName',\n        element: <RadioPage />,\n      },\n      // search\n      {\n        path: 'search',\n        element: <SearchResultsPage />,\n      },\n      {\n        path: 'search/:searchQuery',\n        element: <SearchResultsPage />,\n      },\n      {\n        path: 'search/:searchQuery/:tabName',\n        element: <SearchResultsPage />,\n      },\n      // library\n      {\n        path: '/library',\n        element: (\n          <AuthRoute>\n            <LibraryPage />\n          </AuthRoute>\n        ),\n      },\n      {\n        path: '/library/songs',\n        element: (\n          <AuthRoute>\n            <LibraryTracksPage />\n          </AuthRoute>\n        ),\n      },\n      {\n        path: '/library/playlists',\n        element: (\n          <AuthRoute>\n            <LibraryPlaylistsPage />\n          </AuthRoute>\n        ),\n      },\n      {\n        path: '/library/albums',\n        element: (\n          <AuthRoute>\n            <LibraryAlbumsPage />\n          </AuthRoute>\n        ),\n      },\n      {\n        path: '/library/artists',\n        element: (\n          <AuthRoute>\n            <LibraryArtistsPage />\n          </AuthRoute>\n        ),\n      },\n      {\n        path: '/library/history',\n        element: (\n          <AuthRoute>\n            <LibraryHistoryPage />\n          </AuthRoute>\n        ),\n      },\n      // Channels\n      {\n        path: ':slugOrId',\n        element: <ChannelPage />,\n      },\n      {\n        path: 'channel/:slugOrId',\n        element: <ChannelPage />,\n      },\n      {\n        path: ':slugOrId/:restriction',\n        element: <ChannelPage />,\n      },\n      {\n        path: 'channel/:slugOrId/:restriction',\n        element: <ChannelPage />,\n      },\n      {\n        path: '*',\n        element: <NotFoundPage />,\n      },\n    ],\n  },\n];\n\nexport default function WebPlayerRoutes() {\n  return useRoutes(RouteConfig);\n}\n"],"file":"assets/web-player-routes-e849a5e2.js"}