@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/37.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?d4c6","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/37.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 { TextHelper } from 'libs/common/react/utils/TextHelper';\r\n\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, TextHelper.slugify(video.name) ],\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/38-cd29a5bb33.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[38],{1233:function(t,e,n){"use strict";n.r(e),n.d(e,"DeletePlaylistView",(function(){return h}));var r=n(0),o=n(59),a=n(2),i=n(14),c=n(9),l=n(3),u=n(37),s=n(81),y=n(232),f=n(227),p=n(832),d=n(808);function v(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 n=[],r=!0,o=!1,a=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){o=!0,a=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return m(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(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 m(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var b=c.a.encloseNamespace("playlists.deletePlaylist");function h(t){var e=Object(o.useDispatch)(),n=v(r.useState(!1),2),c=n[0],m=n[1],h=i.a.useBasicFetch(d.a.getPlaylist(t.playlistId));Object(p.a)(h.data&&"".concat(b("title",{name:h.data.name})),[h.data]);var g=[{variant:"link",onClick:t.closePopup,buttonText:b("keep")},{variant:"danger",onClick:function(){m(!0);i.a.fetch(e,d.a.deletePlaylist(t.playlistId,(function(){t.closePopup(),t.routeToOnDelete&&a.a.AppLinkHelper.trigger(t.routeToOnDelete)}),t.closePopup)),u.a.logUserAction({id:t.playlistId},u.a.mergeOptions(t.analyticsOptions,{actionType:l.n.Delete,entity:l.d.Playlist,workflowPhase:l.o.Complete}))},buttonText:b("confirm"),isSpinnerButton:!0,showSpinner:c}];return r.createElement(s.a.Provider,{value:"playlists.deletePlaylist"},r.createElement(f.a,{title:b("check"),closePopup:t.closePopup,showLoadingSpinner:!h.data},!!h.data&&r.createElement("div",{className:"delete-playlist-container"},r.createElement("div",{className:"delete-playlist-body"},r.createElement("p",null,r.createElement(s.b,{phrase:"warning",options:{name:h.data.name}})),r.createElement("p",null,r.createElement(s.b,{phrase:"videoNote"}))),r.createElement(y.a,{buttons:g}))))}},801:function(t,e,n){"use strict";n.d(e,"a",(function(){return p}));var r=n(233),o=n(82),a=n(813);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u(t,e){return(u=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f(t);if(e){var o=f(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y(this,n)}}function y(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)}(y,t);var e,n,r,i=s(y);function y(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:a.a.OwnedByMe;return c(this,y),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=r,t}return e=y,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&l(e.prototype,n),r&&l(e,r),y}(r.a)},808:function(t,e,n){"use strict";var r=n(21),o=n(43),a=n(812);n(801);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=y(t);if(e){var o=y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s(this,n)}}function s(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f,p=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(n,t);var e=u(n);function n(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this,n),e.call(this,{collectionPrefix:"playlist:videos",id:t,cursor:r})}return n}(n(233).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(f||(f={}));var d=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r}},v=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},m=function(t,e){return function(n){var r=Object.assign({},n);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):n}};n.d(e,"a",(function(){return P}));var b=function(t){return t?"&cursor=".concat(t):""},h=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},g=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},P={getPlaylist:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"?query=").concat(o.a.PLAYLIST),key:"playlist:".concat(t),success:e,error:n}},getSharedPlaylist:function(t,e,n,r){var a="/api/domain/v2/share/".concat(t);return{url:"".concat(a,"?query=").concat(o.a.PLAYLIST).concat(h(e)),key:"shared:playlist:".concat(t),success:n,error:r}},getUserPlaylists:function(t){var e=t.sort,n=t.type;return{url:"/api/domain/v2/me/playlists/".concat(n,"?sort=").concat(e,"&query={limit:100}")+"".concat(o.a.PLAYLIST_COLLECTION).concat(b(t.cursor)),key:t.toString()}},getPlaylistVideos:function(t,e,n){var r="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(r+=",rating.value:0...".concat(e)),{url:"/api/domain/v2/objects/".concat(t,"/videos?query={").concat(r,"}")+"".concat(o.a.VIDEO_COLLECTION).concat(b(n)),key:g("playlist:".concat(t,":videos"),n)}},getSharedPlaylistVideos:function(t,e,n){return{url:"/api/domain/v2/share/".concat(t,"/videos?query={orderBy:orderindex,limit:100}")+"".concat(o.a.SHARED_PLAYLIST_VIDEO_COLLECTION)+"".concat(b(n)).concat(h(e)),key:g("shared:playlist:".concat(t,":videos"),n)}},getVideoPlaylists:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"/playlists?query={limit:100,owner.id:[").concat(e,"]}"),key:g("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,o){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,o){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:o,updateState:{keys:"playlist:".concat(t),updateData:d("playlist:".concat(t),e)}}},deletePlaylist:function(t,e,n){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:v("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,o){var a=["user:playlists",new p(t).toString()];return e.forEach((function(t){a.push("video:playlists:".concat(t))})),{key:"add:to:playlist",url:"/api/domain/v2/objects/".concat(t,"/associate"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:a,updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t),e.length)}}},reorderVideos:function(t,e,n,o){return{key:"reorder:playlist",url:"/api/domain/v2/objects/".concat(t,"/videos/reorder"),data:e,type:r.a.PUT,success:n,error:o,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t,":videos"),updateData:function(n){return a.a.updateState("playlist:".concat(t,":videos"),e,n)}}}},removePlaylistVideo:function(t,e,n,o){return{key:"remove:playlist:video",url:"/api/domain/v2/objects/".concat(t,"/dissociate?memberId=").concat(e),type:r.a.DELETE,success:n,error:o,invalidationKeys:["user:playlists","playlist:".concat(t,":videos")]}},getIsFollowingPlaylist:function(t,e){return{url:"/api/domain/v2/objects/".concat(e,"/followedPlaylists?query={id:").concat(t,"}"),key:"playlist:".concat(t,":following:").concat(e),formatData:function(e){var n,r;return{objectId:t,isFollowing:!!(null===(r=null===(n=e)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length)}},normalize:!1}},followPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e),key:"follow:playlist:".concat(t),data:{followedPlaylists:t},type:r.a.PUT,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},unfollowPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e,"/followedplaylists/").concat(t),key:"unfollow:playlist:".concat(t),type:r.a.DELETE,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},getPlaylistPrivacy:function(t){return{key:"playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),formatData:function(e){return{id:t,privacy:e}}}},updatePlaylistPrivacy:function(t,e,n,o,a){return{key:"update:playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),type:r.a.PUT,data:{privacy:e},formatData:function(){return{id:t,privacy:e}},success:n,error:o,always:a}},getMigrationTask:function(t,e){return{url:"/api/playlist-app/migration-task",key:"migration:task",formatData:function(t){return t||{status:f.Processed}},success:t,error:e}}}},812:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(122),o=n(54);function a(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var c={reorder:function(t,e,n){if(e===n)return{reorderedItems:t,reorderRequest:null};var o=r.a.moveItem(t,e,n),a=n<t.length-1?o[n+1].id:null;return{reorderedItems:o,reorderRequest:{sourceMemberId:o[n].id,destinationMemberId:a}}},updateState:function(t,e,n){for(var i=[],c=o.a.deepClone(n),l=[t],u=n[t],s=!!u&&!!u.data&&u.data.length;u&&Array.isArray(u.data);){i.push.apply(i,a(u.data));var y=u.pagination&&u.pagination.cursors&&u.pagination.cursors.next,f=!!y&&"".concat(t,":").concat(y);(u=y&&n[f])&&l.push(f)}if(!i.length)return n;var p=r.a.findIndex(i,(function(t){return t.id===e.sourceMemberId})),d=[].concat(i),v=d.splice(p,1),m=e.destinationMemberId?r.a.findIndex(d,(function(t){return t.id===e.destinationMemberId})):d.length;return d.splice(m,0,v[0]),l.forEach((function(t){var e=d.splice(0,s);c[t].data=e})),c}}},813:function(t,e,n){"use strict";var r;n.d(e,"a",(function(){return r})),function(t){t.OwnedByMe="owned_by_me",t.Followed="followed",t.All="all"}(r||(r={}))},832:function(t,e,n){"use strict";var r=n(0),o=n(42);n(9),n(2);var a=r.createContext({});function i(t){return function(t){if(Array.isArray(t))return c(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return c(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=r.useContext(a),c=n.setPageTitle;r.useEffect((function(){t&&o.a.isFunction(c)&&c(t)}),[t].concat(i(e)))}n.d(e,"a",(function(){return l}))}}]);

package/dist/scripts/38-e8e6b09b5d.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[38],{1233:function(t,e,n){"use strict";n.r(e),n.d(e,"DeletePlaylistView",(function(){return h}));var r=n(0),o=n(59),a=n(2),i=n(14),c=n(9),l=n(3),u=n(37),s=n(81),y=n(232),f=n(227),p=n(832),d=n(808);function v(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 n=[],r=!0,o=!1,a=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){o=!0,a=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return m(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(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 m(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var b=c.a.encloseNamespace("playlists.deletePlaylist");function h(t){var e=Object(o.useDispatch)(),n=v(r.useState(!1),2),c=n[0],m=n[1],h=i.a.useBasicFetch(d.a.getPlaylist(t.playlistId));Object(p.a)(h.data&&"".concat(b("title",{name:h.data.name})),[h.data]);var g=[{variant:"link",onClick:t.closePopup,buttonText:b("keep")},{variant:"danger",onClick:function(){m(!0);i.a.fetch(e,d.a.deletePlaylist(t.playlistId,(function(){t.closePopup(),t.routeToOnDelete&&a.a.AppLinkHelper.trigger(t.routeToOnDelete)}),t.closePopup)),u.a.logUserAction({id:t.playlistId},u.a.mergeOptions(t.analyticsOptions,{actionType:l.n.Delete,entity:l.d.Playlist,workflowPhase:l.o.Complete}))},buttonText:b("confirm"),isSpinnerButton:!0,showSpinner:c}];return r.createElement(s.a.Provider,{value:"playlists.deletePlaylist"},r.createElement(f.a,{title:b("check"),closePopup:t.closePopup,showLoadingSpinner:!h.data},!!h.data&&r.createElement("div",{className:"delete-playlist-container"},r.createElement("div",{className:"delete-playlist-body"},r.createElement("p",null,r.createElement(s.b,{phrase:"warning",options:{name:h.data.name}})),r.createElement("p",null,r.createElement(s.b,{phrase:"videoNote"}))),r.createElement(y.a,{buttons:g}))))}},801:function(t,e,n){"use strict";n.d(e,"a",(function(){return p}));var r=n(233),o=n(82),a=n(813);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u(t,e){return(u=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f(t);if(e){var o=f(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y(this,n)}}function y(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)}(y,t);var e,n,r,i=s(y);function y(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:a.a.OwnedByMe;return c(this,y),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=r,t}return e=y,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&l(e.prototype,n),r&&l(e,r),y}(r.a)},808:function(t,e,n){"use strict";var r=n(21),o=n(43),a=n(812);n(801);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=y(t);if(e){var o=y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s(this,n)}}function s(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f,p=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(n,t);var e=u(n);function n(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this,n),e.call(this,{collectionPrefix:"playlist:videos",id:t,cursor:r})}return n}(n(233).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(f||(f={}));var d=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r}},v=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},m=function(t,e){return function(n){var r=Object.assign({},n);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):n}};n.d(e,"a",(function(){return P}));var b=function(t){return t?"&cursor=".concat(t):""},h=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},g=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},P={getPlaylist:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"?query=").concat(o.a.PLAYLIST),key:"playlist:".concat(t),success:e,error:n}},getSharedPlaylist:function(t,e,n,r){var a="/api/domain/v2/share/".concat(t);return{url:"".concat(a,"?query=").concat(o.a.PLAYLIST).concat(h(e)),key:"shared:playlist:".concat(t),success:n,error:r}},getUserPlaylists:function(t){var e=t.sort,n=t.type;return{url:"/api/domain/v2/me/playlists/".concat(n,"?sort=").concat(e,"&query={limit:100}")+"".concat(o.a.PLAYLIST_COLLECTION).concat(b(t.cursor)),key:t.toString()}},getPlaylistVideos:function(t,e,n){var r="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(r+=",rating.value:0...".concat(e)),{url:"/api/domain/v2/objects/".concat(t,"/videos?query={").concat(r,"}")+"".concat(o.a.VIDEO_COLLECTION).concat(b(n)),key:g("playlist:".concat(t,":videos"),n)}},getSharedPlaylistVideos:function(t,e,n){return{url:"/api/domain/v2/share/".concat(t,"/videos?query={orderBy:orderindex,limit:100}")+"".concat(o.a.SHARED_PLAYLIST_VIDEO_COLLECTION)+"".concat(b(n)).concat(h(e)),key:g("shared:playlist:".concat(t,":videos"),n)}},getVideoPlaylists:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"/playlists?query={limit:100,owner.id:[").concat(e,"]}"),key:g("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,o){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,o){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:o,updateState:{keys:"playlist:".concat(t),updateData:d("playlist:".concat(t),e)}}},deletePlaylist:function(t,e,n){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:v("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,o){var a=["user:playlists",new p(t).toString()];return e.forEach((function(t){a.push("video:playlists:".concat(t))})),{key:"add:to:playlist",url:"/api/domain/v2/objects/".concat(t,"/associate"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:a,updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t),e.length)}}},reorderVideos:function(t,e,n,o){return{key:"reorder:playlist",url:"/api/domain/v2/objects/".concat(t,"/videos/reorder"),data:e,type:r.a.PUT,success:n,error:o,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t,":videos"),updateData:function(n){return a.a.updateState("playlist:".concat(t,":videos"),e,n)}}}},removePlaylistVideo:function(t,e,n,o){return{key:"remove:playlist:video",url:"/api/domain/v2/objects/".concat(t,"/dissociate?memberId=").concat(e),type:r.a.DELETE,success:n,error:o,invalidationKeys:["user:playlists","playlist:".concat(t,":videos")]}},getIsFollowingPlaylist:function(t,e){return{url:"/api/domain/v2/objects/".concat(e,"/followedPlaylists?query={id:").concat(t,"}"),key:"playlist:".concat(t,":following:").concat(e),formatData:function(e){var n,r;return{objectId:t,isFollowing:!!(null===(r=null===(n=e)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length)}},normalize:!1}},followPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e),key:"follow:playlist:".concat(t),data:{followedPlaylists:t},type:r.a.PUT,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},unfollowPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e,"/followedplaylists/").concat(t),key:"unfollow:playlist:".concat(t),type:r.a.DELETE,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},getPlaylistPrivacy:function(t){return{key:"playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),formatData:function(e){return{id:t,privacy:e}}}},updatePlaylistPrivacy:function(t,e,n,o,a){return{key:"update:playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),type:r.a.PUT,data:{privacy:e},formatData:function(){return{id:t,privacy:e}},success:n,error:o,always:a}},getMigrationTask:function(t,e){return{url:"/api/playlist-app/migration-task",key:"migration:task",formatData:function(t){return t||{status:f.Processed}},success:t,error:e}}}},812:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(122),o=n(54);function a(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var c={reorder:function(t,e,n){if(e===n)return{reorderedItems:t,reorderRequest:null};var o=r.a.moveItem(t,e,n),a=n<t.length-1?o[n+1].id:null;return{reorderedItems:o,reorderRequest:{sourceMemberId:o[n].id,destinationMemberId:a}}},updateState:function(t,e,n){for(var i=[],c=o.a.deepClone(n),l=[t],u=n[t],s=!!u&&!!u.data&&u.data.length;u&&Array.isArray(u.data);){i.push.apply(i,a(u.data));var y=u.pagination&&u.pagination.cursors&&u.pagination.cursors.next,f=!!y&&"".concat(t,":").concat(y);(u=y&&n[f])&&l.push(f)}if(!i.length)return n;var p=r.a.findIndex(i,(function(t){return t.id===e.sourceMemberId})),d=[].concat(i),v=d.splice(p,1),m=e.destinationMemberId?r.a.findIndex(d,(function(t){return t.id===e.destinationMemberId})):d.length;return d.splice(m,0,v[0]),l.forEach((function(t){var e=d.splice(0,s);c[t].data=e})),c}}},813:function(t,e,n){"use strict";var r;n.d(e,"a",(function(){return r})),function(t){t.OwnedByMe="owned_by_me",t.Followed="followed",t.All="all"}(r||(r={}))},832:function(t,e,n){"use strict";var r=n(0),o=n(42);n(9),n(2);var a=r.createContext({});function i(t){return function(t){if(Array.isArray(t))return c(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return c(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=r.useContext(a),c=n.setPageTitle;r.useEffect((function(){t&&o.a.isFunction(c)&&c(t)}),[t].concat(i(e)))}n.d(e,"a",(function(){return l}))}}]);

package/dist/scripts/38.chunk.js

@@ -0,0 +1,482 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[38],{
+
+/***/ "../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts ***!
+  \*************************************************************************************************************/
+/*! exports provided: RecentPlaylistHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RecentPlaylistHelper", function() { return RecentPlaylistHelper; });
+var getCacheKey = function getCacheKey(userId) {
+  return "recent:playlists:added:to:".concat(userId);
+};
+
+var DEFAULT_STORAGE_LIMIT = 5;
+var RecentPlaylistHelper = {
+  /**
+   * Get a list of ids of playlists recently added to.
+   */
+  getRecentlyAddedTo: function getRecentlyAddedTo(userId, dataSource) {
+    var recentlyAddedTo = dataSource.cacheGet(getCacheKey(userId));
+    if (!Array.isArray(recentlyAddedTo)) recentlyAddedTo = [];
+    return recentlyAddedTo;
+  },
+  setRecentlyAddedTo: function setRecentlyAddedTo(userId, ids, dataSource) {
+    if (!Array.isArray(ids)) return;
+    dataSource.cacheSet(getCacheKey(userId), ids);
+  },
+  addRecentlyAddedTo: function addRecentlyAddedTo(userId, dataSource, options) {
+    var id = options.id,
+        _options$limit = options.limit,
+        limit = _options$limit === void 0 ? DEFAULT_STORAGE_LIMIT : _options$limit;
+    var recentlyAddedTo = RecentPlaylistHelper.getRecentlyAddedTo(userId, dataSource);
+    var idIndex = recentlyAddedTo.indexOf(id);
+    /**
+     * If the playlists is already in the stored list,
+     * remove it to first position so that it will be inserted
+     * at the first position.
+     */
+
+    if (idIndex > -1) recentlyAddedTo.splice(idIndex, 1);
+    recentlyAddedTo.unshift(id);
+    if (recentlyAddedTo.length > limit) recentlyAddedTo = recentlyAddedTo.slice(0, limit);
+    RecentPlaylistHelper.setRecentlyAddedTo(userId, recentlyAddedTo, dataSource);
+    return recentlyAddedTo;
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseFetchAll.ts":
+/*!*************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseFetchAll.ts ***!
+  \*************************************************************************************/
+/*! exports provided: useFetchAll */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useFetchAll", function() { return useFetchAll; });
+/* 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 _UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UseSelectAllPages */ "../../libs/shared/src/hooks/UseSelectAllPages.ts");
+
+
+/**
+ * Hook to fetch all pages of a collection.
+ *
+ * @param getRequest - callback function to get the request for each page.
+ * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.
+ *
+ * @param fetchNext - callback function to fetch a page.
+ * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.
+ */
+
+function useFetchAll(getRequest, fetchNext) {
+  var getRequestFn = getRequest;
+  var fetchNextFn = fetchNext;
+  var response = Object(_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__["useSelectAllPages"])(getRequest && function (cursor) {
+    return getRequestFn(cursor).key;
+  });
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
+    if (response.shouldInitialFetch && fetchNext) fetchNextFn();
+  }, [response.shouldInitialFetch, fetchNext]);
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
+    if (!response.nextCursor || response.isFetching || !fetchNext) return;
+    fetchNextFn(response.nextCursor);
+  }, [response.nextCursor, response.isFetching, fetchNext]);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseSelectAllPages.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: useSelectAllPages */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSelectAllPages", function() { return useSelectAllPages; });
+/* 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 _common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+var safeGetCursor = function safeGetCursor(request) {
+  return request && request.data && request.data.pagination && request.data.pagination.cursors && request.data.pagination.cursors.next;
+};
+/**
+ * Hook to select all pages of a collection from the store and flatten them.
+ * It will not trigger any fetches.
+ *
+ * @param getKey - callback function to get the key for each page.
+ * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.
+ */
+
+
+function useSelectAllPages(getKey) {
+  return Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(Object(react__WEBPACK_IMPORTED_MODULE_0__["useMemo"])(function () {
+    return function (state) {
+      var getKeyFn = getKey;
+      var request = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(getKey) && _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getResponse(state, getKeyFn());
+      var isFetching = request && request.isFetching;
+      var shouldInitialFetch = request && request.shouldFetch;
+      var items = request && request.data && request.data.data;
+      var nextCursor = safeGetCursor(request); // Retrieve all pages that are currently in the store.
+
+      while (nextCursor) {
+        request = _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getResponse(state, getKeyFn(nextCursor));
+        isFetching = request.isFetching; // If next page hasn't been fetched, break.
+
+        if (request.shouldFetch) break;
+        var newItems = request.data && request.data.data;
+        newItems && items.push.apply(items, _toConsumableArray(newItems));
+        nextCursor = safeGetCursor(request);
+      }
+
+      return {
+        shouldInitialFetch: shouldInitialFetch,
+        items: items,
+        nextCursor: nextCursor,
+        isFetching: isFetching
+      };
+    };
+  }, [getKey]));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/select-playlist/SelectPlaylist.tsx":
+/*!**************************************************************************!*\
+  !*** ./src/apps/playlists/components/select-playlist/SelectPlaylist.tsx ***!
+  \**************************************************************************/
+/*! exports provided: SelectPlaylist */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectPlaylist", function() { return SelectPlaylist; });
+/* 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 _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/LocalStorageHelper */ "../../libs/common/src/backbone/utils/LocalStorageHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/search-bar/SearchBar */ "../../libs/shared/src/components/search-bar/SearchBar.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper */ "../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts");
+/* harmony import */ var _select_playlist_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./select-playlist.scss */ "./src/apps/playlists/components/select-playlist/select-playlist.scss");
+/* harmony import */ var _select_playlist_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_select_playlist_scss__WEBPACK_IMPORTED_MODULE_10__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.selectPlaylist';
+var RECENT_PLAYLISTS_LIMIT = 3;
+
+function PlaylistSuggestionItem(props) {
+  var isVideoInPlaylist = _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(props.isVideoInPlaylist) && props.isVideoInPlaylist(props.playlist);
+  var className = isVideoInPlaylist ? '' : 'cursor-pointer';
+  var svgName = isVideoInPlaylist ? _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Check : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Plus;
+  var svgContainerClassName = 'd-inline-block svg-container';
+  if (isVideoInPlaylist) svgContainerClassName += ' text-success';
+  var title = isVideoInPlaylist ? 'This video is already in this playlist' : '';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: svgName,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Small,
+    className: svgContainerClassName,
+    title: title
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'ml-2'
+  }, props.playlist.name));
+}
+
+function SelectPlaylist(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](''),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      query = _React$useState2[0],
+      setQuery = _React$useState2[1];
+
+  var containerClassName = '';
+  if (query) containerClassName += ' border-bottom pb-2';
+  var sortedPlaylists = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].sortBy(props.playlists, 'name');
+  var recentlyAddedTo = _libs_shared_src_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_9__["RecentPlaylistHelper"].getRecentlyAddedTo(props.currentUserId, _libs_common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_4__["LocalStorageHelper"]);
+  recentlyAddedTo = recentlyAddedTo.slice(0, RECENT_PLAYLISTS_LIMIT).map(function (id) {
+    return props.playlists.find(function (p) {
+      return p.id === id;
+    });
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_8__["SearchBar"], {
+    onQueryChange: function onQueryChange(q) {
+      return setQuery(q.trim());
+    },
+    onSuggestionSelected: props.onSelectPlaylist,
+    updateQueryOnSelection: false,
+    recentSearches: recentlyAddedTo,
+    recentSearchHeading: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'recentPlaylistsHeading'),
+    suggestionsHeading: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'suggestionsHeading'),
+    local: sortedPlaylists,
+    initialSuggestions: sortedPlaylists,
+    activationLength: 1,
+    placeholder: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'placeholder'),
+    theme: {
+      container: containerClassName,
+      suggestionsContainer: "mt-1 ".concat(_select_playlist_scss__WEBPACK_IMPORTED_MODULE_10___default.a.suggestionContainer),
+      suggestionsContainerOpen: '',
+      suggestion: 'cursor-pointer py-1'
+    },
+    searchIconPlacement: 'left',
+    alwaysRenderSuggestions: true,
+    suggestionLimit: false,
+    getSuggestionComponent: function getSuggestionComponent(playlist) {
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PlaylistSuggestionItem, {
+        playlist: playlist,
+        isVideoInPlaylist: props.isVideoInPlaylist
+      });
+    },
+    autoFocusInput: true
+  }), _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(props.createPlaylist) && !!query && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pt-2 text-break'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'cursor-pointer',
+    onClick: function onClick() {
+      return props.createPlaylist(query);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Plus,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Small
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'createPlaylist',
+    options: {
+      name: query
+    }
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/select-playlist/select-playlist.scss":
+/*!****************************************************************************!*\
+  !*** ./src/apps/playlists/components/select-playlist/select-playlist.scss ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"suggestionContainer":"cv--suggestionContainer--2omIR"};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/views/add-to-playlist/AddToPlaylistView.tsx":
+/*!************************************************************************!*\
+  !*** ./src/apps/playlists/views/add-to-playlist/AddToPlaylistView.tsx ***!
+  \************************************************************************/
+/*! exports provided: AddToPlaylistView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AddToPlaylistView", function() { return AddToPlaylistView; });
+/* 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 react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
+/* 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_common_src_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/LocalStorageHelper */ "../../libs/common/src/backbone/utils/LocalStorageHelper.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseFetchAll__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseFetchAll */ "../../libs/shared/src/hooks/UseFetchAll.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper */ "../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/enums/PlaylistSortType */ "../../libs/shared/src/apps/playlists/enums/PlaylistSortType.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseSelectAllPages */ "../../libs/shared/src/hooks/UseSelectAllPages.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_interfaces_identifiers_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier */ "../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var apps_playlists_components_select_playlist_SelectPlaylist__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! apps/playlists/components/select-playlist/SelectPlaylist */ "./src/apps/playlists/components/select-playlist/SelectPlaylist.tsx");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.addToPlaylist';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+
+var getPlaylistsRequest = function getPlaylistsRequest(cursor) {
+  return _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].getUserPlaylists(new _libs_shared_src_apps_playlists_interfaces_identifiers_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_14__["PlaylistCollectionIdentifier"](_libs_shared_src_apps_playlists_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_12__["PlaylistSortType"].AtoZ, cursor));
+};
+
+var getVideoPlaylistsRequest = function getVideoPlaylistsRequest(videoId, userId) {
+  return function (cursor) {
+    return _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].getVideoPlaylists(videoId, userId, cursor);
+  };
+};
+
+function AddToPlaylistView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isSubmitting = _React$useState2[0],
+      setIsSubmitting = _React$useState2[1];
+
+  var user = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__["UserRequests"].currentUser);
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_15__["VideoRequests"].video(props.videoId));
+  var playlists = Object(_libs_shared_src_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_13__["useSelectAllPages"])(function (cursor) {
+    return getPlaylistsRequest(cursor).key;
+  });
+  var videoPlaylists = Object(_libs_shared_src_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_13__["useSelectAllPages"])(function (cursor) {
+    return !!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor).key;
+  });
+  var videoPlaylistIds = !!videoPlaylists.items && videoPlaylists.items.map(function (p) {
+    return p.id;
+  });
+
+  var fetchNextPlaylists = function fetchNextPlaylists(cursor) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].getFetch(dispatch, getPlaylistsRequest(cursor))();
+  };
+
+  var fetchNextVideoPlaylists = function fetchNextVideoPlaylists(cursor) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].getFetch(dispatch, getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor))();
+  };
+
+  Object(_libs_shared_src_hooks_UseFetchAll__WEBPACK_IMPORTED_MODULE_8__["useFetchAll"])(getPlaylistsRequest, fetchNextPlaylists);
+  Object(_libs_shared_src_hooks_UseFetchAll__WEBPACK_IMPORTED_MODULE_8__["useFetchAll"])(!!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id), !!user.data && fetchNextVideoPlaylists);
+
+  var addToPlaylist = function addToPlaylist(playlist) {
+    setIsSubmitting(true);
+
+    var onSuccess = function onSuccess() {
+      props.closePopup();
+      _libs_shared_src_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_11__["RecentPlaylistHelper"].addRecentlyAddedTo(user.data.id, _libs_common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_5__["LocalStorageHelper"], {
+        id: playlist.id
+      });
+    };
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].addToPlaylist(playlist.id, [props.videoId], onSuccess, props.closePopup));
+  };
+
+  var createPlaylist = function createPlaylist(name) {
+    setIsSubmitting(true);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].createPlaylist(user.data.id, {
+      name: name
+    }, function (newPlaylist) {
+      if (!newPlaylist || !newPlaylist.id) return;
+      addToPlaylist(newPlaylist);
+    }));
+  };
+
+  var onSelectPlaylist = function onSelectPlaylist(playlist) {
+    if (videoPlaylistIds.includes(playlist.id)) return;
+    addToPlaylist(playlist);
+  };
+
+  var dataLoaded = !!video.data && !!playlists.items && !playlists.nextCursor && !!user.data && !!videoPlaylists.items && !videoPlaylists.nextCursor;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__["Popup"], {
+    title: getPhrase('heading'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !dataLoaded
+  }, dataLoaded && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'selectPlaylist',
+    options: {
+      video: video.data.name
+    }
+  })), !isSubmitting ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_select_playlist_SelectPlaylist__WEBPACK_IMPORTED_MODULE_16__["SelectPlaylist"], {
+    playlists: playlists.items,
+    currentUserId: user.data.id,
+    onSelectPlaylist: onSelectPlaylist,
+    isVideoInPlaylist: function isVideoInPlaylist(playlist) {
+      return videoPlaylistIds.includes(playlist.id);
+    },
+    createPlaylist: createPlaylist
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }))));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=38.chunk.js.map