@clickview/lite 0.0.24-rc.4 → 0.0.24

package/dist/scripts/33.chunk.js

@@ -1,438 +1,826 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[33],{
 
-/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
-/*!*****************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
-  \*****************************************************************************************************/
-/*! exports provided: DivButton */
+/***/ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx":
+/*!****************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx ***!
+  \****************************************************************************************************************************/
+/*! exports provided: PartialVideoList */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
 /* 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 _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./partial-video-list.scss */ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__);
 
-/**
- * This element lets us use `div` elements as buttons without losing the accessibility of
- * a regular HTML button element
- */
 
-function DivButton(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    role: 'button',
-    tabIndex: 0,
-    className: "".concat(props.className ? props.className : '', " cursor-pointer"),
-    onKeyDown: function onKeyDown(e) {
-      return e.key === 'Enter' && props.onClick(e);
-    },
-    onClick: props.onClick,
-    style: props.style ? props.style : {}
-  }, props.children);
+
+
+
+PartialVideoList.defaultProps = {
+  numVideos: 15
+};
+function PartialVideoList(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS;
+  var isIPad = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD;
+  var withDragHandle = props.withReordering && !isMobile;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, Array(props.numVideos).fill(null).map(function (_, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+      key: i,
+      className: 'py-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      xs: isMobile ? 12 : isIPad ? 4 : 3,
+      className: 'flex-column align-items-flex-start mb-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, !!withDragHandle && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'd-flex align-items-center justify-content-center col-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDragHandle)
+    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      xs: withDragHandle ? 10 : 12
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background rounded-lg ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialThumbnail)
+    })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      xs: isMobile ? 12 : isIPad ? 8 : 9
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialSeriesLink)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background mb-1 ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialName)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDescription)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialBadges)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialActions)
+    })));
+  }));
 }
 
 /***/ }),
 
-/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
-/*!************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
-  \************************************************************************************/
-/*! exports provided: useAlerts */
+/***/ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss ***!
+  \*******************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialName":"cv--partialName--7KNC2","partialDescription":"cv--partialDescription--Vk_wR","partialThumbnail":"cv--partialThumbnail--3peRZ","partialDragHandle":"cv--partialDragHandle--1F7_f"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
-/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
-var useAlerts = function useAlerts() {
-  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+
+function favouriteVideo(videoId, userId, success, error) {
   return {
-    success: function success(alertContent) {
-      alertService.success(alertContent)();
-    },
-    error: function error(alertContent) {
-      alertService.error(alertContent)();
+    url: "/api/domain/v2/objects/".concat(userId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    data: {
+      favouriteVideos: videoId
     },
-    warning: function warning(alertContent) {
-      alertService.createAlert({
-        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
-        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
-        message: alertContent
-      });
-    }
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos/").concat(videoId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
   };
+}
+
+var FavouriteVideoRequests = {
+  favouriteVideos: function favouriteVideos(userId, cursor) {
+    var query = "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
+    return {
+      url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos?query=").concat(query),
+      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
+    };
+  },
+  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+  isFavourited: function isFavourited(userId, ids) {
+    var sortedIds = ids.slice().sort();
+    var params = sortedIds.map(function (i) {
+      return "id=".concat(i);
+    });
+    if (!params.length) return;
+    return {
+      url: "/api/domain/v2/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(',')),
+      formatData: function formatData(videos) {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        var setIsFavourited = function setIsFavourited(video) {
+          var _a, _b;
+
+          var favouritedBy = video.favouritedBy,
+              v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
 };
 
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
 /***/ }),
 
-/***/ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx":
-/*!***************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx ***!
-  \***************************************************************************************************/
-/*! exports provided: ClassroomGroupDetailsForm */
+/***/ "../../libs/shared/src/hooks/useGetCollectionItems.ts":
+/*!************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/useGetCollectionItems.ts ***!
+  \************************************************************************************************/
+/*! exports provided: useGetCollectionItems */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupDetailsForm", function() { return ClassroomGroupDetailsForm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useGetCollectionItems", function() { return useGetCollectionItems; });
 /* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
-/* 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_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
-/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
-/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/colour-picker/ColourPicker */ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx");
-/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./classroom-group-details-form.scss */ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss");
-/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__);
-
+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; }
 
 
+/**
+ * Hook used to listen to updates on a Backbone Collection
+ * and trigger a re-render.
+ */
 
-var namespace = 'classrooms.classroomGroupDetailsForm';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
-function ClassroomGroupDetailsForm(props) {
-  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-    className: 'w-50 d-inline-block h6'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
-    namespace: namespace,
-    phrase: 'nameLabel'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-    className: 'd-inline-block h6'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
-    namespace: namespace,
-    phrase: 'colourLabel'
-  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'pb-3 d-flex'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'w-50'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
-    type: 'text',
-    name: 'name',
-    id: 'name',
-    className: "".concat(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default.a.groupNameInput),
-    placeholder: getPhrase('groupNamePlaceholder'),
-    autoFocus: true,
-    value: formikProps.values.name
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'form-group'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__["ColourPicker"], {
-    onSelect: function onSelect(c) {
-      return formikProps.setFieldValue('colour', c);
-    },
-    selection: formikProps.values.colour,
-    id: "".concat(props.isNew ? 'create' : 'edit', "-classroom-group")
-  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'btn-container d-flex justify-content-end'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
-    type: 'button',
-    className: 'btn btn-link mr-2',
-    onClick: props.onClickCancel
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
-    namespace: namespace,
-    phrase: 'cancel'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
-    isNew: props.isNew
-  }))));
-}
+function useGetCollectionItems(getCollection, onRemove) {
+  var dependencies = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
 
-/***/ }),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      setUpdate = _React$useState2[1];
 
