@clickview/curator 1.100.0-rc.1 → 1.100.0

package/dist/Assets/js/dist/scripts/{QnwProbJ2.chunk.js.map → Yrc9o6bG2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"QnwProbJ2.chunk.js","names":[],"sources":["../../../../../src/apps/content-partners/views/content-partner-videos/ContentPartnerVideosView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { Flight } from 'libs/common/react/index';\n\nimport { BulkSelectionSummary } from 'libs/shared/components/bulk-selection-summary/BulkSelectionSummary';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { PopupLoadingSpinner } from 'libs/shared/components/popup/PopupLoadingSpinner';\nimport { SimpleSearchBar } from 'libs/shared/components/simple-search-bar/SimpleSearchBar';\nimport { useBulkCheckboxManager } from 'libs/shared/hooks/useBulkCheckboxManager';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { DeleteSvg } from 'libs/shared/images/svg/actions/DeleteSvg';\nimport { PlusSvg } from 'libs/shared/images/svg/actions/PlusSvg';\nimport { Series, Video } from 'libs/shared/interfaces';\n\nimport { ColumnData, MatrixMember, MemberMatrix, ObjectHeader } from 'shared/components';\nimport { Actions } from 'shared/constants';\nimport { AppChannels } from 'shared/constants/RadioChannels';\nimport { MatrixObjectType } from 'shared/enums';\nimport { DefinedColumnSet, MemberMatrixHelper } from 'shared/utils/MemberMatrixHelper';\n\nimport { ContentPartnerSearchBackdrop } from 'apps/content-partners/components/content-partner-search-backdrop/ContentPartnerSearchBackdrop';\nimport { EditContentPartnerNav } from 'apps/content-partners/components/edit-content-partner-nav/EditContentPartnerNav';\nimport { ContentPartnerRequests } from 'apps/content-partners/flight-requests/ContentPartnerRequests';\nimport { useContentPartnerData } from 'apps/content-partners/hooks/useContentPartnerData';\nimport { useContentPartnerObjectsSearch } from 'apps/content-partners/hooks/useContentPartnerObjectsSearch';\n\ninterface ContentPartnerVideosViewProps {\n  id: string;\n}\n\nexport function ContentPartnerVideosView(props: ContentPartnerVideosViewProps): JSX.Element {\n  const fetch = Flight.useGetFetch();\n  const { data, appLinks } = useContentPartnerData({ id: props.id });\n  const { currentUser, contentPartner } = data;\n\n  const {\n    data: searchResults,\n    searchQuery,\n    setSearchQuery,\n    isFetching: searchIsFetching,\n    isSearching\n  } = useContentPartnerObjectsSearch<Video>({\n    partnerProfileId: props.id,\n    type: 'videos'\n  });\n  \n  function getContentPartnerVideosPage(cursor?: string) {\n    return ContentPartnerRequests.partnerProfileObjects({ id: props.id, type: 'videos', cursor });\n  }\n\n  function fetchNext(cursor?: string) {\n    if (isSearching)\n      return;\n\n    fetch(getContentPartnerVideosPage(cursor));\n  }\n\n  const {\n    items,\n    hasFirstPageCompleted,\n    isFetching,\n    hasMore,\n    nextCursor\n  } = useInfiniteList<MatrixMember>(getContentPartnerVideosPage, fetchNext);\n\n  const tableItems = (isSearching && !searchIsFetching) ? searchResults : items;\n  const tableHasMore = isSearching ? false : hasMore;\n\n  const checkboxManager = useBulkCheckboxManager(tableItems || []);\n\n  const columns = MemberMatrixHelper.getColumnSet(DefinedColumnSet.ContentPartnerVideos);\n  const columnData: ColumnData = {\n    actions: (video: Video) => [{\n      label: 'Delete',\n      button: true,\n      appLink: appLinks.deleteContentPartnerVideos(props.id, video.id),\n      svg: DeleteSvg,\n      className: 'btn btn-outline-danger'\n    }],\n    appLinks: {\n      [MatrixObjectType.Video]: (video: Video) => ({\n        application: AppChannels.VIDEOS,\n        action: Actions.Videos.EDIT_VIDEO,\n        args: [video.id]\n      }),\n      [MatrixObjectType.Series]: (series: Series) => ({\n        application: AppChannels.SERIES,\n        action: Actions.Series.EDIT_SERIES,\n        args: [series.id]\n      })\n    },\n    extraData: { checkboxManager }\n  };\n\n  function handleOnClickSelectBulk() {\n    AppLinkHelper.trigger(\n      appLinks.deleteContentPartnerVideos(props.id, checkboxManager.getSelected())\n    );\n  }\n\n  const loaded = hasFirstPageCompleted && data.loaded;\n\n  return (\n    <>\n      {!!currentUser.data &&\n        <EditContentPartnerNav\n          contentPartnerId={props.id}\n          activeAction={appLinks.viewVideos(props.id).action}\n          currentUser={currentUser.data}\n        />\n      }\n      {(() => {\n        if (!loaded)\n          return <PopupLoadingSpinner />;\n\n        return (\n          <div className='tw-relative'>\n            {searchIsFetching && <ContentPartnerSearchBackdrop />}\n            \n            <ObjectHeader object={{ name: `${contentPartner.data?.name} Videos` }} />\n            <MemberMatrix\n              members={tableItems}\n              columnGroups={[ MatrixObjectType.Video, MatrixObjectType.Series ]}\n              columns={columns}\n              columnData={columnData}\n              emptyStateText='No videos found.'\n              isFetching={isFetching}\n              fetchNext={fetchNext}\n              nextCursor={nextCursor}\n              hasMoreMembers={tableHasMore}\n              classNames={{\n                filterContainer: 'flex-wrap gap-2 justify-content-between'\n              }}\n              onlyHideTableOnEmpty={true}\n            >\n              <div className='mx-1 d-flex flex-row gap-3'>\n                <SimpleSearchBar\n                  name='content-partner-videos-search'\n                  query={searchQuery}\n                  setQuery={setSearchQuery}\n                  placeholder='Search videos'\n                  disabled={isSearching ? false : !tableItems.length}\n                />\n                <IconButton\n                  svg={PlusSvg}\n                  className='btn btn-outline-dark'\n                  appLink={appLinks.addVideos(props.id)}\n                >\n                  Add Video(s)\n                </IconButton>\n              </div>\n              <div className='mx-1 w-100'>\n                <BulkSelectionSummary\n                  selectedCount={checkboxManager.getSelectedCount()}\n                  onClickDeselectAll={checkboxManager.deselectAll}\n                  onClickSelectBulk={handleOnClickSelectBulk}\n                  getTypeText={() => `of ${items.length} videos`}\n                  selectBulkActionButtonText='Bulk remove videos'\n                  selectAllCount={items.length}\n                />\n              </div>\n            </MemberMatrix>\n          </div>\n        );\n      })()}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Yrc9o6bG2.chunk.js","names":[],"sources":["../../../../../src/apps/content-partners/views/content-partner-videos/ContentPartnerVideosView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { Flight } from 'libs/common/react/index';\n\nimport { BulkSelectionSummary } from 'libs/shared/components/bulk-selection-summary/BulkSelectionSummary';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { PopupLoadingSpinner } from 'libs/shared/components/popup/PopupLoadingSpinner';\nimport { SimpleSearchBar } from 'libs/shared/components/simple-search-bar/SimpleSearchBar';\nimport { useBulkCheckboxManager } from 'libs/shared/hooks/useBulkCheckboxManager';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { DeleteSvg } from 'libs/shared/images/svg/actions/DeleteSvg';\nimport { PlusSvg } from 'libs/shared/images/svg/actions/PlusSvg';\nimport { Series, Video } from 'libs/shared/interfaces';\n\nimport { ColumnData, MatrixMember, MemberMatrix, ObjectHeader } from 'shared/components';\nimport { Actions } from 'shared/constants';\nimport { AppChannels } from 'shared/constants/RadioChannels';\nimport { MatrixObjectType } from 'shared/enums';\nimport { DefinedColumnSet, MemberMatrixHelper } from 'shared/utils/MemberMatrixHelper';\n\nimport { ContentPartnerSearchBackdrop } from 'apps/content-partners/components/content-partner-search-backdrop/ContentPartnerSearchBackdrop';\nimport { EditContentPartnerNav } from 'apps/content-partners/components/edit-content-partner-nav/EditContentPartnerNav';\nimport { ContentPartnerRequests } from 'apps/content-partners/flight-requests/ContentPartnerRequests';\nimport { useContentPartnerData } from 'apps/content-partners/hooks/useContentPartnerData';\nimport { useContentPartnerObjectsSearch } from 'apps/content-partners/hooks/useContentPartnerObjectsSearch';\n\ninterface ContentPartnerVideosViewProps {\n  id: string;\n}\n\nexport function ContentPartnerVideosView(props: ContentPartnerVideosViewProps): JSX.Element {\n  const fetch = Flight.useGetFetch();\n  const { data, appLinks } = useContentPartnerData({ id: props.id });\n  const { currentUser, contentPartner } = data;\n\n  const {\n    data: searchResults,\n    searchQuery,\n    setSearchQuery,\n    isFetching: searchIsFetching,\n    isSearching\n  } = useContentPartnerObjectsSearch<Video>({\n    partnerProfileId: props.id,\n    type: 'videos'\n  });\n  \n  function getContentPartnerVideosPage(cursor?: string) {\n    return ContentPartnerRequests.partnerProfileObjects({ id: props.id, type: 'videos', cursor });\n  }\n\n  function fetchNext(cursor?: string) {\n    if (isSearching)\n      return;\n\n    fetch(getContentPartnerVideosPage(cursor));\n  }\n\n  const {\n    items,\n    hasFirstPageCompleted,\n    isFetching,\n    hasMore,\n    nextCursor\n  } = useInfiniteList<MatrixMember>(getContentPartnerVideosPage, fetchNext);\n\n  const tableItems = (isSearching && !searchIsFetching) ? searchResults : items;\n  const tableHasMore = isSearching ? false : hasMore;\n\n  const checkboxManager = useBulkCheckboxManager(tableItems || []);\n\n  const columns = MemberMatrixHelper.getColumnSet(DefinedColumnSet.ContentPartnerVideos);\n  const columnData: ColumnData = {\n    actions: (video: Video) => [{\n      label: 'Delete',\n      button: true,\n      appLink: appLinks.deleteContentPartnerVideos(props.id, video.id),\n      svg: DeleteSvg,\n      className: 'btn btn-outline-danger'\n    }],\n    appLinks: {\n      [MatrixObjectType.Video]: (video: Video) => ({\n        application: AppChannels.VIDEOS,\n        action: Actions.Videos.EDIT_VIDEO,\n        args: [video.id]\n      }),\n      [MatrixObjectType.Series]: (series: Series) => ({\n        application: AppChannels.SERIES,\n        action: Actions.Series.EDIT_SERIES,\n        args: [series.id]\n      })\n    },\n    extraData: { checkboxManager }\n  };\n\n  function handleOnClickSelectBulk() {\n    AppLinkHelper.trigger(\n      appLinks.deleteContentPartnerVideos(props.id, checkboxManager.getSelected())\n    );\n  }\n\n  const loaded = hasFirstPageCompleted && data.loaded;\n\n  return (\n    <>\n      {!!currentUser.data &&\n        <EditContentPartnerNav\n          contentPartnerId={props.id}\n          activeAction={appLinks.viewVideos(props.id).action}\n          currentUser={currentUser.data}\n        />\n      }\n      {(() => {\n        if (!loaded)\n          return <PopupLoadingSpinner />;\n\n        return (\n          <div className='tw-relative'>\n            {searchIsFetching && <ContentPartnerSearchBackdrop />}\n            \n            <ObjectHeader object={{ name: `${contentPartner.data?.name} Videos` }} />\n            <MemberMatrix\n              members={tableItems}\n              columnGroups={[ MatrixObjectType.Video, MatrixObjectType.Series ]}\n              columns={columns}\n              columnData={columnData}\n              emptyStateText='No videos found.'\n              isFetching={isFetching}\n              fetchNext={fetchNext}\n              nextCursor={nextCursor}\n              hasMoreMembers={tableHasMore}\n              classNames={{\n                filterContainer: 'flex-wrap gap-2 justify-content-between'\n              }}\n              onlyHideTableOnEmpty={true}\n            >\n              <div className='mx-1 d-flex flex-row gap-3'>\n                <SimpleSearchBar\n                  name='content-partner-videos-search'\n                  query={searchQuery}\n                  setQuery={setSearchQuery}\n                  placeholder='Search videos'\n                  disabled={isSearching ? false : !tableItems.length}\n                />\n                <IconButton\n                  svg={PlusSvg}\n                  className='btn btn-outline-dark'\n                  appLink={appLinks.addVideos(props.id)}\n                >\n                  Add Video(s)\n                </IconButton>\n              </div>\n              <div className='mx-1 w-100'>\n                <BulkSelectionSummary\n                  selectedCount={checkboxManager.getSelectedCount()}\n                  onClickDeselectAll={checkboxManager.deselectAll}\n                  onClickSelectBulk={handleOnClickSelectBulk}\n                  getTypeText={() => `of ${items.length} videos`}\n                  selectBulkActionButtonText='Bulk remove videos'\n                  selectAllCount={items.length}\n                />\n              </div>\n            </MemberMatrix>\n          </div>\n        );\n      })()}\n    </>\n  );\n}\n"],"mappings":"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"}