@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.1

package/dist/scripts/34.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseFetchAll.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/select-playlist/SelectPlaylist.tsx","webpack://@clickview/lite/./src/apps/playlists/components/select-playlist/select-playlist.scss?9042","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/interfaces/PlaylistCollectionIdentifier.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/views/add-to-playlist/AddToPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/34.chunk.js","sourcesContent":["import { StorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\r\n\r\nconst getCacheKey = (userId: string) => `recent:playlists:added:to:${userId}`;\r\n\r\nconst DEFAULT_STORAGE_LIMIT = 5;\r\n\r\ninterface AddRecentPlaylistsOptions {\r\n  id: string;\r\n  limit?: number;\r\n}\r\n\r\nexport const RecentPlaylistHelper = {\r\n  /**\r\n   * Get a list of ids of playlists recently added to.\r\n   */\r\n  getRecentlyAddedTo(userId: string, dataSource: StorageHelper): string[] {\r\n    let recentlyAddedTo = dataSource.cacheGet(getCacheKey(userId));\r\n\r\n    if (!Array.isArray(recentlyAddedTo))\r\n      recentlyAddedTo = [];\r\n\r\n    return recentlyAddedTo;\r\n  },\r\n\r\n  setRecentlyAddedTo(userId: string, ids: string[], dataSource: StorageHelper): void {\r\n    if (!Array.isArray(ids))\r\n      return;\r\n\r\n    dataSource.cacheSet(getCacheKey(userId), ids);\r\n  },\r\n\r\n  addRecentlyAddedTo(userId: string, dataSource: StorageHelper, options: AddRecentPlaylistsOptions): string[] {\r\n    const { id, limit = DEFAULT_STORAGE_LIMIT } = options;\r\n\r\n    let recentlyAddedTo = RecentPlaylistHelper.getRecentlyAddedTo(userId, dataSource);\r\n\r\n    const idIndex = recentlyAddedTo.indexOf(id);\r\n\r\n    /**\r\n     * If the playlists is already in the stored list, \r\n     * remove it to first position so that it will be inserted\r\n     * at the first position.\r\n     */\r\n    if (idIndex > -1)\r\n      recentlyAddedTo.splice(idIndex, 1);\r\n\r\n    recentlyAddedTo.unshift(id);\r\n\r\n    if (recentlyAddedTo.length > limit)\r\n      recentlyAddedTo = recentlyAddedTo.slice(0, limit);\r\n\r\n    RecentPlaylistHelper.setRecentlyAddedTo(userId, recentlyAddedTo, dataSource);\r\n\r\n    return recentlyAddedTo;\r\n  }\r\n};","import { useEffect } from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { useSelectAllPages } from './UseSelectAllPages';\r\n\r\n/**\r\n * Hook to fetch all pages of a collection.\r\n * \r\n * @param getRequest - callback function to get the request for each page.\r\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\r\n * \r\n * @param fetchNext - callback function to fetch a page.\r\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\r\n */\r\nexport function useFetchAll<T extends BaseObject>(\r\n  getRequest: ((cursor?: string) => Flight.Request) | false,\r\n  fetchNext: ((cursor?: string) => void) | false\r\n): void {\r\n  const getRequestFn = (getRequest as Function);\r\n  const fetchNextFn = (fetchNext as Function);\r\n\r\n  const response = useSelectAllPages<T>(getRequest && ((cursor?: string) => getRequestFn(cursor).key));\r\n\r\n  useEffect(() => {\r\n    if (response.shouldInitialFetch && fetchNext)\r\n      fetchNextFn();\r\n  }, [ response.shouldInitialFetch, fetchNext ]);\r\n\r\n  useEffect(() => {\r\n    if (!response.nextCursor || response.isFetching || !fetchNext)\r\n      return;\r\n\r\n    fetchNextFn(response.nextCursor);\r\n  }, [ response.nextCursor, response.isFetching, fetchNext ]);\r\n}","import { useMemo } from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BasePaginatedCollection } from 'libs/shared/interfaces';\r\n\r\nconst safeGetCursor = (request: Flight.Response<any>): string => {\r\n  return request\r\n    && request.data\r\n    && request.data.pagination\r\n    && request.data.pagination.cursors\r\n    && request.data.pagination.cursors.next;\r\n};\r\n\r\ninterface SelectAllPagesResult<T> {\r\n  items: T[];\r\n  shouldInitialFetch: boolean;\r\n  nextCursor: string;\r\n  isFetching: boolean;\r\n}\r\n\r\n/**\r\n * Hook to select all pages of a collection from the store and flatten them.\r\n * It will not trigger any fetches.\r\n * \r\n * @param getKey - callback function to get the key for each page.\r\n * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.\r\n */\r\nexport function useSelectAllPages<T>(getKey: ((cursor?: string) => string) | false): SelectAllPagesResult<T> {\r\n  return useSelector(useMemo(() => (state: ApplicationState) => {\r\n    const getKeyFn = (getKey as Function);\r\n\r\n    let request = FunctionHelper.isFunction(getKey) &&\r\n      Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn());\r\n\r\n    let isFetching = request && request.isFetching;\r\n    const shouldInitialFetch = request && request.shouldFetch;\r\n\r\n    let items = request && request.data && request.data.data;\r\n    let nextCursor = safeGetCursor(request);\r\n\r\n    // Retrieve all pages that are currently in the store.\r\n    while (nextCursor) {\r\n      request = Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn(nextCursor));\r\n\r\n      isFetching = request.isFetching;\r\n\r\n      // If next page hasn't been fetched, break.\r\n      if (request.shouldFetch)\r\n        break;\r\n\r\n      let newItems = request.data && request.data.data;\r\n      newItems && items.push(...newItems);\r\n\r\n      nextCursor = safeGetCursor(request);\r\n    }\r\n\r\n    return {\r\n      shouldInitialFetch,\r\n      items,\r\n      nextCursor,\r\n      isFetching,\r\n    };\r\n  }, [getKey]));\r\n}","import * as React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\r\n\r\nimport { Playlist } from 'libs/shared/interfaces';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { SearchBar } from 'libs/shared/components/search-bar/SearchBar';\r\nimport { RecentPlaylistHelper } from 'libs/shared/apps/playlists/utils/RecentPlaylistHelper';\r\n\r\nimport styles from './select-playlist.scss';\r\n\r\nconst namespace = 'playlists.selectPlaylist';\r\n\r\nconst RECENT_PLAYLISTS_LIMIT = 3;\r\n\r\ninterface PlaylistSuggestionItemProps {\r\n  playlist: Playlist;\r\n  isVideoInPlaylist?: (playlist: Playlist) => boolean;\r\n}\r\n\r\nfunction PlaylistSuggestionItem(props: PlaylistSuggestionItemProps): JSX.Element {\r\n  const isVideoInPlaylist = FunctionHelper.isFunction(props.isVideoInPlaylist)\r\n    && props.isVideoInPlaylist(props.playlist);\r\n\r\n  const className = isVideoInPlaylist ? '' : 'cursor-pointer';\r\n\r\n  const svgName = isVideoInPlaylist ? cvSvgLibrary.Check : cvSvgLibrary.Plus;\r\n\r\n  let svgContainerClassName = 'd-inline-block svg-container';\r\n\r\n  if (isVideoInPlaylist)\r\n    svgContainerClassName += ' text-success';\r\n\r\n  const title = isVideoInPlaylist ? 'This video is already in this playlist' : '';\r\n\r\n  return (\r\n    <span className={className}>\r\n      <SvgContainer svgName={svgName} size={SvgContainerSize.Small} className={svgContainerClassName} title={title} />\r\n      <span className='ml-2'>{props.playlist.name}</span>\r\n    </span>\r\n  );\r\n}\r\n\r\ninterface SelectPlaylistProps {\r\n  playlists: Playlist[];\r\n  currentUserId: string;\r\n  onSelectPlaylist: (playlist: Playlist) => void;\r\n  isVideoInPlaylist?: (playlist: Playlist) => boolean;\r\n  createPlaylist?: (name: string) => void;\r\n}\r\n\r\nexport function SelectPlaylist(props: SelectPlaylistProps): JSX.Element {\r\n  const [ query, setQuery ] = React.useState('');\r\n\r\n  let containerClassName = '';\r\n\r\n  if (query)\r\n    containerClassName += ' border-bottom pb-2';\r\n\r\n  const sortedPlaylists = ArrayHelper.sortBy(props.playlists, 'name');\r\n\r\n  let recentlyAddedTo: Playlist[] | string[] =\r\n    RecentPlaylistHelper.getRecentlyAddedTo(props.currentUserId, LocalStorageHelper);\r\n\r\n  recentlyAddedTo = recentlyAddedTo.slice(0, RECENT_PLAYLISTS_LIMIT).map(id => props.playlists.find(p => p.id === id));\r\n\r\n  return (\r\n    <>\r\n      <SearchBar\r\n        onQueryChange={(q: string) => setQuery(q.trim())}\r\n        onSuggestionSelected={props.onSelectPlaylist}\r\n        updateQueryOnSelection={false}\r\n        recentSearches={recentlyAddedTo}\r\n        recentSearchHeading={LanguageService.getPhrase(namespace, 'recentPlaylistsHeading')}\r\n        suggestionsHeading={LanguageService.getPhrase(namespace, 'suggestionsHeading')}\r\n        local={sortedPlaylists}\r\n        initialSuggestions={sortedPlaylists}\r\n        activationLength={1}\r\n        placeholder={LanguageService.getPhrase(namespace, 'placeholder')}\r\n        theme={{\r\n          container: containerClassName,\r\n          suggestionsContainer: `mt-1 ${styles.suggestionContainer}`,\r\n          suggestionsContainerOpen: '',\r\n          suggestion: 'cursor-pointer py-1'\r\n        }}\r\n        searchIconPlacement='left'\r\n        alwaysRenderSuggestions\r\n        suggestionLimit={false}\r\n        getSuggestionComponent={(playlist: Playlist) =>\r\n          <PlaylistSuggestionItem playlist={playlist} isVideoInPlaylist={props.isVideoInPlaylist} />\r\n        }\r\n        autoFocusInput\r\n      />\r\n      {FunctionHelper.isFunction(props.createPlaylist) && !!query &&\r\n        <div className='pt-2 text-break'>\r\n          <span className='cursor-pointer' onClick={() => props.createPlaylist(query)}>\r\n            <SvgContainer svgName={cvSvgLibrary.Plus} size={SvgContainerSize.Small} />\r\n            <Text namespace={namespace} phrase='createPlaylist' options={{ name: query }} />\r\n          </span>\r\n        </div>\r\n      }\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"suggestionContainer\":\"cv--suggestionContainer--2omIR\"};","import { BaseCollectionIdentifier } from 'libs/common/backbone/interfaces';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\n\r\nexport class PlaylistCollectionIdentifier extends BaseCollectionIdentifier<PlaylistSortType> {\r\n  constructor(sort: PlaylistSortType = PlaylistSortType.Newest, cursor: string = '') {\r\n    super({ collectionPrefix: 'user:playlists', cursor, sort });\r\n  }\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { Spinner } from 'react-bootstrap';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\r\n\r\nimport { PopupViewProps, Video, Playlist, User } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { useFetchAll } from 'libs/shared/hooks/UseFetchAll';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { RecentPlaylistHelper } from 'libs/shared/apps/playlists/utils/RecentPlaylistHelper';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\nimport { useSelectAllPages } from 'libs/shared/hooks/UseSelectAllPages';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nimport { PlaylistCollectionIdentifier } from 'apps/playlists/interfaces/PlaylistCollectionIdentifier';\r\n\r\nimport { SelectPlaylist } from 'apps/playlists/components/select-playlist/SelectPlaylist';\r\n\r\nconst namespace = 'playlists.addToPlaylist';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst getPlaylistsRequest = (cursor?: string) =>\r\n  PlaylistRequests.getUserPlaylists(new PlaylistCollectionIdentifier(PlaylistSortType.AtoZ, cursor));\r\n\r\nconst getVideoPlaylistsRequest = (videoId: string, userId: string) => (cursor?: string) =>\r\n  PlaylistRequests.getVideoPlaylists(videoId, userId, cursor);\r\n\r\ninterface AddToPlaylistViewProps {\r\n  videoId: string;\r\n}\r\n\r\nexport function AddToPlaylistView(props: AddToPlaylistViewProps & PopupViewProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n\r\n  const [ isSubmitting, setIsSubmitting ] = React.useState(false);\r\n\r\n  const user = Flight.useBasicFetch<User>(UserRequests.currentUser);\r\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.videoId));\r\n  const playlists = useSelectAllPages<Playlist>((cursor?: string) => getPlaylistsRequest(cursor).key);\r\n  const videoPlaylists = useSelectAllPages<Playlist>((cursor?: string) =>\r\n    !!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor).key);\r\n\r\n  const videoPlaylistIds = !!videoPlaylists.items && videoPlaylists.items.map(p => p.id);\r\n\r\n  const fetchNextPlaylists = (cursor?: string) => {\r\n    Flight.getFetch(dispatch, getPlaylistsRequest(cursor))();\r\n  };\r\n\r\n  const fetchNextVideoPlaylists = (cursor?: string) => {\r\n    Flight.getFetch(dispatch, getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor))();\r\n  };\r\n\r\n  useFetchAll(getPlaylistsRequest, fetchNextPlaylists);\r\n  useFetchAll(\r\n    !!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id),\r\n    !!user.data && fetchNextVideoPlaylists\r\n  );\r\n\r\n  const addToPlaylist = (playlist: Playlist) => {\r\n    setIsSubmitting(true);\r\n\r\n    const onSuccess = () => {\r\n      props.closePopup();\r\n      RecentPlaylistHelper.addRecentlyAddedTo(user.data.id, LocalStorageHelper, { id: playlist.id });\r\n    };\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.addToPlaylist(playlist.id, [props.videoId], onSuccess, props.closePopup));\r\n  };\r\n\r\n  const createPlaylist = (name: string) => {\r\n    setIsSubmitting(true);\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.createPlaylist(user.data.id, { name }, (newPlaylist: Playlist) => {\r\n      if (!newPlaylist || !newPlaylist.id)\r\n        return;\r\n\r\n      addToPlaylist(newPlaylist);\r\n    }));\r\n  };\r\n\r\n  const onSelectPlaylist = (playlist: Playlist) => {\r\n    if (videoPlaylistIds.includes(playlist.id))\r\n      return;\r\n\r\n    addToPlaylist(playlist);\r\n  };\r\n\r\n  const dataLoaded = !!video.data\r\n    && !!playlists.items\r\n    && !playlists.nextCursor\r\n    && !!user.data\r\n    && !!videoPlaylists.items\r\n    && !videoPlaylists.nextCursor;\r\n\r\n  return (\r\n    <Popup title={getPhrase('heading')} closePopup={props.closePopup} showLoadingSpinner={!dataLoaded}>\r\n      {dataLoaded &&\r\n        <>\r\n          <div className='mb-2'>\r\n            <Text namespace={namespace} phrase='selectPlaylist' options={{ video: video.data.name }} />\r\n          </div>\r\n          {!isSubmitting\r\n            ? <SelectPlaylist\r\n                playlists={playlists.items}\r\n                currentUserId={user.data.id}\r\n                onSelectPlaylist={onSelectPlaylist}\r\n                isVideoInPlaylist={(playlist: Playlist) => (videoPlaylistIds.includes(playlist.id))}\r\n                createPlaylist={createPlaylist}\r\n              />\r\n            : <div className='text-center'>\r\n                <Spinner as='span' animation='border' role='status' size='sm' />\r\n              </div>\r\n          }\r\n        </>\r\n      }\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/35-666d815525.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[35],{414:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return s}));var a=n(0),i=n(411),r=n(26),l=n(36),c=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function o(e){const{castInitialValues:t,castValuesOnSubmit:n,initialValues:o,onSubmit:s,resetOnSubmit:u}=e,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){const n=l.a.deepClone(t);return Object.keys(n).forEach(t=>{n.hasOwnProperty(t)&&(l.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])}),n}(o)):o,b={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:(t,{setSubmitting:a,resetForm:i})=>{const r=n&&e.validationSchema?e.validationSchema.cast(t):t;s(r,()=>{u&&i(),a(!1)})},initialStatus:b}),r.a.isFunction(e.children)?t=>e.children(t):a.Children.count(e.children)?e.children:null)}function s(){return Object(i.f)()}o.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},420:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(411);const i={getCustomFormControlClassName(e,t,n,i){let r="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(r+=" is-invalid"),i&&(r+=" "+i),r}}},422:function(e,t,n){"use strict";var a=n(0),i=n(411),r=n(28),l=n(26),c=n(420);function o(e){const{values:t}=Object(i.f)(),n=t[e.fieldName];return"string"!=typeof n?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},n.length,"/",e.limit)}var s=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function u(e){const{label:t}=e,n=s(e,["label"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(r.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return b}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function d(e){const{children:t}=e,n=m(e,["children"]);return a.createElement(i.b,Object.assign({},n),l.a.isFunction(t)?e=>t(e):a.Children.count(t)?t:null)}function b(e){const{label:t,className:n,showCharacterCounter:l}=e,s=m(e,["label","className","showCharacterCounter"]),{errors:b,touched:p}=Object(i.f)();return"checkbox"===s.type?a.createElement(u,Object.assign({},e)):a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:s.id},t),a.createElement(d,Object.assign({className:c.a.getCustomFormControlClassName(b,p,s.name,n)},s)),!!l&&!!s.maxLength&&a.createElement(o,{fieldName:s.name,limit:s.maxLength}),a.createElement(i.a,{name:s.name},e=>a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)))}},423:function(e,t,n){"use strict";var a=n(0),i=n(411);var r=n(127),l=n(48);n.d(t,"a",(function(){return c}));function c(e){const t=Object(i.f)(),n=function(e){var t;const[n,i]=a.useState(!1);return a.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?i(!0):i(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect(()=>{e.isSubmitting&&i(!1)},[e.isSubmitting]),n}(t);a.useEffect(()=>{function e(e){13===e.keyCode&&n&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[n]);let c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(r.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!n},a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},526:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(0),i=n(405),r=n(411),l=n(7),c=n(422),o=n(414),s=n(423),u=n(48);const m="shared.editVideoDetails",d=i.object().shape({name:i.string().max(255,()=>l.a.getPhrase(m,"nameExceeds")).required(()=>l.a.getPhrase(m,"nameRequired")),description:i.string().max(65535,()=>l.a.getPhrase(m,"descriptionExceeds"))});function b(e){const t=Object(r.f)();return a.createElement(r.c,null,a.createElement(c.b,{label:l.a.getPhrase(m,"nameLabel"),type:"text",name:"name",id:"name",placeholder:l.a.getPhrase(m,"namePlaceholder"),autoFocus:!0,value:t.values.name}),a.createElement(c.b,{label:l.a.getPhrase(m,"descriptionLabel"),as:"textarea",name:"description",id:"description",placeholder:l.a.getPhrase(m,"descriptionPlaceholder"),autoFocus:!0,value:t.values.description}),a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.createElement(u.b,{namespace:m,phrase:"cancel"})),a.createElement(s.a,{isNew:!1})))}function p(e){const{video:{name:t,description:n},saveVideo:i,onClickCancel:r}=e;return a.createElement(o.a,{initialValues:{name:t,description:n},validationSchema:d,onSubmit:i},a.createElement(b,{onClickCancel:r}))}},631:function(e,t,n){"use strict";n.r(t),n.d(t,"EditVideoView",(function(){return d}));var a=n(0),i=n(39),r=n(12),l=n(78),c=n(118),o=n(526),s=n(124),u=n(31),m=n(3);function d(e){var t=e.id,n=e.closePopup,d=Object(l.a)("combine:uploads:service"),b=r.a.useBasicFetch(s.a.video(t)),p=Object(i.useDispatch)();return b.data?a.createElement(c.a,{closePopup:n,title:"Edit video details"},a.createElement(o.a,{video:b.data,saveVideo:function(e){e.id=b.data.id;var t=s.a.updateVideo(e,(function(){d.updateUploadMetadata(e.id,e.name),u.a.logUserAction(e,{location:m.j.Popup,actionType:m.n.Edit,workflowPhase:m.o.Complete,entity:m.d.Video}),n()}));r.a.fetch(p,t)},onClickCancel:n})):a.createElement(a.Fragment,null)}}}]);

