@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/11.chunk.js

@@ -0,0 +1,1682 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[11],{
+
+/***/ "../../libs/shared/src/components/curriculum-links/CurriculumLinks.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/curriculum-links/CurriculumLinks.tsx ***!
+  \*****************************************************************************************************************/
+/*! exports provided: CurriculumLinks */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CurriculumLinks", function() { return CurriculumLinks; });
+/* 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_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-custom-scrollbars */ "react-custom-scrollbars");
+/* harmony import */ var react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../enums/CurriculumType */ "../../libs/shared/src/enums/CurriculumType.ts");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _curriculum_links_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./curriculum-links.scss */ "../../libs/shared/src/components/curriculum-links/curriculum-links.scss");
+/* harmony import */ var _curriculum_links_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_curriculum_links_scss__WEBPACK_IMPORTED_MODULE_5__);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+var namespace = 'shared.curriculumLinks';
+
+function CurriculumLeaf(props) {
+  var curriculumCodeClass = _curriculum_links_scss__WEBPACK_IMPORTED_MODULE_5___default.a.curriculumCode + ' align-self-start text-nowrap' + ' font-size-normal badge-pill tag py-1 px-2 my-0 mr-1';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
+    appLink: null,
+    className: 'd-flex'
+  }, function () {
+    if (!props.leaf.description) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+      className: 'm-0'
+    }, props.leaf.name);
+    if (!props.leaf.name) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+      className: 'm-0'
+    }, props.leaf.description);
+    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("h5", {
+      className: curriculumCodeClass
+    }, props.leaf.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+      className: 'm-0 align-self-center'
+    }, props.leaf.description));
+  }());
+}
+
+function CurriculumSubject(_ref) {
+  var linkSet = _ref.linkSet;
+  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("h3", {
+    className: 'font-size-normal font-weight-500 mb-2'
+  }, linkSet[_enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Audience].name, " - ", linkSet[_enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Subject].name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'ml-1 mr-2'
+  }, linkSet.areasAndLeaves.map(function (areaAndLeafSet, i) {
+    var areaText = areaAndLeafSet[_enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Area].map(function (ca) {
+      return ca.name;
+    }).join(' - ').toUpperCase();
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      key: i,
+      className: _curriculum_links_scss__WEBPACK_IMPORTED_MODULE_5___default.a.areaLeafSet
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h4", {
+      className: "".concat(_curriculum_links_scss__WEBPACK_IMPORTED_MODULE_5___default.a.area, " text-muted mb-2 font-weight-normal")
+    }, areaText), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+      className: 'list-unstyled ml-1'
+    }, areaAndLeafSet[_enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Leaf].map(function (leaf) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+        key: leaf.id,
+        className: 'mb-2'
+      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CurriculumLeaf, {
+        leaf: leaf
+      }));
+    })));
+  })));
+}
+
+var CurriculumLinks = react__WEBPACK_IMPORTED_MODULE_0___default.a.memo(function (props) {
+  /**
+   * Here, we're taking the structure of links from the backend, and restructuring it in a way
+   * that resembles the structure of our UI more closely. The general idea is:
+   *
+   * CurriculumAudience - CurriculumSubject
+   *   CurriculumAreas
+   *     CurriculumLeaves
+   */
+  var curriculumLinkSets = {};
+  props.curriculumLinks.forEach(function (linkSet) {
+    var _ref2, _curriculumLinkSets$k2;
+
+    var subject = null;
+    var audience = null;
+    var areas = [];
+    var leaves = [];
+    linkSet.forEach(function (curriculumObj) {
+      switch (curriculumObj.type) {
+        case _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Subject:
+          subject = curriculumObj;
+          break;
+
+        case _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Audience:
+          audience = curriculumObj;
+          break;
+
+        case _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Area:
+          areas.push(curriculumObj);
+          break;
+
+        case _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Leaf:
+          leaves.push(curriculumObj);
+          break;
+
+        default:
+          break;
+      }
+    });
+    var key = "".concat(subject.id, ":").concat(audience.id);
+
+    if (curriculumLinkSets[key]) {
+      var _curriculumLinkSets$k;
+
+      curriculumLinkSets[key].areasAndLeaves.push((_curriculumLinkSets$k = {}, _defineProperty(_curriculumLinkSets$k, _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Area, areas), _defineProperty(_curriculumLinkSets$k, _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Leaf, leaves), _curriculumLinkSets$k));
+      return;
+    }
+
+    curriculumLinkSets[key] = (_curriculumLinkSets$k2 = {}, _defineProperty(_curriculumLinkSets$k2, _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Subject, subject), _defineProperty(_curriculumLinkSets$k2, _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Audience, audience), _defineProperty(_curriculumLinkSets$k2, "areasAndLeaves", [(_ref2 = {}, _defineProperty(_ref2, _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Area, areas), _defineProperty(_ref2, _enums_CurriculumType__WEBPACK_IMPORTED_MODULE_3__["CurriculumType"].Leaf, leaves), _ref2)]), _curriculumLinkSets$k2);
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "rounded border mb-3"
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1___default.a, {
+    autoHeight: true,
+    autoHeightMax: props.height
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'p-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mb-2 d-flex justify-content-between align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h6 mb-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    namespace: namespace,
+    phrase: 'curriculumLinks'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: "button",
+    className: "close",
+    "aria-label": "Close",
+    onClick: props.onClickSeeLess
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    "aria-hidden": "true"
+  }, "\xD7"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'list-unstyled m-0'
+  }, Object.keys(curriculumLinkSets).map(function (linkSetKey, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: "linkset-".concat(i),
+      className: _curriculum_links_scss__WEBPACK_IMPORTED_MODULE_5___default.a.curriculumSet
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CurriculumSubject, {
+      linkSet: curriculumLinkSets[linkSetKey]
+    }));
+  })))));
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/curriculum-links/curriculum-links.scss":
+/*!*******************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/curriculum-links/curriculum-links.scss ***!
+  \*******************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"curriculumSet":"cv--curriculumSet--rYMeg","areaLeafSet":"cv--areaLeafSet--1-RqH","area":"cv--area--F-oQE","curriculumCode":"cv--curriculumCode--TOD1n"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/TagItem.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/tags/TagItem.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: TagItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagItem", function() { return TagItem; });
+/* 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 _app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tags.scss */ "../../libs/shared/src/components/tags/tags.scss");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_tags_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function TagItem(_ref) {
+  var tag = _ref.tag,
+      appLink = _ref.appLink,
+      disabled = _ref.disabled;
+  var classNames = 'badge-pill tag py-1 px-2 my-1 mr-1';
+  if (appLink && !disabled) classNames += ' cursor-pointer';
+  if (disabled) classNames += ' ' + _tags_scss__WEBPACK_IMPORTED_MODULE_2___default.a.disabled;
+  return appLink ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    appLink: appLink,
+    className: classNames
+  }, tag.name) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: classNames
+  }, tag.name);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/TagList.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/tags/TagList.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: TagList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagList", function() { return TagList; });
+/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _TagItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TagItem */ "../../libs/shared/src/components/tags/TagItem.tsx");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./tags.scss */ "../../libs/shared/src/components/tags/tags.scss");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_tags_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+function TagList(_ref) {
+  var tags = _ref.tags,
+      getAppLink = _ref.getAppLink;
+  if (!tags || !tags.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: _tags_scss__WEBPACK_IMPORTED_MODULE_3___default.a.tagList
+  }, tags.data.map(function (tag) {
+    var appLink = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(getAppLink) ? getAppLink(tag) : null;
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_TagItem__WEBPACK_IMPORTED_MODULE_2__["TagItem"], {
+      key: tag.id,
+      tag: tag,
+      appLink: appLink
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/tags.scss":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/tags/tags.scss ***!
+  \*******************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"tagList":"cv--tagList--yvetE","disabled":"cv--disabled--3ZfKv"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-owner-text/VideoOwnerText.tsx":
+/*!****************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-owner-text/VideoOwnerText.tsx ***!
+  \****************************************************************************************************************/
+/*! exports provided: VideoOwnerText */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoOwnerText", function() { return VideoOwnerText; });
+/* 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 VideoOwnerText(props) {
+  var _a, _b, _c, _d;
+
+  if (!props.owner) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
+  var name = props.owner.name;
+  if (props.owner.surname) name += " ".concat(props.owner.surname.substr(0, 1)).toUpperCase();
+  var customer = (_b = (_a = props.owner.customers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[0];
+  var customerName = (_d = (_c = customer) === null || _c === void 0 ? void 0 : _c.name, _d !== null && _d !== void 0 ? _d : '');
+  if (customerName) name += ', ';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("small", {
+    className: 'clamp-1'
+  }, name, customerName && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("em", null, customerName), customerName === 'ClickView' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "CV Icon"));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/index.ts":
+/*!**********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/index.ts ***!
+  \**********************************************************************************************************/
+/*! exports provided: FixedWidget, initialWidgetState, FixedWidgetReducer, lazyWidgetInit, PartialFixedWidget */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _FixedWidget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidget", function() { return _FixedWidget__WEBPACK_IMPORTED_MODULE_0__["FixedWidget"]; });
+
+/* harmony import */ var _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FixedWidgetReducer */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initialWidgetState", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["initialWidgetState"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidgetReducer", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["FixedWidgetReducer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lazyWidgetInit", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["lazyWidgetInit"]; });
+
+/* harmony import */ var _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PartialFixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialFixedWidget", function() { return _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__["PartialFixedWidget"]; });
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/clip-widget-item/ClipWidgetItem.tsx":
+/*!******************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/clip-widget-item/ClipWidgetItem.tsx ***!
+  \******************************************************************************************************************************/
+/*! exports provided: ClipWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClipWidgetItem", function() { return ClipWidgetItem; });
+/* 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 _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
+/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
+/* harmony import */ var _video_owner_text_VideoOwnerText__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../video-owner-text/VideoOwnerText */ "../../libs/shared/src/components/video-owner-text/VideoOwnerText.tsx");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _clip_widget_item_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./clip-widget-item.scss */ "../../libs/shared/src/components/widgets/items/clip-widget-item/clip-widget-item.scss");
+/* harmony import */ var _clip_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_clip_widget_item_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+var ClipWidgetItem = react__WEBPACK_IMPORTED_MODULE_0___default.a.memo(function (props) {
+  var appLink = Object.assign(Object.assign({}, props.appLink), {
+    args: [props.data.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(props.data.name)]
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "flex-shrink-0 px-1 ".concat(_clip_widget_item_scss__WEBPACK_IMPORTED_MODULE_7___default.a.item)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'row m-0 border rounded p-2 h-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'col-6 p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_3__["VideoThumbnail"], {
+    video: props.video,
+    appLink: appLink,
+    type: 'static',
+    videoType: 'clip',
+    clip: props.data,
+    imageOptions: {
+      size: _enums_Images__WEBPACK_IMPORTED_MODULE_6__["ImageSize"].Small
+    },
+    textPosition: _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_4__["ThumbnailTextPosition"].Independent,
+    preload: true
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'col-6 p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pl-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: appLink
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'h6 mb-1 clamp-2'
+  }, props.data.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_video_owner_text_VideoOwnerText__WEBPACK_IMPORTED_MODULE_5__["VideoOwnerText"], {
+    owner: props.data.owner
+  })))));
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/clip-widget-item/clip-widget-item.scss":
+/*!*********************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/clip-widget-item/clip-widget-item.scss ***!
+  \*********************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"item":"cv--item--pYl_b","thumbnail":"cv--thumbnail--92H1z","smallItemIconWidth":"cv--smallItemIconWidth--3DbAB","smallItemInfoWidth":"cv--smallItemInfoWidth--1D2_c","smallProgressBarContainer":"cv--smallProgressBarContainer--1gwy8","smallItemNameWidth":"cv--smallItemNameWidth--3TPSf"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx":
+/*!********************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx ***!
+  \********************************************************************************************************************************************/
+/*! exports provided: InteractiveWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveWidgetItem", function() { return InteractiveWidgetItem; });
+/* 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 _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
+/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
+/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _video_owner_text_VideoOwnerText__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../video-owner-text/VideoOwnerText */ "../../libs/shared/src/components/video-owner-text/VideoOwnerText.tsx");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./interactive-widget-item.scss */ "../../libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss");
+/* harmony import */ var _interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.interactiveWidgetItem';
+var InteractiveWidgetItem = react__WEBPACK_IMPORTED_MODULE_0___default.a.memo(function (props) {
+  var interactiveAppLink = Object.assign(Object.assign({}, props.appLink), {
+    args: [props.data.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(props.data.name)]
+  });
+  var questionsAppLink = Object.assign(Object.assign({}, props.questionsAppLink), {
+    args: [props.data.id]
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "flex-shrink-0 px-1 ".concat(_interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8___default.a.item)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'row m-0 border rounded p-2 h-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'col-6 p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_3__["VideoThumbnail"], {
+    video: props.video,
+    interactive: props.data,
+    appLink: interactiveAppLink,
+    type: 'static',
+    videoType: 'interactive',
+    imageOptions: {
+      size: _enums_Images__WEBPACK_IMPORTED_MODULE_7__["ImageSize"].Small
+    },
+    textPosition: _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_4__["ThumbnailTextPosition"].Independent,
+    preload: true
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'col-6 p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pl-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: interactiveAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'h6 mb-1 clamp-2'
+  }, props.data.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_video_owner_text_VideoOwnerText__WEBPACK_IMPORTED_MODULE_6__["VideoOwnerText"], {
+    owner: props.data.owner
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    className: 'info-link',
+    appLink: questionsAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'previewQuestions'
+  }))))));
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss":
+/*!***********************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss ***!
+  \***********************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"item":"cv--item--2An5o","thumbnail":"cv--thumbnail--Wvc5s","smallItemIconWidth":"cv--smallItemIconWidth--2IdDd","smallItemInfoWidth":"cv--smallItemInfoWidth--1Iat7","smallProgressBarContainer":"cv--smallProgressBarContainer--17I8T"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/resource-widget-item/ResourceWidgetItem.tsx":
+/*!**************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/resource-widget-item/ResourceWidgetItem.tsx ***!
+  \**************************************************************************************************************************************/
+/*! exports provided: ResourceWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ResourceWidgetItem", function() { return ResourceWidgetItem; });
+/* 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 _thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../tooltip/Tooltip */ "../../libs/shared/src/components/tooltip/Tooltip.tsx");
+/* harmony import */ var _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../enums/ResourceFileType */ "../../libs/shared/src/enums/ResourceFileType.ts");
+/* harmony import */ var _resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./resource-widget-item.scss */ "../../libs/shared/src/components/widgets/items/resource-widget-item/resource-widget-item.scss");
+/* harmony import */ var _resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9__);
+
+
+
+
+
+
+
+
+
+
+var IMAGE_OPTIONS = {
+  width: 1920,
+  height: 1080,
+  format: 'jpg'
+};
+
+function getColour(resourceType) {
+  if (!resourceType) return _resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.additionalMaterials;
+
+  switch (resourceType) {
+    case 'atom-guide':
+      return _resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.atomGuide;
+
+    case 'student-activity':
+      return _resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.studentActivity;
+
+    case 'teacher-pack':
+      return _resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.teacherPack;
+
+    case 'additional-materials':
+    default:
+      return _resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.additionalMaterials;
+  }
+}
+
+function getThumbnailUrl(imageCdnUrl, resource) {
+  var _a; // This means it is a link
+
+
+  if (!('metadata' in resource)) return _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createResourceImage("".concat(imageCdnUrl, "v1/previews"), resource.url, Object.assign(Object.assign({}, IMAGE_OPTIONS), {
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ResizeType"].Cover
+  }));
+  if (resource.metadata.type === _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_8__["ResourceFileType"].Pdf) return _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createResourceImage("".concat(imageCdnUrl, "v1/previews"), resource.url, IMAGE_OPTIONS);
+  if (resource.metadata.type === _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_8__["ResourceFileType"].Image) return _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createUrl(resource.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageSize"].Medium,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ResizeType"].Cover
+  });
+  if ((_a = resource.pdf) === null || _a === void 0 ? void 0 : _a.url) return _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createResourceImage("".concat(imageCdnUrl, "v1/previews"), resource.pdf.url, IMAGE_OPTIONS);
+
+  if (resource.metadata.type === _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_8__["ResourceFileType"].Zip) {
+    return _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createUrl("".concat(imageCdnUrl, "v2/thumbnails/BKnxEm"), {
+      size: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageSize"].Large,
+      format: 'png'
+    });
+  }
+  /**
+   * Temporarily display the ZIP image as a fallback for when a resource has no thumbnail.
+   * TODO: Get a better fallback image.
+   */
+
+
+  return _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createUrl("".concat(imageCdnUrl, "v2/thumbnails/BKnxEm"), {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageSize"].Large,
+    format: 'png'
+  });
+}
+
+var ResourceWidgetItem = react__WEBPACK_IMPORTED_MODULE_0___default.a.memo(function (props) {
+  var _a, _b, _c, _d;
+
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_5__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_6__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_6__["MediaQueryStrings"].XS;
+  var metadata = null;
+  var type = null;
+  var rotation = 0;
+
+  if ('metadata' in props.data) {
+    metadata = props.data.metadata;
+    type = props.data.metadata.type;
+    rotation = (_c = (_b = (_a = props.data.thumbnail) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.rotation, _c !== null && _c !== void 0 ? _c : 0);
+  }
+
+  var content = 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(_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_7__["Tooltip"], {
+    title: props.data.name
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: "text-center clamp-1 text-break h5 mb-3 ".concat(_resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.text)
+  }, props.data.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "w-75 overflow-hidden ".concat(_resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.thumbnailContainer)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_1__["BaseThumbnail"], {
+    data: getThumbnailUrl(props.imageCdnUrl, props.data),
+    aspectRatio: _thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_1__["AspectRatio"].SixteenByNine,
+    imageStyle: {
+      transform: "rotate(".concat(rotation, "deg)")
+    },
+    preload: true
+  })));
+  var buttonClass = "pt-3 px-3 rounded-lg d-flex flex-column align-items-center justify-content-end ".concat(_resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.background);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "flex-shrink-0 pt-1 px-1 ".concat(_resource_widget_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.item, " ").concat(getColour((_d = metadata) === null || _d === void 0 ? void 0 : _d.resourceType))
+  }, function () {
+    // Handle resource links
+    if (!type) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
+        href: props.data.url,
+        target: '_blank',
+        className: buttonClass
+      }, content);
+    }
+
+    var resource = props.data;
+    var hasPdf = !!resource.pdf || type === _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_8__["ResourceFileType"].Pdf || type === _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_8__["ResourceFileType"].Image; // Handle any types that cannot be previewed, or resources without previews attached
+
+    if (isMobile || !hasPdf || type === _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_8__["ResourceFileType"].Zip) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
+        href: props.data.url,
+        className: buttonClass
+      }, content);
+    }
+
+    var appLink = Object.assign(Object.assign({}, props.appLink), {
+      args: [props.data.id]
+    }); // Handle any types that can be previewed
+
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+      appLink: appLink,
+      className: buttonClass
+    }, content);
+  }());
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/resource-widget-item/resource-widget-item.scss":
+/*!*****************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/resource-widget-item/resource-widget-item.scss ***!
+  \*****************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"item":"cv--item--yzAZk","background":"cv--background--2FYoc","thumbnailContainer":"cv--thumbnailContainer--14YzS","teacherPack":"cv--teacherPack--1H-bZ","text":"cv--text--fDGTW","atomGuide":"cv--atomGuide--2UrFB","studentActivity":"cv--studentActivity--3bk9l","additionalMaterials":"cv--additionalMaterials--3KgEr"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/enums/CurriculumType.ts":
+/*!*****************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/enums/CurriculumType.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: CurriculumType */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CurriculumType", function() { return CurriculumType; });
+var CurriculumType;
+
+(function (CurriculumType) {
+  CurriculumType["Subject"] = "CurriculumSubject";
+  CurriculumType["Audience"] = "CurriculumAudience";
+  CurriculumType["Area"] = "CurriculumArea";
+  CurriculumType["Leaf"] = "CurriculumLeaf";
+})(CurriculumType || (CurriculumType = {}));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/PlayerRequests.ts":
+/*!***************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/PlayerRequests.ts ***!
+  \***************************************************************************************************/
+/*! exports provided: PlayerRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlayerRequests", function() { return PlayerRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+
+var PlayerRequests = {
+  createViewKey: function createViewKey(id) {
+    return {
+      url: "/api/player/create-view-key",
+      key: "view:key:".concat(id),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      data: {
+        mediaId: id.toString()
+      }
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/components/immersive-reader/ImmersiveReader.tsx":
+/*!********************************************************************!*\
+  !*** ./src/shared/components/immersive-reader/ImmersiveReader.tsx ***!
+  \********************************************************************/
+/*! exports provided: ImmersiveReader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImmersiveReader", function() { return ImmersiveReader; });
+/* 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 _microsoft_immersive_reader_sdk__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @microsoft/immersive-reader-sdk */ "@microsoft/immersive-reader-sdk");
+/* harmony import */ var _microsoft_immersive_reader_sdk__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_microsoft_immersive_reader_sdk__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _immersive_reader_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./immersive-reader.scss */ "./src/shared/components/immersive-reader/immersive-reader.scss");
+/* harmony import */ var _immersive_reader_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_immersive_reader_scss__WEBPACK_IMPORTED_MODULE_6__);
+
+
+
+
+
+
+
+var namespace = 'shared.immersiveReader';
+function ImmersiveReader(props) {
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_4__["ConfigRequests"].config());
+  var immersiveReaderResponse = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch({
+    url: '/api/integrations/token/immersive-reader',
+    key: 'immersive:reader:token'
+  });
+  if (!config.data || !immersiveReaderResponse.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  if (!props.title) props.title = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'titleFallback');
+
+  function launchImmersiveReader() {
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction(props.analyticsData, props.analyticsOptions);
+    var content = {
+      title: props.title,
+      chunks: [{
+        content: props.text
+      }]
+    };
+    var _immersiveReaderRespo = immersiveReaderResponse.data,
+        subdomain = _immersiveReaderRespo.subdomain,
+        token = _immersiveReaderRespo.token;
+    var options = {
+      uiZIndex: 5000 // Should always appear above our content
+
+    };
+    _microsoft_immersive_reader_sdk__WEBPACK_IMPORTED_MODULE_1__["launchAsync"](token, subdomain, content, options);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_immersive_reader_scss__WEBPACK_IMPORTED_MODULE_6___default.a.button, " ").concat(props.className || ''),
+    onClick: launchImmersiveReader
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", {
+    viewBox: '0 0 40 37'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["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'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["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'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["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'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["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'
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/immersive-reader/immersive-reader.scss":
+/*!**********************************************************************!*\
+  !*** ./src/shared/components/immersive-reader/immersive-reader.scss ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"button":"cv--button--10_KK"};
+
+/***/ }),
+
+/***/ "./src/shared/components/play-page/PlayPage.tsx":
+/*!******************************************************!*\
+  !*** ./src/shared/components/play-page/PlayPage.tsx ***!
+  \******************************************************/
+/*! exports provided: onUpdateViewport, PlayPage */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onUpdateViewport", function() { return onUpdateViewport; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlayPage", function() { return PlayPage; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseViewModel */ "../../libs/common/src/react/hooks/UseViewModel.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/fixed-widget */ "../../libs/shared/src/components/widgets/fixed-widget/index.ts");
+/* harmony import */ var _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/WidgetContents */ "../../libs/shared/src/enums/WidgetContents.ts");
+/* harmony import */ var _libs_shared_src_components_widgets_items_interactive_widget_item_InteractiveWidgetItem__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem */ "../../libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_clip_widget_item_ClipWidgetItem__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/clip-widget-item/ClipWidgetItem */ "../../libs/shared/src/components/widgets/items/clip-widget-item/ClipWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_curriculum_links_CurriculumLinks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/curriculum-links/CurriculumLinks */ "../../libs/shared/src/components/curriculum-links/CurriculumLinks.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_resource_widget_item_ResourceWidgetItem__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/resource-widget-item/ResourceWidgetItem */ "../../libs/shared/src/components/widgets/items/resource-widget-item/ResourceWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../libs/shared/src/context/VideoActionsContext */ "../../libs/shared/src/context/VideoActionsContext.tsx");
+/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
+/* harmony import */ var shared_components_video_details_VideoDetails__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! shared/components/video-details/VideoDetails */ "./src/shared/components/video-details/VideoDetails.tsx");
+/* harmony import */ var shared_hooks_useWindowListeners__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! shared/hooks/useWindowListeners */ "./src/shared/hooks/useWindowListeners.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var shared_components_synopsis_Synopsis__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! shared/components/synopsis/Synopsis */ "./src/shared/components/synopsis/Synopsis.tsx");
+/* harmony import */ var shared_constants_MinimumGlanceHeight__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! shared/constants/MinimumGlanceHeight */ "./src/shared/constants/MinimumGlanceHeight.ts");
+/* harmony import */ var _VideoTitle__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./VideoTitle */ "./src/shared/components/play-page/VideoTitle.tsx");
+/* harmony import */ var _libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/VideoHelper */ "../../libs/shared/src/utils/VideoHelper.ts");
+/* harmony import */ var _libs_shared_src_components_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/badges/BadgeListContainer */ "../../libs/shared/src/components/badges/BadgeListContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _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 = 'shared.playPage';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace); // TODO: Add analytics to these actions
+
+var getActions = function getActions(video, isTablet, isMobile, hasPermissions) {
+  var actions = [];
+
+  if (hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].CreateInteractives)) {
+    actions.push({
+      label: getPhrase('makeInteractive'),
+      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_7__["cvSvgLibrary"].Plus,
+      className: !isTablet ? 'btn btn-secondary ml-2' : '',
+      button: !isTablet
+    });
+  }
+
+  if (hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].CreatePlaylists)) {
+    actions.push({
+      label: getPhrase('addToPlaylist'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].PLAYLISTS,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Playlists.ADD_TO_PLAYLIST,
+        args: [video.id]
+      },
+      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_7__["cvSvgLibrary"].AddToPlaylists,
+      className: !isMobile ? 'btn btn-secondary ml-2' : '',
+      button: !isMobile
+    });
+  }
+
+  if (hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].ShareVideos)) {
+    actions.push({
+      label: getPhrase('share'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].SHARE,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Share.SHARE,
+        args: [video.id],
+        params: {
+          entityType: 'video'
+        }
+      },
+      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_7__["cvSvgLibrary"].Share2,
+      className: !isMobile ? 'btn btn-secondary ml-2' : '',
+      button: !isMobile
+    });
+  }
+
+  if (hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].CreateClips)) {
+    actions.push({
+      label: getPhrase('createClip'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].DEFAULT,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Default.CREATE_CLIP,
+        args: [video.id]
+      }
+    });
+  }
+
+  return actions;
+};
+
+function getRelatedVideoActionAppLink(video, action) {
+  switch (action) {
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_17__["VideoAction"].AddToPlaylist:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].PLAYLISTS,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Playlists.ADD_TO_PLAYLIST,
+        args: [video.id]
+      };
+
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_17__["VideoAction"].Share:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].SHARE,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Share.SHARE,
+        args: [video.id],
+        params: {
+          entityType: 'video'
+        }
+      };
+  }
+}
+
+function getVideoActions(canShare) {
+  var actions = [_libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_17__["VideoAction"].AddToPlaylist];
+  if (canShare) actions.push(_libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_17__["VideoAction"].Share);
+  return actions;
+}
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Default.PLAY_VIDEO,
+    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_4__["TextHelper"].slugify(video.name)],
+    params: _libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_28__["VideoHelper"].getVideoProgress(video) ? {
+      t: Math.floor(_libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_28__["VideoHelper"].getVideoProgress(video))
+    } : {}
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_4__["TextHelper"].slugify(series.name)]
+  };
+};
+
+function onUpdateViewport(playerRef, setPlayerData) {
+  if (!playerRef.current) return;
+  var rect = playerRef.current.getBoundingClientRect();
+  /**
+   * Only show floating player
+   * if the normal player is no longer in view
+   */
+
+  setPlayerData('playerInViewport', rect.top > -rect.height);
+}
+function PlayPage(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+
+  var video = props.video,
+      glanceTheme = props.glanceTheme,
+      relatedVideos = props.relatedVideos,
+      imageCdnUrl = props.imageCdnUrl,
+      hasPermissions = props.hasPermissions;
+  var hasGlanceData = ((_a = video.glance) === null || _a === void 0 ? void 0 : _a.content) && video.glance.format === 'text/markdown';
+  var rating = video.rating,
+      productionYear = video.productionYear,
+      interactives = video.interactives,
+      resources = video.resources,
+      productionCompanies = video.productionCompanies,
+      distributors = video.distributors,
+      producers = video.producers,
+      directors = video.directors,
+      tags = video.tags; // eslint-disable-next-line
+
+  var hasPPDD = !!((_b = productionCompanies.data) === null || _b === void 0 ? void 0 : _b.length) || !!((_c = distributors.data) === null || _c === void 0 ? void 0 : _c.length) || !!((_d = producers.data) === null || _d === void 0 ? void 0 : _d.length) || !!((_e = directors.data) === null || _e === void 0 ? void 0 : _e.length);
+  var hasBadges = !!((_f = rating) === null || _f === void 0 ? void 0 : _f.value) || !!productionYear || !!((_g = interactives.data) === null || _g === void 0 ? void 0 : _g.length) || !!((_h = resources.data) === null || _h === void 0 ? void 0 : _h.length);
+  var hasDetails = !!video.description || hasBadges || hasPPDD || !!((_j = tags.data) === null || _j === void 0 ? void 0 : _j.length);
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_1__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_24__["ViewModelKeys"].WEB_PLAYER_DATA),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      setPlayerData = _useViewModel2[1];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(hasGlanceData ? 'synopsis' : 'details'),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      detailsView = _React$useState2[0],
+      setDetailsView = _React$useState2[1];
+
+  var mediaQuery = Object(_libs_shared_src_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_8__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_9__["MediaQueryStrings"].XS;
+  var isTablet = mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_9__["MediaQueryStrings"].SM || mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_9__["MediaQueryStrings"].MD || isMobile; // Get reference to the player dom element
+
+  var player = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(null); // Memoize so we don't call throttle repeatedly
+
+  var throttledOnUpdateViewport = react__WEBPACK_IMPORTED_MODULE_0___default.a.useMemo(function () {
+    return _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].throttle(function () {
+      return onUpdateViewport(player, setPlayerData);
+    }, 100, {
+      leading: true,
+      trailing: false
+    });
+  }, []);
+  Object(shared_hooks_useWindowListeners__WEBPACK_IMPORTED_MODULE_21__["useOnScroll"])(throttledOnUpdateViewport);
+  Object(shared_hooks_useWindowListeners__WEBPACK_IMPORTED_MODULE_21__["useOnResize"])(throttledOnUpdateViewport);
+  var playerRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.useCallback(function (node) {
+    if (!node) return;
+    player.current = node;
+    throttledOnUpdateViewport();
+  }, []);
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    setPlayerData('playPagePlayerContainerRef', player);
+    setPlayerData('playerInViewport', true);
+    setPlayerData('isOnPlayPage', true);
+    setPlayerData('allowFloatingPlayer', true);
+    return function () {
+      setPlayerData('playerInViewport', false);
+      setPlayerData('isOnPlayPage', false);
+      setPlayerData('playPagePlayerContainerRef', null);
+    };
+  }, []);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    ref: playerRef,
+    className: 'mb-3'
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between align-items-center pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_VideoTitle__WEBPACK_IMPORTED_MODULE_27__["VideoTitle"], {
+    video: video,
+    setFavourite: props.setFavourite,
+    hideFavouriteButton: !hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].FavouriteVideos)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_6__["Actions"], {
+    actions: getActions(video, isTablet, isMobile, hasPermissions),
+    actionsDropdownClassName: 'btn btn-secondary'
+  })), hasBadges && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_29__["BadgeListContainer"], {
+    className: 'pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["Badge"], {
+    type: _libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["BadgeType"].Rating,
+    data: video.rating
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["Badge"], {
+    type: _libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["BadgeType"].ProductionYear,
+    data: video.productionYear
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["Badge"], {
+    type: _libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["BadgeType"].Interactive,
+    data: video.interactives
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["Badge"], {
+    type: _libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_30__["BadgeType"].Resources,
+    data: video.resources
+  })), detailsView === 'synopsis' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_synopsis_Synopsis__WEBPACK_IMPORTED_MODULE_25__["Synopsis"], {
+    theme: glanceTheme,
+    video: video,
+    hasGlanceData: hasGlanceData,
+    hasDetails: hasDetails,
+    onClickShowDescription: function onClickShowDescription() {
+      return setDetailsView('details');
+    },
+    hasCurriculumLinks: !!((_l = (_k = video._curriculumLinks) === null || _k === void 0 ? void 0 : _k.value) === null || _l === void 0 ? void 0 : _l.length),
+    onClickShowCurriculumLinks: function onClickShowCurriculumLinks() {
+      return setDetailsView('curriculumLinks');
+    }
+  }), detailsView === 'details' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_video_details_VideoDetails__WEBPACK_IMPORTED_MODULE_20__["VideoDetailsWithScrollbar"], {
+    video: video,
+    hasPPDD: hasPPDD,
+    hasGlanceData: hasGlanceData,
+    onClickShowSynopsis: function onClickShowSynopsis() {
+      return setDetailsView('synopsis');
+    },
+    hasCurriculumLinks: !!((_o = (_m = video._curriculumLinks) === null || _m === void 0 ? void 0 : _m.value) === null || _o === void 0 ? void 0 : _o.length),
+    onClickSeeCurriculumLinks: function onClickSeeCurriculumLinks() {
+      return setDetailsView('curriculumLinks');
+    }
+  }), detailsView === 'curriculumLinks' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_curriculum_links_CurriculumLinks__WEBPACK_IMPORTED_MODULE_14__["CurriculumLinks"], {
+    height: shared_constants_MinimumGlanceHeight__WEBPACK_IMPORTED_MODULE_26__["MINIMUM_GLANCE_HEIGHT"],
+    curriculumLinks: (_p = video._curriculumLinks) === null || _p === void 0 ? void 0 : _p.value,
+    onClickSeeLess: function onClickSeeLess() {
+      return setDetailsView(hasGlanceData ? 'synopsis' : 'details');
+    }
+  }), !!((_r = (_q = video.resources) === null || _q === void 0 ? void 0 : _q.data) === null || _r === void 0 ? void 0 : _r.length) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mx-n1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_10__["FixedWidget"], {
+    name: getPhrase('resources', {
+      count: video.resources.data.length
+    }),
+    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_11__["WidgetContents"].Resources,
+    collection: [].concat(_toConsumableArray(video.resources.data), _toConsumableArray(video.links.data)),
+    prefetched: true,
+    childComponent: function childComponent(props) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_widgets_items_resource_widget_item_ResourceWidgetItem__WEBPACK_IMPORTED_MODULE_15__["ResourceWidgetItem"], Object.assign({}, props, {
+        imageCdnUrl: imageCdnUrl
+      }));
+    },
+    childAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Default.PREVIEW_PDF
+    },
+    analyticsData: {
+      widgetId: 'resources'
+    }
+  })), !!((_t = (_s = video.interactives) === null || _s === void 0 ? void 0 : _s.data) === null || _t === void 0 ? void 0 : _t.length) && hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].ViewInteractives) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mx-n1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_10__["FixedWidget"], {
+    name: getPhrase('interactives', {
+      count: video.interactives.data.length
+    }),
+    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_11__["WidgetContents"].Interactives,
+    collection: video.interactives.data,
+    prefetched: true,
+    childAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Default.PREVIEW_INTERACTIVE
+    },
+    childComponent: function childComponent(itemProps) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_widgets_items_interactive_widget_item_InteractiveWidgetItem__WEBPACK_IMPORTED_MODULE_12__["InteractiveWidgetItem"], Object.assign({
+        video: video,
+        questionsAppLink: {
+          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].DEFAULT,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Default.PREVIEW_QUESTIONS
+        }
+      }, itemProps));
+    },
+    analyticsData: {
+      widgetId: 'interactives'
+    }
+  })), !!((_v = (_u = video.clips) === null || _u === void 0 ? void 0 : _u.data) === null || _v === void 0 ? void 0 : _v.length) && hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].ViewClips) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mx-n1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_10__["FixedWidget"], {
+    name: getPhrase('clips', {
+      count: video.clips.data.length
+    }),
+    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_11__["WidgetContents"].Clips,
+    collection: video.clips.data,
+    prefetched: true,
+    childAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_22__["Actions"].Default.PLAY_CLIP
+    },
+    childComponent: function childComponent(itemProps) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_widgets_items_clip_widget_item_ClipWidgetItem__WEBPACK_IMPORTED_MODULE_13__["ClipWidgetItem"], Object.assign({}, itemProps, {
+        video: video
+      }));
+    },
+    analyticsData: {
+      widgetId: 'clips'
+    }
+  })), !!((_w = relatedVideos) === null || _w === void 0 ? void 0 : _w.length) && 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_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_16__["VideoActionsContext"].Provider, {
+    value: {
+      videoActions: getVideoActions(hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].ShareVideos)),
+      getActionAppLink: getRelatedVideoActionAppLink,
+      hideLabel: true
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h4 mt-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'relatedVideos'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_18__["VideoList"], {
+    videos: props.relatedVideos,
+    getSeriesAppLink: getSeriesAppLink,
+    getVideoAppLink: getVideoAppLink,
+    setFavourite: props.setFavourite,
+    hideFavouriteButton: !hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_19__["PermissionName"].FavouriteVideos)
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/play-page/VideoTitle.tsx":
+/*!********************************************************!*\
+  !*** ./src/shared/components/play-page/VideoTitle.tsx ***!
+  \********************************************************/
+/*! exports provided: VideoTitle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoTitle", function() { return VideoTitle; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_shared_src_components_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/series-link/SeriesLink */ "../../libs/shared/src/components/series-link/SeriesLink.tsx");
+/* harmony import */ var _libs_shared_src_components_favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/favourite-button/FavouriteButton */ "../../libs/shared/src/components/favourite-button/FavouriteButton.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var _play_page_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./play-page.scss */ "./src/shared/components/play-page/play-page.scss");
+/* harmony import */ var _play_page_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_play_page_scss__WEBPACK_IMPORTED_MODULE_6__);
+
+
+
+
+
+
+
+function VideoTitle(props) {
+  var video = props.video;
+  var appLink = {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_4__["Actions"].Default.SERIES,
+    args: video.series ? [video.series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(video.series.name)] : []
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, !!video.series && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_2__["SeriesLink"], {
+    video: video,
+    appLink: appLink,
+    className: "".concat(_play_page_scss__WEBPACK_IMPORTED_MODULE_6___default.a.series, " clamp-1")
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'h3 d-inline-block m-0'
+  }, video.name), !props.hideFavouriteButton && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_3__["FavouriteButton"], {
+    setFavourite: props.setFavourite,
+    video: video,
+    className: 'd-inline-block ml-2 align-text-bottom'
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/play-page/play-page.scss":
+/*!********************************************************!*\
+  !*** ./src/shared/components/play-page/play-page.scss ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"series":"cv--series--2vEW0"};
+
+/***/ }),
+
+/***/ "./src/shared/components/synopsis/Synopsis.tsx":
+/*!*****************************************************!*\
+  !*** ./src/shared/components/synopsis/Synopsis.tsx ***!
+  \*****************************************************/
+/*! exports provided: Synopsis */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Synopsis", function() { return Synopsis; });
+/* 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 marked__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! marked */ "marked");
+/* harmony import */ var marked__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(marked__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseViewModel */ "../../libs/common/src/react/hooks/UseViewModel.ts");
+/* 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_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_utils_ImageHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var _libs_shared_src_components_tags_TagList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/tags/TagList */ "../../libs/shared/src/components/tags/TagList.tsx");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_common_src_react_utils_TimeHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TimeHelper */ "../../libs/common/src/react/utils/TimeHelper.ts");
+/* harmony import */ var _synopsis_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./synopsis.scss */ "./src/shared/components/synopsis/synopsis.scss");
+/* harmony import */ var _synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_synopsis_scss__WEBPACK_IMPORTED_MODULE_13__);
+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 = 'shared.synopsis';
+var ThemeSet;
+
+(function (ThemeSet) {
+  ThemeSet["Maths"] = "maths";
+  ThemeSet["English"] = "english";
+  ThemeSet["History"] = "history";
+})(ThemeSet || (ThemeSet = {}));
+
+function getSynopsisBackgroundColour(themeName) {
+  if (themeName === ThemeSet.Maths) return _synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.bgBlue;
+  if (themeName === ThemeSet.English) return _synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.bgPink;
+  if (themeName === ThemeSet.History) return _synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.bgYellow;
+  return _synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.bgGreen;
+}
+
+function Synopsis(props) {
+  var _a, _b;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](''),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      markdownHTML = _React$useState2[0],
+      setMarkdownHTML = _React$useState2[1];
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_3__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_9__["ViewModelKeys"].WEB_PLAYER_DATA),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      setPlayerData = _useViewModel2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!props.hasGlanceData) return;
+    var html = marked__WEBPACK_IMPORTED_MODULE_1__(props.video.glance.content); // Add styling to any tags
+
+    var wrappedTags = html.split('a href="cv-tag://').join('a class="badge-pill tag mr-1 my-1 px-2 py-1" href="cv-tag://');
+    setMarkdownHTML(wrappedTags);
+  }, [(_a = props.video.glance) === null || _a === void 0 ? void 0 : _a.content]);
+  /**
+   * If we don't have a glance, or our glance is not markdown
+   * we tell the PlayPage to render the description instead and return.
+   */
+
+  if (!props.hasGlanceData && props.hasDetails) {
+    props.onClickShowDescription();
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  }
+  /**
+   * Because the markdown is injected as a HTML string, we cannot attach click event handlers directly onto
+   * the links that we want to. Instead, we attach one click handler to the entire markdown container, meaning
+   * click events bubble up, and we can use `event.target` to see which element was clicked.
+   */
+
+
+  function onClickMarkDown(event) {
+    event.preventDefault();
+    var href = event.target.getAttribute('href'); // Ignore click events that do not have a href
+
+    if (!href) return; // When a timestamp is clicked, we update the player time
+
+    if (href.includes('cv-timestamp://')) {
+      var time = href.split('cv-timestamp://')[1];
+      setPlayerData('startTime', _libs_common_src_react_utils_TimeHelper__WEBPACK_IMPORTED_MODULE_12__["TimeHelper"].convertDurationToSeconds(time));
+      return;
+    } // When a tag is clicked, we navigate to search results for that tag
+
+
+    if (href.includes('cv-tag://')) {
+      var tag = href.split('cv-tag://')[1];
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__["AppChannels"].SEARCH,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__["Actions"].Search.HOME,
+        params: {
+          tag: tag
+        }
+      });
+      return;
+    }
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "rounded border px-5 py-3 mb-3 position-relative d-flex justify-content-center ".concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.container, " ").concat(getSynopsisBackgroundColour((_b = props.theme) === null || _b === void 0 ? void 0 : _b.name.toLowerCase()))
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.content)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: 'videoAtAGlance'
+  })), props.hasDetails && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_5__["DivButton"], {
+    onClick: props.onClickShowDescription,
+    className: "".concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.detailsBtn, " position-absolute cursor-pointer mr-4 font-weight-500 text-info")
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: 'readFullDescription'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'position-relative',
+    onClick: onClickMarkDown,
+    dangerouslySetInnerHTML: {
+      __html: markdownHTML
+    }
+  }), function () {
+    var _a, _b, _c;
+
+    if (!((_b = (_a = props.video.tags) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: "py-1"
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_tags_TagList__WEBPACK_IMPORTED_MODULE_10__["TagList"], {
+      tags: (_c = props.video) === null || _c === void 0 ? void 0 : _c.tags,
+      getAppLink: function getAppLink(tag) {
+        return {
+          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_7__["AppChannels"].SEARCH,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_8__["Actions"].Search.HOME,
+          params: {
+            tag: tag.name
+          }
+        };
+      }
+    }));
+  }(), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mt-2'
+  }, props.hasCurriculumLinks && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_5__["DivButton"], {
+    onClick: props.onClickShowCurriculumLinks,
+    className: 'cursor-pointer d-inline-block font-weight-500 text-info'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: 'seeCurriculumLinks'
+  })))), function () {
+    var _a;
+
+    var themeSegments = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_11__["ObjectHelper"].keys((_a = props.theme) === null || _a === void 0 ? void 0 : _a.data).filter(function (key) {
+      var _a;
+
+      return !_libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_11__["ObjectHelper"].isEmpty((_a = props.theme) === null || _a === void 0 ? void 0 : _a.data[key]);
+    });
+    return themeSegments.map(function (segment) {
+      var _a, _b, _c, _d;
+
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+        key: (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.data[segment]) === null || _b === void 0 ? void 0 : _b.fileId,
+        className: "".concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a[segment], " ").concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_13___default.a.background),
+        style: {
+          backgroundImage: "url('".concat(_libs_shared_src_utils_ImageHelper__WEBPACK_IMPORTED_MODULE_6__["ImageHelper"].createUrl((_d = (_c = props.theme) === null || _c === void 0 ? void 0 : _c.data[segment]) === null || _d === void 0 ? void 0 : _d.url, {
+            format: 'png'
+          }), "')")
+        }
+      });
+    });
+  }());
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/synopsis/synopsis.scss":
+/*!******************************************************!*\
+  !*** ./src/shared/components/synopsis/synopsis.scss ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"container":"cv--container--1XOYA","bgBlue":"cv--bgBlue--2mc8K","bgGreen":"cv--bgGreen--3tA6Q","bgPink":"cv--bgPink--t3aK9","bgYellow":"cv--bgYellow--HTjeu","background":"cv--background--3gpaY","topLeft":"cv--topLeft--2s7I6","bottomLeft":"cv--bottomLeft--23UKL","topRight":"cv--topRight--ec_-l","bottomRight":"cv--bottomRight--1xMKp","detailsBtn":"cv--detailsBtn--rgy4q","content":"cv--content--UcxNO"};
+
+/***/ }),
+
+/***/ "./src/shared/components/video-details/VideoDetails.tsx":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/video-details/VideoDetails.tsx ***!
+  \**************************************************************/
+/*! exports provided: VideoDetailsWithScrollbar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoDetailsWithScrollbar", function() { return VideoDetailsWithScrollbar; });
+/* 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_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-custom-scrollbars */ "react-custom-scrollbars");
+/* harmony import */ var react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_tags_TagList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/tags/TagList */ "../../libs/shared/src/components/tags/TagList.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_components_immersive_reader_ImmersiveReader__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/immersive-reader/ImmersiveReader */ "./src/shared/components/immersive-reader/ImmersiveReader.tsx");
+/* harmony import */ var shared_constants_MinimumGlanceHeight__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/MinimumGlanceHeight */ "./src/shared/constants/MinimumGlanceHeight.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.videoDetails';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+
+function CommaList(props) {
+  var label = props.label,
+      items = props.items,
+      className = props.className;
+  var hasItems = items && items.data && items.data.length;
+  if (!hasItems) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var commaSeperated = items.data.map(function (i) {
+    return i.name;
+  }).join(', ');
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, label, ": ", commaSeperated);
+}
+
+function VideoDetailsWithScrollbar(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+
+  var video = props.video;
+  if (!props.hasPPDD && !((_b = (_a = props.video.tags) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) && !props.video.description) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var showDetails = props.hasPPDD || ((_d = (_c = props.video.tags) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.length);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'rounded border p-3 mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1___default.a, {
+    autoHeight: true,
+    autoHeightMax: shared_constants_MinimumGlanceHeight__WEBPACK_IMPORTED_MODULE_9__["MINIMUM_GLANCE_HEIGHT"]
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: showDetails && video.description ? 'pb-2' : ''
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: showDetails ? 'mb-2 d-flex align-items-center justify-content-between' : ''
+  }, !!showDetails && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h6 mb-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'details'
+  })), props.hasGlanceData && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: "button",
+    className: "close",
+    "aria-label": "Close",
+    onClick: props.onClickShowSynopsis
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    "aria-hidden": "true"
+  }, "\xD7"))), props.hasPPDD && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](CommaList, {
+    label: getPhrase('productionCompanies', {
+      smartCount: (_f = (_e = video.productionCompanies) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.length
+    }),
+    items: video.productionCompanies
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](CommaList, {
+    label: getPhrase('distributors', {
+      smartCount: (_h = (_g = video.distributors) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.length
+    }),
+    items: video.distributors
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](CommaList, {
+    label: getPhrase('producers', {
+      smartCount: (_k = (_j = video.producers) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.length
+    }),
+    items: video.producers
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](CommaList, {
+    label: getPhrase('directors', {
+      smartCount: (_m = (_l = video.directors) === null || _l === void 0 ? void 0 : _l.data) === null || _m === void 0 ? void 0 : _m.length
+    }),
+    items: video.directors
+  })), !!((_p = (_o = video.tags) === null || _o === void 0 ? void 0 : _o.data) === null || _p === void 0 ? void 0 : _p.length) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_tags_TagList__WEBPACK_IMPORTED_MODULE_5__["TagList"], {
+    tags: video.tags,
+    getAppLink: function getAppLink(tag) {
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].SEARCH,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Search.HOME,
+        params: {
+          tag: tag.name
+        }
+      };
+    }
+  })), !!video.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "d-flex align-items-center ".concat(props.hasPPDD || ((_r = (_q = video.tags) === null || _q === void 0 ? void 0 : _q.data) === null || _r === void 0 ? void 0 : _r.length) ? 'pt-2' : '')
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h6 mb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'description'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_immersive_reader_ImmersiveReader__WEBPACK_IMPORTED_MODULE_8__["ImmersiveReader"], {
+    text: video.description,
+    title: video.name,
+    className: 'pl-2',
+    analyticsOptions: {
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["LocationContext"].PlayPage,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].Video,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Click,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["ClickDescriptor"].LaunchImmersiveReader
+    },
+    analyticsData: {
+      id: video.id,
+      type: 'description'
+    }
+  })), props.video.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'mb-0'
+  }, props.video.description)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mt-2 mb-1'
+  }, props.hasCurriculumLinks && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_10__["DivButton"], {
+    onClick: props.onClickSeeCurriculumLinks,
+    className: 'cursor-pointer d-inline-block font-weight-500 text-info'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'seeCurriculumLinks'
+  }))))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/constants/MinimumGlanceHeight.ts":
+/*!*****************************************************!*\
+  !*** ./src/shared/constants/MinimumGlanceHeight.ts ***!
+  \*****************************************************/
+/*! exports provided: MINIMUM_GLANCE_HEIGHT */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MINIMUM_GLANCE_HEIGHT", function() { return MINIMUM_GLANCE_HEIGHT; });
+// 368 is the min height of Video at a glance which is defined as $glanceHeight in synopsis.scss
+var MINIMUM_GLANCE_HEIGHT = 368; // px
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useWindowListeners.ts":
+/*!************************************************!*\
+  !*** ./src/shared/hooks/useWindowListeners.ts ***!
+  \************************************************/
+/*! exports provided: useOnScroll, useOnResize */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useOnScroll", function() { return useOnScroll; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useOnResize", function() { return useOnResize; });
+/* 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 createUseWindowListener(event) {
+  return function useWindowListener(callback) {
+    /**
+     * Memoize the callback so it's the same function
+     * when we call removeEventListener
+     */
+    var memoCallback = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](callback, []);
+    react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+      window.addEventListener(event, memoCallback);
+      return function () {
+        return window.removeEventListener(event, memoCallback);
+      };
+    }, []);
+  };
+}
+
+var useOnScroll = createUseWindowListener('scroll');
+var useOnResize = createUseWindowListener('resize');
+
+/***/ })
+
+}]);
+//# sourceMappingURL=11.chunk.js.map