@clickview/lite 0.0.18-rc.2 → 0.0.18

package/dist/scripts/34.chunk.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseFetchAll.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/select-playlist/SelectPlaylist.tsx","webpack://@clickview/lite/./src/apps/playlists/components/select-playlist/select-playlist.scss?9042","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/interfaces/PlaylistCollectionIdentifier.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/views/add-to-playlist/AddToPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/34.chunk.js","sourcesContent":["import { StorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\r\n\r\nconst getCacheKey = (userId: string) => `recent:playlists:added:to:${userId}`;\r\n\r\nconst DEFAULT_STORAGE_LIMIT = 5;\r\n\r\ninterface AddRecentPlaylistsOptions {\r\n  id: string;\r\n  limit?: number;\r\n}\r\n\r\nexport const RecentPlaylistHelper = {\r\n  /**\r\n   * Get a list of ids of playlists recently added to.\r\n   */\r\n  getRecentlyAddedTo(userId: string, dataSource: StorageHelper): string[] {\r\n    let recentlyAddedTo = dataSource.cacheGet(getCacheKey(userId));\r\n\r\n    if (!Array.isArray(recentlyAddedTo))\r\n      recentlyAddedTo = [];\r\n\r\n    return recentlyAddedTo;\r\n  },\r\n\r\n  setRecentlyAddedTo(userId: string, ids: string[], dataSource: StorageHelper): void {\r\n    if (!Array.isArray(ids))\r\n      return;\r\n\r\n    dataSource.cacheSet(getCacheKey(userId), ids);\r\n  },\r\n\r\n  addRecentlyAddedTo(userId: string, dataSource: StorageHelper, options: AddRecentPlaylistsOptions): string[] {\r\n    const { id, limit = DEFAULT_STORAGE_LIMIT } = options;\r\n\r\n    let recentlyAddedTo = RecentPlaylistHelper.getRecentlyAddedTo(userId, dataSource);\r\n\r\n    const idIndex = recentlyAddedTo.indexOf(id);\r\n\r\n    /**\r\n     * If the playlists is already in the stored list, \r\n     * remove it to first position so that it will be inserted\r\n     * at the first position.\r\n     */\r\n    if (idIndex > -1)\r\n      recentlyAddedTo.splice(idIndex, 1);\r\n\r\n    recentlyAddedTo.unshift(id);\r\n\r\n    if (recentlyAddedTo.length > limit)\r\n      recentlyAddedTo = recentlyAddedTo.slice(0, limit);\r\n\r\n    RecentPlaylistHelper.setRecentlyAddedTo(userId, recentlyAddedTo, dataSource);\r\n\r\n    return recentlyAddedTo;\r\n  }\r\n};","import { useEffect } from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { useSelectAllPages } from './UseSelectAllPages';\r\n\r\n/**\r\n * Hook to fetch all pages of a collection.\r\n * \r\n * @param getRequest - callback function to get the request for each page.\r\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\r\n * \r\n * @param fetchNext - callback function to fetch a page.\r\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\r\n */\r\nexport function useFetchAll<T extends BaseObject>(\r\n  getRequest: ((cursor?: string) => Flight.Request) | false,\r\n  fetchNext: ((cursor?: string) => void) | false\r\n): void {\r\n  const getRequestFn = (getRequest as Function);\r\n  const fetchNextFn = (fetchNext as Function);\r\n\r\n  const response = useSelectAllPages<T>(getRequest && ((cursor?: string) => getRequestFn(cursor).key));\r\n\r\n  useEffect(() => {\r\n    if (response.shouldInitialFetch && fetchNext)\r\n      fetchNextFn();\r\n  }, [ response.shouldInitialFetch, fetchNext ]);\r\n\r\n  useEffect(() => {\r\n    if (!response.nextCursor || response.isFetching || !fetchNext)\r\n      return;\r\n\r\n    fetchNextFn(response.nextCursor);\r\n  }, [ response.nextCursor, response.isFetching, fetchNext ]);\r\n}","import { useMemo } from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BasePaginatedCollection } from 'libs/shared/interfaces';\r\n\r\nconst safeGetCursor = (request: Flight.Response<any>): string => {\r\n  return request\r\n    && request.data\r\n    && request.data.pagination\r\n    && request.data.pagination.cursors\r\n    && request.data.pagination.cursors.next;\r\n};\r\n\r\ninterface SelectAllPagesResult<T> {\r\n  items: T[];\r\n  shouldInitialFetch: boolean;\r\n  nextCursor: string;\r\n  isFetching: boolean;\r\n}\r\n\r\n/**\r\n * Hook to select all pages of a collection from the store and flatten them.\r\n * It will not trigger any fetches.\r\n * \r\n * @param getKey - callback function to get the key for each page.\r\n * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.\r\n */\r\nexport function useSelectAllPages<T>(getKey: ((cursor?: string) => string) | false): SelectAllPagesResult<T> {\r\n  return useSelector(useMemo(() => (state: ApplicationState) => {\r\n    const getKeyFn = (getKey as Function);\r\n\r\n    let request = FunctionHelper.isFunction(getKey) &&\r\n      Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn());\r\n\r\n    let isFetching = request && request.isFetching;\r\n    const shouldInitialFetch = request && request.shouldFetch;\r\n\r\n    let items = request && request.data && request.data.data;\r\n    let nextCursor = safeGetCursor(request);\r\n\r\n    // Retrieve all pages that are currently in the store.\r\n    while (nextCursor) {\r\n      request = Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn(nextCursor));\r\n\r\n      isFetching = request.isFetching;\r\n\r\n      // If next page hasn't been fetched, break.\r\n      if (request.shouldFetch)\r\n        break;\r\n\r\n      let newItems = request.data && request.data.data;\r\n      newItems && items.push(...newItems);\r\n\r\n      nextCursor = safeGetCursor(request);\r\n    }\r\n\r\n    return {\r\n      shouldInitialFetch,\r\n      items,\r\n      nextCursor,\r\n      isFetching,\r\n    };\r\n  }, [getKey]));\r\n}","import * as React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\r\n\r\nimport { Playlist } from 'libs/shared/interfaces';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { SearchBar } from 'libs/shared/components/search-bar/SearchBar';\r\nimport { RecentPlaylistHelper } from 'libs/shared/apps/playlists/utils/RecentPlaylistHelper';\r\n\r\nimport styles from './select-playlist.scss';\r\n\r\nconst namespace = 'playlists.selectPlaylist';\r\n\r\nconst RECENT_PLAYLISTS_LIMIT = 3;\r\n\r\ninterface PlaylistSuggestionItemProps {\r\n  playlist: Playlist;\r\n  isVideoInPlaylist?: (playlist: Playlist) => boolean;\r\n}\r\n\r\nfunction PlaylistSuggestionItem(props: PlaylistSuggestionItemProps): JSX.Element {\r\n  const isVideoInPlaylist = FunctionHelper.isFunction(props.isVideoInPlaylist)\r\n    && props.isVideoInPlaylist(props.playlist);\r\n\r\n  const className = isVideoInPlaylist ? '' : 'cursor-pointer';\r\n\r\n  const svgName = isVideoInPlaylist ? cvSvgLibrary.Check : cvSvgLibrary.Plus;\r\n\r\n  let svgContainerClassName = 'd-inline-block svg-container';\r\n\r\n  if (isVideoInPlaylist)\r\n    svgContainerClassName += ' text-success';\r\n\r\n  const title = isVideoInPlaylist ? 'This video is already in this playlist' : '';\r\n\r\n  return (\r\n    <span className={className}>\r\n      <SvgContainer svgName={svgName} size={SvgContainerSize.Small} className={svgContainerClassName} title={title} />\r\n      <span className='ml-2'>{props.playlist.name}</span>\r\n    </span>\r\n  );\r\n}\r\n\r\ninterface SelectPlaylistProps {\r\n  playlists: Playlist[];\r\n  currentUserId: string;\r\n  onSelectPlaylist: (playlist: Playlist) => void;\r\n  isVideoInPlaylist?: (playlist: Playlist) => boolean;\r\n  createPlaylist?: (name: string) => void;\r\n}\r\n\r\nexport function SelectPlaylist(props: SelectPlaylistProps): JSX.Element {\r\n  const [ query, setQuery ] = React.useState('');\r\n\r\n  let containerClassName = '';\r\n\r\n  if (query)\r\n    containerClassName += ' border-bottom pb-2';\r\n\r\n  const sortedPlaylists = ArrayHelper.sortBy(props.playlists, 'name');\r\n\r\n  let recentlyAddedTo: Playlist[] | string[] =\r\n    RecentPlaylistHelper.getRecentlyAddedTo(props.currentUserId, LocalStorageHelper);\r\n\r\n  recentlyAddedTo = recentlyAddedTo.slice(0, RECENT_PLAYLISTS_LIMIT).map(id => props.playlists.find(p => p.id === id));\r\n\r\n  return (\r\n    <>\r\n      <SearchBar\r\n        onQueryChange={(q: string) => setQuery(q.trim())}\r\n        onSuggestionSelected={props.onSelectPlaylist}\r\n        updateQueryOnSelection={false}\r\n        recentSearches={recentlyAddedTo}\r\n        recentSearchHeading={LanguageService.getPhrase(namespace, 'recentPlaylistsHeading')}\r\n        suggestionsHeading={LanguageService.getPhrase(namespace, 'suggestionsHeading')}\r\n        local={sortedPlaylists}\r\n        initialSuggestions={sortedPlaylists}\r\n        activationLength={1}\r\n        placeholder={LanguageService.getPhrase(namespace, 'placeholder')}\r\n        theme={{\r\n          container: containerClassName,\r\n          suggestionsContainer: `mt-1 ${styles.suggestionContainer}`,\r\n          suggestionsContainerOpen: '',\r\n          suggestion: 'cursor-pointer py-1'\r\n        }}\r\n        searchIconPlacement='left'\r\n        alwaysRenderSuggestions\r\n        suggestionLimit={false}\r\n        getSuggestionComponent={(playlist: Playlist) =>\r\n          <PlaylistSuggestionItem playlist={playlist} isVideoInPlaylist={props.isVideoInPlaylist} />\r\n        }\r\n        autoFocusInput\r\n      />\r\n      {FunctionHelper.isFunction(props.createPlaylist) && !!query &&\r\n        <div className='pt-2 text-break'>\r\n          <span className='cursor-pointer' onClick={() => props.createPlaylist(query)}>\r\n            <SvgContainer svgName={cvSvgLibrary.Plus} size={SvgContainerSize.Small} />\r\n            <Text namespace={namespace} phrase='createPlaylist' options={{ name: query }} />\r\n          </span>\r\n        </div>\r\n      }\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"suggestionContainer\":\"cv--suggestionContainer--2omIR\"};","import { BaseCollectionIdentifier } from 'libs/common/backbone/interfaces';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\n\r\nexport class PlaylistCollectionIdentifier extends BaseCollectionIdentifier<PlaylistSortType> {\r\n  constructor(sort: PlaylistSortType = PlaylistSortType.Newest, cursor: string = '') {\r\n    super({ collectionPrefix: 'user:playlists', cursor, sort });\r\n  }\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { Spinner } from 'react-bootstrap';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\r\n\r\nimport { PopupViewProps, Video, Playlist, User } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { useFetchAll } from 'libs/shared/hooks/UseFetchAll';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { RecentPlaylistHelper } from 'libs/shared/apps/playlists/utils/RecentPlaylistHelper';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\nimport { useSelectAllPages } from 'libs/shared/hooks/UseSelectAllPages';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nimport { PlaylistCollectionIdentifier } from 'apps/playlists/interfaces/PlaylistCollectionIdentifier';\r\n\r\nimport { SelectPlaylist } from 'apps/playlists/components/select-playlist/SelectPlaylist';\r\n\r\nconst namespace = 'playlists.addToPlaylist';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst getPlaylistsRequest = (cursor?: string) =>\r\n  PlaylistRequests.getUserPlaylists(new PlaylistCollectionIdentifier(PlaylistSortType.AtoZ, cursor));\r\n\r\nconst getVideoPlaylistsRequest = (videoId: string, userId: string) => (cursor?: string) =>\r\n  PlaylistRequests.getVideoPlaylists(videoId, userId, cursor);\r\n\r\ninterface AddToPlaylistViewProps {\r\n  videoId: string;\r\n}\r\n\r\nexport function AddToPlaylistView(props: AddToPlaylistViewProps & PopupViewProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n\r\n  const [ isSubmitting, setIsSubmitting ] = React.useState(false);\r\n\r\n  const user = Flight.useBasicFetch<User>(UserRequests.currentUser);\r\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.videoId));\r\n  const playlists = useSelectAllPages<Playlist>((cursor?: string) => getPlaylistsRequest(cursor).key);\r\n  const videoPlaylists = useSelectAllPages<Playlist>((cursor?: string) =>\r\n    !!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor).key);\r\n\r\n  const videoPlaylistIds = !!videoPlaylists.items && videoPlaylists.items.map(p => p.id);\r\n\r\n  const fetchNextPlaylists = (cursor?: string) => {\r\n    Flight.getFetch(dispatch, getPlaylistsRequest(cursor))();\r\n  };\r\n\r\n  const fetchNextVideoPlaylists = (cursor?: string) => {\r\n    Flight.getFetch(dispatch, getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor))();\r\n  };\r\n\r\n  useFetchAll(getPlaylistsRequest, fetchNextPlaylists);\r\n  useFetchAll(\r\n    !!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id),\r\n    !!user.data && fetchNextVideoPlaylists\r\n  );\r\n\r\n  const addToPlaylist = (playlist: Playlist) => {\r\n    setIsSubmitting(true);\r\n\r\n    const onSuccess = () => {\r\n      props.closePopup();\r\n      RecentPlaylistHelper.addRecentlyAddedTo(user.data.id, LocalStorageHelper, { id: playlist.id });\r\n    };\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.addToPlaylist(playlist.id, [props.videoId], onSuccess, props.closePopup));\r\n  };\r\n\r\n  const createPlaylist = (name: string) => {\r\n    setIsSubmitting(true);\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.createPlaylist(user.data.id, { name }, (newPlaylist: Playlist) => {\r\n      if (!newPlaylist || !newPlaylist.id)\r\n        return;\r\n\r\n      addToPlaylist(newPlaylist);\r\n    }));\r\n  };\r\n\r\n  const onSelectPlaylist = (playlist: Playlist) => {\r\n    if (videoPlaylistIds.includes(playlist.id))\r\n      return;\r\n\r\n    addToPlaylist(playlist);\r\n  };\r\n\r\n  const dataLoaded = !!video.data\r\n    && !!playlists.items\r\n    && !playlists.nextCursor\r\n    && !!user.data\r\n    && !!videoPlaylists.items\r\n    && !videoPlaylists.nextCursor;\r\n\r\n  return (\r\n    <Popup title={getPhrase('heading')} closePopup={props.closePopup} showLoadingSpinner={!dataLoaded}>\r\n      {dataLoaded &&\r\n        <>\r\n          <div className='mb-2'>\r\n            <Text namespace={namespace} phrase='selectPlaylist' options={{ video: video.data.name }} />\r\n          </div>\r\n          {!isSubmitting\r\n            ? <SelectPlaylist\r\n                playlists={playlists.items}\r\n                currentUserId={user.data.id}\r\n                onSelectPlaylist={onSelectPlaylist}\r\n                isVideoInPlaylist={(playlist: Playlist) => (videoPlaylistIds.includes(playlist.id))}\r\n                createPlaylist={createPlaylist}\r\n              />\r\n            : <div className='text-center'>\r\n                <Spinner as='span' animation='border' role='status' size='sm' />\r\n              </div>\r\n          }\r\n        </>\r\n      }\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/35-666d815525.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[35],{414:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return s}));var a=n(0),i=n(411),r=n(26),l=n(36),c=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function o(e){const{castInitialValues:t,castValuesOnSubmit:n,initialValues:o,onSubmit:s,resetOnSubmit:u}=e,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){const n=l.a.deepClone(t);return Object.keys(n).forEach(t=>{n.hasOwnProperty(t)&&(l.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])}),n}(o)):o,b={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:(t,{setSubmitting:a,resetForm:i})=>{const r=n&&e.validationSchema?e.validationSchema.cast(t):t;s(r,()=>{u&&i(),a(!1)})},initialStatus:b}),r.a.isFunction(e.children)?t=>e.children(t):a.Children.count(e.children)?e.children:null)}function s(){return Object(i.f)()}o.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},420:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(411);const i={getCustomFormControlClassName(e,t,n,i){let r="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(r+=" is-invalid"),i&&(r+=" "+i),r}}},422:function(e,t,n){"use strict";var a=n(0),i=n(411),r=n(28),l=n(26),c=n(420);function o(e){const{values:t}=Object(i.f)(),n=t[e.fieldName];return"string"!=typeof n?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},n.length,"/",e.limit)}var s=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function u(e){const{label:t}=e,n=s(e,["label"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(r.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return b}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function d(e){const{children:t}=e,n=m(e,["children"]);return a.createElement(i.b,Object.assign({},n),l.a.isFunction(t)?e=>t(e):a.Children.count(t)?t:null)}function b(e){const{label:t,className:n,showCharacterCounter:l}=e,s=m(e,["label","className","showCharacterCounter"]),{errors:b,touched:p}=Object(i.f)();return"checkbox"===s.type?a.createElement(u,Object.assign({},e)):a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:s.id},t),a.createElement(d,Object.assign({className:c.a.getCustomFormControlClassName(b,p,s.name,n)},s)),!!l&&!!s.maxLength&&a.createElement(o,{fieldName:s.name,limit:s.maxLength}),a.createElement(i.a,{name:s.name},e=>a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)))}},423:function(e,t,n){"use strict";var a=n(0),i=n(411);var r=n(127),l=n(48);n.d(t,"a",(function(){return c}));function c(e){const t=Object(i.f)(),n=function(e){var t;const[n,i]=a.useState(!1);return a.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?i(!0):i(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect(()=>{e.isSubmitting&&i(!1)},[e.isSubmitting]),n}(t);a.useEffect(()=>{function e(e){13===e.keyCode&&n&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[n]);let c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(r.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!n},a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},526:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(0),i=n(405),r=n(411),l=n(7),c=n(422),o=n(414),s=n(423),u=n(48);const m="shared.editVideoDetails",d=i.object().shape({name:i.string().max(255,()=>l.a.getPhrase(m,"nameExceeds")).required(()=>l.a.getPhrase(m,"nameRequired")),description:i.string().max(65535,()=>l.a.getPhrase(m,"descriptionExceeds"))});function b(e){const t=Object(r.f)();return a.createElement(r.c,null,a.createElement(c.b,{label:l.a.getPhrase(m,"nameLabel"),type:"text",name:"name",id:"name",placeholder:l.a.getPhrase(m,"namePlaceholder"),autoFocus:!0,value:t.values.name}),a.createElement(c.b,{label:l.a.getPhrase(m,"descriptionLabel"),as:"textarea",name:"description",id:"description",placeholder:l.a.getPhrase(m,"descriptionPlaceholder"),autoFocus:!0,value:t.values.description}),a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.createElement(u.b,{namespace:m,phrase:"cancel"})),a.createElement(s.a,{isNew:!1})))}function p(e){const{video:{name:t,description:n},saveVideo:i,onClickCancel:r}=e;return a.createElement(o.a,{initialValues:{name:t,description:n},validationSchema:d,onSubmit:i},a.createElement(b,{onClickCancel:r}))}},631:function(e,t,n){"use strict";n.r(t),n.d(t,"EditVideoView",(function(){return d}));var a=n(0),i=n(39),r=n(12),l=n(78),c=n(118),o=n(526),s=n(124),u=n(31),m=n(3);function d(e){var t=e.id,n=e.closePopup,d=Object(l.a)("combine:uploads:service"),b=r.a.useBasicFetch(s.a.video(t)),p=Object(i.useDispatch)();return b.data?a.createElement(c.a,{closePopup:n,title:"Edit video details"},a.createElement(o.a,{video:b.data,saveVideo:function(e){e.id=b.data.id;var t=s.a.updateVideo(e,(function(){d.updateUploadMetadata(e.id,e.name),u.a.logUserAction(e,{location:m.j.Popup,actionType:m.n.Edit,workflowPhase:m.o.Complete,entity:m.d.Video}),n()}));r.a.fetch(p,t)},onClickCancel:n})):a.createElement(a.Fragment,null)}}}]);