@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/43-24d8ad0345.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[43],{1012:function(e,n,t){"use strict";t.d(n,"a",(function(){return g}));var r=t(102),a=t(27);function i(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,n){if(!e)return;if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return u(e,n)}(e)||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 u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var c=t(49).a.CLASSIFICATION,l=function(){return"/api/domain/v1/subjects/preferences?query=".concat(c,"&type=subject")},s=function(){return"/api/domain/v1/subjects/classifications/following?query=".concat(c)},o=function(){return"/api/domain/v1/subjects/classifications/following"},f=function(e){return r.a.urlBuilder("/api/domain/v1/subjects/classifications/following",{id:e})},p=function(){return"/api/domain/v1/subjects/audiences?type=subject"},d=function(){return"/api/domain/v1/subjects/audiences/following"},m=function(){return"/api/domain/v1/subjects/audiences/following"},v=function(e){return r.a.urlBuilder("/api/domain/v1/subjects/audiences/following",{id:e})},b=function(e){return"/api/domain/v1/subjects/presentations".concat(e?"?type=".concat(e):"")},y=function(e){return"/api/domain/v1/subjects/presentations/available".concat(e?"?type=".concat(e):"")},j=function(e){return"/api/domain/v1/subjects/presentations/".concat(e)},g={currentPresentations:function(e){return{url:b(e),key:"current:presentations".concat(e?":".concat(e):""),expiryTime:1/0}},availablePresentations:function(e){return{url:y(e),key:"available:presentations:".concat(e),expiryTime:1/0}},setPresentation:function(e,n,t,r){return{url:j(e.id),key:"set:".concat(n,":presentation"),type:a.a.POST,data:{},invalidationKeys:["current:presentations:".concat(n),"current:presentations","subject:preference:options","my:subject:preferences","level:preference:options","my:level:preferences","classifications"],success:t,error:r}},allSubjectPreferences:function(){return{url:l(),key:"subject:preference:options",expiryTime:1/0}},mySubjectPreferences:function(e){return{url:s(),key:"my:subject:preferences",normalize:!1,expiryTime:1/0,success:e,formatData:function(e){return e.filter((function(e){return e.canBePreferred}))}}},followSubjects:function(e,n,t,r){return{url:o(),key:"follow:subjects",data:e,type:a.a.POST,success:n,error:t,always:r,invalidationKeys:[].concat(i(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences","classifications"])}},unfollowSubjects:function(e,n,t,r){return{url:f(e),key:"unfollow:subjects",type:a.a.DELETE,success:n,error:t,always:r,invalidationKeys:[].concat(i(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences","classifications"])}},allLevelPreferences:function(){return{url:p(),key:"level:preference:options",normalize:!1,expiryTime:1/0}},myLevelPreferences:function(e){return{url:d(),key:"my:level:preferences",normalize:!1,expiryTime:1/0,success:e}},followLevels:function(e,n,t,r){return{url:m(),key:"follow:levels",data:e,type:a.a.POST,success:n,error:t,always:r,invalidationKeys:["my:level:preferences"]}},unfollowLevels:function(e,n,t,r){return{url:v(e),key:"unfollow:levels",type:a.a.DELETE,success:n,error:t,always:r,invalidationKeys:["my:level:preferences"]}}}},1015:function(e,n,t){"use strict";t.d(n,"a",(function(){return c}));var r=t(0),a=t(58),i=t(1416),u=t.n(i);function c(e){return r.createElement("nav",{className:"d-flex justify-content-center pt-3 position-relative ".concat(u.a.progress)},e.steps.map((function(e,n){return r.createElement(a.a,{key:n,appLink:e.disabled||e.active?null:e.appLink,className:(t=e.active,i=e.disabled,c="rounded-circle mx-2 "+u.a.progressItem,l=t?"bg-info":"bg-light",s=i||t?"":"cursor-pointer","".concat(c," ").concat(l," ").concat(s))});var t,i,c,l,s})))}},1033:function(e,n,t){"use strict";var r=t(1147),a=t(1148),i={getIsStep:function(e){return function(n){return Array.isArray(n)?n.includes(e):e===n}},hasManyPresentationTypes:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=0,t=0;return e.forEach((function(e){e.type.toLowerCase()===r.a.Subject?n++:e.type.toLowerCase()===r.a.Curriculum&&t++})),{hasManySubjectPresentations:n>1,hasManyCurriculumPresentations:t>1}},getBulkPreferencesState:function(e){return e===a.a.AllSubjectsAndAllLevels?{levels:!0,subjects:!0}:{levels:e===a.a.AllLevels,subjects:e===a.a.AllSubjects}},stepIsValid:function(e){return-1!==["welcome","subjects","levels","summary","school-level","curriculum"].indexOf(e)},hasBulkSelectedLevels:function(e){return e===a.a.AllLevels||e===a.a.AllSubjectsAndAllLevels},hasBulkSelectedSubjects:function(e){return e===a.a.AllSubjects||e===a.a.AllSubjectsAndAllLevels}},u=t(13),c=t(7);t.d(n,"a",(function(){return l}));var l=Object.assign(Object.assign({},i),{buildAppLink:function(e,n){var t={application:c.a.SUBJECT,action:u.a.Subjects.PREFERENCES,params:{step:e}};return n&&(t.params.redirectUrl=n),t}})},1147:function(e,n,t){"use strict";var r;t.d(n,"a",(function(){return r})),function(e){e.Subject="subject",e.Curriculum="curriculum"}(r||(r={}))},1148:function(e,n,t){"use strict";var r;t.d(n,"a",(function(){return r})),function(e){e[e.None=0]="None",e[e.AllSubjects=1]="AllSubjects",e[e.AllLevels=2]="AllLevels",e[e.AllSubjectsAndAllLevels=3]="AllSubjectsAndAllLevels"}(r||(r={}))},1416:function(e,n,t){e.exports={progress:"iKcwJ",progressItem:"_1SBXD"}},1417:function(e,n,t){e.exports={preferencesContainer:"_1sGnn",backgroundImage:"F6J5v"}},1500:function(e,n,t){"use strict";t.r(n);var r=t(0),a=t.n(r),i=t(2),u=t(19),c=t(164),l=t(304),s=t(9),o=t(1015),f=t(1012),p=t(70),d=t(317),m=t(316),v=t(1033),b=a.a.lazy((function(){return t.e(65).then(t.bind(null,1473)).then((function(e){return{default:e.PreferencesWelcomeView}}))})),y=a.a.lazy((function(){return t.e(33).then(t.bind(null,1474)).then((function(e){return{default:e.SubjectPresentationSelectorView}}))})),j=a.a.lazy((function(){return t.e(32).then(t.bind(null,1475)).then((function(e){return{default:e.CurriculumPresentationSelectorView}}))})),g=a.a.lazy((function(){return t.e(25).then(t.bind(null,1503)).then((function(e){return{default:e.LevelPreferencesView}}))})),A=a.a.lazy((function(){return t.e(29).then(t.bind(null,1476)).then((function(e){return{default:e.SubjectPreferencesView}}))})),k=a.a.lazy((function(){return t.e(23).then(t.bind(null,1504)).then((function(e){return{default:e.PreferencesSummaryView}}))})),h=function(){return a.a.createElement(a.a.Fragment,null)};h.welcome=function(e){return a.a.createElement(b,Object.assign({},e))},h["school-level"]=function(e){return a.a.createElement(y,Object.assign({},e))},h.curriculum=function(e){return a.a.createElement(j,Object.assign({},e))},h.levels=function(e){return a.a.createElement(g,Object.assign({},e))},h.subjects=function(e){return a.a.createElement(A,Object.assign({},e))},h.summary=function(e){return a.a.createElement(k,Object.assign({},e))};var L=t(1417),w=t.n(L),S=t(161),E=t(101),P=t(162);t.d(n,"BasePreferencesView",(function(){return O}));var F=function(e){var n;return!e.statusCode||e.statusCode===c.a.Ok&&!!(null===(n=e.data)||void 0===n?void 0:n.length)};function O(e){var n,t,r,c,b,y,j,g,A=e.step,k=e.redirectUrl,L=void 0===k?"":k,O=Object(S.a)().hasPermissions,C=u.a.useBasicFetch(f.a.currentPresentations()),B=u.a.useBasicFetch(f.a.availablePresentations()),T=u.a.useBasicFetch(f.a.myLevelPreferences()),I=u.a.useBasicFetch(f.a.mySubjectPreferences()),x=u.a.useBasicFetch(p.a.currentUser()),z=u.a.useBasicFetch(x.statusCode?d.a.setting(x.data.id,m.a.HasCompletedOnboarding):null),H=u.a.useBasicFetch(x.statusCode?d.a.setting(x.data.id,m.a.BulkOnboardingPreferencesState):null);if(Object(l.a)(s.a.getPhrase("subjects.preferences",(null===(n=z.data)||void 0===n?void 0:n.value)?"pageTitlePreferences":"pageTitleOnboarding")),!O(E.a.ManageSubjectPreferences))return i.a.ErrorHelper.throw(new P.a),a.a.createElement(a.a.Fragment,null);if(!z.statusCode)return a.a.createElement(a.a.Fragment,null);if(!A||!v.a.stepIsValid(A)){var V=(null===(t=z.data)||void 0===t?void 0:t.value)?"levels":"welcome";return i.a.AppLinkHelper.trigger(v.a.buildAppLink(V,L),{replace:!0}),a.a.createElement(a.a.Fragment,null)}var M=v.a.getIsStep(A),N=v.a.getBulkPreferencesState(null===(r=H.data)||void 0===r?void 0:r.value),K=N.levels,U=N.subjects,_=v.a.hasManyPresentationTypes(B.data),J=_.hasManySubjectPresentations,D=_.hasManyCurriculumPresentations,q=B.isFetching||B.shouldFetch,R=(null===(c=z.data)||void 0===c?void 0:c.value)||!q&&!J||F(C)&&(null===(b=z.data)||void 0===b?void 0:b.value),G=(null===(y=z.data)||void 0===y?void 0:y.value)||!q&&!D||F(C)&&(null===(j=z.data)||void 0===j?void 0:j.value),W=!F(C),X=W||!F(T)&&!K,$=X||!F(I)&&!U;if(M("welcome")&&(null===(g=z.data)||void 0===g?void 0:g.value))return i.a.AppLinkHelper.trigger(v.a.buildAppLink("levels",L),{replace:!0}),a.a.createElement(a.a.Fragment,null);if(M("school-level")&&R)return i.a.AppLinkHelper.trigger(v.a.buildAppLink(G?"levels":"curriculum",L),{replace:!0}),a.a.createElement(a.a.Fragment,null);if(M("curriculum")&&G)return i.a.AppLinkHelper.trigger(v.a.buildAppLink("levels",L),{replace:!0}),a.a.createElement(a.a.Fragment,null);if(M(["levels","subjects","summary"])&&W)return i.a.AppLinkHelper.trigger(v.a.buildAppLink("welcome",L),{replace:!0}),a.a.createElement(a.a.Fragment,null);if(M(["subjects","summary"])&&X)return i.a.AppLinkHelper.trigger(v.a.buildAppLink("levels",L),{replace:!0}),a.a.createElement(a.a.Fragment,null);if(M("summary")&&$)return i.a.AppLinkHelper.trigger(v.a.buildAppLink("subjects",L),{replace:!0}),a.a.createElement(a.a.Fragment,null);var Q,Y=h[A];return a.a.createElement("div",{className:"position-relative px-3 ".concat(w.a.preferencesContainer)},"welcome"!==A&&a.a.createElement(o.a,{steps:(Q=[{active:M("levels"),appLink:v.a.buildAppLink("levels",L),disabled:W},{active:M("subjects"),appLink:v.a.buildAppLink("subjects",L),disabled:X},{active:M("summary"),appLink:v.a.buildAppLink("summary",L),disabled:$}],G||Q.unshift({active:M("curriculum"),appLink:v.a.buildAppLink("curriculum",L)}),R||Q.unshift({active:M("school-level"),appLink:v.a.buildAppLink("school-level",L)}),Q)}),a.a.createElement("main",null,a.a.createElement(a.a.Suspense,{fallback:a.a.createElement(a.a.Fragment,null)},a.a.createElement(Y,{redirectUrl:L}))))}}}]);

