@clickview/lite 0.0.24-rc.4 → 0.0.24

package/dist/scripts/10.chunk.js

@@ -1,1109 +1,264 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[10],{
 
-/***/ "./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx":
-/*!********************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx ***!
-  \********************************************************************************************/
-/*! exports provided: ClassroomGroupDropdown */
+/***/ "../../libs/shared/src/apps/playlists/enums/MigrationTaskStatus.ts":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/enums/MigrationTaskStatus.ts ***!
+  \*************************************************************************************************************/
+/*! exports provided: MigrationTaskStatus */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupDropdown", function() { return ClassroomGroupDropdown; });
-/* 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_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/hooks/useBulkCheckboxManager */ "./src/shared/hooks/useBulkCheckboxManager.tsx");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/classrooms/components/classroom-group/ClassroomGroup */ "./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx");
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MigrationTaskStatus", function() { return MigrationTaskStatus; });
+var MigrationTaskStatus;
 
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'classrooms.classroomGroupDropdown';
-
-var getNewGroupAppLink = function getNewGroupAppLink(id, studentIds) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Classrooms.NEW_GROUP,
-    args: [id],
-    params: {
-      addStudents: studentIds
-    }
-  };
-};
-
-ClassroomGroupDropdown.defaultProps = {
-  preselections: []
-};
-function ClassroomGroupDropdown(props) {
-  var _useBulkCheckboxManag = Object(shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_9__["useBulkCheckboxManager"])(props.groups, {
-    preselectedIds: props.preselections.map(function (s) {
-      return s.id;
-    })
-  }),
-      onToggleItem = _useBulkCheckboxManag.onToggleItem,
-      isChecked = _useBulkCheckboxManag.isChecked;
-
-  function _onChange(group) {
-    props.onToggle(group, !isChecked(group.id));
-    onToggleItem(group.id);
-  }
-
-  function onClickCreateNewGroup() {
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction({}, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["UserAction"].Create,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["WorkflowPhase"].Start,
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["EntityType"].ClassroomGroup
-    }));
-  }
-
-  var buttonClasses = 'mr-2 d-inline-block svg-container sm';
-  var dropdownProps = {
-    alignRight: !!props.alignRight
-  };
-  /**
-   * This prop is applied like this so that when `props.disabled` it false, the prop is omitted altogether.
-   * This is because we want `react-bootstrap` to control the open state, and if we used the `show` prop
-   * at all times we'd be preventing that.
-   */
-
-  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, {
-    as: 'div',
-    id: props.id,
-    className: "".concat(props.disabled ? 'text-light' : 'cursor-pointer', " ").concat(buttonClasses, " no-caret")
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Tag
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, {
-    className: 'px-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'mb-0'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    namespace: namespace,
-    phrase: 'groupAs'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-    className: 'list-unstyled pr-3'
-  }, props.groups.map(function (group) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-      key: group.id,
-      className: 'd-flex align-items-center bg-white my-1'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_6__["Checkbox"], {
-      id: "".concat(props.id, ":").concat(group.id),
-      checked: isChecked(group.id),
-      onChange: function onChange() {
-        return _onChange(group);
-      }
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_12__["ClassroomGroup"], {
-      group: group
-    }));
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
-    onClick: onClickCreateNewGroup,
-    appLink: getNewGroupAppLink(props.classroom.id, props.studentIds)
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    namespace: namespace,
-    phrase: 'createNew'
-  }))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx":
-/*!***************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx ***!
-  \***************************************************************************/
-/*! exports provided: ClassroomGroup */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroup", function() { return ClassroomGroup; });
-/* 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 apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! apps/classrooms/enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
-/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
-
-
-
-function ClassroomGroup(props) {
-  var classes = 'font-weight-normal text-nowrap rounded-pill py-1 px-2';
-  if (props.group.colour !== apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_1__["GroupColour"].White) classes += ' text-white';else classes += ' border border-dark';
-  classes += " ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_2__["mapColourToClassName"])(props.group.colour));
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: classes
-  }, props.group.name);
-}
+(function (MigrationTaskStatus) {
+  MigrationTaskStatus[MigrationTaskStatus["Queued"] = 1] = "Queued";
+  MigrationTaskStatus[MigrationTaskStatus["Processing"] = 2] = "Processing";
+  MigrationTaskStatus[MigrationTaskStatus["Processed"] = 3] = "Processed";
+  MigrationTaskStatus[MigrationTaskStatus["Errored"] = 4] = "Errored";
+})(MigrationTaskStatus || (MigrationTaskStatus = {}));
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
-/*!***********************************************************************!*\
-  !*** ./src/apps/classrooms/components/colour-picker/ColourPicker.tsx ***!
-  \***********************************************************************/
-/*! exports provided: ColourPicker */
+/***/ "../../libs/shared/src/apps/playlists/enums/PlaylistType.ts":
+/*!******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/enums/PlaylistType.ts ***!
+  \******************************************************************************************************/
+/*! exports provided: PlaylistType */
 /***/ (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 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__);
-
-
-
-
-
-
-
-
-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);
-  }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistType", function() { return PlaylistType; });
+var PlaylistType;
 
