@clickview/lite 0.0.24-rc.4 → 0.0.24

package/dist/scripts/37.chunk.js

@@ -179,489 +179,54 @@ function addCursor(cursor) {
 
 /***/ }),
 
-/***/ "./src/apps/default/views/my-videos/DismissibleAlert.tsx":
-/*!***************************************************************!*\
-  !*** ./src/apps/default/views/my-videos/DismissibleAlert.tsx ***!
-  \***************************************************************/
-/*! exports provided: DismissibleAlert */
+/***/ "../../libs/shared/src/utils/PartialLoadingHelper.ts":
+/*!***********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/PartialLoadingHelper.ts ***!
+  \***********************************************************************************************/
+/*! exports provided: PartialLoadingHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DismissibleAlert", function() { return DismissibleAlert; });
-/* 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_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialLoadingHelper", function() { return PartialLoadingHelper; });
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-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 _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 _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 = 'default.myVideos';
-function DismissibleAlert() {
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](!localStorage.getItem('uploadInfoDismissed')),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      show = _React$useState2[0],
-      setShow = _React$useState2[1];
-
-  var onDismiss = function onDismiss() {
-    localStorage.setItem('uploadInfoDismissed', '1');
-    setShow(false);
-  };
-
-  if (!show) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Alert"], {
-    variant: 'info',
-    onClose: onDismiss,
-    dismissible: true
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    namespace: namespace,
-    phrase: 'alertMessage'
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("br", null), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("small", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    namespace: namespace,
-    phrase: 'alertSecondaryMessage'
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/default/views/my-videos/MyVideosView.tsx":
-/*!***********************************************************!*\
-  !*** ./src/apps/default/views/my-videos/MyVideosView.tsx ***!
-  \***********************************************************/
-/*! exports provided: MyVideosView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MyVideosView", function() { return MyVideosView; });
-/* 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 _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* 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_backbone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
-/* harmony import */ var _libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/context/VideoActionsContext */ "../../libs/shared/src/context/VideoActionsContext.tsx");
-/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
-/* harmony import */ var _libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList */ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx");
-/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
-/* harmony import */ var shared_constants_Services__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! shared/constants/Services */ "./src/shared/constants/Services.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var apps_upload_hooks_useGetUploadingItems__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! apps/upload/hooks/useGetUploadingItems */ "./src/apps/upload/hooks/useGetUploadingItems.ts");
-/* harmony import */ var apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! apps/upload/services/CombineUploadsService */ "./src/apps/upload/services/CombineUploadsService.ts");
-/* harmony import */ var apps_upload_components_uploading_item_UploadingItem__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! apps/upload/components/uploading-item/UploadingItem */ "./src/apps/upload/components/uploading-item/UploadingItem.tsx");
-/* harmony import */ var _DismissibleAlert__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./DismissibleAlert */ "./src/apps/default/views/my-videos/DismissibleAlert.tsx");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+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 namespace = 'default.myVideos';
+var DEFAULT_NUM_ITEMS = 5;
+var DEFAULT_MIN_WIDTH = 50; // px
 
-function getVideoActions() {
-  return [_libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__["VideoAction"].Edit, _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__["VideoAction"].AddToPlaylist, _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__["VideoAction"].Share];
-}
+var DEFAULT_MAX_WIDTH = 100; // px
 
