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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","webpack://@clickview/lite/./src/apps/content-updates/components/classification-banner/classification-banner.scss?eec1","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/index.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","webpack://@clickview/lite/./src/apps/playlists/components/video-list/sortable-video-list-container.scss?ea6f"],"names":[],"mappings":"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","file":"scripts/14.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\nimport { Video } from 'libs/shared/interfaces';\r\n\r\nexport const ContentUpdateRequests = {\r\n  getContentUpdates(from: string, to: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/subjects/content-updates?from=${from}&to=${to}`\r\n        + `&query=${SharedWithStatements.VIDEO_COLLECTION}`,\r\n      key: 'content:updates',\r\n      normalize: false\r\n    };\r\n  },\r\n\r\n  getClassifications(ids: string[]): Flight.Request {\r\n    let url = '/api/domain/v1/subjects';\r\n    const params: string[] = [];\r\n    ids.forEach(id => params.push(`id=${id}`));\r\n\r\n    return {\r\n      url: `${url}?${params.join('&')}&query=banner`,\r\n      key: `classifications:${ids.join(',')}`\r\n    };\r\n  },\r\n\r\n  getClassification(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/subjects/${id}?query=banner`,\r\n      key: `classification:${id}`\r\n    };\r\n  },\r\n\r\n  /**\r\n   * TODO: Delete thise and use the shared video requests\r\n   */\r\n  videos(ids: string[], success?: (data: Video[]) => void): Flight.Request {\r\n    const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=${SharedWithStatements.VIDEO_COLLECTION}`;\r\n\r\n    return {\r\n      url,\r\n      key: `videos:by:id:${ids.join(',')}`,\r\n      success\r\n    };\r\n  },\r\n};","import * as React from 'react';\r\n\r\ninterface PartialVideoListProps {\r\n\r\n}\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n  return (\r\n    <>\r\n    </>\r\n  );\r\n}","import { useDispatch, useSelector } from 'react-redux';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { HashObject, ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\n\r\nconst BATCH_SIZE = 25;\r\n\r\n/**\r\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\r\n * requests if there are more than 25 items.\r\n * This will return null until we have all our items. Items will be returned as an object with\r\n * their ids as they key for easy mapping\r\n * \r\n * @param itemIds \r\n * @param getRequest \r\n */\r\nexport function useBatchFetch<T extends BaseObject>(\r\n  itemIds: string[], getRequest: (ids: string[]) => Flight.Request\r\n): { [key: string]: T} {\r\n  const dispatch = useDispatch();\r\n  return useSelector((state: ApplicationState) => {\r\n    if (!itemIds?.length)\r\n      return null;\r\n\r\n    const uniqueItemIds = ArrayHelper.uniq(itemIds);\r\n    let items: { [key: string]: T} = {};\r\n\r\n    /* Used locally to only return our items if we've fetched all of them */\r\n    const status: HashObject = {};\r\n\r\n    for (let i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {\r\n      const ids = uniqueItemIds.slice(i, i + BATCH_SIZE);\r\n\r\n      const request = getRequest(ids);\r\n      const response = Flight.getResponse<T[]>(state, request.key);\r\n      status[i] = !!response.data;\r\n\r\n      if (response.shouldFetch)\r\n        Flight.fetch(dispatch, request);\r\n\r\n      if (response.data)\r\n        response.data.forEach(v => items[v.id] = v);\r\n    }\r\n\r\n    return Object.keys(status).every(k => status[k]) ? items : null;\r\n  });\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport styles from './classification-banner.scss';\r\n\r\nconst namespace = 'liteContentUpdates.classificationBanner';\r\n\r\ninterface ClassificationBannerProps {\r\n  classification: Classification;\r\n  backgroundUrl: string;\r\n  getClassificationAppLink: (classification: Classification) => Core.AppLink;\r\n  followed: boolean;\r\n  follow: (classificationId: string, follow: boolean) => void;\r\n}\r\n\r\nexport function ClassificationBanner(props: ClassificationBannerProps): JSX.Element {\r\n  const { classification, backgroundUrl, followed, follow } = props;\r\n\r\n  return (\r\n    <div\r\n      className={`banner mb-2 d-flex justify-content-between ${styles.banner}`}\r\n      style={{ backgroundImage: `url('${backgroundUrl}')` }}\r\n    >\r\n      <AppLink className='text-white text-shadow' appLink={props.getClassificationAppLink(classification)}>\r\n        <h2 className='h3 mb-0'>{classification.name}</h2>\r\n      </AppLink>\r\n      <IconButton\r\n        className={`btn ${followed ? 'btn-dark' : 'btn-white'}`}\r\n        svgName={cvSvgLibrary.Bell}\r\n        onClick={() => follow(classification.id, !followed)}\r\n      >\r\n        <Text namespace={namespace} phrase={followed ? 'unfollow' : 'follow'} />\r\n      </IconButton>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"banner\":\"cv--banner--1ZGpQ\"};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteClassificationUpdateBreadcrumbs';\r\n\r\ninterface ClassificationUpdateBreadcrumbs {\r\n  classification: Classification;\r\n  contentUpdatesAppLink: Core.AppLink;\r\n  dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function ClassificationUpdateBreadcrumbs(\r\n  props: ClassificationUpdateBreadcrumbs\r\n): JSX.Element {\r\n  const { classification } = props;\r\n\r\n  return (\r\n    <>\r\n      <nav aria-label='breadcrumb'>\r\n        <ol className='breadcrumb p-0'>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.contentUpdatesAppLink}><Text namespace={namespace} phrase='whatsNew' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item active' aria-current='page'>{classification.name}</li>\r\n        </ol>\r\n      </nav>\r\n    </>\r\n  );\r\n}","export * from './whats-new-breadcrumbs/WhatsNewBreadcrumbs';\r\nexport * from './classification-banner/ClassificationBanner';\r\nexport * from './classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs';","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteWhatsNewBreadcrumbs';\r\n\r\nexport interface WhatsNewBreadcrumbsProps {\r\n  dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function WhatsNewBreadcrumbs(props: WhatsNewBreadcrumbsProps): JSX.Element {\r\n  return (\r\n    <>\r\n      <h1><Text namespace={namespace} phrase='whatsNew' /></h1>\r\n      <nav aria-label='breadcrumb'>\r\n        <ol className='breadcrumb p-0'>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item active' aria-current='page'><Text namespace={namespace} phrase='whatsNew' /></li>\r\n        </ol>\r\n      </nav>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\nimport { SortStart, SortEnd } from 'react-sortable-hoc';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { DevError } from 'libs/common/backbone/errors/DevError';\r\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/PartialVideoList';\r\n\r\nimport styles from './sortable-video-list-container.scss';\r\n\r\ninterface SortableVideoListContainerProps extends VideoListProps {\r\n  playlistId: string;\r\n  onSortComplete: (oldIdx: number, newIdx: number) => void;\r\n  onSortStart?: (index: number) => void;\r\n  isUserSignedIn: boolean;\r\n  canEdit?: boolean;\r\n  showPartialLoading?: boolean;\r\n  fetchRestrictions?: () => void;\r\n}\r\n\r\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\r\n  const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\r\n\r\n  const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\r\n\r\n  const onSortStartHandler = (index: number) => {\r\n    if (FunctionHelper.isFunction(onSortStart))\r\n      onSortStart(index);\r\n  };\r\n\r\n  const onSortEnd = (sort: SortEnd) => {\r\n    setCurrentSortingIndex(null);\r\n\r\n    if (!FunctionHelper.isFunction(onSortComplete)) {\r\n      Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\r\n      return;\r\n    }\r\n\r\n    onSortComplete(sort.oldIndex, sort.newIndex);\r\n  };\r\n\r\n  if (showPartialLoading)\r\n    return <PartialVideoList />;\r\n\r\n  if (!props.canEdit)\r\n    return <VideoList {...videoListProps} />;\r\n\r\n  return (\r\n    <SortableVideoList\r\n      {...videoListProps}\r\n      currentSortingIndex={currentSortingIndex}\r\n      updateBeforeSortStart={({ index }: SortStart) => setCurrentSortingIndex(index)}\r\n      onSortStart={({ index }: SortStart) => onSortStartHandler(index)}\r\n      onSortEnd={onSortEnd}\r\n      lockAxis='y'\r\n      lockToContainerEdges\r\n      lockOffset={[ '0%', '100%' ]} // Allow movement beyond the bottom of container\r\n      helperClass={`bg-white ${styles.sortableItem}`}\r\n      distance={1} // This allows mousedown/click events to be consumed before sorting is triggered.\r\n      useDragHandle\r\n    />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sortableItem\":\"cv--sortableItem--2eiPB\"};"],"sourceRoot":""}