-  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 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__) {
-
-// 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"};
+(function (PlaylistType) {
+  PlaylistType["OwnedByMe"] = "owned_by_me";
+  PlaylistType["Followed"] = "followed";
+  PlaylistType["All"] = "all";
+})(PlaylistType || (PlaylistType = {}));
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem.tsx":
-/*!*************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem.tsx ***!
-  \*************************************************************************************************/
-/*! exports provided: ManageClassroomGroupItem */
+/***/ "../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier.ts":
+/*!***************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier.ts ***!
+  \***************************************************************************************************************************************/
+/*! exports provided: PlaylistCollectionIdentifier */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomGroupItem", function() { return ManageClassroomGroupItem; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* 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 shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* 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 _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-
-
-
-
-
-
-
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistCollectionIdentifier", function() { return PlaylistCollectionIdentifier; });
+/* harmony import */ var _common_src_backbone_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../common/src/backbone/interfaces */ "../../libs/common/src/backbone/interfaces/index.ts");
+/* harmony import */ var _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../enums/PlaylistSortType */ "../../libs/shared/src/apps/playlists/enums/PlaylistSortType.ts");
+/* harmony import */ var _enums_PlaylistType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../enums/PlaylistType */ "../../libs/shared/src/apps/playlists/enums/PlaylistType.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function ManageClassroomGroupItem(props) {
-  function onClickEdit() {
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
-      id: props.group.id
-    }, {
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["EntityType"].ClassroomGroup,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WorkflowPhase"].Start,
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Edit,
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["LocationContext"].ManageClassroomGroupListItem
-    });
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].Classrooms.EDIT_GROUP,
-      args: [props.classroom.id, props.group.id]
-    });
-  }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-  function onClickDelete() {
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
-      id: props.group.id
-    }, {
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["EntityType"].ClassroomGroup,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WorkflowPhase"].Start,
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Delete,
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["LocationContext"].ManageClassroomGroupListItem
-    });
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].Classrooms.DELETE_GROUP,
-      args: [props.classroom.id, props.group.id]
-    });
-  }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-  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", {
-    className: 'd-flex align-items-center'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'w-50 m-0'
-  }, props.group.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'd-inline-block mr-4'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__["ColourPicker"], {
-    selection: props.group.colour,
-    id: "".concat(props.group.id, "-classroom-group-list-item"),
-    disabled: true
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
-    className: 'mr-2',
-    onClick: onClickEdit
-  }, 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"].Edit
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
-    onClick: onClickDelete
-  }, 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"].Delete
-  }))));
-}
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-/***/ }),
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-/***/ "./src/apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups.tsx":
-/*!******************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups.tsx ***!
-  \******************************************************************************************/
-/*! exports provided: ManageClassroomGroups */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomGroups", function() { return ManageClassroomGroups; });
-/* 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_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var apps_classrooms_components_manage_classroom_group_item_ManageClassroomGroupItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem */ "./src/apps/classrooms/components/manage-classroom-group-item/ManageClassroomGroupItem.tsx");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 
 
 
+var PlaylistCollectionIdentifier = /*#__PURE__*/function (_BaseCollectionIdenti) {
+  _inherits(PlaylistCollectionIdentifier, _BaseCollectionIdenti);
 
+  var _super = _createSuper(PlaylistCollectionIdentifier);
 
+  function PlaylistCollectionIdentifier() {
+    var _this;
 
-var namespace = 'classrooms.manageClassroomGroups';
+    var sort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_1__["PlaylistSortType"].Newest;
+    var cursor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _enums_PlaylistType__WEBPACK_IMPORTED_MODULE_2__["PlaylistType"].OwnedByMe;
 
-var getCreateGroupAppLink = function getCreateGroupAppLink(id) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_4__["Actions"].Classrooms.NEW_GROUP,
-    args: [id]
-  };
-};
+    _classCallCheck(this, PlaylistCollectionIdentifier);
 
-function ManageClassroomGroups(props) {
-  function onClickCreateGroup() {
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction({
-      classroomId: props.classroom.id
-    }, {
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["WorkflowPhase"].Start,
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["EntityType"].ClassroomGroup,
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["UserAction"].Create,
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["LocationContext"].ManageClassroomGroups
+    _this = _super.call(this, {
+      collectionPrefix: 'user:playlists',
+      cursor: cursor,
+      sort: sort
     });
+    _this.type = type;
+    return _this;
   }
 
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
-    value: namespace
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'px-4 py-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'd-flex align-items-center'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
-    className: 'h6 w-50'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    phrase: 'groupName'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
-    className: 'h6 w-25'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    phrase: 'colour'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
-    appLink: getCreateGroupAppLink(props.classroom.id),
-    onClick: onClickCreateGroup,
-    className: 'btn btn-outline-dark ml-auto',
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    phrase: 'createNew'
-  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
-    className: 'list-unstyled'
-  }, props.classroom.groups.map(function (group) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
-      key: group.id,
-      className: 'mb-2'
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_classrooms_components_manage_classroom_group_item_ManageClassroomGroupItem__WEBPACK_IMPORTED_MODULE_6__["ManageClassroomGroupItem"], {
-      classroom: props.classroom,
-      group: group
-    }));
-  }))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups.tsx":
-/*!*****************************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups.tsx ***!
-  \*****************************************************************************************************************/
-/*! exports provided: PartialManageClassroomGroups */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialManageClassroomGroups", function() { return PartialManageClassroomGroups; });
-/* 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 shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector */ "./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx");
-/* harmony import */ var _partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-manage-classrooms-groups.scss */ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/partial-manage-classrooms-groups.scss");
-/* harmony import */ var _partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function PartialManageClassroomGroups() {
-  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", {
-    className: "mb-3 ml-4 partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.overviewLink)
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'pl-4 pb-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__["PartialPillTabSelector"], null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'px-4 py-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'd-flex align-items-center'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'w-50 mb-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.nameHeading)
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'w-25 mb-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.colourHeading)
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background ml-auto ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.newGroup)
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-    className: 'list-unstyled'
-  }, Array(8).fill(null).map(function (group, i) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-      key: i,
-      className: 'mb-2'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'd-flex align-items-center'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'w-50'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group)
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'd-inline-block mr-4'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.colourPicker)
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background mr-2 ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_manage_classrooms_groups_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
-    })));
-  }))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/partial-manage-classrooms-groups.scss":
-/*!**********************************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-groups/partial-loading/partial-manage-classrooms-groups.scss ***!
-  \**********************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"overviewLink":"cv--overviewLink--3Wfw9","nameHeading":"cv--nameHeading--1TlYf","colourHeading":"cv--colourHeading--3_Tfc","newGroup":"cv--newGroup--3oBoz","group":"cv--group--3aWN8","colourPicker":"cv--colourPicker--2NcjR","actionIcon":"cv--actionIcon--3bhju"};
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx":
-/*!*****************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx ***!
-  \*****************************************************************************************************/
-/*! exports provided: ManageClassroomStudentItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomStudentItem", function() { return ManageClassroomStudentItem; });
-/* 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_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_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
-/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown */ "./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx");
-/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
-/* harmony import */ var apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/classrooms/components/classroom-group/ClassroomGroup */ "./src/apps/classrooms/components/classroom-group/ClassroomGroup.tsx");
-/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'classrooms.manageClassroomStudentItem';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
-
-var getEditStudentAppLink = function getEditStudentAppLink(id) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__["AppChannels"].USER_MANAGER,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__["Actions"].UserManager.EDIT_STUDENT,
-    args: [id]
-  };
-};
-
-var getRemoveStudentsAppLink = function getRemoveStudentsAppLink(studentId, classroomId) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__["Actions"].Classrooms.REMOVE_STUDENTS,
-    args: [classroomId],
-    params: {
-      studentIds: [studentId]
+  _createClass(PlaylistCollectionIdentifier, [{
+    key: "toString",
+    value: function toString() {
+      var params = [this.collectionPrefix, this.sort, this.cursor, this.type];
+      return params.filter(Boolean).join(':');
     }
-  };
-};
+  }]);
 
