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

package/dist/scripts/43.chunk.js

@@ -1,609 +0,0 @@
-(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