@clickview/lite 0.0.22 → 0.0.23-rc.1

package/dist/scripts/{58-5b7bee48c2.chunk.js → 58-cf60d7761f.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[58],{1226:function(a,e,t){"use strict";t.r(e),t.d(e,"EditPlaylistView",(function(){return w}));var l=t(0),i=t(59),s=t(9),n=t(14),c=t(3),o=t(47),p=t(825),d=t(802),u=t(225),r=t(1019),y=s.a.encloseNamespace("playlists.editPlaylist");function w(a){var e=Object(i.useDispatch)(),t=n.a.useBasicFetch(d.a.getPlaylist(a.playlistId));Object(p.a)(t.data&&y("title",{name:t.data.name}),[t]);return l.createElement(u.a,{title:y("heading"),closePopup:a.closePopup,showLoadingSpinner:!t.data},!!t.data&&l.createElement(r.a,{playlist:t.data,savePlaylist:function(t){n.a.fetch(e,d.a.updatePlaylist(a.playlistId,t,a.closePopup,a.closePopup)),o.a.logUserAction(t,o.a.mergeOptions(a.analyticsOptions,{actionType:c.n.Edit,entity:c.d.Playlist,workflowPhase:c.o.Complete}))},onClickCancel:a.closePopup,cancelButtonClass:"secondary"}))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[58],{1232:function(a,e,t){"use strict";t.r(e),t.d(e,"EditPlaylistView",(function(){return w}));var l=t(0),i=t(59),s=t(9),n=t(14),c=t(3),o=t(37),p=t(832),d=t(808),u=t(227),r=t(1025),y=s.a.encloseNamespace("playlists.editPlaylist");function w(a){var e=Object(i.useDispatch)(),t=n.a.useBasicFetch(d.a.getPlaylist(a.playlistId));Object(p.a)(t.data&&y("title",{name:t.data.name}),[t]);return l.createElement(u.a,{title:y("heading"),closePopup:a.closePopup,showLoadingSpinner:!t.data},!!t.data&&l.createElement(r.a,{playlist:t.data,savePlaylist:function(t){n.a.fetch(e,d.a.updatePlaylist(a.playlistId,t,a.closePopup,a.closePopup)),o.a.logUserAction(t,o.a.mergeOptions(a.analyticsOptions,{actionType:c.n.Edit,entity:c.d.Playlist,workflowPhase:c.o.Complete}))},onClickCancel:a.closePopup,cancelButtonClass:"secondary"}))}}}]);

package/dist/scripts/58.chunk.js

@@ -0,0 +1,139 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[58],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/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");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/delete-classroom/DeleteClassroomView.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/classrooms/views/delete-classroom/DeleteClassroomView.tsx ***!
+  \****************************************************************************/
+/*! exports provided: DeleteClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeleteClassroomView", function() { return DeleteClassroomView; });
+/* 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_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.deleteClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function DeleteClassroomView(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showButtonSpinner = _React$useState2[0],
+      setShowButtonSpinner = _React$useState2[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].getClassroom(props.id));
+
+  function deleteClassrooms() {
+    setShowButtonSpinner(true);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].deleteClassroom(props.id, function () {
+      setShowButtonSpinner(false);
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+        id: props.id
+      }, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        name: classroom.data.name
+      }));
+      props.closePopup();
+    }));
+  }
+
+  var showLoadingSpinner = showButtonSpinner || !classroom.data;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: showLoadingSpinner
+  }, classroom.data && 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("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'confirmation',
+    options: {
+      name: classroom.data.name
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_6__["PopupButtons"], {
+    buttons: [{
+      variant: 'link',
+      onClick: props.closePopup,
+      buttonText: getPhrase('cancel')
+    }, {
+      variant: 'danger',
+      onClick: deleteClassrooms,
+      buttonText: getPhrase('remove'),
+      isSpinnerButton: true,
+      showSpinner: showButtonSpinner
+    }]
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=58.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/delete-classroom/DeleteClassroomView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEO,IAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AAC5B,MAAM,YAAY,GAAG,qFAAU,CAAmB,4FAAc,CAAC,KAAlC,CAA/B;AAEA,SAAO;AACL,WADK,mBACG,YADH,EACsD;AACzD,kBAAY,CAAC,OAAb,CAAqB,YAArB;AACD,KAHI;AAIL,SAJK,iBAIC,YAJD,EAIoD;AACvD,kBAAY,CAAC,KAAb,CAAmB,YAAnB;AACD,KANI;AAOL,WAPK,mBAOG,YAPH,EAOuB;AAC1B,kBAAY,CAAC,WAAb,CAAyB;AACvB,YAAI,EAAE,wFAAS,CAAC,OADO;AAEvB,eAAO,EAAE,kGAAmB,CAAC,OAFN;AAGvB,eAAO,EAAE;AAHc,OAAzB;AAKD;AAbI,GAAP;AAeD,CAlBM,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACJP;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AAEA,IAAM,SAAS,GAAG,4BAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AAMM,SAAU,mBAAV,CAA8B,KAA9B,EAA6D;AAAA,wBACb,4CAAK,CAAC,QAAN,CAAe,KAAf,CADa;AAAA;AAAA,MACzD,iBADyD;AAAA,MACtC,oBADsC;;AAGjE,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AACA,MAAM,MAAM,GAAG,kFAAS,EAAxB;AAEA,MAAM,SAAS,GAAG,6DAAM,CAAC,aAAP,CAAoC,mGAAiB,CAAC,YAAlB,CAA+B,KAAK,CAAC,EAArC,CAApC,CAAlB;;AAEA,WAAS,gBAAT,GAAyB;AACvB,wBAAoB,CAAC,IAAD,CAApB;AAEA,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,mGAAiB,CAAC,eAAlB,CAAkC,KAAK,CAAC,EAAxC,EAA4C,YAAK;AACtE,0BAAoB,CAAC,KAAD,CAApB;AAEA,yFAAe,CAAC,aAAhB,CAA8B;AAAE,UAAE,EAAE,KAAK,CAAC;AAAZ,OAA9B,EAAgD,KAAK,CAAC,gBAAtD;AAEA,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,EAAY;AAAE,YAAI,EAAE,SAAS,CAAC,IAAV,CAAe;AAAvB,OAAZ,CAAxB;AAEA,WAAK,CAAC,UAAN;AACD,KARsB,CAAvB;AASD;;AAED,MAAM,kBAAkB,GAAG,iBAAiB,IAAI,CAAC,SAAS,CAAC,IAA3D;AAEA,SACE,2DAAC,6EAAD,EAAM;AAAC,SAAK,EAAE,SAAS,CAAC,OAAD,CAAjB;AAA4B,cAAU,EAAE,KAAK,CAAC,UAA9C;AAA0D,sBAAkB,EAAE;AAA9E,GAAN,EACG,SAAS,CAAC,IAAV,IACC,wHACE,sEACE,2DAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC,cAA9B;AAA6C,WAAO,EAAE;AAAE,UAAI,EAAE,SAAS,CAAC,IAAV,CAAe;AAAvB;AAAtD,GAAL,CADF,CADF,EAKE,2DAAC,2FAAD,EAAa;AAAC,WAAO,EACnB,CACE;AACE,aAAO,EAAE,MADX;AAEE,aAAO,EAAE,KAAK,CAAC,UAFjB;AAGE,gBAAU,EAAE,SAAS,CAAC,QAAD;AAHvB,KADF,EAME;AACE,aAAO,EAAE,QADX;AAEE,aAAO,EAAE,gBAFX;AAGE,gBAAU,EAAE,SAAS,CAAC,QAAD,CAHvB;AAIE,qBAAe,EAAE,IAJnB;AAKE,iBAAW,EAAE;AALf,KANF;AADW,GAAb,CALF,CAFJ,CADF;AA4BD,C","file":"scripts/58.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.deleteClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype DeleteClassroomViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  id: string;\r\n}>>;\r\n\r\nexport function DeleteClassroomView(props: DeleteClassroomViewProps): JSX.Element {\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.id));\r\n\r\n  function deleteClassrooms(): void {\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.deleteClassroom(props.id, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({ id: props.id }, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', { name: classroom.data.name }));\r\n\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  const showLoadingSpinner = showButtonSpinner || !classroom.data;\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={showLoadingSpinner}>\r\n      {classroom.data && (\r\n        <>\r\n          <p>\r\n            <Text namespace={namespace} phrase='confirmation' options={{ name: classroom.data.name }} />\r\n          </p>\r\n\r\n          <PopupButtons buttons={\r\n            [\r\n              {\r\n                variant: 'link',\r\n                onClick: props.closePopup,\r\n                buttonText: getPhrase('cancel')\r\n              },\r\n              {\r\n                variant: 'danger',\r\n                onClick: deleteClassrooms,\r\n                buttonText: getPhrase('remove'),\r\n                isSpinnerButton: true,\r\n                showSpinner: showButtonSpinner\r\n              }\r\n            ]\r\n          }/>\r\n        </>\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{59-00659eeeca.chunk.js → 59-33df1b5304.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[59],{1225:function(e,a,t){"use strict";t.r(a),t.d(a,"NewPlaylistView",(function(){return f}));var i=t(0),l=t(59),n=t(2),c=t(14),o=t(9),s=t(3),p=t(47),r=t(825),u=t(227),w=t(802),P=t(225),d=t(13),y=t(1019),k=o.a.encloseNamespace("playlists.newPlaylist");function f(e){var a=Object(l.useDispatch)();Object(r.a)(k("title"));var t=c.a.useBasicFetch(u.a.currentUser);return i.createElement(P.a,{title:k("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},!!t.data&&i.createElement(y.a,{savePlaylist:function(i){c.a.fetch(a,w.a.createPlaylist(t.data.id,i,(function(a){e.closePopup(),a&&n.a.AppLinkHelper.trigger({application:e.application,action:d.a.Playlists.PLAYLIST,args:[a.id]})}),e.closePopup)),p.a.logUserAction(i,p.a.mergeOptions(e.analyticsOptions,{actionType:s.n.Create,entity:s.d.Playlist,workflowPhase:s.o.Complete}))},onClickCancel:e.closePopup,cancelButtonClass:"link"}))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[59],{1231:function(e,a,t){"use strict";t.r(a),t.d(a,"NewPlaylistView",(function(){return f}));var i=t(0),l=t(59),n=t(2),c=t(14),o=t(9),s=t(3),p=t(37),r=t(832),u=t(229),w=t(808),P=t(227),d=t(13),y=t(1025),k=o.a.encloseNamespace("playlists.newPlaylist");function f(e){var a=Object(l.useDispatch)();Object(r.a)(k("title"));var t=c.a.useBasicFetch(u.a.currentUser);return i.createElement(P.a,{title:k("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},!!t.data&&i.createElement(y.a,{savePlaylist:function(i){c.a.fetch(a,w.a.createPlaylist(t.data.id,i,(function(a){e.closePopup(),a&&n.a.AppLinkHelper.trigger({application:e.application,action:d.a.Playlists.PLAYLIST,args:[a.id]})}),e.closePopup)),p.a.logUserAction(i,p.a.mergeOptions(e.analyticsOptions,{actionType:s.n.Create,entity:s.d.Playlist,workflowPhase:s.o.Complete}))},onClickCancel:e.closePopup,cancelButtonClass:"link"}))}}}]);

package/dist/scripts/59.chunk.js

@@ -0,0 +1,142 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[59],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/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");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/remove-students-from-classroom/RemoveStudentsFromClassroomView.tsx":
+/*!******************************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/remove-students-from-classroom/RemoveStudentsFromClassroomView.tsx ***!
+  \******************************************************************************************************/
+/*! exports provided: RemoveStudentsFromClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RemoveStudentsFromClassroomView", function() { return RemoveStudentsFromClassroomView; });
+/* 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_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _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 apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.removeStudentsFromClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function RemoveStudentsFromClassroomView(props) {
+  var _a;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showButtonSpinner = _React$useState2[0],
+      setShowButtonSpinner = _React$useState2[1];
+
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].getClassroom(props.classroomId));
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__["useAlerts"])();
+  var langOptions = {
+    smartCount: props.studentIds.length,
+    classroomName: (_a = classroom.data) === null || _a === void 0 ? void 0 : _a.name
+  };
+
+  function removeStudents() {
+    setShowButtonSpinner(true);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].removeStudents(props.studentIds, props.classroomId, function () {
+      setShowButtonSpinner(false);
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+        id: props.classroomId,
+        studentCount: props.studentIds.length
+      }, props.analyticsOptions);
+      alerts.success(getPhrase('success', langOptions));
+      props.closePopup();
+    }));
+  }
+
+  var title = classroom.data ? getPhrase('title', langOptions) : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: title,
+    closePopup: props.closePopup,
+    showLoadingSpinner: !classroom.data
+  }, classroom.data && 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("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'confirm',
+    options: langOptions
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_5__["PopupButtons"], {
+    buttons: [{
+      variant: 'link',
+      onClick: props.closePopup,
+      buttonText: getPhrase('cancel')
+    }, {
+      variant: 'danger',
+      onClick: removeStudents,
+      buttonText: getPhrase('remove'),
+      isSpinnerButton: true,
+      showSpinner: showButtonSpinner
+    }]
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=59.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/remove-students-from-classroom/RemoveStudentsFromClassroomView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEO,IAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AAC5B,MAAM,YAAY,GAAG,qFAAU,CAAmB,4FAAc,CAAC,KAAlC,CAA/B;AAEA,SAAO;AACL,WADK,mBACG,YADH,EACsD;AACzD,kBAAY,CAAC,OAAb,CAAqB,YAArB;AACD,KAHI;AAIL,SAJK,iBAIC,YAJD,EAIoD;AACvD,kBAAY,CAAC,KAAb,CAAmB,YAAnB;AACD,KANI;AAOL,WAPK,mBAOG,YAPH,EAOuB;AAC1B,kBAAY,CAAC,WAAb,CAAyB;AACvB,YAAI,EAAE,wFAAS,CAAC,OADO;AAEvB,eAAO,EAAE,kGAAmB,CAAC,OAFN;AAGvB,eAAO,EAAE;AAHc,OAAzB;AAKD;AAbI,GAAP;AAeD,CAlBM,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACJP;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAGA;AACA;AAEA,IAAM,SAAS,GAAG,wCAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AAOM,SAAU,+BAAV,CAA0C,KAA1C,EAAqF;;;AAAA,wBACrC,4CAAK,CAAC,QAAN,CAAe,KAAf,CADqC;AAAA;AAAA,MACjF,iBADiF;AAAA,MAC9D,oBAD8D;;AAGzF,MAAM,SAAS,GAAG,6DAAM,CAAC,aAAP,CAAoC,mGAAiB,CAAC,YAAlB,CAA+B,KAAK,CAAC,WAArC,CAApC,CAAlB;AAEA,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AACA,MAAM,MAAM,GAAG,kFAAS,EAAxB;AAEA,MAAM,WAAW,GAAG;AAAE,cAAU,EAAE,KAAK,CAAC,UAAN,CAAiB,MAA/B;AAAuC,iBAAa,QAAE,SAAS,CAAC,IAAZ,MAAgB,IAAhB,IAAgB,aAAhB,GAAgB,MAAhB,GAAgB,GAAE;AAAtE,GAApB;;AAEA,WAAS,cAAT,GAAuB;AACrB,wBAAoB,CAAC,IAAD,CAApB;AAEA,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,mGAAiB,CAAC,cAAlB,CAAiC,KAAK,CAAC,UAAvC,EAAmD,KAAK,CAAC,WAAzD,EAAsE,YAAK;AAChG,0BAAoB,CAAC,KAAD,CAApB;AAEA,yFAAe,CAAC,aAAhB,CAA8B;AAC5B,UAAE,EAAE,KAAK,CAAC,WADkB;AAE5B,oBAAY,EAAE,KAAK,CAAC,UAAN,CAAiB;AAFH,OAA9B,EAGG,KAAK,CAAC,gBAHT;AAKA,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,EAAY,WAAZ,CAAxB;AAEA,WAAK,CAAC,UAAN;AACD,KAXsB,CAAvB;AAYD;;AAED,MAAM,KAAK,GAAG,SAAS,CAAC,IAAV,GAAiB,SAAS,CAAC,OAAD,EAAU,WAAV,CAA1B,GAAmD,EAAjE;AAEA,SACE,2DAAC,6EAAD,EAAM;AAAC,SAAK,EAAE,KAAR;AAAe,cAAU,EAAE,KAAK,CAAC,UAAjC;AAA6C,sBAAkB,EAAE,CAAC,SAAS,CAAC;AAA5E,GAAN,EACG,SAAS,CAAC,IAAV,IACC,wHACE,sEACE,2DAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC,SAA9B;AAAwC,WAAO,EAAE;AAAjD,GAAL,CADF,CADF,EAKE,2DAAC,2FAAD,EAAa;AAAC,WAAO,EACnB,CACE;AACE,aAAO,EAAE,MADX;AAEE,aAAO,EAAE,KAAK,CAAC,UAFjB;AAGE,gBAAU,EAAE,SAAS,CAAC,QAAD;AAHvB,KADF,EAME;AACE,aAAO,EAAE,QADX;AAEE,aAAO,EAAE,cAFX;AAGE,gBAAU,EAAE,SAAS,CAAC,QAAD,CAHvB;AAIE,qBAAe,EAAE,IAJnB;AAKE,iBAAW,EAAE;AALf,KANF;AADW,GAAb,CALF,CAFJ,CADF;AA4BD,C","file":"scripts/59.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PopupViewProps, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces/mocks/MockClassroom';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.removeStudentsFromClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype RemoveStudentsFromClassroomViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  classroomId: string;\r\n  studentIds: string[];\r\n}>>;\r\n\r\nexport function RemoveStudentsFromClassroomView(props: RemoveStudentsFromClassroomViewProps): JSX.Element {\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.classroomId));\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const langOptions = { smartCount: props.studentIds.length, classroomName: classroom.data?.name };\r\n\r\n  function removeStudents(): void {\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.removeStudents(props.studentIds, props.classroomId, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        id: props.classroomId,\r\n        studentCount: props.studentIds.length\r\n      }, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', langOptions));\r\n\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  const title = classroom.data ? getPhrase('title', langOptions) : '';\r\n\r\n  return (\r\n    <Popup title={title} closePopup={props.closePopup} showLoadingSpinner={!classroom.data}>\r\n      {classroom.data &&\r\n        <>\r\n          <p>\r\n            <Text namespace={namespace} phrase='confirm' options={langOptions} />\r\n          </p>\r\n\r\n          <PopupButtons buttons={\r\n            [\r\n              {\r\n                variant: 'link',\r\n                onClick: props.closePopup,\r\n                buttonText: getPhrase('cancel')\r\n              },\r\n              {\r\n                variant: 'danger',\r\n                onClick: removeStudents,\r\n                buttonText: getPhrase('remove'),\r\n                isSpinnerButton: true,\r\n                showSpinner: showButtonSpinner\r\n              }\r\n            ]\r\n          }/>\r\n        </>\r\n      }\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{5-8cac703d8e.chunk.js → 6-f2c596db09.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[5],{1017:function(e,t,a){"use strict";var n=a(0),r=a(88),c=a(42),i=a(52),l=a(81),o=a(809),s=a(815),m=a(236);function u(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?n.createElement("div",{className:e.className},n.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return n.createElement("div",{key:t},e.name)}))):n.createElement(n.Fragment,null)}var d=a(178),v=a.n(d),p=a(9),E=a(3),f=a(782),g=a(14),b=a(233),h=a(47),N=a(1181),y=a.n(N);function L(e){var t=g.a.useBasicFetch(b.a.config),a=g.a.useBasicFetch({url:"/api/integrations/token/immersive-reader",key:"immersive:reader:token"});if(!t.data||!a.data)return n.createElement(n.Fragment,null);return e.title||(e.title=p.a.getPhrase("shared.immersiveReader","titleFallback")),n.createElement("div",{className:"".concat(y.a.button," ").concat(e.className||""),onClick:function(){h.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text}]},n=a.data,r=n.subdomain,c=n.token;f.launchAsync(c,r,t,{uiZIndex:5e3})}},n.createElement("svg",{viewBox:"0 0 40 37"},n.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),n.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),n.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),n.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}var k=a(1182),w=a.n(k);function x(e){var t=e.tags,a=e.className;return t&&t.data&&t.data.length?n.createElement("div",{className:a},n.createElement(l.b,{phrase:"tags"})," ",t.data.map((function(e,t){return n.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):n.createElement(n.Fragment,null)}function P(e){var t=e.label,a=e.items,r=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var c=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:r},t,": ",c)}function O(e){var t=e.video,a=t.tags,r=t.rating,c=t.productionYear,i=t.productionCompanies,o=t.distributors,s=r&&r.code;return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"details"})),n.createElement("div",{className:"row no-gutters"},n.createElement("div",{className:"col-3"},s&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"rating",options:{code:s}})),c&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"productionYear",options:{year:c}}))),n.createElement("div",{className:"col-9"},n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","productionCompanies"),items:i,className:"pb-2"}),n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","distributors"),items:o,className:"pb-2"}),n.createElement(x,{tags:a,className:"pb-2"}))))}function C(e){var t,a=e.video;return(null===(t=a)||void 0===t?void 0:t.description)?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"description"}),n.createElement(L,{text:a.description,title:a.name,className:"pl-2",analyticsOptions:{location:E.j.PlayPage,entity:E.d.Video,actionType:E.n.Click,descriptor:E.b.LaunchImmersiveReader,workflowPhase:E.o.Complete},analyticsData:{id:a.id,type:"description"}})),n.createElement("p",null,a.description)):n.createElement(n.Fragment,null)}function F(e){var t=e.video;return n.createElement(l.a.Provider,{value:"shared.videoDetails"},n.createElement("div",{className:"rounded border px-3 mb-3"},n.createElement(v.a,{autoHeight:!0,autoHeightMax:368},n.createElement("div",{className:"py-3"},n.createElement(O,{video:t}),n.createElement(C,{video:t}),n.createElement("span",{className:"".concat(w.a.showGlance," cursor-pointer"),onClick:e.onClickShowSynopsis,role:"button",tabIndex:0},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.videoDetails",phrase:"showGlance"})))))))}var D=a(12),A=a(50),T=a(226),S=a(1183),_=a.n(S);function j(e){var t=e.interactive,a=function(e){var t=e.owner;return t&&t.name&&t.surname?t.name.substring(0,1)+". "+t.surname:""}(t),r=function(e){var t,a,n,r,c;return null===(c=null===(r=null===(n=null===(a=null===(t=e.owner)||void 0===t?void 0:t.customers)||void 0===a?void 0:a.data)||void 0===n?void 0:n[0])||void 0===r?void 0:r.organisation)||void 0===c?void 0:c.name}(t);return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3"},n.createElement("div",{className:"d-flex align-items-center w-100"},n.createElement(A.a,{className:"svg-container",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:_.a.content},r&&n.createElement("small",null,a&&n.createElement(n.Fragment,null,a,", "),n.createElement("em",null,r)),n.createElement("h3",{className:"h6 mb-0 clamp-2 ".concat(_.a.clamped),title:t.name},t.name),n.createElement(A.a,{className:"svg-container align-middle mr-1",svgName:D.b.Preview}),n.createElement("span",{className:"text-info"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"preview"}))),n.createElement(A.a,{className:"svg-container",svgName:D.b.More,size:A.b.ExtraLarge})))}function I(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.interactives)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"interactives"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.interactives",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.interactives.data.map((function(e){return n.createElement(j,{interactive:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.interactives",phrase:"empty"}))))}var R=a(43),M=a(239),B=a(804),V=a(1184),Y=a.n(V);function H(e){var t=e.clip,a=t.endTime-t.startTime,r=M.a.ToDisplayDuration(1e3*a),c=e.duration/1e3,i=t.startTime/c*100,l=a/c*100,o=n.createElement(R.Tooltip,{id:"tooltip-top"},r);return n.createElement("div",{className:"".concat(Y.a.bar," rounded mt-2")},n.createElement(R.OverlayTrigger,{overlay:o},n.createElement("div",{className:"".concat(Y.a.subBar," bg-primary rounded"),style:{width:"".concat(l,"%"),marginLeft:"".concat(i,"%")}})))}function U(e){var t=e.clip,a=t.endTime-t.startTime;return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap"},n.createElement("div",{className:"d-flex align-self-center w-100"},n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:Y.a.content},n.createElement("div",{className:"d-flex"},n.createElement("h3",{className:"h6 mb-0 d-inline-block text-truncate",title:t.name},t.name),n.createElement("div",{className:"flex-shrink-0"},n.createElement(B.a,{type:B.b.Duration,data:1e3*a}))),t.description&&n.createElement("p",{className:"".concat(Y.a.clampedDescription," mb-0 clamp-2"),title:t.description},t.description),n.createElement(H,Object.assign({},e))),n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.More,size:A.b.ExtraLarge})))}function Z(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.clips)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.clips",phrase:"clips"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.clips",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.clips.data.map((function(e){return n.createElement(U,{duration:c.duration,clip:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.clips",phrase:"empty"}))))}function K(e){return function(t){var a=n.useCallback(t,[]);n.useEffect((function(){return window.addEventListener(e,a),function(){return window.removeEventListener(e,a)}}),[])}}var z=K("scroll"),G=K("resize"),q=a(879),J=a(13),X=a(6),Q=a(89),W=a(235),$=a(819);function ee(e){var t=e.video,a={application:X.a.DEFAULT,action:J.a.Default.SERIES,args:t.series?[t.series.id,i.a.slugify(t.series.name)]:[]};return n.createElement("div",{className:"mb-2"},n.createElement("h1",{className:"h3 d-inline-block m-0"},!!t.series&&n.createElement(W.a,{video:t,appLink:a}),t.name),!!c.a.isFunction(e.setFavourite)&&n.createElement($.a,{setFavourite:e.setFavourite,video:t,className:"d-inline-block ml-2 align-text-bottom"}))}function te(e){var t=e.video,a=t.rating,r=t.productionYear;return n.createElement("div",null,a&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},a.code),r&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},r))}var ae=a(121);function ne(e){var t="btn btn-light float-right ml-2",a=n.useContext(m.a).getActionAppLink;return n.createElement(l.a.Provider,{value:"shared.playPage"},n.createElement("div",{className:"mt-3 clearfix"},n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createInteractive"})),n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createClip"})),n.createElement(T.a,{svgName:D.b.More,className:t},n.createElement(l.b,{phrase:"more"})),n.createElement(T.a,{svgName:D.b.Share,className:t,appLink:a(e.video,ae.a.Share)},n.createElement(l.b,{phrase:"share"})),n.createElement(T.a,{svgName:D.b.AddToPlaylists,className:t},n.createElement(l.b,{phrase:"addToPlaylist"})),n.createElement(T.a,{svgName:D.b.Plus,className:t},n.createElement(l.b,{phrase:"favourite"}))))}var re=a(783),ce=a(787),ie=a(1185),le=a.n(ie);function oe(e){var t=e.video,a=e.onClickFullDescription;if(!t.glance||!t.glance.content||"text/markdown"!==t.glance.format)return a(),n.createElement(n.Fragment,null);var r=[{className:le.a.topLeft,url:"https://i.imgur.com/3GafOwO.png"},{className:le.a.topRight,url:"https://i.imgur.com/wcNZVth.png"},{className:le.a.bottomLeft,url:"https://i.imgur.com/vUEo7H2.png"},{className:le.a.bottomRight,url:"https://i.imgur.com/R3gcyGY.png"}];return n.createElement("div",{className:"rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(le.a.container)},n.createElement("div",{className:"".concat(le.a.content," py-5")},n.createElement("h2",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"videoAtAGlance"})),n.createElement("div",{dangerouslySetInnerHTML:{__html:re(t.glance.content)}}),n.createElement(ce.a,{onClick:e.onClickFullDescription,className:"cursor-pointer d-inline-block"},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"showFullDescription"})))),r.map((function(e,t){return n.createElement("div",{key:t,className:"".concat(e.className," ").concat(le.a.background),style:{backgroundImage:"url('".concat(e.url,"')")}})})))}function se(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return me(e,t)}(e,t)||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 me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return ve}));var ue=function(e){return{application:X.a.DEFAULT,action:J.a.Default.PLAY_VIDEO,args:[e.id,i.a.slugify(e.name)]}},de=function(e){return{application:X.a.DEFAULT,action:J.a.Default.SERIES,args:[e.id,i.a.slugify(e.name)]}};function ve(e){var t=e.video,a=e.relatedVideos,i=se(Object(r.a)(Q.a.WEB_PLAYER_DATA),2)[1],d=se(n.useState(!0),2),v=d[0],p=d[1],E=n.useRef(null),f=n.useCallback((function(e){e&&(E.current=e,g())}),[]),g=n.useMemo((function(){return c.a.throttle(function(e,t){return function(){if(e.current){var a=e.current.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;a.top<-a.height?t("viewportPosition",null):t("viewportPosition",{top:r+a.top,left:n+a.left,width:a.width})}}}(E,i),100,{leading:!0,trailing:!0})}),[]);return z(g),G(g),n.useEffect((function(){return i("isOnPlayPage",!0),function(){i("viewportPosition",null),i("isOnPlayPage",!1)}}),[]),n.createElement(m.a.Provider,{value:{getActionAppLink:q.a}},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(o.a,{appLink:{application:X.a.DASHBOARD,action:J.a.Dashboard.HOME},backToName:"Home"}),n.createElement("button",{className:"btn btn-light"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"classroomMode"}))),n.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:f}),n.createElement(ee,{video:t,setFavourite:e.setFavourite}),n.createElement(te,{video:t}),n.createElement(ne,{video:t}),n.createElement("hr",null),v?n.createElement(oe,{video:t,onClickFullDescription:function(){return p(!1)}}):n.createElement(F,{video:t,onClickShowSynopsis:function(){return p(!0)}}),n.createElement(u,{video:t,className:"my-3"}),n.createElement(I,{video:t}),n.createElement(Z,{video:t}),!!a&&n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4 mt-3"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"relatedVideos"})),n.createElement(s.c,{videos:a,getSeriesAppLink:de,getVideoAppLink:ue,setFavourite:e.setFavourite})))}},1181:function(e,t,a){e.exports={button:"_10_KK"}},1182:function(e,t,a){e.exports={showGlance:"_2fhqC"}},1183:function(e,t,a){e.exports={content:"_1D6Hx",clamped:"_2sHZC"}},1184:function(e,t,a){e.exports={content:"_22tRu",clamped:"_LK8Q",clampedDescription:"_18yOL",bar:"_3-kb8",subBar:"_1ROlV"}},1185:function(e,t,a){e.exports={container:"_1XOYA",content:"UcxNO",background:"_3gpaY",topLeft:"_2s7I6",bottomLeft:"_23UKL",topRight:"ec_-l",bottomRight:"_1xMKp"}},795:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(21),r=a(41),c=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function i(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function l(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var o={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?i:l)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=c(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},809:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(9),c=a(50),i=a(51),l=a(12);function o(e){var t=e.backToName,a=e.appLink,o=e.color,s=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),m="black"===o?"":"text-light";return n.createElement(i.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(m)},n.createElement(c.a,{svgName:l.b.ChevronLeft,size:c.b.Medium}),n.createElement("span",{className:"ml-1"},s))}o.defaultProps={color:"black"}},879:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(121),r=a(6),c=a(13);function i(e,t){switch(t){case n.a.AddToPlaylist:return{application:r.a.PLAYLISTS,action:c.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case n.a.Share:return{application:r.a.DEFAULT,action:c.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[6],{1023:function(e,t,a){"use strict";var n=a(0),r=a(88),c=a(42),i=a(52),l=a(81),o=a(816),s=a(822),m=a(236);function u(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?n.createElement("div",{className:e.className},n.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return n.createElement("div",{key:t},e.name)}))):n.createElement(n.Fragment,null)}var d=a(180),v=a.n(d),p=a(9),E=a(3),f=a(787),g=a(14),b=a(150),h=a(37),N=a(1187),y=a.n(N);function L(e){var t=g.a.useBasicFetch(b.a.config),a=g.a.useBasicFetch({url:"/api/integrations/token/immersive-reader",key:"immersive:reader:token"});if(!t.data||!a.data)return n.createElement(n.Fragment,null);return e.title||(e.title=p.a.getPhrase("shared.immersiveReader","titleFallback")),n.createElement("div",{className:"".concat(y.a.button," ").concat(e.className||""),onClick:function(){h.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text}]},n=a.data,r=n.subdomain,c=n.token;f.launchAsync(c,r,t,{uiZIndex:5e3})}},n.createElement("svg",{viewBox:"0 0 40 37"},n.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),n.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),n.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),n.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}var k=a(1188),w=a.n(k);function x(e){var t=e.tags,a=e.className;return t&&t.data&&t.data.length?n.createElement("div",{className:a},n.createElement(l.b,{phrase:"tags"})," ",t.data.map((function(e,t){return n.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):n.createElement(n.Fragment,null)}function P(e){var t=e.label,a=e.items,r=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var c=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:r},t,": ",c)}function O(e){var t=e.video,a=t.tags,r=t.rating,c=t.productionYear,i=t.productionCompanies,o=t.distributors,s=r&&r.code;return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"details"})),n.createElement("div",{className:"row no-gutters"},n.createElement("div",{className:"col-3"},s&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"rating",options:{code:s}})),c&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"productionYear",options:{year:c}}))),n.createElement("div",{className:"col-9"},n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","productionCompanies"),items:i,className:"pb-2"}),n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","distributors"),items:o,className:"pb-2"}),n.createElement(x,{tags:a,className:"pb-2"}))))}function C(e){var t,a=e.video;return(null===(t=a)||void 0===t?void 0:t.description)?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"description"}),n.createElement(L,{text:a.description,title:a.name,className:"pl-2",analyticsOptions:{location:E.j.PlayPage,entity:E.d.Video,actionType:E.n.Click,descriptor:E.b.LaunchImmersiveReader,workflowPhase:E.o.Complete},analyticsData:{id:a.id,type:"description"}})),n.createElement("p",null,a.description)):n.createElement(n.Fragment,null)}function F(e){var t=e.video;return n.createElement(l.a.Provider,{value:"shared.videoDetails"},n.createElement("div",{className:"rounded border px-3 mb-3"},n.createElement(v.a,{autoHeight:!0,autoHeightMax:368},n.createElement("div",{className:"py-3"},n.createElement(O,{video:t}),n.createElement(C,{video:t}),n.createElement("span",{className:"".concat(w.a.showGlance," cursor-pointer"),onClick:e.onClickShowSynopsis,role:"button",tabIndex:0},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.videoDetails",phrase:"showGlance"})))))))}var D=a(12),A=a(50),T=a(228),S=a(1189),_=a.n(S);function j(e){var t=e.interactive,a=function(e){var t=e.owner;return t&&t.name&&t.surname?t.name.substring(0,1)+". "+t.surname:""}(t),r=function(e){var t,a,n,r,c;return null===(c=null===(r=null===(n=null===(a=null===(t=e.owner)||void 0===t?void 0:t.customers)||void 0===a?void 0:a.data)||void 0===n?void 0:n[0])||void 0===r?void 0:r.organisation)||void 0===c?void 0:c.name}(t);return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3"},n.createElement("div",{className:"d-flex align-items-center w-100"},n.createElement(A.a,{className:"svg-container",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:_.a.content},r&&n.createElement("small",null,a&&n.createElement(n.Fragment,null,a,", "),n.createElement("em",null,r)),n.createElement("h3",{className:"h6 mb-0 clamp-2 ".concat(_.a.clamped),title:t.name},t.name),n.createElement(A.a,{className:"svg-container align-middle mr-1",svgName:D.b.Preview}),n.createElement("span",{className:"text-info"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"preview"}))),n.createElement(A.a,{className:"svg-container",svgName:D.b.More,size:A.b.ExtraLarge})))}function I(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.interactives)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"interactives"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.interactives",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.interactives.data.map((function(e){return n.createElement(j,{interactive:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.interactives",phrase:"empty"}))))}var R=a(44),M=a(239),B=a(810),V=a(1190),Y=a.n(V);function H(e){var t=e.clip,a=t.endTime-t.startTime,r=M.a.ToDisplayDuration(1e3*a),c=e.duration/1e3,i=t.startTime/c*100,l=a/c*100,o=n.createElement(R.Tooltip,{id:"tooltip-top"},r);return n.createElement("div",{className:"".concat(Y.a.bar," rounded mt-2")},n.createElement(R.OverlayTrigger,{overlay:o},n.createElement("div",{className:"".concat(Y.a.subBar," bg-primary rounded"),style:{width:"".concat(l,"%"),marginLeft:"".concat(i,"%")}})))}function U(e){var t=e.clip,a=t.endTime-t.startTime;return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap"},n.createElement("div",{className:"d-flex align-self-center w-100"},n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:Y.a.content},n.createElement("div",{className:"d-flex"},n.createElement("h3",{className:"h6 mb-0 d-inline-block text-truncate",title:t.name},t.name),n.createElement("div",{className:"flex-shrink-0"},n.createElement(B.a,{type:B.b.Duration,data:1e3*a}))),t.description&&n.createElement("p",{className:"".concat(Y.a.clampedDescription," mb-0 clamp-2"),title:t.description},t.description),n.createElement(H,Object.assign({},e))),n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.More,size:A.b.ExtraLarge})))}function Z(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.clips)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.clips",phrase:"clips"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.clips",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.clips.data.map((function(e){return n.createElement(U,{duration:c.duration,clip:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.clips",phrase:"empty"}))))}function K(e){return function(t){var a=n.useCallback(t,[]);n.useEffect((function(){return window.addEventListener(e,a),function(){return window.removeEventListener(e,a)}}),[])}}var z=K("scroll"),G=K("resize"),q=a(887),J=a(13),X=a(6),Q=a(90),W=a(235),$=a(826);function ee(e){var t=e.video,a={application:X.a.DEFAULT,action:J.a.Default.SERIES,args:t.series?[t.series.id,i.a.slugify(t.series.name)]:[]};return n.createElement("div",{className:"mb-2"},n.createElement("h1",{className:"h3 d-inline-block m-0"},!!t.series&&n.createElement(W.a,{video:t,appLink:a}),t.name),!!c.a.isFunction(e.setFavourite)&&n.createElement($.a,{setFavourite:e.setFavourite,video:t,className:"d-inline-block ml-2 align-text-bottom"}))}function te(e){var t=e.video,a=t.rating,r=t.productionYear;return n.createElement("div",null,a&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},a.code),r&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},r))}var ae=a(123);function ne(e){var t="btn btn-light float-right ml-2",a=n.useContext(m.a).getActionAppLink;return n.createElement(l.a.Provider,{value:"shared.playPage"},n.createElement("div",{className:"mt-3 clearfix"},n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createInteractive"})),n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createClip"})),n.createElement(T.a,{svgName:D.b.More,className:t},n.createElement(l.b,{phrase:"more"})),n.createElement(T.a,{svgName:D.b.Share,className:t,appLink:a(e.video,ae.a.Share)},n.createElement(l.b,{phrase:"share"})),n.createElement(T.a,{svgName:D.b.AddToPlaylists,className:t},n.createElement(l.b,{phrase:"addToPlaylist"})),n.createElement(T.a,{svgName:D.b.Plus,className:t},n.createElement(l.b,{phrase:"favourite"}))))}var re=a(788),ce=a(792),ie=a(1191),le=a.n(ie);function oe(e){var t=e.video,a=e.onClickFullDescription;if(!t.glance||!t.glance.content||"text/markdown"!==t.glance.format)return a(),n.createElement(n.Fragment,null);var r=[{className:le.a.topLeft,url:"https://i.imgur.com/3GafOwO.png"},{className:le.a.topRight,url:"https://i.imgur.com/wcNZVth.png"},{className:le.a.bottomLeft,url:"https://i.imgur.com/vUEo7H2.png"},{className:le.a.bottomRight,url:"https://i.imgur.com/R3gcyGY.png"}];return n.createElement("div",{className:"rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(le.a.container)},n.createElement("div",{className:"".concat(le.a.content," py-5")},n.createElement("h2",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"videoAtAGlance"})),n.createElement("div",{dangerouslySetInnerHTML:{__html:re(t.glance.content)}}),n.createElement(ce.a,{onClick:e.onClickFullDescription,className:"cursor-pointer d-inline-block"},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"showFullDescription"})))),r.map((function(e,t){return n.createElement("div",{key:t,className:"".concat(e.className," ").concat(le.a.background),style:{backgroundImage:"url('".concat(e.url,"')")}})})))}function se(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return me(e,t)}(e,t)||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 me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return ve}));var ue=function(e){return{application:X.a.DEFAULT,action:J.a.Default.PLAY_VIDEO,args:[e.id,i.a.slugify(e.name)]}},de=function(e){return{application:X.a.DEFAULT,action:J.a.Default.SERIES,args:[e.id,i.a.slugify(e.name)]}};function ve(e){var t=e.video,a=e.relatedVideos,i=se(Object(r.a)(Q.a.WEB_PLAYER_DATA),2)[1],d=se(n.useState(!0),2),v=d[0],p=d[1],E=n.useRef(null),f=n.useCallback((function(e){e&&(E.current=e,g())}),[]),g=n.useMemo((function(){return c.a.throttle(function(e,t){return function(){if(e.current){var a=e.current.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;a.top<-a.height?t("viewportPosition",null):t("viewportPosition",{top:r+a.top,left:n+a.left,width:a.width})}}}(E,i),100,{leading:!0,trailing:!0})}),[]);return z(g),G(g),n.useEffect((function(){return i("isOnPlayPage",!0),function(){i("viewportPosition",null),i("isOnPlayPage",!1)}}),[]),n.createElement(m.a.Provider,{value:{getActionAppLink:q.a}},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(o.a,{appLink:{application:X.a.DASHBOARD,action:J.a.Dashboard.HOME},backToName:"Home"}),n.createElement("button",{className:"btn btn-light"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"classroomMode"}))),n.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:f}),n.createElement(ee,{video:t,setFavourite:e.setFavourite}),n.createElement(te,{video:t}),n.createElement(ne,{video:t}),n.createElement("hr",null),v?n.createElement(oe,{video:t,onClickFullDescription:function(){return p(!1)}}):n.createElement(F,{video:t,onClickShowSynopsis:function(){return p(!0)}}),n.createElement(u,{video:t,className:"my-3"}),n.createElement(I,{video:t}),n.createElement(Z,{video:t}),!!a&&n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4 mt-3"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"relatedVideos"})),n.createElement(s.c,{videos:a,getSeriesAppLink:de,getVideoAppLink:ue,setFavourite:e.setFavourite})))}},1187:function(e,t,a){e.exports={button:"_10_KK"}},1188:function(e,t,a){e.exports={showGlance:"_2fhqC"}},1189:function(e,t,a){e.exports={content:"_1D6Hx",clamped:"_2sHZC"}},1190:function(e,t,a){e.exports={content:"_22tRu",clamped:"_LK8Q",clampedDescription:"_18yOL",bar:"_3-kb8",subBar:"_1ROlV"}},1191:function(e,t,a){e.exports={container:"_1XOYA",content:"UcxNO",background:"_3gpaY",topLeft:"_2s7I6",bottomLeft:"_23UKL",topRight:"ec_-l",bottomRight:"_1xMKp"}},800:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(21),r=a(43),c=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function i(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function l(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var o={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?i:l)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=c(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},816:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(9),c=a(50),i=a(51),l=a(12);function o(e){var t=e.backToName,a=e.appLink,o=e.color,s=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),m="black"===o?"":"text-light";return n.createElement(i.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(m)},n.createElement(c.a,{svgName:l.b.ChevronLeft,size:c.b.Medium}),n.createElement("span",{className:"ml-1"},s))}o.defaultProps={color:"black"}},887:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(123),r=a(6),c=a(13);function i(e,t){switch(t){case n.a.AddToPlaylist:return{application:r.a.PLAYLISTS,action:c.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case n.a.Share:return{application:r.a.DEFAULT,action:c.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}}}]);