-function ManageClassroomStudentItem(props) {
-  var _a;
-
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__["useAlerts"])();
-  var selectedGroups = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_12__["SchoolUserRequests"].getStudentsGroups(props.student.id));
-
-  function onToggleGroup(student, group, toggleOn) {
-    if (toggleOn) {
-      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__["ClassroomRequests"].addStudentsToGroup([student.id], group.id, function () {
-        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
-          id: group.id,
-          studentCount: 1
-        }, {
-          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Associate,
-          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].ClassroomGroup,
-          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["AssocDescriptor"].User,
-          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Complete,
-          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
-        });
-        alerts.success(getPhrase('addSuccess', {
-          studentName: student.name,
-          groupName: group.name
-        }));
-      }, function () {
-        alerts.error(getPhrase('addError', {
-          studentName: student.name,
-          groupName: group.name
-        }));
-      }));
-      return;
-    }
-
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__["ClassroomRequests"].removeStudentsFromGroup([student.id], group.id, function () {
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
-        id: group.id,
-        studentCount: 1
-      }, {
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Dissociate,
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].ClassroomGroup,
-        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["AssocDescriptor"].User,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Complete,
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
-      });
-      alerts.success(getPhrase('removeSuccess', {
-        studentName: student.name,
-        groupName: group.name
-      }));
-    }, function () {
-      alerts.error(getPhrase('removeError', {
-        studentName: student.name,
-        groupName: group.name
-      }));
-    }));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'd-flex align-items-center py-1 px-4'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__["Checkbox"], {
-    id: props.student.id,
-    checked: props.checked,
-    onChange: props.onToggleCheckbox,
-    className: 'mr-2'
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'mb-0 w-25 text-truncate text-nowrap'
-  }, props.student.name, " ", props.student.surname), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'mr-auto d-flex flex-wrap mt-n1'
-  }, !!((_a = selectedGroups.data) === null || _a === void 0 ? void 0 : _a.length) && selectedGroups.data.map(function (group) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      key: group.id,
-      className: 'mr-1 mt-1'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_ClassroomGroup__WEBPACK_IMPORTED_MODULE_11__["ClassroomGroup"], {
-      group: group
-    }));
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_9__["ClassroomGroupDropdown"], {
-    id: "add-group-".concat(props.student.id),
-    classroom: props.classroom,
-    groups: props.classroom.groups,
-    studentIds: [props.student.id],
-    preselections: selectedGroups.data,
-    onToggle: function onToggle(group, toggleOn) {
-      return onToggleGroup(props.student, group, toggleOn);
-    },
-    analyticsOptions: {
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
-    },
-    alignRight: true
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_5__["Actions"], {
-    actions: [{
-      label: getPhrase('editStudent'),
-      appLink: getEditStudentAppLink(props.student.id),
-      onClick: function onClick() {
-        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
-          id: props.student.id
-        }, {
-          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Edit,
-          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].User,
-          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Start,
-          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
-        });
-      }
-    }, {
-      label: getPhrase('removeStudent'),
-      appLink: getRemoveStudentsAppLink(props.student.id, props.classroom.id),
-      onClick: function onClick() {
-        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_13__["AnalyticsHelper"].logUserAction({
-          id: props.classroom.id,
-          userId: props.student.id
-        }, {
-          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Dissociate,
-          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].Classroom,
-          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["AssocDescriptor"].User,
-          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["WorkflowPhase"].Start,
-          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].ManageClassroomStudentListItem
-        });
-      }
-    }],
-    actionsDropdownClassName: 'btn'
-  }));
-}
+  return PlaylistCollectionIdentifier;
+}(_common_src_backbone_interfaces__WEBPACK_IMPORTED_MODULE_0__["BaseCollectionIdentifier"]);
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx":
-/*!**********************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx ***!
-  \**********************************************************************************************/
-/*! exports provided: ManageClassroomStudents */
+/***/ "../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistVideoCollectionIdentifier.ts":
+/*!********************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistVideoCollectionIdentifier.ts ***!
+  \********************************************************************************************************************************************/
+/*! exports provided: PlaylistVideoCollectionIdentifier */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomStudents", function() { return ManageClassroomStudents; });
-/* 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_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
-/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_11__ = __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_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/hooks/useBulkCheckboxManager */ "./src/shared/hooks/useBulkCheckboxManager.tsx");
-/* harmony import */ var apps_classrooms_components_manage_classroom_student_item_ManageClassroomStudentItem__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem */ "./src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx");
-/* harmony import */ var apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown */ "./src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx");
-/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
-
-
-
-
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistVideoCollectionIdentifier", function() { return PlaylistVideoCollectionIdentifier; });
+/* harmony import */ var _common_src_backbone_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../common/src/backbone/interfaces */ "../../libs/common/src/backbone/interfaces/index.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 
+var PlaylistVideoCollectionIdentifier = /*#__PURE__*/function (_BaseCollectionIdenti) {
+  _inherits(PlaylistVideoCollectionIdentifier, _BaseCollectionIdenti);
 
+  var _super = _createSuper(PlaylistVideoCollectionIdentifier);
 
+  function PlaylistVideoCollectionIdentifier(id) {
+    var cursor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
 
+    _classCallCheck(this, PlaylistVideoCollectionIdentifier);
 
-
-
-var namespace = 'classrooms.manageClassroomStudents';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace(namespace);
-function ManageClassroomStudents(props) {
-  var students = props.classroom.students;
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__["useAlerts"])();
-
-  var _useBulkCheckboxManag = Object(shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_16__["useBulkCheckboxManager"])(students),
-      onToggleBulk = _useBulkCheckboxManag.onToggleBulk,
-      onToggleItem = _useBulkCheckboxManag.onToggleItem,
-      getSelected = _useBulkCheckboxManag.getSelected,
-      isChecked = _useBulkCheckboxManag.isChecked,
-      bulkChecked = _useBulkCheckboxManag.bulkChecked;
-
-  var selectionCount = getSelected().length;
-  var bulkPreselections = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].getGroupsWithAllStudents(students));
-
-  function onClickAddStudents() {
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
-      id: props.classroom.id
-    }, {
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
-      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Start,
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Associate,
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
-    });
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__["Actions"].Classrooms.ADD_STUDENTS,
-      args: [props.classroom.id]
-    });
-  }
-
-  function onClickBulkRemoveStudents() {
-    if (!selectionCount) return;
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
-      id: props.classroom.id
-    }, {
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
-      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Start,
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Dissociate,
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
-    });
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_15__["Actions"].Classrooms.REMOVE_STUDENTS,
-      args: [props.classroom.id],
-      params: {
-        studentIds: getSelected()
-      }
+    return _super.call(this, {
+      collectionPrefix: 'playlist:videos',
+      id: id,
+      cursor: cursor
     });
   }
 