-function getVideoActionAppLink(video, action) {
-  switch (action) {
-    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__["VideoAction"].Edit:
-      return {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__["AppChannels"].DEFAULT,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__["Actions"].Default.EDIT_VIDEO,
-        args: [video.id]
-      };
+var PartialLoadingHelper = {
+  getPartialLoadingItems: function getPartialLoadingItems() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _options$numItems = options.numItems,
+        numItems = _options$numItems === void 0 ? DEFAULT_NUM_ITEMS : _options$numItems,
+        _options$minWidth = options.minWidth,
+        minWidth = _options$minWidth === void 0 ? DEFAULT_MIN_WIDTH : _options$minWidth,
+        _options$maxWidth = options.maxWidth,
+        maxWidth = _options$maxWidth === void 0 ? DEFAULT_MAX_WIDTH : _options$maxWidth;
 
-    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__["VideoAction"].AddToPlaylist:
-      return {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__["AppChannels"].PLAYLISTS,
-        action: 'add:to:playlist',
-        args: [video.id]
-      };
+    var getRandomFilterWidth = function getRandomFilterWidth() {
+      return Math.max(Math.floor(Math.random() * maxWidth), minWidth);
+    };
 
-    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__["VideoAction"].Share:
+    return _toConsumableArray(Array(numItems)).map(function () {
       return {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__["AppChannels"].DEFAULT,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__["Actions"].Default.SHARE,
-        args: [video.id],
-        params: {
-          entityType: 'video'
-        }
+        width: "".concat(getRandomFilterWidth(), "px")
       };
-  }
-}
-
-var getVideoAppLink = function getVideoAppLink(video) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__["AppChannels"].DEFAULT,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__["Actions"].Default.PLAY_VIDEO,
-    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_16__["TextHelper"].slugify(video.name)],
-    params: video.lastProgressPoint ? {
-      t: Math.floor(video.lastProgressPoint)
-    } : {}
-  };
-};
-
-var getSeriesAppLink = function getSeriesAppLink(series) {
-  return {
-    application: null,
-    action: null,
-    args: [series.id]
-  };
-};
-
-function MyVideosView(props) {
-  var _a;
-
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_23__["useAlerts"])();
-  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_6__["useSetPageTitle"])(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'pageTitle'));
-  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__["ConfigRequests"].config);
-  var workspace = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__["UserRequests"].workspace);
-  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__["UserRequests"].currentUser());
-  var workspaceRequest = workspace.data && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_18__["VideoRequests"].workspace(workspace.data.id, props.cursor);
-  var workspaceVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetResponse(workspaceRequest && workspaceRequest.key);
-  var fetchData = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetFetch(workspaceRequest);
-  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_22__["useVideoMixin"])(workspaceVideos.data);
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    if (!workspace.shouldFetch && workspace.data && workspaceVideos.shouldFetch) fetchData();
-  }, [workspace.shouldFetch, workspace.data, workspaceVideos.shouldFetch]);
-  /**
-   * Get reference to the combined service even though useGetUploadingItems does it too
-   * so that we can provide the callbacks
-   */
-
-  var combinedUploadService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_5__["useService"])(shared_constants_Services__WEBPACK_IMPORTED_MODULE_19__["Services"].CombineUploads);
-  /**
-   * fetchData will be undefined on the first run through of this view because
-   * the workspace.data will be null, so we pass a dependency of !workspace.data
-   * so this callback is re-created once we have wokspace.data and the fetchData
-   * is properly encapsulated.
-   */
-
-  var items = Object(apps_upload_hooks_useGetUploadingItems__WEBPACK_IMPORTED_MODULE_24__["useGetUploadingItems"])(function () {
-    fetchData && fetchData();
-  }, [!!workspace.data]);
-  /**
-   * Using React.useCallback because this component will render
-   * every time a chunk is loaded and every time the pending items
-   * is fetched
-   */
-
-  var onClickDelete = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](function (item) {
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__["AppChannels"].UPLOAD,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__["Actions"].Upload.CANCEL_UPLOAD,
-      args: [item.id],
-      params: {
-        name: item.name,
-        status: item.status
-      }
-    });
-  }, []);
-  var onClickAlternate = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](function (item) {
-    switch (item.status) {
-      case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_25__["CombinedUploadStatus"].Errored:
-        combinedUploadService.retryItem(item);
-        return;
-
-      case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_25__["CombinedUploadStatus"].Processing:
-        _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
-          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__["AppChannels"].DEFAULT,
-          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__["Actions"].Default.EDIT_VIDEO,
-          args: [item.videoId]
-        });
-        return;
-
-      case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_25__["CombinedUploadStatus"].Uploading:
-        combinedUploadService.editUpload(item);
-        break;
-
-      default: // This should never happen
-
-    }
-  }, []);
-
-  function setFavourite(video, shouldFavourite, onError) {
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_9__["FavouriteVideoRequests"].updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, function () {
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].logUserAction({
-        id: video.id
-      }, {
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["EntityType"].Video,
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["UserAction"].Favourite,
-        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["ToggleDescriptor"].Off,
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["LocationContext"].VideoThumbnail,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["WorkflowPhase"].Complete
-      });
-      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
-        video: video.name
-      }));
-    }, onError));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_12__["VideoActionsContext"].Provider, {
-    value: {
-      videoActions: getVideoActions(),
-      getActionAppLink: getVideoActionAppLink,
-      hideLabel: true
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'px-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__["Text"], {
-    namespace: namespace,
-    phrase: 'header'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
-    className: 'h6'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__["Text"], {
-    namespace: namespace,
-    phrase: 'description'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_DismissibleAlert__WEBPACK_IMPORTED_MODULE_27__["DismissibleAlert"], null), items.map(function (item) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_upload_components_uploading_item_UploadingItem__WEBPACK_IMPORTED_MODULE_26__["UploadingItem"], {
-      item: item,
-      onClickAlternate: onClickAlternate,
-      onClickDelete: onClickDelete,
-      key: item.id
     });
-  }), ((_a = workspaceVideos.data) === null || _a === void 0 ? void 0 : _a.data) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_11__["VideoList"], {
-    videos: workspaceVideos.data.data,
-    cursors: workspaceVideos.data.pagination.cursors,
-    getVideoAppLink: getVideoAppLink,
-    getSeriesAppLink: getSeriesAppLink,
-    setFavourite: setFavourite
-  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_17__["PartialVideoList"], null))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/upload/components/uploading-item/UploadingItem.tsx":
-/*!*********************************************************************!*\
-  !*** ./src/apps/upload/components/uploading-item/UploadingItem.tsx ***!
-  \*********************************************************************/
-/*! exports provided: UploadingItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UploadingItem", function() { return UploadingItem; });
-/* 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_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __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_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
-/* harmony import */ var _libs_shared_src_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
-/* harmony import */ var _libs_shared_src_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
-/* harmony import */ var _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
-/* harmony import */ var apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/upload/services/CombineUploadsService */ "./src/apps/upload/services/CombineUploadsService.ts");
-
-
-
-
-
-
-
-
-
-
-var namespace = 'upload.uploadingItem';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
-
-function getClassName(status) {
-  switch (status) {
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Uploading:
-      return 'text-success';
-
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Processing:
-      return 'text-info';
-
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Errored:
-      return 'text-danger';
-  }
-}
-
-function getVariant(status) {
-  switch (status) {
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Uploading:
-      return 'success';
-
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Processing:
-      return 'info';
-
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Errored:
-      return 'danger';
-  }
-}
-
-function getProgressText(status, progress) {
-  var rounded = Math.round(progress) || 0;
-
-  switch (status) {
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Uploading:
-      return "".concat(getPhrase('uploading'), " ").concat(rounded, "%");
-
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Processing:
-      if (rounded === 0) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("em", null, getPhrase('waitingToBeProcessed'));else return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("em", null, getPhrase('processing'), " ", rounded, "%");
-
-    case apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Errored:
-      return getPhrase('error');
   }
-}
-
-function UploadingItem(props) {
-  var _props$item = props.item,
-      status = _props$item.status,
-      progress = _props$item.progress,
-      name = _props$item.name;
-  var mediaQuery = Object(_libs_shared_src_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_7__["useGetMediaQueryString"])();
-  var isMobile = mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_8__["MediaQueryStrings"].XS;
-  var isIPad = mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_8__["MediaQueryStrings"].SM || mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_8__["MediaQueryStrings"].MD;
-  /**
-   * We're using React.useCallback here because this view
-   * will get re-rendered many times by it's parent during
-   * an upload
-   */
-
-  var onClickAlternate = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](function () {
-    props.onClickAlternate(props.item);
-  }, []);
-  var onClickDelete = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](function () {
-    props.onClickDelete(props.item);
-  }, []);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
-    className: 'py-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
-    xs: isMobile ? 12 : isIPad ? 4 : 3
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'rounded'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__["BaseThumbnail"], {
-    data: '',
-    aspectRatio: _libs_shared_src_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__["AspectRatio"].SixteenByNine
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__["ThumbnailFallback"], {
-    type: _libs_shared_src_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__["ThumbnailFallbackType"].Video
-  })))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
-    xs: isMobile ? 12 : isIPad ? 8 : 9
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h5", {
-    className: 'm-0 pb-1'
-  }, name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-    className: getClassName(status)
-  }, getProgressText(status, progress)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'd-flex'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["ProgressBar"], {
-    className: 'flex-grow-1 align-self-center',
-    variant: getVariant(status),
-    now: progress
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
-    className: 'svg-container cursor-pointer ml-2',
-    svgName: status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_9__["CombinedUploadStatus"].Errored ? _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Bell : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Edit,
-    onClick: onClickAlternate
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
-    className: 'svg-container cursor-pointer ml-2',
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Delete,
-    onClick: onClickDelete
-  }))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/upload/hooks/useGetUploadingItems.ts":
-/*!*******************************************************!*\
-  !*** ./src/apps/upload/hooks/useGetUploadingItems.ts ***!
-  \*******************************************************/
-/*! exports provided: useGetUploadingItems */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useGetUploadingItems", function() { return useGetUploadingItems; });
-/* 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_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.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; }
-
-
-
-function useGetUploadingItems(onRemove, dependencies) {
-  var combineUploadsService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__["useService"])('combine:uploads:service');
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      setUpdate = _React$useState2[1];
-
-  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
-    var collection = combineUploadsService.getCollection();
-    collection.off('add remove change');
-    collection.on('add remove change', function () {
-      setUpdate(function (s) {
-        return !s;
-      });
-    });
-    collection.on('remove', onRemove);
-    return function () {
-      return collection.off('add remove change');
-    };
-  }, dependencies);
-  return combineUploadsService.getCollection().toJSON();
-}
+};
 
 /***/ }),
 