package/dist/scripts/15-78ff5e8be2.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[15],{421:function(t,e,a){"use strict";a.d(e,"a",(function(){return l}));var r=a(16),n=a(27),i=function(t,e){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(a[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(a[r[n]]=t[r[n]])}return a};function o(t,e,a,n){return{url:"/api/domain/v2/objects/"+e,key:`favourite:video:${e}:${t}`,data:{favouriteVideos:t},type:r.a.PUT,invalidationKeys:["favourite:videos:"+e,"video:is:favourited:"+e],success:a,error:n}}function s(t,e,a,n){return{url:`/api/domain/v2/objects/${e}/favouriteVideos/${t}`,key:`favourite:video:${e}:${t}`,type:r.a.DELETE,invalidationKeys:["favourite:videos:"+e,"video:is:favourited:"+e],success:a,error:n}}const l={favouriteVideos:(t,e)=>({url:`/api/domain/v2/objects/${t}/favouriteVideos?query=${`${n.a.VIDEO_COLLECTION}${function(t){return t?"&cursor="+t:""}(e)}`}`,key:`favourite:videos:${t}${e?":"+e:""}`}),updateIsVideoFavourited:(t,e,a,r,n)=>(a?o:s)(t,e,r,n),isFavourited(t,e){const a=e.slice().sort();return{url:`/api/domain/v2/objects?query=favouritedBy{id:${t}}&${a.map(t=>"id="+t).join("&")}`,key:`video:is:favourited:${t}:by:id:${a.join(",")}`,formatData:t=>{var e;if(!(null===(e=t)||void 0===e?void 0:e.length))return t;return t.map(t=>{var e,a;const{favouritedBy:r}=t,n=i(t,["favouritedBy"]);return Object.assign(Object.assign({},n),{isFavourited:!!(null===(a=null===(e=r)||void 0===e?void 0:e.data)||void 0===a?void 0:a.length)})})}}}}},424:function(t,e,a){"use strict";a.d(e,"a",(function(){return i}));var r=a(67),n=a(36);const i={reorder(t,e,a){if(e===a)return{reorderedItems:t,reorderRequest:null};const n=r.a.moveItem(t,e,a),i=a<t.length-1?n[a+1].id:null;return{reorderedItems:n,reorderRequest:{sourceMemberId:n[a].id,destinationMemberId:i}}},updateState(t,e,a){const i=[],o=n.a.deepClone(a),s=[t];let l=a[t];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){i.push(...l.data);const e=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,r=!!e&&`${t}:${e}`;l=e&&a[r],l&&s.push(r)}if(!i.length)return a;const u=r.a.findIndex(i,t=>t.id===e.sourceMemberId),d=[...i],p=d.splice(u,1),y=e.destinationMemberId?r.a.findIndex(d,t=>t.id===e.destinationMemberId):d.length;return d.splice(y,0,p[0]),s.forEach(t=>{const e=d.splice(0,c);o[t].data=e}),o}}},427:function(t,e,a){"use strict";a.d(e,"a",(function(){return l}));var r=a(0),n=a(7),i=a(33),o=a(34),s=a(10);function l({backToName:t,appLink:e,color:a}){const l=t?n.a.getPhrase("shared.backButton","backTo",{backToName:t}):n.a.getPhrase("shared.backButton","back"),c="black"===a?"":"text-light";return r.createElement(o.a,{appLink:e,className:"d-inline-flex align-items-center h5 mb-0 "+c},r.createElement(i.a,{svgName:s.b.ChevronLeft,size:i.b.Medium}),r.createElement("span",{className:"ml-1"},l))}l.defaultProps={color:"black"}},428:function(t,e,a){"use strict";var r,n=a(16),i=a(27),o=a(424),s=a(121);a(45);s.a;class l extends s.a{constructor(t,e=""){super({collectionPrefix:"playlist:videos",id:t,cursor:e})}}!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(r||(r={}));const c={updatePlaylist:(t,e)=>a=>{const r=Object.assign({},a);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r},deletePlaylist:t=>e=>{const a=Object.assign({},e);return a.hasOwnProperty(t)&&delete a[t],a},incrementVideoCount:(t,e)=>a=>{const r=Object.assign({},a);return r.hasOwnProperty(t)?(r[t].videos||(r[t].videos={}),r[t].videos.count=r[t].videos.count?r[t].videos.count+e:e,r):a}};var u=a(128);a.d(e,"a",(function(){return f}));const d=t=>t?"&cursor="+t:"",p=t=>Number.isInteger(t)?"&maxRatingValue="+t:"",y=(t,e)=>`${t}${e?":"+e:""}`,f={getPlaylist:(t,e,a)=>({url:`/api/domain/v2/objects/${t}?query=${i.a.PLAYLIST}`,key:"playlist:"+t,success:e,error:a}),getSharedPlaylist:(t,e,a,r)=>({url:`${"/api/domain/v2/share/"+t}?query=${i.a.PLAYLIST}${p(e)}`,key:"shared:playlist:"+t,success:a,error:r}),getUserPlaylists:t=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(t.sort)},limit:100}${i.a.PLAYLIST_COLLECTION}${d(t.cursor)}`,key:t.toString()}),getPlaylistVideos(t,e,a){let r="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(r+=",rating.value:0..."+e),{url:`/api/domain/v2/objects/${t}/videos?query={${r}}${i.a.VIDEO_COLLECTION}${d(a)}`,key:y(`playlist:${t}:videos`,a)}},getSharedPlaylistVideos:(t,e,a)=>({url:`/api/domain/v2/share/${t}/videos?query={orderBy:orderindex,limit:100}${i.a.VIDEO_COLLECTION}${d(a)}${p(e)}`,key:y(`shared:playlist:${t}:videos`,a)}),getVideoPlaylists:(t,e,a)=>({url:`/api/domain/v2/objects/${t}/playlists?query={limit:100,owner.id:[${e}]}`,key:y("video:playlists:"+t,a)}),getIsFollowingPlaylist:(t,e)=>({url:`/api/domain/v2/objects/${t}/followers?query={id:${e}}`,key:`playlist:${t}:following:${e}`,formatData:e=>{var a,r;return{objectId:t,isFollowing:!!(null===(r=null===(a=e)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length)}},normalize:!1}),createPlaylist:(t,e,a,r)=>({key:"create:playlist",url:`/api/domain/v2/objects/${t}/playlists`,data:e,type:n.a.POST,success:a,error:r,invalidationKeys:"user:playlists"}),updatePlaylist:(t,e,a,r)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+t,data:e,type:n.a.PUT,success:a,error:r,updateState:{keys:"playlist:"+t,updateData:c.updatePlaylist("playlist:"+t,e)}}),deletePlaylist:(t,e,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+t,type:n.a.DELETE,success:e,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+t,updateData:c.deletePlaylist("playlist:"+t)}}),addToPlaylist(t,e,a,r){const i=["user:playlists",new l(t).toString()];return e.forEach(t=>{i.push("video:playlists:"+t)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${t}/associate`,data:e,type:n.a.POST,success:a,error:r,invalidationKeys:i,updateState:{keys:"playlist:"+t,updateData:c.incrementVideoCount("playlist:"+t,e.length)}}},reorderVideos:(t,e,a,r)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${t}/videos/reorder`,data:e,type:n.a.PUT,success:a,error:r,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${t}:videos`,updateData:a=>o.a.updateState(`playlist:${t}:videos`,e,a)}}),removePlaylistVideo:(t,e,a,r)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${t}/dissociate?memberId=${e}`,type:n.a.DELETE,success:a,error:r,invalidationKeys:["user:playlists",`playlist:${t}:videos`]}),followPlaylist:(t,e)=>({url:"/api/domain/v2/objects/"+e,key:"follow:playlist:"+t,data:{followedPlaylists:t},type:n.a.PUT}),unfollowPlaylist:(t,e)=>({url:`/api/domain/v2/objects/${e}/followedplaylists/${t}`,key:"unfollow:playlist:"+t,type:n.a.DELETE}),getMigrationTask:(t,e)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:t=>t||{status:r.Processed},success:t,error:e})}},432:function(t,e,a){"use strict";a.d(e,"a",(function(){return u})),a.d(e,"b",(function(){return d}));var r=a(0),n=a(427),i=a(122),o=a(80),s=a(430),l=a(433),c=a.n(l);const u=r.memo((function(t){const{heading:e,banner:a,imageCdnUrl:l,actions:u,sortComponent:d}=t,p=i.a.createBannerUrl(a,{fallbackBaseUrl:l,fallbackCategoryName:e,type:o.b.Banners},{size:o.a.Large,resizeType:o.c.Cover});return r.createElement("div",{className:"banner",style:{backgroundImage:`url('${p}')`}},t.backButtonAppLink&&r.createElement("div",{className:"pt-3"},r.createElement(n.a,{appLink:t.backButtonAppLink,backToName:t.backButtonText,color:"white"})),r.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},e),!!u&&r.createElement("div",{className:c.a.actionsContainer},r.createElement(s.a,{actions:u,sortComponent:d})))}),(t,e)=>t.actions===e.actions),d=()=>r.createElement("div",{className:"partial-banner partial-loading-background"})},433:function(t,e,a){t.exports={actionsContainer:"_286KF"}},436:function(t,e,a){"use strict";var r=a(0),n=a(26);a(7),a(2);const i=r.createContext({});function o(t,e=[]){const{setPageTitle:a}=r.useContext(i);r.useEffect(()=>{t&&n.a.isFunction(a)&&a(t)},[t,...e])}a.d(e,"a",(function(){return o}))},445:function(t,e,a){"use strict";a.d(e,"a",(function(){return n}));var r=a(0);function n(t){return r.createElement(r.Fragment,null)}},446:function(t,e,a){"use strict";a.d(e,"a",(function(){return s}));var r=a(12),n=a(120),i=a(421),o=a(124);function s(t){var e=r.a.useBasicFetch(n.a.currentUser),a=t&&(Array.isArray(t)?t.map((function(t){return t.id})):t.data.map((function(t){return t.id})));[a&&o.a.videoRatings(a),a&&e.data&&i.a.isFavourited(e.data.id,a)].forEach((function(e){return a=!!t,n=e,i=r.a.useGetResponse(n&&n.key),o=r.a.useGetFetch(n),void(a&&i.shouldFetch&&o());var a,n,i,o}))}},476:function(t,e,a){"use strict";a.d(e,"a",(function(){return f}));var r=a(0),n=a(2),i=a(26),o=a(13),s=a(444),l=a(445),c=a(493),u=a.n(c);function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var a=[],r=!0,n=!1,i=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(a.push(o.value),!e||a.length!==e);r=!0);}catch(t){n=!0,i=t}finally{try{r||null==s.return||s.return()}finally{if(n)throw i}}return a}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return p(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(t,e)}(t,e)||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 p(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}var y=function(t,e){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(a[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(a[r[n]]=t[r[n]])}return a};function f(t){var e=t.onSortComplete,a=t.onSortStart,c=t.showPartialLoading,p=y(t,["onSortComplete","onSortStart","showPartialLoading"]),f=d(r.useState(),2),m=f[0],v=f[1],g=function(t){i.a.isFunction(a)&&a(t)};return c?r.createElement(l.a,null):t.canEdit?r.createElement(s.b,Object.assign({},p,{currentSortingIndex:m,updateBeforeSortStart:function(t){var e=t.index;return v(e)},onSortStart:function(t){var e=t.index;return g(e)},onSortEnd:function(t){v(null),i.a.isFunction(e)?e(t.oldIndex,t.newIndex):n.a.ErrorHelper.throw(new o.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):r.createElement(s.c,Object.assign({},p))}},477:function(t,e,a){"use strict";a.d(e,"a",(function(){return l}));var r=a(0),n=a(39),i=a(12),o=a(26);const s=t=>t&&t.data&&t.data.pagination&&t.data.pagination.cursors&&t.data.pagination.cursors.next;function l(t){return Object(n.useSelector)(Object(r.useMemo)(()=>e=>{const a=t;let r=o.a.isFunction(t)&&i.a.getResponse(e,a()),n=r&&r.isFetching;const l=r&&r.shouldFetch;let c=r&&r.data&&r.data.data,u=s(r);for(;u&&(r=i.a.getResponse(e,a(u)),n=r.isFetching,!r.shouldFetch);){let t=r.data&&r.data.data;t&&c.push(...t),u=s(r)}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:n}},[t]))}},493:function(t,e,a){t.exports={sortableItem:"_2eiPB"}},527:function(t,e,a){"use strict";a.d(e,"a",(function(){return i}));var r=a(0),n=a(26);function i(t,e,a){const i=()=>{if(a)return;window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||t()};Object(r.useEffect)(()=>{const t=n.a.throttle(i,200);return e&&window.addEventListener("scroll",t),()=>window.removeEventListener("scroll",t)},[e])}},528:function(t,e,a){"use strict";a.d(e,"a",(function(){return n}));var r=a(0);function n(t){const{imageUrl:e,heading:a,description:n}=t;return r.createElement("div",{className:"empty-state-container"},r.createElement("div",{className:"content-container"},e&&r.createElement("img",{src:e}),r.createElement("h1",null,a),n&&r.createElement("p",{dangerouslySetInnerHTML:{__html:n}})))}},529:function(t,e,a){"use strict";a.d(e,"a",(function(){return c}));var r=a(0),n=a(28),i=a(33),o=a(10),s=a(530),l=a.n(s);function c(t){return r.createElement("div",{className:"p-3 text-center "+l.a.container},t.isFetching?r.createElement(n.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):r.createElement(i.a,{svgName:o.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:t.onClick}))}},530:function(t,e,a){t.exports={container:"_1_KC6",spinner:"VXlcl"}},652:function(t,e,a){"use strict";a.r(e);var r=a(0),n=a(39),i=a(12),o=a(36),s=a(3),l=a(59),c=a(7),u=a(78),d=a(9);const p="hc/articles/115005679748";var y=a(528);const f=c.a.encloseNamespace("playlists.emptyState");function m(t){const{supportSiteUrl:e}=t,a=Object(u.a)(d.b.ImageUrl).getImageUrls(),n=l.a.safeUrlConcat(e,p);return r.createElement(y.a,{imageUrl:a.EmptyStates.VIDEOS,heading:f("noVideosHeading"),description:`<a href="${n}" target="_blank">${f("noVideosInfo")}</a>`})}var v=a(126),g=a(120),h=a(421),b=a(428),E=a(436),w=a(477),S=a(527);var k=a(529);const P={mixinRestrictions(t,e){const a=[];return t.forEach(t=>{var r,n;const i=e.find(e=>e.objectId===t.id);a.push(Object.assign(Object.assign({},t),{restrictions:(n=null===(r=i)||void 0===r?void 0:r.restrictedObjects,null!=n?n:[])}))}),a},getVideoRestrictions(t,e){var a;if(!t||!e)return;return null===(a=e.find(e=>e.objectId.toString()===t.toString()))||void 0===a?void 0:a.restrictedObjects}};var O=a(424),I=a(84);const j={getMaxAllowedRatingForUser(t){var e,a;if((null===(e=t)||void 0===e?void 0:e.onlineRole)!==I.a.Staff)return null===(a=t)||void 0===a?void 0:a.maxAllowedRating}};var $=a(2),L=a(86),A=a(37);function F(t,e={}){const a=Object(u.a)(A.a.ALERT);Object(r.useEffect)(()=>{t.hasError&&function(t,e,a){let r;switch(t){case L.a.Forbidden:r=a.forbidden;break;case L.a.NotFound:r=a.notFound}r?$.a.AppLinkHelper.trigger(r):e.error(c.a.getPhrase("playlists.hooks","somethingWentWrong"))()}(t.statusCode,a,e)},[t.hasError])}var C=a(129),T=a(446),x=a(124),V=a(81),N=a(79),U=a(10),D=a(432),B=a(48),R=a(11);function M(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var a=[],r=!0,n=!1,i=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(a.push(o.value),!e||a.length!==e);r=!0);}catch(t){n=!0,i=t}finally{try{r||null==s.return||s.return()}finally{if(n)throw i}}return a}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return _(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return _(t,e)}(t,e)||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 _(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}function q(t){var e=M(r.useState(t.isFollowing),2),a=e[0],n=e[1],i=Object(V.a)(N.a.XS);if(t.showPartialLoading)return r.createElement(r.Fragment,null);var o=t.playlist.description,s=t.application,l=[t.playlist.id],u=[];return t.canEdit&&u.push({label:c.a.getPhrase("playlists.playlistHeader","edit"),appLink:{application:s,action:R.a.Playlists.EDIT_PLAYLIST,args:l},svgName:U.b.Edit,className:"btn btn-light",button:!i},{label:c.a.getPhrase("playlists.playlistHeader","delete"),appLink:{application:s,action:R.a.Playlists.DELETE_PLAYLIST,args:l},svgName:U.b.Share,className:"text-danger"}),t.canEdit||u.push({label:c.a.getPhrase("playlists.playlistHeader",a?"following":"follow"),onClick:function(){n(!a),t.follow(!a)},svgName:U.b.Bell,className:"btn btn-".concat(a?"dark":"light"),button:!i}),r.createElement(r.Fragment,null,r.createElement(D.a,{heading:t.playlist.name,banner:t.playlist.banner,imageCdnUrl:t.imageCdnUrl,actions:u.length&&u}),!!o&&r.createElement(r.Fragment,null,r.createElement("h4",null,r.createElement(B.b,{namespace:"playlists.playlistHeader",phrase:"description"})),r.createElement("p",null,o)))}var H=a(476),K=a(68);var Y=a(67),z=a(31);function G(t){var e=t&&t.length&&t.map((function(t){return t.dateAssociated}));return e&&e.length?Y.a.max(e,(function(t){return new Date(t).getTime()})):null}function J(t){return[t?K.a.RemoveFromPlaylist:K.a.AddToPlaylist,K.a.Share]}function Q(t,e,a){z.a.logUserAction({id:e,playlistId:t},{location:s.j.VideoList,entity:s.d.Video,actionType:s.n.Move,workflowPhase:a})}function W(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var a=[],r=!0,n=!1,i=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(a.push(o.value),!e||a.length!==e);r=!0);}catch(t){n=!0,i=t}finally{try{r||null==s.return||s.return()}finally{if(n)throw i}}return a}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return X(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return X(t,e)}(t,e)||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 X(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}function Z(t){var e,a=Object(n.useDispatch)(),l=i.a.useBasicFetch(v.a.config),c=i.a.useBasicFetch(g.a.currentUser),u=!o.a.isEmpty(c.data),d=t.filterByRating?u&&j.getMaxAllowedRatingForUser(c.data):null,p=t.isShared?!!c.data&&b.a.getSharedPlaylist(t.playlistId,d):b.a.getPlaylist(t.playlistId),y=i.a.useBasicFetch(p);F(y);var f=!!c.data&&function(e){return(t.isShared?b.a.getSharedPlaylistVideos:b.a.getPlaylistVideos)(t.playlistId,d,e)},I=i.a.useBasicFetch(!!c.data&&b.a.getIsFollowingPlaylist(t.playlistId,c.data.id)),$=function(t){i.a.getFetch(a,f(t))()},L=function(t,e){const a=e,n=Object(w.a)(t&&(e=>t(e).key));return Object(S.a)(()=>e&&a(n.nextCursor),!!n.nextCursor,n.isFetching),Object(r.useEffect)(()=>{n.shouldInitialFetch&&e&&a()},[n.shouldInitialFetch,e]),{items:n.items,hasMore:!!n.nextCursor,isFetching:n.isFetching}}(f,$),A=L.items,V=L.hasMore,N=L.isFetching;Object(T.a)(A);var U=W(function(t){const[e,a]=Object(r.useState)();return Object(r.useEffect)(()=>{e&&(t.length!==e.length||function(t,e){let a=!0;if(t.length!==e.length)return!1;for(let r=0;r<t.length;r++)if(t[r].id!==e[r].id){a=!1;break}return a}(t,e))&&a(null)},[t]),[e,a]}(A),2),D=U[0],B=U[1],M=u&&!!A&&!!A.length&&x.a.getRestrictions(A.map((function(t){return t.id}))),_=i.a.useGetResponse(M&&M.key),Y=i.a.useGetFetch(M);M&&_.shouldFetch&&Y();var X=u?!!_.data&&P.mixinRestrictions(A,_.data):A;Object(E.a)(!!y.data&&y.data.name,[y.data]);var Z,tt,et=!!t.allowEdit&&function(t,e){return!(o.a.isEmpty(e)||!t||o.a.isEmpty(t.owner))&&t.owner.id===e.id}(y.data,c.data),at=!!A&&0===A.length;return r.createElement(C.a.Provider,{value:{videoActions:J(et),getActionAppLink:(Z=t.application,tt=t.playlistId,function(t,e){switch(e){case K.a.RemoveFromPlaylist:return{application:Z,action:R.a.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,args:[t.id,tt]};case K.a.AddToPlaylist:return{application:Z,action:R.a.Playlists.ADD_TO_PLAYLIST,args:[t.id]};case K.a.Share:return{application:Z,action:R.a.Playlists.HOME}}})}},r.createElement("div",{className:"bg-white padding-gutter"},r.createElement(q,{playlistId:t.playlistId,playlist:y.data,hasVideos:!at,isFollowing:null===(e=I.data)||void 0===e?void 0:e.isFollowing,follow:function(e){var r=e?b.a.followPlaylist:b.a.unfollowPlaylist;i.a.fetch(a,r(t.playlistId,c.data.id))},application:t.application,canEdit:et,isShared:t.isShared,showBreadcrumbs:t.showBreadcrumbs,showDateMetadata:t.showDateMetadata,playAllAppLink:t.playAllAppLink,showPartialLoading:!(y.data&&A&&c.data&&l.data&&I.data),lastUpdated:!!A&&G(A),imageCdnUrl:!!l.data&&l.data.imageCdnUrl,returnAppLink:t.returnAppLink}),at?!!l.data&&r.createElement(m,{supportSiteUrl:l.data.supportSiteUrl}):r.createElement(H.a,{videos:D||X,playlistId:!!y.data&&y.data.id,onSortStart:function(e){var a=A[e];a&&Q(t.playlistId,a.id,s.o.Start)},onSortComplete:function(e,r){if(e!==r){var n=X[e];if(n){var o=O.a.reorder(X,e,r),l=o.reorderedItems,c=o.reorderRequest;B(l),Q(t.playlistId,n.id,s.o.Complete);i.a.fetch(a,b.a.reorderVideos(t.playlistId,c,null,(function(){B(null)})))}}},isUserSignedIn:u,canEdit:et,showPartialLoading:!X||!c.data||!l.data,getVideoAppLink:t.getVideoAppLink,getSeriesAppLink:t.getSeriesAppLink,fetchRestrictions:Y,setFavourite:function(t,e,r){i.a.fetch(a,h.a.updateIsVideoFavourited(t,c.data.id,e,(function(){z.a.logUserAction({id:t},{entity:s.d.Video,actionType:s.n.Favourite,descriptor:e?s.m.On:s.m.Off,location:s.j.VideoThumbnail,workflowPhase:s.o.Complete})}),r))}}),!!V&&r.createElement(k.a,{isFetching:N,onClick:$})))}a.d(e,"PlaylistView",(function(){return Z}))}}]);