-  function onBulkToggleGroup(group, toggleOn) {
-    var selectedStudentIds = getSelected();
-
-    if (toggleOn) {
-      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].addStudentsToGroup(selectedStudentIds, group.id, function () {
-        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
-          id: group.id,
-          studentCount: selectedStudentIds.length
-        }, {
-          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Associate,
-          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].ClassroomGroup,
-          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
-          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete,
-          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
-        });
-        alerts.success(getPhrase('addSuccess', {
-          groupName: group.name
-        }));
-      }, function () {
-        alerts.error(getPhrase('addError', {
-          groupName: group.name
-        }));
-      }));
-    } else {
-      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].removeStudentsFromGroup(selectedStudentIds, group.id, function () {
-        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
-          id: group.id,
-          studentCount: selectedStudentIds.length
-        }, {
-          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Dissociate,
-          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].ClassroomGroup,
-          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["AssocDescriptor"].User,
-          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete,
-          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
-        });
-        alerts.success(getPhrase('removeSuccess', {
-          groupName: group.name
-        }));
-      }, function () {
-        alerts.error(getPhrase('removeError', {
-          groupName: group.name
-        }));
-      }));
-    }
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'd-flex align-items-center py-2 px-4'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_13__["Checkbox"], {
-    id: 'manage-classroom-students-bulk',
-    onChange: onToggleBulk,
-    checked: bulkChecked,
-    className: 'mr-4'
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_classrooms_components_classroom_group_dropdown_ClassroomGroupDropdown__WEBPACK_IMPORTED_MODULE_18__["ClassroomGroupDropdown"], {
-    id: 'bulk-add-group',
-    classroom: props.classroom,
-    studentIds: getSelected(),
-    groups: props.classroom.groups,
-    onToggle: onBulkToggleGroup,
-    disabled: !selectionCount,
-    preselections: bulkPreselections.data,
-    analyticsOptions: {
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ManageClassroomStudents
-    }
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_9__["DivButton"], {
-    className: "mr-auto ".concat(!selectionCount ? 'text-light cursor-default' : ''),
-    onClick: onClickBulkRemoveStudents
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_11__["SvgContainer"], {
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_12__["cvSvgLibrary"].Delete
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_10__["IconButton"], {
-    onClick: onClickAddStudents,
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_12__["cvSvgLibrary"].Plus,
-    className: 'btn btn-outline-dark'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
-    namespace: namespace,
-    phrase: 'addStudent'
-  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
-    className: 'striped-list list-unstyled'
-  }, students.map(function (student) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
-      key: student.id
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_classrooms_components_manage_classroom_student_item_ManageClassroomStudentItem__WEBPACK_IMPORTED_MODULE_17__["ManageClassroomStudentItem"], {
-      classroom: props.classroom,
-      student: student,
-      checked: isChecked(student.id),
-      onToggleCheckbox: function onToggleCheckbox() {
-        return onToggleItem(student.id);
-      }
-    }));
-  })));
-}
+  return PlaylistVideoCollectionIdentifier;
+}(_common_src_backbone_interfaces__WEBPACK_IMPORTED_MODULE_0__["BaseCollectionIdentifier"]);
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx":
-/*!********************************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx ***!
-  \********************************************************************************************************************/
-/*! exports provided: ManageClassroomStudentsEmptyState */
+/***/ "../../libs/shared/src/apps/playlists/interfaces/identifiers/index.ts":
+/*!****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/interfaces/identifiers/index.ts ***!
+  \****************************************************************************************************************/
+/*! exports provided: PlaylistCollectionIdentifier, PlaylistVideoCollectionIdentifier */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomStudentsEmptyState", function() { return ManageClassroomStudentsEmptyState; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* 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");
-/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.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 shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/components/video-info-button/VideoInfoButton */ "./src/shared/components/video-info-button/VideoInfoButton.tsx");
-
-
-
+/* harmony import */ var _PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlaylistCollectionIdentifier */ "../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistCollectionIdentifier", function() { return _PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_0__["PlaylistCollectionIdentifier"]; });
 
+/* harmony import */ var _PlaylistVideoCollectionIdentifier__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PlaylistVideoCollectionIdentifier */ "../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistVideoCollectionIdentifier.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistVideoCollectionIdentifier", function() { return _PlaylistVideoCollectionIdentifier__WEBPACK_IMPORTED_MODULE_1__["PlaylistVideoCollectionIdentifier"]; });
 
 
 
 
-var namespace = 'classrooms.manageClassroomStudentsEmptyState';
-function ManageClassroomStudentsEmptyState(props) {
-  function onClickAddStudents() {
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].Classrooms.ADD_STUDENTS,
-      args: [props.classroom.id]
-    });
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["LanguageNamespaceContext"].Provider, {
-    value: namespace
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'text-center pt-5'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
-    style: {
-      width: '200px',
-      height: '200px'
-    },
-    className: 'pb-3',
-    src: '/images/empty-states/classroom-students-empty.png',
-    role: 'presentation',
-    alt: ''
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-    className: 'h6'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    phrase: 'emptyStateHeading'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'mb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    phrase: 'emptyStateInfo'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_7__["VideoInfoButton"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    phrase: 'videoButton'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
-    className: 'btn btn-dark',
-    onClick: onClickAddStudents,
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Plus
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    phrase: 'addStudents'
-  }))));
-}
-
 /***/ }),
 
