@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.1

package/dist/scripts/29.chunk.js

@@ -1 +1,616 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[29],{397:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:(e.className?e.className:"")+" cursor-pointer",onKeyDown:a=>"Enter"===a.key&&e.onClick(a),onClick:e.onClick,style:e.style?e.style:{}},e.children)}},401:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));var n=t(75),r=t(28),c=t(35);const s=()=>{const e=Object(n.a)(c.a.ALERT);return{success(a){e.success(a)()},error(a){e.error(a)()},warning(a){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:a})}}}},496:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t.n(n),c=t(397),s=t(33),o=t(9);function l(e){var a=e.isActive,t=e.onToggle,n=e.invisible,l="".concat(a?"text-yellow":""," ").concat(n?"invisible":"");return r.a.createElement(c.a,{onClick:t,className:l},r.a.createElement(s.a,{svgName:a?o.b.Star:o.b.StarOutline,size:s.b.Large}))}},497:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t.n(n),c=t(32),s=t(498),o=t.n(s);function l(e){return r.a.createElement("div",{className:"w-100 d-flex flex-column"},e.actions.map((function(e){return r.a.createElement(c.a,{key:e.text,className:"".concat(o.a.option," py-1"),appLink:e.appLink},r.a.createElement("span",{className:"pl-2"},e.text))})))}},498:function(e,a,t){e.exports={option:"_2LGMe"}},534:function(e,a,t){e.exports={classroomList:"_26s7s",caretUp:"_2o9ER"}},553:function(e,a,t){e.exports={toggleAction:"_2dgc9",actionsContainer:"_23R73"}},554:function(e,a,t){e.exports={pinnedHeading:"_2RJcZ",othersHeading:"_11c0p",classroom:"OpuFd"}},650:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),c=t(40),s=t(11),o=t(5),l=t(44),i=t(9),m=t(33),u=t(401),f=t(397),p=t(111),d=t(117),g=t(32),E=t(3),b=t(10),v=t(496),y=t(497),h=t(553),S=t.n(h);function N(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,c=void 0;try{for(var s,o=e[Symbol.iterator]();!(n=(s=o.next()).done)&&(t.push(s.value),!a||t.length!==a);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return C(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return C(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var O=o.a.encloseNamespace("classrooms.classroomItem"),k=function(e){return{application:E.a.CLASSROOMS,action:b.a.Classrooms.CLASSROOM,args:[e]}},x=function(e){return{application:E.a.CLASSROOMS,action:b.a.Classrooms.DELETE_CLASSROOM,args:[e]}};function w(e){var a,t=N(r.a.useState(!1),2),n=t[0],c=t[1],s=[{text:O("rename"),appLink:(a=e.classroom.id,{application:E.a.CLASSROOMS,action:b.a.Classrooms.EDIT_CLASSROOM,args:[a]})},{text:O("delete"),appLink:x(e.classroom.id)}];return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"border border-dark position-relative p-2"},r.a.createElement("div",{className:"d-flex justify-content-between pb-5"},r.a.createElement(v.a,{isActive:e.classroom.isFavourited,onToggle:e.onToggleStar,invisible:n}),r.a.createElement(f.a,{onClick:function(){return c(!0)}},r.a.createElement(m.a,{svgName:i.b.Edit}))),r.a.createElement(g.a,{appLink:k(e.classroom.id)},r.a.createElement("h3",{className:"h6 mb-0"},n?r.a.createElement(r.a.Fragment,null," "):e.classroom.name)),n&&r.a.createElement("div",{className:"".concat(S.a.actionsContainer," ml-n2 w-100")},r.a.createElement(y.a,{actions:s}))))}var A=t(2);function L(){return r.a.createElement("div",{className:"text-center pt-5"},r.a.createElement("img",{style:{width:"200px",height:"200px"},className:"pb-3",src:"/images/classrooms-empty.png",role:"presentation",alt:""}),r.a.createElement("h2",{className:"h6"},r.a.createElement(l.b,{phrase:"emptyStateHeading"})),r.a.createElement("p",{className:"mb-3"},r.a.createElement(l.b,{phrase:"emptyStateInfo"})),r.a.createElement(p.a,{className:"btn btn-dark",onClick:function(){A.a.AppLinkHelper.trigger({application:E.a.CLASSROOMS,action:b.a.Classrooms.NEW_CLASSROOM})},svgName:i.b.Plus},r.a.createElement(l.b,{phrase:"createNew"})))}var _=t(534),j=t.n(_),R=t(554),M=t.n(R);function F(e){var a=e.showOtherClassrooms,t=Object.assign(Object.assign({},j.a),M.a);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(t.pinnedHeading)}),r.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n2 ".concat(t.classroomList)},Array(2).fill(null).map((function(e,a){return r.a.createElement("li",{key:a,className:"partial-loading-background ".concat(t.classroom)})}))),r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(t.othersHeading)}),a&&r.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n2 ".concat(t.classroomList)},Array(13).fill(null).map((function(e,a){return r.a.createElement("li",{key:a,className:"partial-loading-background ".concat(t.classroom)})}))))}function I(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,c=void 0;try{for(var s,o=e[Symbol.iterator]();!(n=(s=o.next()).done)&&(t.push(s.value),!a||t.length!==a);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return T(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return T(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}t.d(a,"ClassroomsView",(function(){return U}));var H=o.a.encloseNamespace("classrooms.classrooms"),D={application:E.a.CLASSROOMS,action:b.a.Classrooms.NEW_CLASSROOM};function U(){var e=I(r.a.useState(!1),2),a=e[0],t=e[1],n=I(r.a.useState([]),2),o=n[0],g=n[1],E=I(r.a.useState([]),2),b=E[0],v=E[1],y=Object(c.useDispatch)(),h=Object(u.a)(),S=s.a.useBasicFetch(d.a.getAll());function N(e){e.isFavourited?s.a.fetch(y,d.a.unstarClassroom(e,(function(){h.success(H("unstarSuccess",{classroomName:e.name}))}),(function(){h.error(H("unstarError",{classroomName:e.name}))}))):s.a.fetch(y,d.a.starClassroom(e,(function(){h.success(H("starSuccess",{classroomName:e.name}))}),(function(){h.error(H("starError",{classroomName:e.name}))})))}return r.a.useEffect((function(){var e;if(null===(e=S.data)||void 0===e?void 0:e.length){var a=[],n=[];S.data.forEach((function(e){e.isFavourited?a.push(e):n.push(e)})),a.length||t(!0),g(a),v(n)}}),[S.data]),r.a.createElement(l.a.Provider,{value:"classrooms.classrooms"},r.a.createElement("div",{className:"d-flex align-items-center pb-3"},r.a.createElement("h1",{className:"flex-fill"},r.a.createElement(l.b,{phrase:"heading"})),r.a.createElement(p.a,{className:"btn btn-outline-dark",svgName:i.b.Plus,appLink:D},r.a.createElement(l.b,{phrase:"newClassroom"}))),S.data?S.data.length?r.a.createElement(r.a.Fragment,null,r.a.createElement("h2",{className:"h6"},r.a.createElement(l.b,{phrase:"myClassrooms"})),r.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n2 ".concat(j.a.classroomList)},o.map((function(e){return r.a.createElement("li",{key:e.id},r.a.createElement(w,{onToggleStar:function(){return N(e)},classroom:e}))}))),b&&r.a.createElement(r.a.Fragment,null,r.a.createElement(f.a,{className:"cursor-pointer d-inline-block",onClick:function(){return t(!a)}},r.a.createElement("h2",{className:"h6 d-flex align-items-center"},r.a.createElement(l.b,{phrase:"otherClassrooms"}),r.a.createElement(m.a,{className:"d-inline-block svg-container ".concat(a?j.a.caretUp:""),svgName:i.b.Caret}))),a&&r.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n2 ".concat(j.a.classroomList)},b.map((function(e){return r.a.createElement("li",{key:e.id},r.a.createElement(w,{onToggleStar:function(){return N(e)},classroom:e}))}))))):r.a.createElement(L,null):r.a.createElement(F,{showOtherClassrooms:a}))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[29],{
+
+/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: DivButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
+/* harmony 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__);
+
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
+
+function DivButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    tabIndex: 0,
+    className: `${props.className ? props.className : ''} cursor-pointer`,
+    onKeyDown: e => e.key === 'Enter' && props.onClick(e),
+    onClick: props.onClick,
+    style: props.style ? props.style : {}
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+const useAlerts = () => {
+  const alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success(alertContent) {
+      alertService.success(alertContent)();
+    },
+
+    error(alertContent) {
+      alertService.error(alertContent)();
+    },
+
+    warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList.tsx":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList.tsx ***!
+  \**********************************************************************************************/
+/*! exports provided: ClassroomActivitiesList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomActivitiesList", function() { return ClassroomActivitiesList; });
+/* 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__);
+ // TODO: Wire this up to.. something
+
+function ClassroomActivitiesList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-around py-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'text-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h1'
+  }, "4"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h6 font-weight-normal'
+  }, "Activities in progress")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'text-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h1'
+  }, "13"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h6 font-weight-normal'
+  }, "Student reviews required")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'text-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h1'
+  }, "5"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h6 font-weight-normal'
+  }, "Class completed actitivies")));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState.tsx":
+/*!********************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState.tsx ***!
+  \********************************************************************************************************************/
+/*! exports provided: ClassroomActivitiesListEmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomActivitiesListEmptyState", function() { return ClassroomActivitiesListEmptyState; });
+/* 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 shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/components/video-info-button/VideoInfoButton */ "./src/shared/components/video-info-button/VideoInfoButton.tsx");
+
+
+
+var namespace = 'classrooms.classroomActivitiesList';
+function ClassroomActivitiesListEmptyState(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'text-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'noActivities'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_2__["VideoInfoButton"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'howToStart'
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx":
+/*!*************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx ***!
+  \*************************************************************************/
+/*! exports provided: ClassroomStar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStar", function() { return ClassroomStar; });
+/* 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 _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __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_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+
+function ClassroomStar(_ref) {
+  var isActive = _ref.isActive,
+      onToggle = _ref.onToggle,
+      invisible = _ref.invisible;
+  var className = "".concat(isActive ? 'text-yellow' : '', " ").concat(invisible ? 'invisible' : '');
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onToggle,
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: isActive ? _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Star : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].StarOutline,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Large
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx":
+/*!*****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx ***!
+  \*****************************************************************************************/
+/*! exports provided: ClassroomStudentItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentItem", function() { return ClassroomStudentItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/components/tile-actions/TileActions */ "./src/apps/classrooms/components/tile-actions/TileActions.tsx");
+/* harmony import */ var _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./classroom-students-list.scss */ "./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss");
+/* harmony import */ var _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomStudentsList';
+
+var getEditStudentAppLink = function getEditStudentAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].USER_MANAGER,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].UserManager.EDIT_STUDENT,
+    args: [id]
+  };
+};
+
+var getRemoveFromClassroomAppLink = function getRemoveFromClassroomAppLink(classroomId, studentId) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.REMOVE_STUDENTS,
+    args: [classroomId],
+    params: {
+      studentIds: [studentId]
+    }
+  };
+};
+
+function ClassroomStudentItem(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showOptions = _React$useState2[0],
+      setShowOptions = _React$useState2[1];
+
+  var studentOptions = [{
+    text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'editStudentDetails'),
+    appLink: getEditStudentAppLink(props.student.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+        id: props.student.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Edit,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomOverviewStudentListItem
+      });
+    }
+  }, {
+    text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'removeFromClassroom'),
+    appLink: getRemoveFromClassroomAppLink(props.classroom.id, props.student.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+        id: props.student.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Dissociate,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Classroom,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["AssocDescriptor"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomOverviewStudentListItem
+      });
+    }
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: "".concat(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.studentCard, " m-2 bg-white shadow position-relative rounded-lg")
+  }, !showOptions ? 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(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__["DivButton"], {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.toggleAction,
+    onClick: function onClick() {
+      return setShowOptions(true);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Edit,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Large
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.studentCardContent, " w-100 px-1")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
+    className: 'mb-1',
+    src: '/images/student-avatar-placeholder.png',
+    alt: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'avatarAlt', {
+      name: props.student.name
+    })
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'h6 text-center text-truncate pb-1 w-100'
+  }, props.student.name, " ", props.student.surname))) : 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(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__["DivButton"], {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.toggleAction,
+    onClick: function onClick() {
+      return setShowOptions(false);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Close,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Large
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.actionsContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__["TileActions"], {
+    actions: studentOptions
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx":
+/*!******************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx ***!
+  \******************************************************************************************/
+/*! exports provided: ClassroomStudentsList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentsList", function() { return ClassroomStudentsList; });
+/* 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 _ClassroomStudentItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClassroomStudentItem */ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx");
+
+
+function ClassroomStudentsList(props) {
+  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("ul", {
+    className: 'list-unstyled d-flex flex-wrap mx-n2'
+  }, props.students.map(function (student) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ClassroomStudentItem__WEBPACK_IMPORTED_MODULE_1__["ClassroomStudentItem"], {
+      key: student.id,
+      student: student,
+      classroom: props.classroom
+    });
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss":
+/*!*********************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss ***!
+  \*********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"studentCard":"cv--studentCard--wZAHT","studentCardContent":"cv--studentCardContent--G006q","actionsContainer":"cv--actionsContainer--3boP_","toggleAction":"cv--toggleAction--28bC8"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx":
+/*!****************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx ***!
+  \****************************************************************************************************************/
+/*! exports provided: ClassroomStudentsListEmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentsListEmptyState", function() { return ClassroomStudentsListEmptyState; });
+/* 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__);
+
+function ClassroomStudentsListEmptyState(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "Students empty state");
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/tile-actions/TileActions.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/classrooms/components/tile-actions/TileActions.tsx ***!
+  \*********************************************************************/
+/*! exports provided: TileActions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TileActions", function() { return TileActions; });
+/* 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_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _tile_actions_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tile-actions.scss */ "./src/apps/classrooms/components/tile-actions/tile-actions.scss");
+/* harmony import */ var _tile_actions_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_tile_actions_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function TileActions(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-100 d-flex flex-column'
+  }, props.actions.map(function (action) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+      key: action.text,
+      className: "".concat(_tile_actions_scss__WEBPACK_IMPORTED_MODULE_2___default.a.option, " py-1"),
+      appLink: action.appLink,
+      onClick: action.onClick || function () {}
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+      className: 'pl-2'
+    }, action.text));
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/tile-actions/tile-actions.scss":
+/*!***********************************************************************!*\
+  !*** ./src/apps/classrooms/components/tile-actions/tile-actions.scss ***!
+  \***********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"option":"cv--option--2LGMe"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/classroom/ClassroomView.tsx":
+/*!***************************************************************!*\
+  !*** ./src/apps/classrooms/views/classroom/ClassroomView.tsx ***!
+  \***************************************************************/
+/*! exports provided: ClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomView", function() { return ClassroomView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* 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_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_classroom_activities_list_ClassroomActivitiesList__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList */ "./src/apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_activities_list_empty_state_ClassroomActivitiesListEmptyState__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState */ "./src/apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_students_list_ClassroomStudentsList__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! apps/classrooms/components/classroom-students-list/ClassroomStudentsList */ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_students_list_empty_state_ClassroomStudentsListEmptyState__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState */ "./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! apps/classrooms/components/classroom-star/ClassroomStar */ "./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+var learningPathsAppLink = {
+  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].DASHBOARD,
+  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Dashboard.HOME
+};
+
+var getManageClassroomAppLink = function getManageClassroomAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Classrooms.MANAGE_CLASSROOM,
+    args: [id]
+  };
+};
+
+function ClassroomView(props) {
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_11__["ClassroomRequests"].getClassroom(props.id));
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__["useAlerts"])();
+
+  function onToggleStar() {
+    if (!classroom.data.isFavourited) {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_11__["ClassroomRequests"].starClassroom(classroom.data, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__["AnalyticsHelper"].logUserAction({
+          id: classroom.data.id
+        }, {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["LocationContext"].ClassroomOverview,
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["UserAction"].Favourite,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["ToggleDescriptor"].On,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["EntityType"].Classroom,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["WorkflowPhase"].Complete
+        });
+        alerts.success(getPhrase('starSuccess', {
+          classroomName: classroom.data.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('starError', {
+          classroomName: classroom.data.name
+        }));
+      }));
+    } else {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_11__["ClassroomRequests"].unstarClassroom(classroom.data, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__["AnalyticsHelper"].logUserAction({
+          id: classroom.data.id
+        }, {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["LocationContext"].ClassroomOverview,
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["UserAction"].Favourite,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["ToggleDescriptor"].Off,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["EntityType"].Classroom,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["WorkflowPhase"].Complete
+        });
+        alerts.success(getPhrase('unstarSuccess', {
+          classroomName: classroom.data.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('unstarError', {
+          classroomName: classroom.data.name
+        }));
+      }));
+    }
+  }
+
+  if (!classroom.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "Partial Loading");
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mt-1 mr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_16__["ClassroomStar"], {
+    isActive: classroom.data.isFavourited,
+    onToggle: onToggleStar
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", {
+    className: 'mb-0'
+  }, classroom.data.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'overview'
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__["AppLink"], {
+    className: 'd-flex align-items-center',
+    appLink: getManageClassroomAppLink(classroom.data.id)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainer"], {
+    className: 'mr-1 svg-container',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Cog
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'manageClassroom'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'mr-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'learningPaths'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__["AppLink"], {
+    appLink: learningPathsAppLink,
+    className: 'font-weight-normal font-size-normal info-link'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'seeAll'
+  }))), !classroom.data.activities.length ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_activities_list_ClassroomActivitiesList__WEBPACK_IMPORTED_MODULE_12__["ClassroomActivitiesList"], null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_activities_list_empty_state_ClassroomActivitiesListEmptyState__WEBPACK_IMPORTED_MODULE_13__["ClassroomActivitiesListEmptyState"], null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'students'
+  })), classroom.data.students.length ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_students_list_ClassroomStudentsList__WEBPACK_IMPORTED_MODULE_14__["ClassroomStudentsList"], {
+    students: classroom.data.students,
+    classroom: classroom.data
+  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_students_list_empty_state_ClassroomStudentsListEmptyState__WEBPACK_IMPORTED_MODULE_15__["ClassroomStudentsListEmptyState"], null)));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/video-info-button/VideoInfoButton.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/shared/components/video-info-button/VideoInfoButton.tsx ***!
+  \*********************************************************************/
+/*! exports provided: VideoInfoButton */
+/***/ (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");
+
+
+
+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);
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=29.chunk.js.map