package/dist/scripts/43.chunk.js

@@ -0,0 +1,609 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[43],{
+
+/***/ "../../libs/common/src/react/utils/TypeHelper.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/common/src/react/utils/TypeHelper.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: TypeHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TypeHelper", function() { return TypeHelper; });
+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); }
+
+var TypeHelper = {
+  isNumber: function isNumber(obj) {
+    return TypeHelper.isType(obj, 'number');
+  },
+  isString: function isString(obj) {
+    return TypeHelper.isType(obj, 'string');
+  },
+  isType: function isType(obj, type) {
+    return _typeof(obj) === type;
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts":
+/*!**************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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; });
+/* harmony import */ var _common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/LocalStorageHelper */ "../../libs/common/src/backbone/utils/LocalStorageHelper.ts");
+/* harmony import */ var _utils_RecentItemHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils/RecentItemHelper */ "../../libs/shared/src/utils/RecentItemHelper.ts");
+
+
+
+var getCacheKey = function getCacheKey(userId) {
+  return "recent:playlists:added:to:".concat(userId);
+};
+
+var RecentPlaylistHelper = {
+  /**
+   * Get a list of ids of playlists recently added to.
+   */
+  getRecentlyAddedTo: function getRecentlyAddedTo(userId) {
+    return _utils_RecentItemHelper__WEBPACK_IMPORTED_MODULE_1__["RecentItemHelper"].getRecentItem(getCacheKey(userId), _common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_0__["LocalStorageHelper"]);
+  },
+  addRecentlyAddedTo: function addRecentlyAddedTo(userId, options) {
+    return _utils_RecentItemHelper__WEBPACK_IMPORTED_MODULE_1__["RecentItemHelper"].addRecentItem(getCacheKey(userId), _common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_0__["LocalStorageHelper"], options);
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseFetchAll.ts":
+/*!**************************************************************************************!*\
+  !*** C:/ClickView/front-end/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/front-end/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));
+        var nextNextCursor = safeGetCursor(request);
+        /**
+         * This is a check to basically see if the backend has messed up the cursors it's sent back.
+         * For some things (e.g. user manager in Lite), the cursors are generated for a paginated collection,
+         * but the collection is then filtered afterwards (making the cursors not entirely accurate).
+         * This can lead to problems where a request with a cursor might return that same cursor as the `next`
+         * cursor. Confusing, but basically when that happens we want this while loop to end, otherwise it'll
+         * run infinitely - Josh
+         */
+
+        if (nextNextCursor === nextCursor) {
+          nextCursor = null;
+        } else {
+          nextCursor = nextNextCursor;
+        }
+      }
+
+      return {
+        shouldInitialFetch: shouldInitialFetch,
+        items: items,
+        nextCursor: nextCursor,
+        isFetching: isFetching
+      };
+    };
+  }, [getKey]));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/RecentItemHelper.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/RecentItemHelper.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: RecentItemHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RecentItemHelper", function() { return RecentItemHelper; });
+var DEFAULT_STORAGE_LIMIT = 5;
+var RecentItemHelper = {
+  getRecentItem: function getRecentItem(cacheKey, dataSource) {
+    var recentItems = dataSource.cacheGet(cacheKey);
+    if (!Array.isArray(recentItems)) recentItems = [];
+    return recentItems;
+  },
+  setRecentItem: function setRecentItem(cacheKey, ids, dataSource) {
+    if (!Array.isArray(ids)) return;
+    dataSource.cacheSet(cacheKey, ids);
+  },
+  addRecentItem: function addRecentItem(cacheKey, dataSource, options) {
+    var id = options.id,
+        _options$limit = options.limit,
+        limit = _options$limit === void 0 ? DEFAULT_STORAGE_LIMIT : _options$limit;
+    var recentItems = RecentItemHelper.getRecentItem(cacheKey, dataSource);
+    var idIndex = recentItems.indexOf(id);
+    /**
+     * If the item is already in the stored list,
+     * remove it so that it will be inserted at the first position.
+     */
+
+    if (idIndex > -1) recentItems.splice(idIndex, 1);
+    recentItems.unshift(id);
+    if (recentItems.length > limit) recentItems = recentItems.slice(0, limit);
+    RecentItemHelper.setRecentItem(cacheKey, recentItems, dataSource);
+    return recentItems;
+  }
+};
+
+/***/ }),
+
+/***/ "./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_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __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_6__ = __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_7__ = __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_8__ = __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_9__ = __webpack_require__(/*! ./select-playlist.scss */ "./src/apps/playlists/components/select-playlist/select-playlist.scss");
+/* harmony import */ var _select_playlist_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_select_playlist_scss__WEBPACK_IMPORTED_MODULE_9__);
+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_5__["cvSvgLibrary"].Check : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["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_4__["SvgContainer"], {
+    svgName: svgName,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainerSize"].Small,
+    className: svgContainerClassName,
+    title: title
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'ml-2 text-break'
+  }, 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_8__["RecentPlaylistHelper"].getRecentlyAddedTo(props.currentUserId);
+  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_7__["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-2 ".concat(_select_playlist_scss__WEBPACK_IMPORTED_MODULE_9___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_4__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Plus,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainerSize"].Small
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["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_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_7__ = __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_8__ = __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_9__ = __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_10__ = __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_11__ = __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_12__ = __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_13__ = __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_14__ = __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_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier */ "../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var apps_playlists_components_select_playlist_SelectPlaylist__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! apps/playlists/components/select-playlist/SelectPlaylist */ "./src/apps/playlists/components/select-playlist/SelectPlaylist.tsx");
+/* harmony import */ var shared_constants_DefaultAlertHeading__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! shared/constants/DefaultAlertHeading */ "./src/shared/constants/DefaultAlertHeading.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+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_11__["PlaylistRequests"].getUserPlaylists(new _libs_shared_src_apps_playlists_interfaces_identifiers_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_15__["PlaylistCollectionIdentifier"](_libs_shared_src_apps_playlists_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_13__["PlaylistSortType"].AtoZ, cursor));
+};
+
+var getVideoPlaylistsRequest = function getVideoPlaylistsRequest(videoId, userId) {
+  return function (cursor) {
+    return _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getVideoPlaylists(videoId, userId, cursor);
+  };
+};
+
+function AddToPlaylistView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_16__["useAlerts"])();
+
+  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_10__["UserRequests"].currentUser());
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_19__["VideoRequests"].video(props.videoId));
+  var playlists = Object(_libs_shared_src_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_14__["useSelectAllPages"])(function (cursor) {
+    return getPlaylistsRequest(cursor).key;
+  });
+  var videoPlaylists = Object(_libs_shared_src_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_14__["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_9__["useFetchAll"])(getPlaylistsRequest, fetchNextPlaylists);
+  Object(_libs_shared_src_hooks_UseFetchAll__WEBPACK_IMPORTED_MODULE_9__["useFetchAll"])(!!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id), !!user.data && fetchNextVideoPlaylists);
+
+  var addToPlaylist = function addToPlaylist(playlist, isNew) {
+    setIsSubmitting(true);
+
+    var onSuccess = function onSuccess() {
+      alerts.success({
+        heading: shared_constants_DefaultAlertHeading__WEBPACK_IMPORTED_MODULE_21__["DefaultAlertHeading"].Success,
+        type: _libs_common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_5__["AlertType"].Success,
+        message: getPhrase(isNew ? 'successNew' : 'success', {
+          video: video.data.name,
+          playlist: playlist.name
+        }),
+        appLink: {
+          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_22__["AppChannels"].PLAYLISTS,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_23__["Actions"].Playlists.PLAYLIST,
+          args: [playlist.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_6__["TextHelper"].slugify(playlist.name)]
+        },
+        appLinkText: getPhrase('goToPlaylist', {
+          playlist: playlist.name
+        }),
+        appLinkClassName: 'info-link'
+      });
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__["AnalyticsHelper"].logUserAction({
+        id: video.data.id,
+        playlistId: playlist.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["UserAction"].Associate,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["EntityType"].Video,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["AssocDescriptor"].Playlist,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["WorkflowPhase"].Complete,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["LocationContext"].Popup
+      });
+      props.closePopup();
+      _libs_shared_src_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_12__["RecentPlaylistHelper"].addRecentlyAddedTo(user.data.id, {
+        id: playlist.id
+      });
+    };
+
+    var onError = function onError() {
+      alerts.error(getPhrase('addError', {
+        video: video.data.name,
+        playlist: playlist.name
+      }));
+    };
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].addToPlaylist(playlist.id, [props.videoId], onSuccess, onError));
+  };
+
+  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_11__["PlaylistRequests"].createPlaylist(user.data.id, {
+      name: name
+    }, function (newPlaylist) {
+      if (!newPlaylist || !newPlaylist.id) return;
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__["AnalyticsHelper"].logUserAction({
+        id: newPlaylist.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["UserAction"].Create,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["EntityType"].Playlist,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["WorkflowPhase"].Complete,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["LocationContext"].Popup
+      });
+      addToPlaylist(newPlaylist, true);
+    }, function () {
+      alerts.error(getPhrase('createError', {
+        video: video.data.name,
+        playlist: name
+      }));
+      props.closePopup();
+    }));
+  };
+
+  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_7__["Popup"], {
+    title: getPhrase('heading'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !dataLoaded,
+    size: 'lg'
+  }, 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_8__["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_20__["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=43.chunk.js.map