-/***/ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx":
-/*!*********************************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx ***!
-  \*********************************************************************************************************************/
-/*! exports provided: PartialManageClassroomStudents */
+/***/ "../../libs/shared/src/apps/playlists/interfaces/index.ts":
+/*!****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/interfaces/index.ts ***!
+  \****************************************************************************************************/
+/*! exports provided: PlaylistCollectionIdentifier, PlaylistVideoCollectionIdentifier */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialManageClassroomStudents", function() { return PartialManageClassroomStudents; });
-/* 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 shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector */ "./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx");
-/* harmony import */ var _partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-manage-classroom-students.scss */ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss");
-/* harmony import */ var _partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function PartialManageClassroomStudents() {
-  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", {
-    className: "mb-3 ml-4 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.overviewLink)
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'pl-4 pb-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_pill_tab_selector_partial_loading_PartialPillTabSelector__WEBPACK_IMPORTED_MODULE_1__["PartialPillTabSelector"], null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'd-flex align-items-center py-2 px-4'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "mr-4 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.checkbox)
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "mr-2 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "mr-auto partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.addStudents)
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-    className: 'striped-list list-unstyled'
-  }, Array(20).fill(null).map(function (student, i) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-      key: i
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'd-flex align-items-center py-1 px-4'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "mr-2 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.checkbox)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'w-25'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.studentName)
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'mr-auto d-flex'
-    }, Math.random() > 0.5 ? 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", {
-      className: "partial-loading-background rounded-pill mr-1 ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group, " ").concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.lg)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background rounded-pill ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group, " ").concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.sm)
-    })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background rounded-pill ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.group, " ").concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.sm)
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "mr-2 partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.actionIcon)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_manage_classroom_students_scss__WEBPACK_IMPORTED_MODULE_2___default.a.moreActions)
-    })));
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss":
-/*!*************************************************************************************************************************!*\
-  !*** ./src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss ***!
-  \*************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+/* harmony import */ var _identifiers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./identifiers */ "../../libs/shared/src/apps/playlists/interfaces/identifiers/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistCollectionIdentifier", function() { return _identifiers__WEBPACK_IMPORTED_MODULE_0__["PlaylistCollectionIdentifier"]; });
 
-// extracted by mini-css-extract-plugin
-module.exports = {"overviewLink":"cv--overviewLink--3Ubus","checkbox":"cv--checkbox--11WXC","actionIcon":"cv--actionIcon--1K3UF","addStudents":"cv--addStudents--1sqTe","studentName":"cv--studentName--3cfGe","group":"cv--group--2HHY1","sm":"cv--sm--3_EMi","lg":"cv--lg--3L-SN","moreActions":"cv--moreActions--9PVrB"};
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistVideoCollectionIdentifier", function() { return _identifiers__WEBPACK_IMPORTED_MODULE_0__["PlaylistVideoCollectionIdentifier"]; });
 
-/***/ }),
 
-/***/ "./src/apps/classrooms/enums/GroupColour.ts":
-/*!**************************************************!*\
-  !*** ./src/apps/classrooms/enums/GroupColour.ts ***!
-  \**************************************************/
-/*! exports provided: GroupColour */
-/***/ (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 = {}));
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/utils/GroupHelper.ts":
-/*!**************************************************!*\
-  !*** ./src/apps/classrooms/utils/GroupHelper.ts ***!
-  \**************************************************/
-/*! exports provided: mapColourToClassName */
+/***/ "../../libs/shared/src/apps/playlists/utils/PlaylistStateUpdateHelper.ts":
+/*!*******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/utils/PlaylistStateUpdateHelper.ts ***!
+  \*******************************************************************************************************************/
+/*! exports provided: PlaylistStateUpdateHelper */
 /***/ (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__, "PlaylistStateUpdateHelper", function() { return PlaylistStateUpdateHelper; });
+var PlaylistStateUpdateHelper = {
+  updatePlaylist: function updatePlaylist(key, newPlaylist) {
+    return function (state) {
+      var updatedState = Object.assign({}, state);
+      if (updatedState.hasOwnProperty(key)) updatedState[key] = Object.assign(Object.assign({}, updatedState[key]), newPlaylist);
+      return updatedState;
+    };
+  },
+  deletePlaylist: function deletePlaylist(key) {
+    return function (state) {
+      var updatedState = Object.assign({}, state);
+      if (updatedState.hasOwnProperty(key)) delete updatedState[key];
+      return updatedState;
+    };
+  },
+  incrementVideoCount: function incrementVideoCount(key, count) {
+    return function (state) {
+      var updatedState = Object.assign({}, state);
+      if (!updatedState.hasOwnProperty(key)) return state;
+      if (!updatedState[key].videos) updatedState[key].videos = {};
+      updatedState[key].videos.count = updatedState[key].videos.count ? updatedState[key].videos.count + count : count;
+      return updatedState;
+    };
+  }
+};
 
 /***/ }),
 
-/***/ "./src/apps/classrooms/views/manage-classroom/ManageClassroomView.tsx":
-/*!****************************************************************************!*\
-  !*** ./src/apps/classrooms/views/manage-classroom/ManageClassroomView.tsx ***!
-  \****************************************************************************/
-/*! exports provided: ManageClassroomView */
+/***/ "../../libs/shared/src/flight-requests/PlaylistRequests.ts":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/PlaylistRequests.ts ***!
+  \*****************************************************************************************************/
+/*! exports provided: PlaylistRequests */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageClassroomView", function() { return ManageClassroomView; });
-/* 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_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_components_pill_tab_selector_PillTabSelector__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/pill-tab-selector/PillTabSelector */ "./src/shared/components/pill-tab-selector/PillTabSelector.tsx");
-/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
-/* harmony import */ var apps_classrooms_components_manage_classroom_students_ManageClassroomStudents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-students/ManageClassroomStudents */ "./src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx");
-/* harmony import */ var apps_classrooms_components_manage_classroom_groups_ManageClassroomGroups__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups */ "./src/apps/classrooms/components/manage-classroom-groups/ManageClassroomGroups.tsx");
-/* harmony import */ var apps_classrooms_components_manage_classroom_students_empty_state_ManageClassroomStudentsEmptyState__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState */ "./src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx");
-/* harmony import */ var apps_classrooms_components_manage_classroom_students_partial_loading_PartialManageClassroomStudents__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents */ "./src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx");
-/* harmony import */ var apps_classrooms_components_manage_classroom_groups_partial_loading_PartialManageClassroomGroups__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups */ "./src/apps/classrooms/components/manage-classroom-groups/partial-loading/PartialManageClassroomGroups.tsx");
-/* 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 export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistRequests", function() { return PlaylistRequests; });
+/* 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");
+/* harmony import */ var _utils_ReorderHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/ReorderHelper */ "../../libs/shared/src/utils/ReorderHelper.ts");
+/* harmony import */ var _apps_playlists_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../apps/playlists/interfaces */ "../../libs/shared/src/apps/playlists/interfaces/index.ts");
+/* harmony import */ var _apps_playlists_enums_MigrationTaskStatus__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../apps/playlists/enums/MigrationTaskStatus */ "../../libs/shared/src/apps/playlists/enums/MigrationTaskStatus.ts");
+/* harmony import */ var _apps_playlists_utils_PlaylistStateUpdateHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../apps/playlists/utils/PlaylistStateUpdateHelper */ "../../libs/shared/src/apps/playlists/utils/PlaylistStateUpdateHelper.ts");
 
 
 