package/dist/scripts/35.chunk.js

@@ -1 +1,414 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[35],{395:function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return c}));var i=a(0),n=a(393),l=a(31),s=a(34),r=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function o(e){const{castInitialValues:t,castValuesOnSubmit:a,initialValues:o,onSubmit:c,resetOnSubmit:u}=e,d=r(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),p=t&&e.validationSchema?e.validationSchema.cast(function e(t){const a=s.a.deepClone(t);return Object.keys(a).forEach(t=>{a.hasOwnProperty(t)&&(s.a.isObject(a[t])?a[t]=e(a[t]):null===a[t]&&delete a[t])}),a}(o)):o,m={allowInitialSubmit:e.allowInitialSubmit};return i.createElement(n.d,Object.assign({enableReinitialize:!0},d,{initialValues:p,onSubmit:(t,{setSubmitting:i,resetForm:n})=>{const l=a&&e.validationSchema?e.validationSchema.cast(t):t;c(l,()=>{u&&n(),i(!1)})},initialStatus:m}),l.a.isFunction(e.children)?t=>e.children(t):i.Children.count(e.children)?e.children:null)}function c(){return Object(n.f)()}o.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},402:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var i=a(393);const n={getCustomFormControlClassName(e,t,a,n){let l="form-control";return Object(i.e)(t,a)&&Object(i.e)(e,a)&&(l+=" is-invalid"),n&&(l+=" "+n),l}}},411:function(e,t,a){"use strict";var i=a(0),n=a(393),l=a(27),s=a(31),r=a(402);function o(e){const{values:t}=Object(n.f)(),a=t[e.fieldName];return"string"!=typeof a?i.createElement(i.Fragment,null):i.createElement("div",{className:"float-right text-muted"},a.length,"/",e.limit)}var c=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function u(e){const{label:t}=e,a=c(e,["label"]);return i.createElement(l.Form.Group,null,i.createElement("div",{className:"custom-control custom-checkbox"},i.createElement(p,Object.assign({className:"custom-control-input"},a)),i.createElement(l.Form.Label,{className:"custom-control-label",htmlFor:a.id},t)))}a.d(t,"a",(function(){return p})),a.d(t,"b",(function(){return m}));var d=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function p(e){const{children:t}=e,a=d(e,["children"]);return i.createElement(n.b,Object.assign({},a),s.a.isFunction(t)?e=>t(e):i.Children.count(t)?t:null)}function m(e){const{label:t,className:a,showCharacterCounter:s}=e,c=d(e,["label","className","showCharacterCounter"]),{errors:m,touched:y}=Object(n.f)();return"checkbox"===c.type?i.createElement(u,Object.assign({},e)):i.createElement(l.Form.Group,null,!!t&&i.createElement(l.Form.Label,{htmlFor:c.id},t),i.createElement(p,Object.assign({className:r.a.getCustomFormControlClassName(m,y,c.name,a)},c)),!!s&&!!c.maxLength&&i.createElement(o,{fieldName:c.name,limit:c.maxLength}),i.createElement(n.a,{name:c.name},e=>i.createElement(l.Form.Control.Feedback,{type:"invalid"},e)))}},412:function(e,t,a){"use strict";var i=a(0),n=a(393);var l=a(114),s=a(44);a.d(t,"a",(function(){return r}));function r(e){const t=Object(n.f)(),a=function(e){var t;const[a,n]=i.useState(!1);return i.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?n(!0):n(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),i.useEffect(()=>{e.isSubmitting&&n(!1)},[e.isSubmitting]),a}(t);i.useEffect(()=>{function e(e){13===e.keyCode&&a&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[a]);let r="save";return e.isNew&&(r="create"),e.hasNext&&(r="next"),i.createElement(l.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!a},i.createElement(s.b,{namespace:"shared.formButtons",phrase:r}))}},439:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var i=a(63),n=a(34);const l={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const n=i.a.moveItem(e,t,a),l=a<e.length-1?n[a+1].id:null;return{reorderedItems:n,reorderRequest:{sourceMemberId:n[a].id,destinationMemberId:l}}},updateState(e,t,a){const l=[],s=n.a.deepClone(a),r=[e];let o=a[e];const c=!!o&&!!o.data&&o.data.length;for(;o&&Array.isArray(o.data);){l.push(...o.data);const t=o.pagination&&o.pagination.cursors&&o.pagination.cursors.next,i=!!t&&`${e}:${t}`;o=t&&a[i],o&&r.push(i)}if(!l.length)return a;const u=i.a.findIndex(l,e=>e.id===t.sourceMemberId),d=[...l],p=d.splice(u,1),m=t.destinationMemberId?i.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(m,0,p[0]),r.forEach(e=>{const t=d.splice(0,c);s[e].data=t}),s}}},442:function(e,t,a){"use strict";var i,n=a(15),l=a(25),s=a(439),r=a(116);a(41);r.a;class o extends r.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(i||(i={}));const c={updatePlaylist:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)&&(i[e]=Object.assign(Object.assign({},i[e]),t)),i},deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)?(i[e].videos||(i[e].videos={}),i[e].videos.count=i[e].videos.count?i[e].videos.count+t:t,i):a}};var u=a(122);a.d(t,"a",(function(){return y}));const d=e=>e?"&cursor="+e:"",p=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",m=(e,t)=>`${e}${t?":"+t:""}`,y={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${l.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,i)=>({url:`${"/api/domain/v2/share/"+e}?query=${l.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:a,error:i}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${l.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,a){let i="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(i+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${i}}${l.a.VIDEO_COLLECTION}${d(a)}`,key:m(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${l.a.VIDEO_COLLECTION}${d(a)}${p(t)}`,key:m(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:m("video:playlists:"+e,a)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a,i;return{objectId:e,isFollowing:!!(null===(i=null===(a=t)||void 0===a?void 0:a.data)||void 0===i?void 0:i.length)}},normalize:!1}),createPlaylist:(e,t,a,i)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:n.a.POST,success:a,error:i,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,i)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:n.a.PUT,success:a,error:i,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:n.a.DELETE,success:t,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,i){const l=["user:playlists",new o(e).toString()];return t.forEach(e=>{l.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:n.a.POST,success:a,error:i,invalidationKeys:l,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,i)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:n.a.PUT,success:a,error:i,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>s.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,i)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:n.a.DELETE,success:a,error:i,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:n.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:n.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:i.Processed},success:e,error:t})}},447:function(e,t,a){"use strict";var i=a(0),n=a(31);a(5),a(2);const l=i.createContext({});function s(e,t=[]){const{setPageTitle:a}=i.useContext(l);i.useEffect(()=>{e&&n.a.isFunction(a)&&a(e)},[e,...t])}a.d(t,"a",(function(){return s}))},533:function(e,t,a){"use strict";var i=a(0),n=a(393),l=a(5),s=a(44),r=a(395),o=a(411),c=a(412),u=a(387);const d="playlists.validation",p=u.object().shape({name:u.string().max(255,()=>l.a.getPhrase(d,"nameExceeds")).required(()=>l.a.getPhrase(d,"nameRequired")),description:u.string().max(65535,()=>l.a.getPhrase(d,"descriptionExceeds"))});a.d(t,"a",(function(){return b}));var m=l.a.encloseNamespace("playlists.playlistDetails");function y(e){var t=Object(r.b)();return i.createElement(n.c,null,i.createElement(o.b,{label:m("nameLabel"),type:"text",name:"name",id:"name",placeholder:m("namePlaceholder"),autoFocus:!0,value:t.values.name}),i.createElement(o.b,{label:m("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:m("descriptionPlaceholder"),value:t.values.description}),i.createElement("div",{className:"btn-container d-flex justify-content-end"},i.createElement("button",{type:"button",className:"btn btn-".concat(e.cancelButtonClass," mr-2"),onClick:e.onClickCancel},i.createElement(s.b,{namespace:"playlists.playlistDetails",phrase:"cancel"})),i.createElement(c.a,{isNew:e.isNew})))}function b(e){var t=e.playlist,a=(t=void 0===t?{}:t).name,n=void 0===a?"":a,l=t.description,s=void 0===l?"":l,o=t.id,c=void 0===o?null:o,u=e.savePlaylist,d=e.onClickCancel,m=e.cancelButtonClass;return i.createElement(r.a,{initialValues:{name:n,description:s},validationSchema:p,onSubmit:u},i.createElement(y,{isNew:!c,onClickCancel:d,cancelButtonClass:m}))}},633:function(e,t,a){"use strict";a.r(t),a.d(t,"EditPlaylistView",(function(){return p}));var i=a(0),n=a(40),l=a(5),s=a(11),r=a(447),o=a(442),c=a(112),u=a(533),d=l.a.encloseNamespace("playlists.editPlaylist");function p(e){var t=Object(n.useDispatch)(),a=s.a.useBasicFetch(o.a.getPlaylist(e.playlistId));Object(r.a)(a.data&&d("title",{name:a.data.name}),[a]);return i.createElement(c.a,{title:d("heading"),closePopup:e.closePopup,showLoadingSpinner:!a.data},!!a.data&&i.createElement(u.a,{playlist:a.data,savePlaylist:function(a){s.a.fetch(t,o.a.updatePlaylist(e.playlistId,a,e.closePopup,e.closePopup))},onClickCancel:e.closePopup,cancelButtonClass:"secondary"}))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[35],{
+
+/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/back-button/BackButton.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: BackButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BackButton", function() { return BackButton; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+
+
+const namespace = 'shared.backButton';
+BackButton.defaultProps = {
+  color: 'black'
+};
+function BackButton({
+  backToName,
+  appLink,
+  color
+}) {
+  const backPhrase = backToName ? _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'backTo', {
+    backToName
+  }) : _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'back');
+  const colorClass = color === 'black' ? '' : 'text-light';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
+    appLink: appLink,
+    className: `d-inline-flex align-items-center h5 mb-0 ${colorClass}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].ChevronLeft,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Medium
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'ml-1'
+  }, backPhrase));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/BannerHeader.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: BannerHeader, PartialBannerHeader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BannerHeader", function() { return BannerHeader; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialBannerHeader", function() { return PartialBannerHeader; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../back-button/BackButton */ "../../libs/shared/src/components/back-button/BackButton.tsx");
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _actions_Actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./banner-header.scss */ "../../libs/shared/src/components/banner-header/banner-header.scss");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+const BannerHeader = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  const {
+    heading,
+    banner,
+    imageCdnUrl,
+    actions,
+    sortComponent
+  } = props;
+  const url = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createBannerUrl(banner, {
+    fallbackBaseUrl: imageCdnUrl,
+    fallbackCategoryName: heading,
+    type: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners
+  }, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Large,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'banner',
+    style: {
+      backgroundImage: `url('${url}')`
+    }
+  }, props.backButtonAppLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pt-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__["BackButton"], {
+    appLink: props.backButtonAppLink,
+    backToName: props.backButtonText,
+    color: 'white'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'text-white text-shadow position-absolute m-0 pb-3'
+  }, heading), !!actions && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.actionsContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_actions_Actions__WEBPACK_IMPORTED_MODULE_4__["Actions"], {
+    actions: actions,
+    sortComponent: sortComponent
+  })));
+}, (prevProps, nextProps) => prevProps.actions === nextProps.actions);
+const PartialBannerHeader = () => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+  className: `partial-banner partial-loading-background`
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/banner-header.scss":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/banner-header.scss ***!
+  \*************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"actionsContainer":"cv--actionsContainer--286KF"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: `/api/domain/v2/objects/${userId}`,
+    key: `favourite:video:${userId}:${videoId}`,
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: [`favourite:videos:${userId}`, `video:is:favourited:${userId}`],
+    success,
+    error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: `/api/domain/v2/objects/${userId}/favouriteVideos/${videoId}`,
+    key: `favourite:video:${userId}:${videoId}`,
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: [`favourite:videos:${userId}`, `video:is:favourited:${userId}`],
+    success,
+    error
+  };
+}
+
+const FavouriteVideoRequests = {
+  favouriteVideos(userId, cursor) {
+    const query = `${_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION}${addCursor(cursor)}`;
+    return {
+      url: `/api/domain/v2/objects/${userId}/favouriteVideos?query=${query}`,
+      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`
+    };
+  },
+
+  updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    const requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+
+  isFavourited(userId, ids) {
+    const sortedIds = ids.slice().sort();
+    const params = sortedIds.map(i => `id=${i}`);
+    return {
+      url: `/api/domain/v2/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,
+      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,
+      formatData: videos => {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        const setIsFavourited = video => {
+          var _a, _b;
+
+          const {
+            favouritedBy
+          } = video,
+                v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
+
+};
+
+function addCursor(cursor) {
+  return cursor ? `&cursor=${cursor}` : '';
+}
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useVideoMixin.ts":
+/*!*******************************************!*\
+  !*** ./src/shared/hooks/useVideoMixin.ts ***!
+  \*******************************************/
+/*! exports provided: useVideoMixin */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+
+
+
+
+
+function fetchAttribute(videosFetched, request) {
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse(request && request.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser);
+  var videoIds = videos && (Array.isArray(videos) ? videos.map(function (v) {
+    return v.id;
+  }) : videos.data.map(function (v) {
+    return v.id;
+  }));
+  var requests = [videoIds && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds), videoIds && currentUser.data && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(currentUser.data.id, videoIds)];
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
+}
+
+/***/ }),
+
+/***/ "./src/shared/utils/LiteAppLinkUtils.ts":
+/*!**********************************************!*\
+  !*** ./src/shared/utils/LiteAppLinkUtils.ts ***!
+  \**********************************************/
+/*! exports provided: getVideoActionAppLink */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActionAppLink", function() { return getVideoActionAppLink; });
+/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+
+function getVideoActionAppLink(video, action) {
+  switch (action) {
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].AddToPlaylist:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].PLAYLISTS,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Playlists.ADD_TO_PLAYLIST,
+        args: [video.id]
+      };
+
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].Share:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].DEFAULT,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Default.SHARE,
+        args: [video.id],
+        params: {
+          entityType: 'video'
+        }
+      };
+  }
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/favourite-videos/FavouriteVideosView.tsx":
+/*!*******************************************************************!*\
+  !*** ./src/shared/views/favourite-videos/FavouriteVideosView.tsx ***!
+  \*******************************************************************/
+/*! exports provided: FavouriteVideosView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideosView", function() { return FavouriteVideosView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
+/* harmony import */ var _libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/context/VideoActionsContext */ "../../libs/shared/src/context/VideoActionsContext.tsx");
+/* harmony import */ var shared_utils_LiteAppLinkUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/utils/LiteAppLinkUtils */ "./src/shared/utils/LiteAppLinkUtils.ts");
+/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.favouriteVideos';
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__["Actions"].Default.PLAY_VIDEO,
+    args: [video.id]
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: null,
+    action: null,
+    args: [series.id]
+  };
+};
+
+function FavouriteVideosView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_4__["ConfigRequests"].config);
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_5__["UserRequests"].currentUser);
+  var favouriteVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(!!currentUser.data && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__["FavouriteVideoRequests"].favouriteVideos(currentUser.data.id, props.cursor));
+  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_11__["useVideoMixin"])(favouriteVideos.data);
+
+  function setFavourite(videoId, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__["FavouriteVideoRequests"].updateIsVideoFavourited(videoId, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({
+        id: videoId
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["WorkflowPhase"].Complete
+      });
+    }, onError));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_9__["VideoActionsContext"].Provider, {
+    value: {
+      getActionAppLink: shared_utils_LiteAppLinkUtils__WEBPACK_IMPORTED_MODULE_10__["getVideoActionAppLink"]
+    }
+  }, !!config.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_8__["BannerHeader"], {
+    heading: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'header'),
+    banner: null,
+    imageCdnUrl: config.data.imageCdnUrl
+  }), !!favouriteVideos.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_7__["VideoList"], {
+    videos: favouriteVideos.data.data,
+    cursors: favouriteVideos.data.pagination.cursors,
+    getVideoAppLink: getVideoAppLink,
+    getSeriesAppLink: getSeriesAppLink,
+    setFavourite: setFavourite
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=35.chunk.js.map

package/dist/scripts/35.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/back-button/BackButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/banner-header.scss?f381","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/utils/LiteAppLinkUtils.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/views/favourite-videos/FavouriteVideosView.tsx"],"names":[],"mappings":"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","file":"scripts/35.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nconst namespace = 'shared.backButton';\r\n\r\ninterface BackButtonProps {\r\n  appLink: Core.AppLink;\r\n  backToName?: string;\r\n  color?: 'black' | 'white';\r\n}\r\n\r\nBackButton.defaultProps = {\r\n  color: 'black'\r\n};\r\n\r\nexport function BackButton({ backToName, appLink, color }: BackButtonProps): React.ReactElement {\r\n  const backPhrase = backToName\r\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\r\n    : LanguageService.getPhrase(namespace, 'back');\r\n\r\n  const colorClass = color === 'black' ? '' : 'text-light';\r\n\r\n  return (\r\n    <AppLink appLink={appLink} className={`d-inline-flex align-items-center h5 mb-0 ${colorClass}`}>\r\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\r\n      <span className='ml-1'>{backPhrase}</span>\r\n    </AppLink>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\r\nimport { Banner } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageType, ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { Actions, ActionOptions } from 'libs/shared/components/actions/Actions';\r\n\r\nimport styles from './banner-header.scss';\r\n\r\ninterface BannerHeaderProps {\r\n  heading: string;\r\n  banner: Banner;\r\n  imageCdnUrl: string;\r\n  actions?: ActionOptions[];\r\n  backButtonAppLink?: Core.AppLink;\r\n  backButtonText?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\r\n  const { heading, banner, imageCdnUrl, actions, sortComponent } = props;\r\n\r\n  const url = ImageHelper.createBannerUrl(banner, {\r\n    fallbackBaseUrl: imageCdnUrl,\r\n    fallbackCategoryName: heading,\r\n    type: ImageType.Banners,\r\n  }, {\r\n    size: ImageSize.Large,\r\n    resizeType: ResizeType.Cover\r\n  });\r\n\r\n  return (\r\n    <div className='banner' style={{ backgroundImage: `url('${url}')` }}>\r\n      {props.backButtonAppLink && (\r\n        <div className='pt-3'>\r\n          <BackButton\r\n            appLink={props.backButtonAppLink}\r\n            backToName={props.backButtonText}\r\n            color='white'\r\n          />\r\n        </div>\r\n      )}\r\n      <h1 className='text-white text-shadow position-absolute m-0 pb-3'>{heading}</h1>\r\n      {!!actions && (\r\n        <div className={styles.actionsContainer}>\r\n          <Actions actions={actions} sortComponent={sortComponent} />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}, (prevProps, nextProps): boolean => (\r\n  prevProps.actions === nextProps.actions\r\n));\r\n\r\nexport const PartialBannerHeader = () => <div className={`partial-banner partial-loading-background`} />;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"actionsContainer\":\"cv--actionsContainer--286KF\"};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\n\r\nfunction favouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `/api/domain/v2/objects/${userId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    data: { favouriteVideos: videoId },\r\n    type: HttpVerbs.PUT,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nfunction unfavouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `/api/domain/v2/objects/${userId}/favouriteVideos/${videoId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    type: HttpVerbs.DELETE,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nexport const FavouriteVideoRequests = {\r\n  favouriteVideos(userId: string, cursor?: string): Flight.Request {\r\n    const query = `${SharedWithStatements.VIDEO_COLLECTION}${addCursor(cursor)}`;\r\n\r\n    return {\r\n      url: `/api/domain/v2/objects/${userId}/favouriteVideos?query=${query}`,\r\n      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`\r\n    };\r\n  },\r\n\r\n  updateIsVideoFavourited(\r\n    videoId: string, userId: string, shouldFavourite: boolean, success?: () => void, error?: (Xhr: Xhr) => void\r\n  ): Flight.Request {\r\n    const requestFn = shouldFavourite\r\n      ? favouriteVideo\r\n      : unfavouriteVideo;\r\n\r\n    return requestFn(videoId, userId, success, error);\r\n  },\r\n\r\n  isFavourited(userId: string, ids: string[]): Flight.Request {\r\n    const sortedIds = ids.slice().sort();\r\n\r\n    const params = sortedIds.map(i => `id=${i}`);\r\n\r\n    return {\r\n      url: `/api/domain/v2/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,\r\n      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,\r\n      formatData: (videos: HashObject[]) => {\r\n        if (!videos?.length)\r\n          return videos;\r\n\r\n        const setIsFavourited = (video: HashObject) => {\r\n          const { favouritedBy, ...v } = video;\r\n\r\n          // As we filtered by userId, if there are any users, set isFavourited to true.\r\n          return {\r\n            ...v,\r\n            isFavourited: !!favouritedBy?.data?.length\r\n          };\r\n        };\r\n\r\n        return videos.map(setIsFavourited);\r\n      }\r\n    };\r\n  }\r\n};\r\n\r\nfunction addCursor(cursor: string): string {\r\n  return cursor ? `&cursor=${cursor}` : '';\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { VideoCollection, User, Video } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nfunction fetchAttribute(videosFetched: boolean, request: Flight.Request): void {\r\n  const attribute = Flight.useGetResponse<VideoCollection>(request && request.key);\r\n  const fetch = Flight.useGetFetch(request);\r\n\r\n  if (videosFetched && attribute.shouldFetch)\r\n    fetch();\r\n}\r\n\r\nexport function useVideoMixin(videos: VideoCollection | Video[]): void {\r\n  const currentUser = Flight.useBasicFetch<User>(UserRequests.currentUser);\r\n\r\n  const videoIds = videos && (Array.isArray(videos)\r\n    ? videos.map(v => v.id)\r\n    : videos.data.map(v => v.id));\r\n\r\n  const requests: Flight.Request[] = [\r\n    videoIds && VideoRequests.videoRatings(videoIds),\r\n    videoIds && currentUser.data && FavouriteVideoRequests.isFavourited(currentUser.data.id, videoIds)\r\n  ];\r\n\r\n  requests.forEach(r => fetchAttribute(!!videos, r));\r\n}","import { Core } from 'libs/common/core';\r\nimport { Video } from 'libs/shared/interfaces';\r\nimport { VideoAction } from 'libs/shared/utils/video-actions/VideoActionsHelper';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nexport function getVideoActionAppLink(video: Video, action: VideoAction): Core.AppLink {\r\n  switch (action) {\r\n  case VideoAction.AddToPlaylist:\r\n    return { application: AppChannels.PLAYLISTS, action: Actions.Playlists.ADD_TO_PLAYLIST, args: [video.id]};\r\n  case VideoAction.Share:\r\n    return { application: AppChannels.DEFAULT, action: Actions.Default.SHARE, args: [video.id], params: {\r\n      entityType: 'video'\r\n    }};\r\n  }\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Config, VideoCollection, Video, Series, User } from 'libs/shared/interfaces';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\r\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\r\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\r\n\r\nimport { getVideoActionAppLink } from 'shared/utils/LiteAppLinkUtils';\r\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, LocationContext, WorkflowPhase, UserAction, ToggleDescriptor } from 'libs/analytics/interfaces';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nconst namespace = 'shared.favouriteVideos';\r\n\r\nconst getVideoAppLink = (video: Video): Core.AppLink => ({\r\n  application: AppChannels.DEFAULT,\r\n  action: Actions.Default.PLAY_VIDEO,\r\n  args: [video.id]\r\n});\r\n\r\nconst getSeriesAppLink = (series: Series): Core.AppLink => ({\r\n  application: null,\r\n  action: null,\r\n  args: [series.id]\r\n});\r\n\r\ninterface FavouriteVideosViewProps {\r\n  cursor?: string;\r\n}\r\n\r\nexport function FavouriteVideosView(props: FavouriteVideosViewProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config);\r\n  const currentUser = Flight.useBasicFetch<User>(UserRequests.currentUser);\r\n  const favouriteVideos = Flight.useBasicFetch<VideoCollection>(!!currentUser.data &&\r\n    FavouriteVideoRequests.favouriteVideos(currentUser.data.id, props.cursor));\r\n\r\n  useVideoMixin(favouriteVideos.data);\r\n\r\n  function setFavourite(videoId: string, shouldFavourite: boolean, onError?: () => void): void {\r\n    Flight.fetch(\r\n      dispatch,\r\n      FavouriteVideoRequests.updateIsVideoFavourited(videoId, currentUser.data.id, shouldFavourite, () => {\r\n        AnalyticsHelper.logUserAction({ id: videoId }, {\r\n          entity: EntityType.Video,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: shouldFavourite ? ToggleDescriptor.On : ToggleDescriptor.Off,\r\n          location: LocationContext.VideoThumbnail,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n      }, onError)\r\n    );\r\n  }\r\n\r\n  return (\r\n    <VideoActionsContext.Provider value={{ getActionAppLink: getVideoActionAppLink }}>\r\n      {!!config.data &&\r\n        <BannerHeader\r\n          heading={LanguageService.getPhrase(namespace, 'header')}\r\n          banner={null}\r\n          imageCdnUrl={config.data.imageCdnUrl}\r\n        />\r\n      }\r\n      {!!favouriteVideos.data &&\r\n        <VideoList\r\n          videos={favouriteVideos.data.data}\r\n          cursors={favouriteVideos.data.pagination.cursors}\r\n          getVideoAppLink={getVideoAppLink}\r\n          getSeriesAppLink={getSeriesAppLink}\r\n          setFavourite={setFavourite}\r\n        />\r\n      }\r\n    </VideoActionsContext.Provider>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/36-02ce5f3538.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[36],{585:function(e,a,t){e.exports={slidingSubject:"_16BT9",heading:"_1ZUkE",thumbnailContainer:"_1uhoK",partialLoadingHeading:"_1-m4K",partialLoading:"_3fvkd",labelContainer:"_3T7RZ"}},586:function(e,a,t){e.exports={searchBar:"_3pFjl",searchBarContainer:"W4B6T"}},654:function(e,a,t){"use strict";t.r(a);var n,r=t(1),i=t(0),c=t(406),o=t(12),s=t(72),l=t(40),u=t(51),d=t(82),p=t(84);!function(e){e.Learner="learner",e.Staff="staff"}(n||(n={}));const m={getUserGroup:e=>e===p.a.Student?n.Learner:n.Staff};var f=t(228),g=t(473),v=t(120),b=t(225),h=t(9);var y=t(482),E=t(550),S=t(133),k=t(7),L=t(71);const A=i.memo((function({user:e}){const a=k.a.encloseNamespace("shared.greeting");return i.createElement("h1",{className:"h2"},i.createElement("strong",null,function(e){switch(L.a.currentTimeOfDay()){case"morning":return e("morning");case"afternoon":return e("afternoon");case"evening":return e("evening");default:return e("fallback")}}(a),i.createElement("span",{className:"text-info"}," ",e&&e.givenName),","),i.createElement("br",null),i.createElement("strong",null,a("prompt")))}),(e,a)=>{var t,n;return(null===(t=e.user)||void 0===t?void 0:t.id)===(null===(n=a.user)||void 0===n?void 0:n.id)});var w=t(35),B=t(426),C=t(429),j=t(416),N=t(585),I=t.n(N);function O(e){const{data:a,appLink:t,context:n,preloadImage:r}=e,c=Object.assign(Object.assign({},t),{args:[a.id,w.a.slugify(a.name)]});return i.createElement("div",{className:`${I.a.slidingSubject} ${I.a.thumbnailContainer}`},i.createElement(C.b,{data:a.tallPoster,appLink:c,aspectRatio:C.a.NineBySixteen,preload:r,size:B.a.Large},i.createElement(j.a,{type:j.b.TallSubject}),i.createElement("h3",{className:"h4 "+I.a.heading},a.name)))}var T=t(80),D=t(122),_=t(34);function U(e){const{heading:a,banner:t,imageCdnUrl:n,appLink:r}=e,c=D.a.createBannerUrl(t,{fallbackBaseUrl:n,fallbackCategoryName:a,type:T.b.Banners});return i.createElement(_.a,{appLink:r},i.createElement("div",{className:"banner",style:{backgroundImage:`url('${c}')`}}))}var R=t(239),x=t(237),F=t(11),H=t(4),P=t(52),V=t(59),J=function(e,a,t,n){return V.a.urlBuilder("api/domain/v2/dashboards/widgets",{libraryType:e,customerType:a,userRole:t,countryCode:n})},$=function(e,a,t,n,r){var i="api/domain/v2/dashboards/playlists/".concat(e,"/videos");return V.a.urlBuilder(i,{maxRatingValue:a,userGroup:t,page:n,limit:r})},z=function(e,a,t,n){return{url:J(e,a,t,n),key:"widgets:".concat(e,":").concat(a,":").concat(n)}},G=function(e,a,t,n,r){return{url:$(e,a,t,n,r),key:"widget:".concat(e,":").concat(a,":").concat(t,":").concat(n)}},M=t(586),K=t.n(M);function X(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return Z(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Z(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}t.d(a,"DashboardView",(function(){return ae}));var W={video:{application:H.a.DEFAULT,action:F.a.Default.PLAY_VIDEO},collection:{application:H.a.DASHBOARD,action:F.a.Dashboard.DASHBOARD},series:{application:H.a.DEFAULT,action:F.a.Default.SERIES},classification:{application:H.a.SUBJECT,action:F.a.Subjects.CLASSIFICATION},subjectPreferences:{application:H.a.SUBJECT,action:F.a.Subjects.PREFERENCES,params:{step:"subjects"}}};function Y(e){return o.a.useBasicFetch(S.a.classifications())}function q(e){var a,t,n=Object(b.a)(h.b.AppOptions).onlineCustomerType,r=p.a.Staff,i=(null===(a=e)||void 0===a?void 0:a.countryCode)&&z(f.a.HostedLibrary,n,r,null===(t=e)||void 0===t?void 0:t.countryCode);return o.a.useBasicFetch(i).data}function Q(e,a,t){return o.a.useBasicFetch(t?G(e,null,m.getUserGroup(p.a.Staff),1,25):null)}function ee(e){var a=e.presentationId,t=X(Object(u.a)(P.a.SEARCH_BAR_LOCATION,!1),2),n=t[0],r=t[1],o=X(c.useInView({rootMargin:"-126px 0px"}),2),d=o[0],p=o[1];return p===n&&r(!p),i.createElement("div",{ref:d,className:K.a.searchBar},i.createElement(s.a,{className:"container ".concat(K.a.searchBarContainer),view:R.a,options:{model:l.a.get("search",{ctor:x.a}),disableMask:!0,presentationId:a}}))}function ae(){var e,a=o.a.useBasicFetch(v.a.currentUser),t=q(a.data),n=o.a.useBasicFetch(S.a.presentation());return i.createElement("div",{className:"dashboard-widgets bg-white"},i.createElement("div",{className:"pt-5 px-1"},i.createElement(A,{user:a.data})),i.createElement(ee,{presentationId:null===(e=n.data)||void 0===e?void 0:e.id}),i.createElement(y.a,{name:"Subjects",type:d.c.Row,contents:g.a.Subjects,fetch:Y,setData:function(e){return e},lazyLoad:!1,childComponent:O,settingsAppLink:W.subjectPreferences,childAppLink:W.classification}),i.createElement("div",{className:"py-3 px-1"},i.createElement(U,{appLink:W.series,banner:{id:"Xg84gv",url:"http://image.api.stg.cvnet.io/v2/banners/Xg84gv"},imageCdnUrl:""})),t&&t.map((function(e,a){return i.createElement(y.a,{key:a,type:e.type,contents:g.a.Videos,fetch:r.partial(Q,e.collectionId.toString()),setData:function(e){return e.videos.data},lazyLoad:!0,childComponent:function(e){return i.createElement(E.a,Object.assign({},e,{appLink:W.video,seriesAppLink:W.series}))},appLink:W.collection,childAppLink:W.video})})),";")}}}]);