@@ -725,6 +290,57 @@ var VideoHistoryRequests = {
 
 /***/ }),
 
+/***/ "./src/shared/flight-requests/SeriesRequests.ts":
+/*!******************************************************!*\
+  !*** ./src/shared/flight-requests/SeriesRequests.ts ***!
+  \******************************************************/
+/*! exports provided: SeriesRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesRequests", function() { return SeriesRequests; });
+/* harmony import */ var shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! shared/constants/WithStatements */ "./src/shared/constants/WithStatements.ts");
+
+var endpoints = {
+  series: function series(id) {
+    return "/api/domain/v2/objects/".concat(id);
+  },
+  seriesVideos: function seriesVideos(id, cursor) {
+    return "/api/domain/v2/objects/".concat(id, "/videos?query=").concat(shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["WithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
+  },
+  breadcrumbs: function breadcrumbs(id) {
+    return "/api/domain/v1/subjects/".concat(id, "/path");
+  }
+};
+var SeriesRequests = {
+  series: function series(id) {
+    return {
+      url: endpoints.series(id),
+      key: "series:".concat(id)
+    };
+  },
+  seriesVideos: function seriesVideos(id, cursor) {
+    return {
+      url: endpoints.seriesVideos(id, cursor),
+      key: "series:".concat(id, ":videos:").concat(cursor)
+    };
+  },
+  breadcrumbs: function breadcrumbs(classificationId) {
+    if (!classificationId) return;
+    return {
+      url: endpoints.breadcrumbs(classificationId),
+      key: "series:".concat(classificationId, ":breadcrumbs")
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
 /***/ "./src/shared/hooks/useVideoMixin.ts":
 /*!*******************************************!*\
   !*** ./src/shared/hooks/useVideoMixin.ts ***!
@@ -797,6 +413,214 @@ function useVideoMixin(videos) {
   });
 }
 
+/***/ }),
+
+/***/ "./src/shared/views/series/SeriesView.tsx":
+/*!************************************************!*\
+  !*** ./src/shared/views/series/SeriesView.tsx ***!
+  \************************************************/
+/*! exports provided: SeriesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesView", function() { return SeriesView; });
+/* 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 _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* 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_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
+/* harmony import */ var _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList */ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.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 shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared/flight-requests/SeriesRequests */ "./src/shared/flight-requests/SeriesRequests.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.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; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * This will need to change when this is moved into its own application directory.
+ */
+
+var namespace = 'shared.series';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace); // Update this applink when we pull dashboard in
+
+var getClassificationAppLink = function getClassificationAppLink(classification) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].SUBJECT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Subjects.CLASSIFICATION,
+    args: [classification.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(classification.name)]
+  };
+};
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Default.PLAY_VIDEO,
+    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(video.name)],
+    params: video.lastProgressPoint ? {
+      t: Math.floor(video.lastProgressPoint)
+    } : {}
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(series.name)]
+  };
+};
+
+var getHeaderActions = function getHeaderActions(series) {
+  return [{
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'share'),
+    appLink: series && {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Default.SHARE,
+      args: [series.id],
+      params: {
+        entityType: 'series'
+      }
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Share,
+    className: 'btn btn-light mr-2',
+    button: true
+  }, {
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'follow'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
+      action: 'index'
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Bell,
+    className: 'btn btn-light',
+    button: true
+  }];
+};
+
+function SeriesView(props) {
+  var _a;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_16__["useAlerts"])();
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__["ConfigRequests"].config);
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__["UserRequests"].currentUser());
+  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__["SeriesRequests"].series(props.id));
+  var seriesVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__["SeriesRequests"].seriesVideos(props.id, props.cursor));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_15__["useSetPageTitle"])((_a = series.data) === null || _a === void 0 ? void 0 : _a.name);
+  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_20__["useVideoMixin"])(seriesVideos.data);
+  var breadcrumbs = [series.data];
+
+  if (props.classificationId) {
+    var subjectPath = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__["SeriesRequests"].breadcrumbs(props.classificationId));
+
+    if (subjectPath.data) {
+      breadcrumbs.unshift.apply(breadcrumbs, _toConsumableArray(subjectPath.data));
+    }
+  }
+
+  function setFavourite(video, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__["FavouriteVideoRequests"].updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({
+        id: video.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["WorkflowPhase"].Complete
+      });
+      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
+        video: video.name
+      }));
+    }, onError));
+  }
+
+  if (!seriesVideos.data || !config.data || !series.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var heading = getPhrase('series', {
+    seriesName: series.data.name
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__["BannerHeader"], {
+    heading: heading,
+    banner: null,
+    imageCdnUrl: config.data.imageCdnUrl,
+    backButtonAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DASHBOARD,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Dashboard.HOME
+    },
+    backButtonText: 'Home' // this needs to be changed eventually
+    ,
+    actions: getHeaderActions(series.data)
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'border-bottom py-3 mb-3'
+  }, props.classificationId && breadcrumbs.length < 2 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["PartialBreadcrumbs"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["Breadcrumbs"], {
+    currentItem: series.data,
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["BreadcrumbType"].Static,
+    getItemAppLink: getClassificationAppLink,
+    data: breadcrumbs,
+    rootItem: {
+      label: getPhrase('dashboard'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DASHBOARD,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Dashboard.HOME
+      }
+    }
+  }), series.data.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'pt-3'
+  }, series.data.description)), seriesVideos.data ? !seriesVideos.isFetching ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__["VideoList"], {
+    videos: seriesVideos.data.data,
+    cursors: seriesVideos.data.pagination.cursors,
+    getVideoAppLink: getVideoAppLink,
+    getSeriesAppLink: getSeriesAppLink,
+    setFavourite: setFavourite
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__["PartialVideoList"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, "Empty State")));
+}
+
 /***/ })
 
 }]);