@@ -1111,226 +266,352 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+var addCursor = function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+};
 
-
-
-
-var namespace = 'classrooms.manageClassroom';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace(namespace);
-
-var getClassroomAppLink = function getClassroomAppLink(id) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.CLASSROOM,
-    args: [id]
-  };
+var addMaxRatingValue = function addMaxRatingValue(maxRatingValue) {
+  return Number.isInteger(maxRatingValue) ? "&maxRatingValue=".concat(maxRatingValue) : '';
 };
 
-ManageClassroomView.defaultProps = {
-  activeTab: 'students'
+var getDataPrefixWithCursor = function getDataPrefixWithCursor(key, cursor) {
+  return "".concat(key).concat(cursor ? ":".concat(cursor) : '');
 };
-function ManageClassroomView(props) {
-  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_9__["ClassroomRequests"].getClassroom(props.id));
-  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_15__["useSetPageTitle"])(getPhrase(props.activeTab === 'students' ? 'pageTitleStudents' : 'pageTitleGroups'));
-
-  function onSelectStudentsTab() {
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.MANAGE_CLASSROOM,
-      args: [props.id],
-      params: {
-        tab: 'students'
-      }
-    });
-  }
 
-  function onSelectGroupsTab() {
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.MANAGE_CLASSROOM,
-      args: [props.id],
-      params: {
-        tab: 'groups'
+var PlaylistRequests = {
+  getPlaylist: function getPlaylist(id, success, error) {
+    return {
+      url: "/api/domain/v2/objects/".concat(id, "?query=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].PLAYLIST),
+      key: "playlist:".concat(id),
+      success: success,
+      error: error
+    };
+  },
+  getSharedPlaylist: function getSharedPlaylist(shareCode, maxAllowedRating, success, error) {
+    var baseUrl = "/api/domain/v2/share/".concat(shareCode);
+    return {
+      url: "".concat(baseUrl, "?query=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].PLAYLIST).concat(addMaxRatingValue(maxAllowedRating)),
+      key: "shared:playlist:".concat(shareCode),
+      success: success,
+      error: error
+    };
+  },
+  getUserPlaylists: function getUserPlaylists(collectionIdentifier) {
+    var sort = collectionIdentifier.sort,
+        type = collectionIdentifier.type;
+    return {
+      url: "/api/domain/v2/me/playlists/".concat(type, "?sort=").concat(sort, "&query={limit:100}") + "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].PLAYLIST_COLLECTION).concat(addCursor(collectionIdentifier.cursor)),
+      key: collectionIdentifier.toString(),
+      formatData: function formatData(playlists) {
+        return Object.assign(Object.assign({}, playlists), {
+          data: playlists.data.map(function (p) {
+            if (!p.owner) return p;
+            return Object.assign(Object.assign({}, p), {
+              owner: Object.assign(Object.assign({}, p.owner), {
+                avatar: p.owner.avatar.url
+              })
+            });
+          })
+        });
+      }
+    };
+  },
+  getPlaylistVideos: function getPlaylistVideos(id, maxAllowedRating, cursor) {
+    var filter = 'orderBy:orderindex,limit:100';
+    if (Number.isInteger(maxAllowedRating)) filter += ",rating.value:0...".concat(maxAllowedRating);
+    return {
+      url: "/api/domain/v2/objects/".concat(id, "/videos?query={").concat(filter, "}") + "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor)),
+      key: getDataPrefixWithCursor("playlist:".concat(id, ":videos"), cursor)
+    };
+  },
+  getSharedPlaylistVideos: function getSharedPlaylistVideos(shareCode, maxAllowedRating, cursor) {
+    return {
+      url: "/api/domain/v2/share/".concat(shareCode, "/videos?query={orderBy:orderindex,limit:100}") + "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].SHARED_PLAYLIST_VIDEO_COLLECTION) + "".concat(addCursor(cursor)).concat(addMaxRatingValue(maxAllowedRating)),
+      key: getDataPrefixWithCursor("shared:playlist:".concat(shareCode, ":videos"), cursor)
+    };
+  },
+  getVideoPlaylists: function getVideoPlaylists(videoId, userId, cursor) {
+    return {
+      url: "/api/domain/v2/objects/".concat(videoId, "/playlists?query={limit:100,owner.id:[").concat(userId, "]}"),
+      key: getDataPrefixWithCursor("video:playlists:".concat(videoId), cursor)
+    };
+  },
+  createPlaylist: function createPlaylist(userId, data, success, error) {
+    return {
+      key: 'create:playlist',
+      url: "/api/domain/v2/objects/".concat(userId, "/playlists"),
+      data: data,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      success: success,
+      error: error,
+      invalidationKeys: 'user:playlists'
+    };
+  },
+  updatePlaylist: function updatePlaylist(id, data, success, error) {
+    return {
+      key: 'update:playlist',
+      url: "/api/domain/v2/objects/".concat(id),
+      data: data,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+      success: success,
+      error: error,
+      updateState: {
+        keys: "playlist:".concat(id),
+        updateData: _apps_playlists_utils_PlaylistStateUpdateHelper__WEBPACK_IMPORTED_MODULE_5__["PlaylistStateUpdateHelper"].updatePlaylist("playlist:".concat(id), data)
+      }
+    };
+  },
+  deletePlaylist: function deletePlaylist(id, success, error) {
+    return {
+      key: 'delete:playlist',
+      url: "/api/domain/v2/objects/".concat(id),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+      success: success,
+      error: error,
+      invalidationKeys: 'user:playlists',
+      updateState: {
+        keys: "playlist:".concat(id),
+        updateData: _apps_playlists_utils_PlaylistStateUpdateHelper__WEBPACK_IMPORTED_MODULE_5__["PlaylistStateUpdateHelper"].deletePlaylist("playlist:".concat(id))
       }
+    };
+  },
+  addToPlaylist: function addToPlaylist(playlistId, videoIds, success, error) {
+    /**
+     * Invalidate:
+     * - Playlists as they are fetched with first video.
+     * - Playlist video collection.
+     * - Playlists for each video.
+     */
+    var invalidationKeys = ['user:playlists', new _apps_playlists_interfaces__WEBPACK_IMPORTED_MODULE_3__["PlaylistVideoCollectionIdentifier"](playlistId).toString()];
+    videoIds.forEach(function (id) {
+      invalidationKeys.push("video:playlists:".concat(id));
     });
-  }
-
-  var tabs = [{
-    name: getPhrase('students'),
-    onSelect: onSelectStudentsTab,
-    active: props.activeTab === 'students'
-  }, {
-    name: getPhrase('groups'),
-    onSelect: onSelectGroupsTab,
-    active: props.activeTab === 'groups'
-  }];
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
-    value: namespace
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", {
-    className: 'mb-1 pl-4'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    phrase: 'heading'
-  })), function () {
-    var _a;
-
-    if (!classroom.data) {
-      switch (props.activeTab) {
-        case 'students':
-          return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_manage_classroom_students_partial_loading_PartialManageClassroomStudents__WEBPACK_IMPORTED_MODULE_13__["PartialManageClassroomStudents"], null);
-
-        case 'groups':
-          return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_manage_classroom_groups_partial_loading_PartialManageClassroomGroups__WEBPACK_IMPORTED_MODULE_14__["PartialManageClassroomGroups"], null);
+    return {
+      key: 'add:to:playlist',
+      url: "/api/domain/v2/objects/".concat(playlistId, "/associate"),
+      data: videoIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      success: success,
+      error: error,
+      invalidationKeys: invalidationKeys,
+      updateState: {
+        keys: "playlist:".concat(playlistId),
+        updateData: _apps_playlists_utils_PlaylistStateUpdateHelper__WEBPACK_IMPORTED_MODULE_5__["PlaylistStateUpdateHelper"].incrementVideoCount("playlist:".concat(playlistId), videoIds.length)
       }
-    }
-
-    var ActiveTabComponent;
-    var hasStudents = !!((_a = classroom.data.students) === null || _a === void 0 ? void 0 : _a.length);
-
-    switch (props.activeTab) {
-      case 'students':
-        ActiveTabComponent = hasStudents ? apps_classrooms_components_manage_classroom_students_ManageClassroomStudents__WEBPACK_IMPORTED_MODULE_10__["ManageClassroomStudents"] : apps_classrooms_components_manage_classroom_students_empty_state_ManageClassroomStudentsEmptyState__WEBPACK_IMPORTED_MODULE_12__["ManageClassroomStudentsEmptyState"];
-        break;
-
-      case 'groups':
-        ActiveTabComponent = apps_classrooms_components_manage_classroom_groups_ManageClassroomGroups__WEBPACK_IMPORTED_MODULE_11__["ManageClassroomGroups"];
-    }
-
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'px-3'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-      className: 'pb-3 pl-4 mb-0'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-      phrase: 'goTo'
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
-      className: 'info-link',
-      appLink: getClassroomAppLink(props.id)
-    }, classroom.data.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'pl-4 pb-2'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_pill_tab_selector_PillTabSelector__WEBPACK_IMPORTED_MODULE_8__["PillTabSelector"], {
-      tabs: tabs
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ActiveTabComponent, {
-      classroom: classroom.data
-    }));
-  }());
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/pill-tab-selector/PillTabSelector.tsx":
-/*!*********************************************************************!*\
-  !*** ./src/shared/components/pill-tab-selector/PillTabSelector.tsx ***!
-  \*********************************************************************/
-/*! exports provided: PillTabSelector */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PillTabSelector", function() { return PillTabSelector; });
-/* 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_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
-/* harmony import */ var _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pill-tab-selector.scss */ "./src/shared/components/pill-tab-selector/pill-tab-selector.scss");
-/* harmony import */ var _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function PillTabSelector(props) {
-  function onSelectTab(tab) {
-    if (tab.active) return;
-    tab.onSelect();
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("nav", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-    className: "list-unstyled d-inline-block border border-dark m-0 ".concat(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default.a.pillTabSelector)
-  }, props.tabs.map(function (tab) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-      className: "p-0 ".concat(tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'),
-      key: tab.name
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
-      className: 'cursor-pointer outline-none py-1',
-      onClick: function onClick() {
-        return onSelectTab(tab);
+    };
+  },
+  reorderVideos: function reorderVideos(id, reorderRequest, success, error) {
+    return {
+      key: "reorder:playlist",
+      url: "/api/domain/v2/objects/".concat(id, "/videos/reorder"),
+      data: reorderRequest,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+      success: success,
+      error: error,
+      // Invalidate playlists as they are fetched with the first video.
+      invalidationKeys: 'user:playlists',
+      updateState: {
+        keys: "playlist:".concat(id, ":videos"),
+        updateData: function updateData(data) {
+          return _utils_ReorderHelper__WEBPACK_IMPORTED_MODULE_2__["ReorderHelper"].updateState("playlist:".concat(id, ":videos"), reorderRequest, data);
+        }
       }
-    }, tab.name));
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx":
-/*!********************************************************************************************!*\
-  !*** ./src/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector.tsx ***!
-  \********************************************************************************************/
-/*! exports provided: PartialPillTabSelector */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialPillTabSelector", function() { return PartialPillTabSelector; });
-/* 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 _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../pill-tab-selector.scss */ "./src/shared/components/pill-tab-selector/pill-tab-selector.scss");
-/* harmony import */ var _pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-pill-tab-selector.scss */ "./src/shared/components/pill-tab-selector/partial-loading/partial-pill-tab-selector.scss");
-/* harmony import */ var _partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function PartialPillTabSelector() {
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background ".concat(_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_1___default.a.pillTabSelector, " ").concat(_partial_pill_tab_selector_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialSize)
-  });
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/pill-tab-selector/partial-loading/partial-pill-tab-selector.scss":
-/*!************************************************************************************************!*\
-  !*** ./src/shared/components/pill-tab-selector/partial-loading/partial-pill-tab-selector.scss ***!
-  \************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"partialSize":"cv--partialSize--1HB_G"};
-
-/***/ }),
-
-/***/ "./src/shared/components/pill-tab-selector/pill-tab-selector.scss":
-/*!************************************************************************!*\
-  !*** ./src/shared/components/pill-tab-selector/pill-tab-selector.scss ***!
-  \************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"pillTabSelector":"cv--pillTabSelector--33p-_"};
+    };
+  },
+  removePlaylistVideo: function removePlaylistVideo(playlistId, videoId, success, error) {
+    return {
+      key: 'remove:playlist:video',
+      url: "/api/domain/v2/objects/".concat(playlistId, "/dissociate?memberId=").concat(videoId),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+      success: success,
+      error: error,
+      // Invalidate playlists as they are fetched with the first video.
+      invalidationKeys: ['user:playlists', "playlist:".concat(playlistId, ":videos")]
+    };
+  },
+  getIsFollowingPlaylist: function getIsFollowingPlaylist(playlistId, userId) {
+    var formatData = function formatData(data) {
+      var _a, _b;
+
+      return {
+        objectId: playlistId,
+        isFollowing: !!((_b = (_a = data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+      };
+    };
+
+    return {
+      url: "/api/domain/v2/objects/".concat(userId, "/followedPlaylists?query={id:").concat(playlistId, "}"),
+      key: "playlist:".concat(playlistId, ":following:").concat(userId),
+      formatData: formatData,
+      normalize: false
+    };
+  },
+  followPlaylist: function followPlaylist(playlistId, userId, success, error, always) {
+    return {
+      url: "/api/domain/v2/objects/".concat(userId),
+      key: "follow:playlist:".concat(playlistId),
+      data: {
+        followedPlaylists: playlistId
+      },
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+      invalidationKeys: ['user:playlists', "playlist:".concat(playlistId, ":following:").concat(userId)],
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  unfollowPlaylist: function unfollowPlaylist(playlistId, userId, success, error, always) {
+    return {
+      url: "/api/domain/v2/objects/".concat(userId, "/followedplaylists/").concat(playlistId),
+      key: "unfollow:playlist:".concat(playlistId),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+      invalidationKeys: ['user:playlists', "playlist:".concat(playlistId, ":following:").concat(userId)],
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  getPlaylistPrivacy: function getPlaylistPrivacy(playlistId) {
+    return {
+      key: "playlist:privacy:".concat(playlistId),
+      url: "/api/domain/v1/playlists/".concat(playlistId, "/privacy"),
+      formatData: function formatData(privacy) {
+        return {
+          id: playlistId,
+          privacy: privacy
+        };
+      }
+    };
+  },
+  updatePlaylistPrivacy: function updatePlaylistPrivacy(playlistId, privacy, success, error, always) {
+    return {
+      key: "update:playlist:privacy:".concat(playlistId),
+      url: "/api/domain/v1/playlists/".concat(playlistId, "/privacy"),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+      data: {
+        privacy: privacy
+      },
+      formatData: function formatData() {
+        return {
+          id: playlistId,
+          privacy: privacy
+        };
+      },
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  getMigrationTask: function getMigrationTask(success, error) {
+    return {
+      url: '/api/playlist-app/migration-task',
+      key: 'migration:task',
+      formatData: function formatData(data) {
+        return data || {
+          status: _apps_playlists_enums_MigrationTaskStatus__WEBPACK_IMPORTED_MODULE_4__["MigrationTaskStatus"].Processed
+        };
+      },
+      success: success,
+      error: error
+    };
+  }
+};
 
 /***/ }),
 