-/***/ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss":
-/*!*******************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss ***!
-  \*******************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"groupNameInput":"cv--groupNameInput--3hGvq"};
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    var collection = getCollection();
+    collection.off('add remove change');
+    collection.on('add remove change', function () {
+      setUpdate(function (s) {
+        return !s;
+      });
+    });
+    if (onRemove) collection.on('remove', onRemove);
+    return function () {
+      return collection.off('add remove change');
+    };
+  }, dependencies);
+  return getCollection().toJSON();
+}
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
-/*!***********************************************************************!*\
-  !*** ./src/apps/classrooms/components/colour-picker/ColourPicker.tsx ***!
-  \***********************************************************************/
-/*! exports provided: ColourPicker */
+/***/ "./src/apps/default/views/my-videos/DismissibleAlert.tsx":
+/*!***************************************************************!*\
+  !*** ./src/apps/default/views/my-videos/DismissibleAlert.tsx ***!
+  \***************************************************************/
+/*! exports provided: DismissibleAlert */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColourPicker", function() { return ColourPicker; });
+/* 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_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.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 apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/classrooms/enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
-/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
-/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./colour-picker.scss */ "./src/apps/classrooms/components/colour-picker/colour-picker.scss");
-/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__);
+/* 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(); }
 
+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; }
 
 
 
-ColourPicker.defaultProps = {
-  selection: apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White,
-  onSelect: function onSelect() {}
-};
-function ColourPicker(props) {
-  function getToggleButtonClass() {
-    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle, " outline-none p-0 d-flex align-items-center text-decoration-none");
-    var disabledClass = props.disabled ? 'cursor-default' : '';
-    return "".concat(baseClass, " ").concat(disabledClass);
-  }
 
-  function getOptionClass(colour) {
-    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourOption, " position-relative");
-    var borderClass = colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? 'border border-dark' : '';
-    var disabledClass = props.disabled ? 'cursor-default' : '';
-    var colorClass = Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(colour);
-    return "".concat(baseClass, " ").concat(borderClass, " ").concat(disabledClass, " ").concat(colorClass);
-  }
+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 dropdownProps = {};
-  if (props.disabled) dropdownProps.show = false;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], Object.assign({}, dropdownProps), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
-    id: props.id,
-    variant: 'link',
-    className: getToggleButtonClass()
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "border border-secondary rounded bg-white ".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourButton)
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "px-0 py-1 rounded ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(props.selection))
-  }, "\xA0")), !props.disabled && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Caret
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-    className: "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourList, " list-unstyled d-flex flex-wrap px-2 m-0")
-  }, Object.keys(apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"]).map(function (colourKey) {
-    var colour = apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"][colourKey];
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-      key: "".concat(props.id, ":").concat(colour),
-      className: 'm-1'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
-      onClick: function onClick() {
-        return props.onSelect(colour);
-      },
-      className: getOptionClass(colour)
-    }, colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.lineThrough
-    }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "\xA0")));
-  }))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/colour-picker/colour-picker.scss":
-/*!*************************************************************************!*\
-  !*** ./src/apps/classrooms/components/colour-picker/colour-picker.scss ***!
-  \*************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+  var onDismiss = function onDismiss() {
+    localStorage.setItem('uploadInfoDismissed', '1');
+    setShow(false);
+  };
 
-// extracted by mini-css-extract-plugin
-module.exports = {"dropdownToggle":"cv--dropdownToggle--347DY","colourButton":"cv--colourButton--1rKvE","colourList":"cv--colourList--328-w","colourOption":"cv--colourOption--1Tw7u","lineThrough":"cv--lineThrough--18oZq"};
+  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/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx":
-/*!***************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx ***!
-  \***************************************************************************************************/
-/*! exports provided: EditClassroomGroupDetails */
+/***/ "./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__, "EditClassroomGroupDetails", function() { return EditClassroomGroupDetails; });
+/* 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 _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
-/* harmony import */ var apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomGroupValidationSchema */ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts");
-/* harmony import */ var apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm */ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx");
+/* 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 EditClassroomGroupDetails(props) {
-  var _a, _b, _c;
 
-  var group = props.group,
-      saveGroup = props.saveGroup,
-      onClickCancel = props.onClickCancel;
-  var initialValues = {
-    id: (_a = group) === null || _a === void 0 ? void 0 : _a.id,
-    name: (_b = group) === null || _b === void 0 ? void 0 : _b.name,
-    colour: (_c = group) === null || _c === void 0 ? void 0 : _c.colour,
-    students: []
+
+
+
+
+
+var namespace = 'default.myVideos';
+
+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];
+}
+
+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]
+      };
+
+    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]
+      };
+
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_13__["VideoAction"].Share:
+      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'
+        }
+      };
+  }
+}
+
+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)
+    } : {}
   };
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
-    initialValues: initialValues,
-    validationSchema: apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomGroupValidationSchema"],
-    onSubmit: saveGroup
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomGroupDetailsForm"], {
-    isNew: !group,
-    onClickCancel: onClickCancel
-  }));
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_16__["TextHelper"].slugify(series.name)]
+  };
+};
+
+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/classrooms/enums/GroupColour.ts":
-/*!**************************************************!*\
-  !*** ./src/apps/classrooms/enums/GroupColour.ts ***!
-  \**************************************************/
-/*! exports provided: GroupColour */
+/***/ "./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__, "GroupColour", function() { return GroupColour; });
-var GroupColour;
-
-(function (GroupColour) {
-  GroupColour["White"] = "white";
-  GroupColour["Pink"] = "pink";
-  GroupColour["YellowOrange"] = "yellow-orange";
-  GroupColour["Emerald"] = "emerald";
-  GroupColour["PuertoRico"] = "puerto-rico";
-  GroupColour["PictonBlue"] = "picton-blue";
-  GroupColour["EastSide"] = "east-side";
-  GroupColour["Portage"] = "portage";
-})(GroupColour || (GroupColour = {}));
+/* 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/classrooms/utils/GroupHelper.ts":
-/*!**************************************************!*\
-  !*** ./src/apps/classrooms/utils/GroupHelper.ts ***!
-  \**************************************************/
-/*! exports provided: mapColourToClassName */
+/***/ "./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__, "mapColourToClassName", function() { return mapColourToClassName; });
-function mapColourToClassName(groupName) {
-  return "bg-".concat(groupName);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useGetUploadingItems", function() { return useGetUploadingItems; });
+/* harmony import */ var _libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _libs_shared_src_hooks_useGetCollectionItems__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/useGetCollectionItems */ "../../libs/shared/src/hooks/useGetCollectionItems.ts");
+
+
+function useGetUploadingItems(onRemove, dependencies) {
+  var combineUploadsService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])('combine:uploads:service');
+  return Object(_libs_shared_src_hooks_useGetCollectionItems__WEBPACK_IMPORTED_MODULE_1__["useGetCollectionItems"])(function () {
+    return combineUploadsService.getCollection();
+  }, onRemove, dependencies);
 }
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts":
-/*!**************************************************************************!*\
-  !*** ./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts ***!
-  \**************************************************************************/
-/*! exports provided: ClassroomGroupValidationSchema */
+/***/ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts":
+/*!************************************************************************!*\
+  !*** ./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts ***!
+  \************************************************************************/
+/*! exports provided: VideoHistoryRequests */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupValidationSchema", function() { return ClassroomGroupValidationSchema; });
-/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
-/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__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 _enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
-
-
-
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
-var ClassroomGroupValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
-  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
-    return getPhrase('nameExceeds');
-  }).required(function () {
-    return getPhrase('nameRequired');
-  })["default"](''),
-  colour: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
-    return getPhrase('colourRequired');
-  })["default"](_enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__["GroupColour"].White)
-});
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoHistoryRequests", function() { return VideoHistoryRequests; });
+var VideoHistoryRequests = {
+  userVideoHistory: function userVideoHistory(customerId, userId, cursor, success, error, always) {
+    var key = "video:history:".concat(customerId, ":").concat(userId);
+    var url = "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history");
+
+    if (cursor) {
+      key += ":".concat(cursor);
+      url += "?cursor=".concat(cursor);
+    }
+
+    return {
+      key: key,
+      url: url,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  videoHistory: function videoHistory(customerId, userId, ids, success, error, always) {
+    var params = ids.sort().map(function (i) {
+      return "videoId=".concat(i);
+    });
+    return {
+      key: "video:history:".concat(customerId, ":").concat(userId, ":videos:").concat(params.join('&')),
+      url: "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history?").concat(params.join('&')),
+      formatData: function formatData(historyCollection) {
+        var _a;
+
+        if (!((_a = historyCollection) === null || _a === void 0 ? void 0 : _a.length)) return historyCollection;
+        /**
+         * Data is formatted to enable it to be merged with the existing video object in the store
+         * Where we need to merge more history properties with the video object, map them below.
+         */
+
+        return historyCollection.map(function (watchHistory) {
+          return {
+            id: watchHistory.videoId,
+            lastProgressPoint: watchHistory.lastProgressPoint
+          };
+        });
+      },
+      success: success,
+      error: error,
+      always: always
+    };
+  }
+};
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/views/edit-classroom-group/EditClassroomGroupView.tsx":
-/*!***********************************************************************************!*\
-  !*** ./src/apps/classrooms/views/edit-classroom-group/EditClassroomGroupView.tsx ***!
-  \***********************************************************************************/
-/*! exports provided: EditClassroomGroupView */
+/***/ "./src/shared/hooks/useVideoMixin.ts":
+/*!*******************************************!*\
+  !*** ./src/shared/hooks/useVideoMixin.ts ***!
+  \*******************************************/
+/*! exports provided: useVideoMixin */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomGroupView", function() { return EditClassroomGroupView; });
-/* 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_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
-/* harmony import */ var apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails */ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/watch-history/flight-requests/VideoHistoryRequests */ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 
 
 
-var namespace = 'classrooms.editClassroomGroup';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
-function EditClassroomGroupView(props) {
-  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].getClassroom(props.classroomId));
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
 
