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

package/dist/scripts/34.chunk.js

@@ -1 +1,523 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[34],{439:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(63),a=n(34);const i={reorder(e,t,n){if(t===n)return{reorderedItems:e,reorderRequest:null};const a=r.a.moveItem(e,t,n),i=n<e.length-1?a[n+1].id:null;return{reorderedItems:a,reorderRequest:{sourceMemberId:a[n].id,destinationMemberId:i}}},updateState(e,t,n){const i=[],o=a.a.deepClone(n),s=[e];let l=n[e];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){i.push(...l.data);const t=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,r=!!t&&`${e}:${t}`;l=t&&n[r],l&&s.push(r)}if(!i.length)return n;const u=r.a.findIndex(i,e=>e.id===t.sourceMemberId),d=[...i],p=d.splice(u,1),y=t.destinationMemberId?r.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(y,0,p[0]),s.forEach(e=>{const t=d.splice(0,c);o[e].data=t}),o}}},442:function(e,t,n){"use strict";var r,a=n(15),i=n(25),o=n(439),s=n(116);n(41);s.a;class l extends s.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(r||(r={}));const c={updatePlaylist:(e,t)=>n=>{const r=Object.assign({},n);return r.hasOwnProperty(e)&&(r[e]=Object.assign(Object.assign({},r[e]),t)),r},deletePlaylist:e=>t=>{const n=Object.assign({},t);return n.hasOwnProperty(e)&&delete n[e],n},incrementVideoCount:(e,t)=>n=>{const r=Object.assign({},n);return r.hasOwnProperty(e)?(r[e].videos||(r[e].videos={}),r[e].videos.count=r[e].videos.count?r[e].videos.count+t:t,r):n}};var u=n(122);n.d(t,"a",(function(){return g}));const d=e=>e?"&cursor="+e:"",p=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",y=(e,t)=>`${e}${t?":"+t:""}`,g={getPlaylist:(e,t,n)=>({url:`/api/domain/v2/objects/${e}?query=${i.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:n}),getSharedPlaylist:(e,t,n,r)=>({url:`${"/api/domain/v2/share/"+e}?query=${i.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:n,error:r}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${i.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,n){let r="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(r+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${r}}${i.a.VIDEO_COLLECTION}${d(n)}`,key:y(`playlist:${e}:videos`,n)}},getSharedPlaylistVideos:(e,t,n)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${i.a.VIDEO_COLLECTION}${d(n)}${p(t)}`,key:y(`shared:playlist:${e}:videos`,n)}),getVideoPlaylists:(e,t,n)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:y("video:playlists:"+e,n)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var n,r;return{objectId:e,isFollowing:!!(null===(r=null===(n=t)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length)}},normalize:!1}),createPlaylist:(e,t,n,r)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:a.a.POST,success:n,error:r,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,n,r)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:a.a.PUT,success:n,error:r,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,n)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:a.a.DELETE,success:t,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,n,r){const i=["user:playlists",new l(e).toString()];return t.forEach(e=>{i.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:a.a.POST,success:n,error:r,invalidationKeys:i,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,n,r)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:a.a.PUT,success:n,error:r,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:n=>o.a.updateState(`playlist:${e}:videos`,t,n)}}),removePlaylistVideo:(e,t,n,r)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:a.a.DELETE,success:n,error:r,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:a.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:a.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:r.Processed},success:e,error:t})}},461:function(e,t,n){e.exports={input:"_3MysI",suggestionsContainerOpen:"ahMdW",sectionContainer:"xstWL",suggestionHighlighted:"_3YTCa"}},470:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(40),i=n(11),o=n(31);const s=e=>e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next;function l(e){return Object(a.useSelector)(Object(r.useMemo)(()=>t=>{const n=e;let r=o.a.isFunction(e)&&i.a.getResponse(t,n()),a=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(t,n(u)),a=r.isFetching,!r.shouldFetch);){let e=r.data&&r.data.data;e&&c.push(...e),u=s(r)}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:a}},[e]))}},485:function(e,t,n){"use strict";var r=n(0),a=n(389),i=n(31),o=n(5),s=n(78),l=n(77),c=n(15),u=n(11),d=n(34);const p={isNumber:e=>p.isType(e,"number"),isString:e=>p.isType(e,"string"),isType:(e,t)=>typeof e===t};var y,g=n(461),m=n.n(g);function f(e,t){return d.a.isObject(e)&&e.hasOwnProperty(t)&&p.isString(e[t])}function h(e,t,n){return({value:r})=>{if(r.length||n(),!(r.length<e.activationLength)){if(e.local){const n=i.a.isFunction(e.getLocalSuggestions)?e.getLocalSuggestions(r,e.local):function(e,t,n){const r=e.trim().toLowerCase();return r.length?t.filter(e=>!(!f(e,n)||!p.isString(e[n]))&&e[n].trim().toLowerCase().includes(r)):[]}(r,e.local,e.valueKey);t(e=>Object.assign(Object.assign({},e),{[y.Local]:n}))}e.getRemoteUrl&&function(e,t,n){const r=i.a.isFunction(e)&&e(t);r&&u.a.ajaxRequest({resource:r,type:c.a.GET,success:n,error:()=>{}})}(e.getRemoteUrl,r,n=>t(t=>Object.assign(Object.assign({},t),{[y.Remote]:i.a.isFunction(e.formatRemoteSuggestions)?e.formatRemoteSuggestions(n):n})))}}}function v(e,t,n,r,a,o){const s=t=>e[t]||[],l=t?s(y.Recent):[],c=s(y.Local),u=s(y.Remote);let d=[];l.length&&d.push({title:n,data:l});const p=[...c,...u];return Number.isInteger(o)&&d.length>o&&p.slice(0,o),i.a.isFunction(a)?d.push(...a(p)):d.push({title:r,data:p}),d}function b(e){return e.data}function S(e){if(e.title)return r.createElement("strong",null,e.title)}!function(e){e.Local="local",e.Recent="recent",e.Remote="remote"}(y||(y={}));const P={container:"position-relative",suggestionsContainerOpen:"bg-white py-1 border rounded "+m.a.suggestionsContainerOpen,suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:m.a.suggestionHighlighted,sectionContainer:"border-bottom py-1 "+m.a.sectionContainer};function O(e={}){return Object.assign(P,e)}var I=n(33),E=n(9),w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};const j=e=>{const t="d-inline-block svg-container";return i.a.isFunction(e)?t+" cursor-pointer":t};function C(e){const{onClickSearchIcon:t,searchIconPlacement:n,className:a}=e,i=w(e,["onClickSearchIcon","searchIconPlacement","className"]);let o="form-control "+m.a.input,s="input-group-text bg-white";"right"===n&&(o+=" border-right-0",s+=" pl-0"),"left"===n&&(o+=" border-left-0",s+=" pr-0"),a&&(o+=" "+a);const l=()=>r.createElement("div",{className:s},r.createElement(I.a,{svgName:E.b.Search,size:I.b.Small,onClick:t,className:j(t)}));return r.createElement("div",{className:"input-group"},"left"===n&&r.createElement("div",{className:"input-group-prepend"},r.createElement(l,null)),r.createElement("input",Object.assign({className:o},i)),"right"===n&&r.createElement("div",{className:"input-group-append"},r.createElement(l,null)))}n.d(t,"a",(function(){return $}));const k=i.a.isFunction;function $(e){const t=(n=e.initialSuggestions,i=e.recentSearches,{[y.Recent]:i,[y.Local]:n,[y.Remote]:[]});var n,i;const[c,u]=r.useState(""),[d,p]=r.useState(t),g=Object(s.a)(l.a.XS),m=()=>{p(t)},P=t=>{t.preventDefault(),k(e.onSubmit)&&e.onSubmit(c)};return r.createElement("form",{onSubmit:P},r.createElement(a,{suggestions:v(d,!c,e.recentSearchHeading||o.a.getPhrase("shared.searchBar","recentSearchHeading"),e.suggestionsHeading,e.getSections,e.suggestionLimit),onSuggestionsFetchRequested:h(e,p,m),onSuggestionsClearRequested:()=>{e.alwaysRenderSuggestions||m()},onSuggestionSelected:(t,{suggestion:n})=>{e.clearQueryOnSelect&&u(""),e.onSuggestionSelected(n)},getSuggestionValue:t=>e.updateQueryOnSelection?function(e,t){return f(t,e)?t[e]:""}(e.valueKey,t):c,renderSuggestion:t=>k(e.getSuggestionComponent)?e.getSuggestionComponent(t):function(e,t){return f(t,e)?r.createElement(r.Fragment,null,t[e]):r.createElement(r.Fragment,null)}(e.valueKey,t),alwaysRenderSuggestions:e.alwaysRenderSuggestions,focusInputOnSuggestionClick:!g,inputProps:{placeholder:e.placeholder||o.a.getPhrase("shared.searchBar","placeholder"),value:c,onChange:(t,{newValue:n})=>{u(n),k(e.onQueryChange)&&e.onQueryChange(n)},onKeyDown:t=>{8===t.keyCode&&e.onBackspace&&!c&&e.onBackspace()},autoFocus:!!e.autoFocusInput,onClickSearchIcon:!!e.submitOnClickSearchIcon&&P,searchIconPlacement:e.searchIconPlacement},renderInputComponent:C,theme:O(e.theme),multiSection:!0,renderSectionTitle:S,getSectionSuggestions:b}))}$.defaultProps={updateQueryOnSelection:!0,valueKey:"name",activationLength:3,suggestionLimit:5,recentSearches:[],initialSuggestions:[],searchIconPlacement:"right"}},518:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var r=n(116),a=n(41);function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e){var t=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(e){return!1}}();return function(){var n,r=u(e);if(t){var a=u(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return c(this,n)}}function c(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}(n,e);var t=l(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.a.Newest,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return o(this,n),t.call(this,{collectionPrefix:"user:playlists",cursor:r,sort:e})}return n}(r.a)},597:function(e,t,n){e.exports={suggestionContainer:"_2omIR"}},653:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n(40),i=n(27),o=n(5),s=n(11),l=n(54),c=n(112),u=n(44),d=n(470);function p(e,t){const n=e,a=t,i=Object(d.a)(e&&(e=>n(e).key));Object(r.useEffect)(()=>{i.shouldInitialFetch&&t&&a()},[i.shouldInitialFetch,t]),Object(r.useEffect)(()=>{i.nextCursor&&!i.isFetching&&t&&a(i.nextCursor)},[i.nextCursor,i.isFetching,t])}var y=n(115),g=n(442);const m=e=>"recent:playlists:added:to:"+e,f=5,h={getRecentlyAddedTo(e,t){let n=t.cacheGet(m(e));return Array.isArray(n)||(n=[]),n},setRecentlyAddedTo(e,t,n){Array.isArray(t)&&n.cacheSet(m(e),t)},addRecentlyAddedTo(e,t,n){const{id:r,limit:a=f}=n;let i=h.getRecentlyAddedTo(e,t);const o=i.indexOf(r);return o>-1&&i.splice(o,1),i.unshift(r),i.length>a&&(i=i.slice(0,a)),h.setRecentlyAddedTo(e,i,t),i}};var v=n(41),b=n(118),S=n(518),P=n(63),O=n(31),I=n(33),E=n(9),w=n(485),j=n(597),C=n.n(j);function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $(e,t)}(e,t)||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 $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var T="playlists.selectPlaylist";function R(e){var t=O.a.isFunction(e.isVideoInPlaylist)&&e.isVideoInPlaylist(e.playlist),n=t?"":"cursor-pointer",a=t?E.b.Check:E.b.Plus,i="d-inline-block svg-container";t&&(i+=" text-success");var o=t?"This video is already in this playlist":"";return r.createElement("span",{className:n},r.createElement(I.a,{svgName:a,size:I.b.Small,className:i,title:o}),r.createElement("span",{className:"ml-2"},e.playlist.name))}function F(e){var t=k(r.useState(""),2),n=t[0],a=t[1],i="";n&&(i+=" border-bottom pb-2");var s=P.a.sortBy(e.playlists,"name"),c=h.getRecentlyAddedTo(e.currentUserId,l.a);return c=c.slice(0,3).map((function(t){return e.playlists.find((function(e){return e.id===t}))})),r.createElement(r.Fragment,null,r.createElement(w.a,{onQueryChange:function(e){return a(e.trim())},onSuggestionSelected:e.onSelectPlaylist,updateQueryOnSelection:!1,recentSearches:c,recentSearchHeading:o.a.getPhrase(T,"recentPlaylistsHeading"),suggestionsHeading:o.a.getPhrase(T,"suggestionsHeading"),local:s,initialSuggestions:s,activationLength:1,placeholder:o.a.getPhrase(T,"placeholder"),theme:{container:i,suggestionsContainer:"mt-1 ".concat(C.a.suggestionContainer),suggestionsContainerOpen:"",suggestion:"cursor-pointer py-1"},searchIconPlacement:"left",alwaysRenderSuggestions:!0,suggestionLimit:!1,getSuggestionComponent:function(t){return r.createElement(R,{playlist:t,isVideoInPlaylist:e.isVideoInPlaylist})},autoFocusInput:!0}),O.a.isFunction(e.createPlaylist)&&!!n&&r.createElement("div",{className:"pt-2 text-break"},r.createElement("span",{className:"cursor-pointer",onClick:function(){return e.createPlaylist(n)}},r.createElement(I.a,{svgName:E.b.Plus,size:I.b.Small}),r.createElement(u.b,{namespace:T,phrase:"createPlaylist",options:{name:n}}))))}function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return L(e,t)}(e,t)||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 L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"AddToPlaylistView",(function(){return _}));var A=o.a.encloseNamespace("playlists.addToPlaylist"),N=function(e){return g.a.getUserPlaylists(new S.a(v.a.AtoZ,e))},V=function(e,t){return function(n){return g.a.getVideoPlaylists(e,t,n)}};function _(e){var t=Object(a.useDispatch)(),n=x(r.useState(!1),2),o=n[0],m=n[1],f=s.a.useBasicFetch(y.a.currentUser),v=s.a.useBasicFetch(b.a.video(e.videoId)),S=Object(d.a)((function(e){return N(e).key})),P=Object(d.a)((function(t){return!!f.data&&V(e.videoId,f.data.id)(t).key})),O=!!P.items&&P.items.map((function(e){return e.id}));p(N,(function(e){s.a.getFetch(t,N(e))()})),p(!!f.data&&V(e.videoId,f.data.id),!!f.data&&function(n){s.a.getFetch(t,V(e.videoId,f.data.id)(n))()});var I=function(n){m(!0);s.a.fetch(t,g.a.addToPlaylist(n.id,[e.videoId],(function(){e.closePopup(),h.addRecentlyAddedTo(f.data.id,l.a,{id:n.id})}),e.closePopup))},E=!(!v.data||!S.items||S.nextCursor||!f.data||!P.items||P.nextCursor);return r.createElement(c.a,{title:A("heading"),closePopup:e.closePopup,showLoadingSpinner:!E},E&&r.createElement(r.Fragment,null,r.createElement("div",{className:"mb-2"},r.createElement(u.b,{namespace:"playlists.addToPlaylist",phrase:"selectPlaylist",options:{video:v.data.name}})),o?r.createElement("div",{className:"text-center"},r.createElement(i.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):r.createElement(F,{playlists:S.items,currentUserId:f.data.id,onSelectPlaylist:function(e){O.includes(e.id)||I(e)},isVideoInPlaylist:function(e){return O.includes(e.id)},createPlaylist:function(e){m(!0),s.a.fetch(t,g.a.createPlaylist(f.data.id,{name:e},(function(e){e&&e.id&&I(e)})))}})))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[34],{
+
+/***/ "../../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; });
+const getCacheKey = userId => `recent:playlists:added:to:${userId}`;
+
+const DEFAULT_STORAGE_LIMIT = 5;
+const RecentPlaylistHelper = {
+  /**
+   * Get a list of ids of playlists recently added to.
+   */
+  getRecentlyAddedTo(userId, dataSource) {
+    let recentlyAddedTo = dataSource.cacheGet(getCacheKey(userId));
+    if (!Array.isArray(recentlyAddedTo)) recentlyAddedTo = [];
+    return recentlyAddedTo;
+  },
+
+  setRecentlyAddedTo(userId, ids, dataSource) {
+    if (!Array.isArray(ids)) return;
+    dataSource.cacheSet(getCacheKey(userId), ids);
+  },
+
+  addRecentlyAddedTo(userId, dataSource, options) {
+    const {
+      id,
+      limit = DEFAULT_STORAGE_LIMIT
+    } = options;
+    let recentlyAddedTo = RecentPlaylistHelper.getRecentlyAddedTo(userId, dataSource);
+    const 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) {
+  const getRequestFn = getRequest;
+  const fetchNextFn = fetchNext;
+  const response = Object(_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__["useSelectAllPages"])(getRequest && (cursor => getRequestFn(cursor).key));
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
+    if (response.shouldInitialFetch && fetchNext) fetchNextFn();
+  }, [response.shouldInitialFetch, fetchNext]);
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
+    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");
+
+
+
+
+
+const 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"])(() => state => {
+    const getKeyFn = getKey;
+    let request = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(getKey) && _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getResponse(state, getKeyFn());
+    let isFetching = request && request.isFetching;
+    const shouldInitialFetch = request && request.shouldFetch;
+    let items = request && request.data && request.data.data;
+    let 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;
+      let newItems = request.data && request.data.data;
+      newItems && items.push(...newItems);
+      nextCursor = safeGetCursor(request);
+    }
+
+    return {
+      shouldInitialFetch,
+      items,
+      nextCursor,
+      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/interfaces/PlaylistCollectionIdentifier.ts":
+/*!***********************************************************************!*\
+  !*** ./src/apps/playlists/interfaces/PlaylistCollectionIdentifier.ts ***!
+  \***********************************************************************/
+/*! exports provided: PlaylistCollectionIdentifier */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistCollectionIdentifier", function() { return PlaylistCollectionIdentifier; });
+/* harmony import */ var _libs_common_src_backbone_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/interfaces */ "../../libs/common/src/backbone/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/apps/playlists/enums/PlaylistSortType */ "../../libs/shared/src/apps/playlists/enums/PlaylistSortType.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+var PlaylistCollectionIdentifier = /*#__PURE__*/function (_BaseCollectionIdenti) {
+  _inherits(PlaylistCollectionIdentifier, _BaseCollectionIdenti);
+
+  var _super = _createSuper(PlaylistCollectionIdentifier);
+
+  function PlaylistCollectionIdentifier() {
+    var sort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _libs_shared_src_apps_playlists_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_1__["PlaylistSortType"].Newest;
+    var cursor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+    _classCallCheck(this, PlaylistCollectionIdentifier);
+
+    return _super.call(this, {
+      collectionPrefix: 'user:playlists',
+      cursor: cursor,
+      sort: sort
+    });
+  }
+
+  return PlaylistCollectionIdentifier;
+}(_libs_common_src_backbone_interfaces__WEBPACK_IMPORTED_MODULE_0__["BaseCollectionIdentifier"]);
+
+/***/ }),
+
+/***/ "./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 shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var apps_playlists_interfaces_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! apps/playlists/interfaces/PlaylistCollectionIdentifier */ "./src/apps/playlists/interfaces/PlaylistCollectionIdentifier.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 apps_playlists_interfaces_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_15__["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_14__["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=34.chunk.js.map