-/***/ "./src/shared/components/video-info-button/VideoInfoButton.tsx":
-/*!*********************************************************************!*\
-  !*** ./src/shared/components/video-info-button/VideoInfoButton.tsx ***!
-  \*********************************************************************/
-/*! exports provided: VideoInfoButton */
+/***/ "../../libs/shared/src/utils/ReorderHelper.ts":
+/*!****************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/ReorderHelper.ts ***!
+  \****************************************************************************************/
+/*! exports provided: ReorderHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoInfoButton", function() { return VideoInfoButton; });
-/* 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_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReorderHelper", function() { return ReorderHelper; });
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.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 ReorderHelper = {
+  reorder: function reorder(items, oldIdx, newIdx) {
+    if (oldIdx === newIdx) return {
+      reorderedItems: items,
+      reorderRequest: null
+    };
+    var reorderedItems = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].moveItem(items, oldIdx, newIdx);
+    /**
+     * If newIdx is the last idx then we set
+     * destinationMemberId to null.
+     */
+
+    var destinationMemberId = newIdx < items.length - 1 ? reorderedItems[newIdx + 1].id : null;
+    var reorderRequest = {
+      sourceMemberId: reorderedItems[newIdx].id,
+      destinationMemberId: destinationMemberId
+    };
+    return {
+      reorderedItems: reorderedItems,
+      reorderRequest: reorderRequest
+    };
+  },
+  updateState: function updateState(dataPrefix, reorderRequest, data) {
+    var items = [];
+    var updatedData = _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].deepClone(data);
+    var keys = [dataPrefix]; // Maintain an ordered list of keys.
+
+    var page = data[dataPrefix];
+    var pageSize = !!page && !!page.data && page.data.length;
+    /**
+     * Flatten items
+     */
+
+    while (page) {
+      if (!Array.isArray(page.data)) break;
+      items.push.apply(items, _toConsumableArray(page.data));
+      var nextCursor = page.pagination && page.pagination.cursors && page.pagination.cursors.next;
+      var nextKey = !!nextCursor && "".concat(dataPrefix, ":").concat(nextCursor);
+      page = nextCursor && data[nextKey];
+      if (page) keys.push(nextKey);
+    }
 
+    if (!items.length) return data;
+    /**
+     * Reorder items
+     */
 
-function VideoInfoButton(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
-    className: 'btn btn-outline-info d-block mx-auto mb-3',
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Video
-  }, props.children);
-}
+    var removeIdx = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].findIndex(items, function (i) {
+      return i.id === reorderRequest.sourceMemberId;
+    });
+    var reorderedItems = [].concat(items);
+    var itemToMove = reorderedItems.splice(removeIdx, 1);
+    var insertIdx = reorderRequest.destinationMemberId ? _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].findIndex(reorderedItems, function (r) {
+      return r.id === reorderRequest.destinationMemberId;
+    }) : reorderedItems.length;
+    reorderedItems.splice(insertIdx, 0, itemToMove[0]);
+    /**
+     * Paginate reordered items
+     */
+
+    keys.forEach(function (key) {
+      var itemsToInsert = reorderedItems.splice(0, pageSize);
+      updatedData[key].data = itemsToInsert;
+    });
+    return updatedData;
+  }
+};
 
 /***/ })