-  var saveGroup = function saveGroup(editedGroup) {
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].editGroup(editedGroup, classroom.data, function () {
-      alerts.success(getPhrase('success', {
-        groupName: editedGroup.name
-      }));
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction(editedGroup, props.analyticsOptions);
-      props.closePopup();
-    }, function () {
-      // TODO: Handle possible errors once we have a server side
-      alerts.error(getPhrase('error', {
-        groupName: group.name
-      }));
-    }));
-  };
 
-  var group = classroom.data ? classroom.data.groups.find(function (g) {
-    return g.id === props.groupId;
-  }) : null;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
-    title: getPhrase('title'),
-    closePopup: props.closePopup,
-    showLoadingSpinner: !group
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_7__["EditClassroomGroupDetails"], {
-    saveGroup: saveGroup,
-    group: group,
-    onClickCancel: props.closePopup
+var defaults = {
+  ratings: true,
+  favourites: true,
+  watchHistory: true
+};
+
+function fetchAttribute(videosFetched, request) {
+  var _a;
+
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse((_a = request) === null || _a === void 0 ? void 0 : _a.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && request && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _a, _b, _c;
+
+  var _Object$assign = Object.assign(Object.assign({}, defaults), options),
+      ratings = _Object$assign.ratings,
+      favourites = _Object$assign.favourites,
+      watchHistory = _Object$assign.watchHistory;
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser());
+  var videoIds = videos && (Array.isArray(videos) ? videos.filter(Boolean).map(function (v) {
+    return v.id;
+  }) : videos.data.filter(Boolean).map(function (v) {
+    return v.id;
   }));
+  var user = currentUser.data;
+  var requests = [];
+  if (ratings) requests = [].concat(_toConsumableArray(requests), [!!((_a = videoIds) === null || _a === void 0 ? void 0 : _a.length) && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds)]);
+  if (favourites) requests = [].concat(_toConsumableArray(requests), [!!((_b = videoIds) === null || _b === void 0 ? void 0 : _b.length) && user && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(user.id, videoIds)]);
+  if (watchHistory) requests = [].concat(_toConsumableArray(requests), [!!((_c = videoIds) === null || _c === void 0 ? void 0 : _c.length) && user && apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__["VideoHistoryRequests"].videoHistory(user.customerId, user.id, videoIds)]);
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
 }
 
 /***/ })