@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/13.chunk.js

@@ -0,0 +1,1287 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[13],{
+
+/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
+/*!******************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/back-button/BackButton.tsx ***!
+  \******************************************************************************************************/
+/*! exports provided: BackButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BackButton", function() { return BackButton; });
+/* 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_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+
+
+var namespace = 'shared.backButton';
+BackButton.defaultProps = {
+  color: 'black'
+};
+function BackButton(_ref) {
+  var backToName = _ref.backToName,
+      appLink = _ref.appLink,
+      color = _ref.color;
+  var backPhrase = backToName ? _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'backTo', {
+    backToName: backToName
+  }) : _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'back');
+  var colorClass = color === 'black' ? '' : 'text-light';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
+    appLink: appLink,
+    className: "d-inline-flex align-items-center h5 mb-0 ".concat(colorClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].ChevronLeft,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Medium
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'ml-1'
+  }, backPhrase));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!**********************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \**********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos/").concat(videoId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+var FavouriteVideoRequests = {
+  favouriteVideos: function favouriteVideos(userId, cursor) {
+    var query = "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
+    return {
+      url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos?query=").concat(query),
+      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
+    };
+  },
+  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+  isFavourited: function isFavourited(userId, ids) {
+    var sortedIds = ids.slice().sort();
+    var params = sortedIds.map(function (i) {
+      return "id=".concat(i);
+    });
+    return {
+      url: "/api/domain/v2/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(',')),
+      formatData: function formatData(videos) {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        var setIsFavourited = function setIsFavourited(video) {
+          var _a, _b;
+
+          var favouritedBy = video.favouritedBy,
+              v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/clips/ClipItem.tsx":
+/*!**************************************************!*\
+  !*** ./src/shared/components/clips/ClipItem.tsx ***!
+  \**************************************************/
+/*! exports provided: ClipItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClipItem", function() { return ClipItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_utils_DurationHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/DurationHelper */ "../../libs/shared/src/utils/DurationHelper.ts");
+/* harmony import */ var _libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+/* harmony import */ var _clips_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./clips.scss */ "./src/shared/components/clips/clips.scss");
+/* harmony import */ var _clips_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_clips_scss__WEBPACK_IMPORTED_MODULE_6__);
+
+
+
+
+
+
+
+
+function ClipDuration(props) {
+  var clip = props.clip;
+  var clipLength = clip.endTime - clip.startTime;
+  var displayDuration = _libs_shared_src_utils_DurationHelper__WEBPACK_IMPORTED_MODULE_4__["DurationHelper"].ToDisplayDuration(clipLength * 1000);
+  var duration = props.duration / 1000;
+  var start = clip.startTime / duration * 100;
+  var length = clipLength / duration * 100;
+  var overlay = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Tooltip"], {
+    id: "tooltip-top"
+  }, displayDuration);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_clips_scss__WEBPACK_IMPORTED_MODULE_6___default.a.bar, " rounded mt-2")
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["OverlayTrigger"], {
+    overlay: overlay
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_clips_scss__WEBPACK_IMPORTED_MODULE_6___default.a.subBar, " bg-primary rounded"),
+    style: {
+      width: "".concat(length, "%"),
+      marginLeft: "".concat(start, "%")
+    }
+  })));
+}
+
+function ClipItem(props) {
+  var clip = props.clip;
+  var clipLength = clip.endTime - clip.startTime;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-self-center w-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    className: 'svg-container align-self-center',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Play,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].ExtraLarge
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: _clips_scss__WEBPACK_IMPORTED_MODULE_6___default.a.content
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: "h6 mb-0 d-inline-block text-truncate",
+    title: clip.name
+  }, clip.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'flex-shrink-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["Badge"], {
+    type: _libs_shared_src_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["BadgeType"].Duration,
+    data: clipLength * 1000
+  }))), clip.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: "".concat(_clips_scss__WEBPACK_IMPORTED_MODULE_6___default.a.clampedDescription, " mb-0 clamp-2"),
+    title: clip.description
+  }, clip.description), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ClipDuration, Object.assign({}, props))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    className: 'svg-container align-self-center',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].More,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].ExtraLarge
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/clips/Clips.tsx":
+/*!***********************************************!*\
+  !*** ./src/shared/components/clips/Clips.tsx ***!
+  \***********************************************/
+/*! exports provided: Clips */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Clips", function() { return Clips; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _ClipItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ClipItem */ "./src/shared/components/clips/ClipItem.tsx");
+
+
+
+
+
+
+var namespace = 'shared.clips';
+function Clips(props) {
+  var _a, _b, _c;
+
+  var video = props.video;
+  var hasClips = (_c = (_b = (_a = video) === null || _a === void 0 ? void 0 : _a.clips) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.length;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'clips'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+    className: 'btn btn-outline-dark ml-3 align-middle',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Plus
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'create'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-stretch'
+  }, hasClips ? video.clips.data.map(function (c) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ClipItem__WEBPACK_IMPORTED_MODULE_5__["ClipItem"], {
+      duration: video.duration,
+      clip: c,
+      key: c.id
+    });
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    className: 'svg-container mr-2 align-top',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Star
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'empty'
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/clips/clips.scss":
+/*!************************************************!*\
+  !*** ./src/shared/components/clips/clips.scss ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"content":"cv--content--22tRu","clamped":"cv--clamped--_LK8Q","clampedDescription":"cv--clampedDescription--18yOL","bar":"cv--bar--3-kb8","subBar":"cv--subBar--1ROlV"};
+
+/***/ }),
+
+/***/ "./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/interactives/InteractiveItem.tsx":
+/*!****************************************************************!*\
+  !*** ./src/shared/components/interactives/InteractiveItem.tsx ***!
+  \****************************************************************/
+/*! exports provided: InteractiveItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveItem", function() { return InteractiveItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _interactives_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./interactives.scss */ "./src/shared/components/interactives/interactives.scss");
+/* harmony import */ var _interactives_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_interactives_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+var namespace = 'shared.interactives';
+
+function getContributorName(interactive) {
+  var owner = interactive.owner;
+  if (!owner || !owner.name || !owner.surname) return '';
+  return owner.name.substring(0, 1) + '. ' + owner.surname;
+}
+
+function getContributorOrg(interactive) {
+  var _a, _b, _c, _d, _e;
+
+  var owner = interactive.owner;
+  return (_e = (_d = (_c = (_b = (_a = owner) === null || _a === void 0 ? void 0 : _a.customers) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.organisation) === null || _e === void 0 ? void 0 : _e.name;
+}
+
+function InteractiveItem(props) {
+  var interactive = props.interactive;
+  var contributor = getContributorName(interactive);
+  var org = getContributorOrg(interactive);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'border rounded w-33 py-3 px-1 d-flex align-items-center mr-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-center w-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    className: 'svg-container',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Play,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainerSize"].ExtraLarge
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: _interactives_scss__WEBPACK_IMPORTED_MODULE_4___default.a.content
+  }, org && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("small", null, contributor && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, contributor, ", "), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("em", null, org)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: "h6 mb-0 clamp-2 ".concat(_interactives_scss__WEBPACK_IMPORTED_MODULE_4___default.a.clamped),
+    title: interactive.name
+  }, interactive.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    className: 'svg-container align-middle mr-1',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Preview
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'text-info'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'preview'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    className: 'svg-container',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].More,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainerSize"].ExtraLarge
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/interactives/Interactives.tsx":
+/*!*************************************************************!*\
+  !*** ./src/shared/components/interactives/Interactives.tsx ***!
+  \*************************************************************/
+/*! exports provided: Interactives */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Interactives", function() { return Interactives; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _InteractiveItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./InteractiveItem */ "./src/shared/components/interactives/InteractiveItem.tsx");
+
+
+
+
+
+
+var namespace = 'shared.interactives';
+function Interactives(props) {
+  var _a, _b, _c;
+
+  var video = props.video;
+  var hasInteractives = (_c = (_b = (_a = video) === null || _a === void 0 ? void 0 : _a.interactives) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.length;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'interactives'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+    className: 'btn btn-outline-dark ml-3 align-middle',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'create'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-stretch'
+  }, hasInteractives ? video.interactives.data.map(function (i) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_InteractiveItem__WEBPACK_IMPORTED_MODULE_5__["InteractiveItem"], {
+      interactive: i,
+      key: i.id
+    });
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    className: 'svg-container mr-2 align-top',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Star
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'empty'
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/interactives/interactives.scss":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/interactives/interactives.scss ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"content":"cv--content--1D6Hx","clamped":"cv--clamped--2sHZC"};
+
+/***/ }),
+
+/***/ "./src/shared/components/play-page/Badges.tsx":
+/*!****************************************************!*\
+  !*** ./src/shared/components/play-page/Badges.tsx ***!
+  \****************************************************/
+/*! exports provided: Badges */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Badges", function() { return Badges; });
+/* 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 Badges(props) {
+  var video = props.video;
+  var rating = video.rating,
+      productionYear = video.productionYear;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, rating && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'badge badge-light p-1 mr-1'
+  }, rating.code), productionYear && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'badge badge-light p-1 mr-1'
+  }, productionYear));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/play-page/Buttons.tsx":
+/*!*****************************************************!*\
+  !*** ./src/shared/components/play-page/Buttons.tsx ***!
+  \*****************************************************/
+/*! exports provided: Buttons */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Buttons", function() { return Buttons; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+
+
+
+
+
+
+var namespace = 'shared.playPage';
+function Buttons(props) {
+  var leftBtnClasses = 'btn btn-outline-secondary mr-2';
+  var rightBtnClasses = 'btn btn-light float-right ml-2';
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_4__["VideoActionsContext"]),
+      getActionAppLink = _React$useContext.getActionAppLink;
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mt-3 clearfix'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus,
+    className: leftBtnClasses
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'createInteractive'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus,
+    className: leftBtnClasses
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'createClip'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].More,
+    className: rightBtnClasses
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'more'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Share,
+    className: rightBtnClasses,
+    appLink: getActionAppLink(props.video, _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_5__["VideoAction"].Share)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'share'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].AddToPlaylists,
+    className: rightBtnClasses
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'addToPlaylist'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus,
+    className: rightBtnClasses
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'favourite'
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/play-page/PlayPage.tsx":
+/*!******************************************************!*\
+  !*** ./src/shared/components/play-page/PlayPage.tsx ***!
+  \******************************************************/
+/*! exports provided: PlayPage */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* 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_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__ = __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_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_back_button_BackButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/back-button/BackButton */ "../../libs/shared/src/components/back-button/BackButton.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/context/VideoActionsContext */ "../../libs/shared/src/context/VideoActionsContext.tsx");
+/* harmony import */ var shared_components_resources_Resources__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/resources/Resources */ "./src/shared/components/resources/Resources.tsx");
+/* harmony import */ var shared_components_video_details_VideoDetails__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/components/video-details/VideoDetails */ "./src/shared/components/video-details/VideoDetails.tsx");
+/* harmony import */ var shared_components_interactives_Interactives__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/components/interactives/Interactives */ "./src/shared/components/interactives/Interactives.tsx");
+/* harmony import */ var shared_components_clips_Clips__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/components/clips/Clips */ "./src/shared/components/clips/Clips.tsx");
+/* harmony import */ var shared_hooks_useWindowListeners__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/hooks/useWindowListeners */ "./src/shared/hooks/useWindowListeners.ts");
+/* harmony import */ var shared_utils_LiteAppLinkUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/utils/LiteAppLinkUtils */ "./src/shared/utils/LiteAppLinkUtils.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var _VideoTitle__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./VideoTitle */ "./src/shared/components/play-page/VideoTitle.tsx");
+/* harmony import */ var _Badges__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Badges */ "./src/shared/components/play-page/Badges.tsx");
+/* harmony import */ var _Buttons__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Buttons */ "./src/shared/components/play-page/Buttons.tsx");
+/* harmony import */ var _synopsis_Synopsis__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../synopsis/Synopsis */ "./src/shared/components/synopsis/Synopsis.tsx");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.playPage';
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Default.PLAY_VIDEO,
+    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__["TextHelper"].slugify(video.name)]
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__["TextHelper"].slugify(series.name)]
+  };
+};
+
+function getUpdate(placeholder, setPlayerData) {
+  return function () {
+    if (!placeholder.current) return;
+    var rect = placeholder.current.getBoundingClientRect();
+    var left = window.pageXOffset || document.documentElement.scrollLeft;
+    var top = window.pageYOffset || document.documentElement.scrollTop;
+    /**
+     * Only show floating player
+     * if the normal player is no longer in view
+     */
+
+    if (rect.top < -rect.height) {
+      setPlayerData('viewportPosition', null);
+      return;
+    }
+
+    setPlayerData('viewportPosition', {
+      top: top + rect.top,
+      left: left + rect.left,
+      width: rect.width
+    });
+  };
+}
+
+function PlayPage(props) {
+  var video = props.video,
+      relatedVideos = props.relatedVideos;
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_1__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_16__["ViewModelKeys"].WEB_PLAYER_DATA),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      setPlayerData = _useViewModel2[1];
+  /**
+   * TODO: Change this to default to showSynopsis if we have a glance
+   */
+
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showSynopsis = _React$useState2[0],
+      setShowSynopsis = _React$useState2[1];
+  /**
+   * Get reference to the placeholder domElement
+   */
+
+
+  var placeholder = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null);
+  var placeholderRef = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](function (node) {
+    if (!node) return;
+    placeholder.current = node;
+    update();
+  }, []);
+  /**
+   * Memoize so we don't call throttle repeatedly
+   */
+
+  var update = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](function () {
+    return _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].throttle(getUpdate(placeholder, setPlayerData), 100, {
+      leading: true,
+      trailing: true
+    });
+  }, []);
+  /**
+   * Bind update to 'scroll' and 'resize'
+   */
+
+  Object(shared_hooks_useWindowListeners__WEBPACK_IMPORTED_MODULE_12__["useOnScroll"])(update);
+  Object(shared_hooks_useWindowListeners__WEBPACK_IMPORTED_MODULE_12__["useOnResize"])(update);
+  /**
+   * Clear the position when this component is closed
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setPlayerData('isOnPlayPage', true);
+    return function () {
+      setPlayerData('viewportPosition', null);
+      setPlayerData('isOnPlayPage', false);
+    };
+  }, []);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_7__["VideoActionsContext"].Provider, {
+    value: {
+      getActionAppLink: shared_utils_LiteAppLinkUtils__WEBPACK_IMPORTED_MODULE_13__["getVideoActionAppLink"]
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-between'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_back_button_BackButton__WEBPACK_IMPORTED_MODULE_5__["BackButton"], {
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__["AppChannels"].DASHBOARD,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Dashboard.HOME
+    },
+    backToName: 'Home'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    className: 'btn btn-light'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: 'classroomMode'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'embed-responsive embed-responsive-16by9 my-3',
+    ref: placeholderRef
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_VideoTitle__WEBPACK_IMPORTED_MODULE_17__["VideoTitle"], {
+    video: video,
+    setFavourite: props.setFavourite
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_Badges__WEBPACK_IMPORTED_MODULE_18__["Badges"], {
+    video: video
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_Buttons__WEBPACK_IMPORTED_MODULE_19__["Buttons"], {
+    video: video
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("hr", null), showSynopsis ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_synopsis_Synopsis__WEBPACK_IMPORTED_MODULE_20__["Synopsis"], {
+    video: video,
+    onClickFullDescription: function onClickFullDescription() {
+      return setShowSynopsis(false);
+    }
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_video_details_VideoDetails__WEBPACK_IMPORTED_MODULE_9__["VideoDetailsWithScrollbar"], {
+    video: video,
+    onClickShowSynopsis: function onClickShowSynopsis() {
+      return setShowSynopsis(true);
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_resources_Resources__WEBPACK_IMPORTED_MODULE_8__["Resources"], {
+    video: video,
+    className: 'my-3'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_interactives_Interactives__WEBPACK_IMPORTED_MODULE_10__["Interactives"], {
+    video: video
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_clips_Clips__WEBPACK_IMPORTED_MODULE_11__["Clips"], {
+    video: video
+  }), !!relatedVideos && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4 mt-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: 'relatedVideos'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_6__["VideoList"], {
+    videos: relatedVideos,
+    getSeriesAppLink: getSeriesAppLink,
+    getVideoAppLink: getVideoAppLink,
+    setFavourite: props.setFavourite
+  })));
+}
+
+/***/ }),
+
+/***/ "./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_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_2__ = __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_3__ = __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_4__ = __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_5__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+
+
+
+
+
+
+
+function VideoTitle(props) {
+  var video = props.video;
+  var tempAppLink = {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_5__["Actions"].Default.SERIES,
+    args: video.series ? [video.series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_2__["TextHelper"].slugify(video.series.name)] : []
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'h3 d-inline-block m-0'
+  }, !!video.series && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_3__["SeriesLink"], {
+    video: video,
+    appLink: tempAppLink
+  }), video.name), !!_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(props.setFavourite) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_4__["FavouriteButton"], {
+    setFavourite: props.setFavourite,
+    video: video,
+    className: 'd-inline-block ml-2 align-text-bottom'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/resources/Resources.tsx":
+/*!*******************************************************!*\
+  !*** ./src/shared/components/resources/Resources.tsx ***!
+  \*******************************************************/
+/*! exports provided: Resources */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Resources", function() { return Resources; });
+/* 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 Resources(props) {
+  var video = props.video;
+  if (!video.resources || !video.resources.data || !video.resources.data.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: props.className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4'
+  }, "Resources"), video.resources.data.map(function (r, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      key: i
+    }, r.name);
+  }));
+}
+
+/***/ }),
+
+/***/ "./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_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _synopsis_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./synopsis.scss */ "./src/shared/components/synopsis/synopsis.scss");
+/* harmony import */ var _synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_synopsis_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+var namespace = 'shared.synopsis';
+function Synopsis(props) {
+  var video = props.video,
+      onClickFullDescription = props.onClickFullDescription;
+  /**
+   * 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 (!video.glance || !video.glance.content || video.glance.format !== 'text/markdown') {
+    onClickFullDescription();
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  }
+  /* These url values should be replaced by something dynamic in the future */
+
+
+  var images = [{
+    className: _synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default.a.topLeft,
+    url: 'https://i.imgur.com/3GafOwO.png'
+  }, {
+    className: _synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default.a.topRight,
+    url: 'https://i.imgur.com/wcNZVth.png'
+  }, {
+    className: _synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default.a.bottomLeft,
+    url: 'https://i.imgur.com/vUEo7H2.png'
+  }, {
+    className: _synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default.a.bottomRight,
+    url: 'https://i.imgur.com/R3gcyGY.png'
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default.a.container)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default.a.content, " py-5")
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    namespace: namespace,
+    phrase: 'videoAtAGlance'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    dangerouslySetInnerHTML: {
+      __html: marked__WEBPACK_IMPORTED_MODULE_1__(video.glance.content)
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
+    onClick: props.onClickFullDescription,
+    className: 'cursor-pointer d-inline-block'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("strong", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    namespace: namespace,
+    phrase: 'showFullDescription'
+  })))), images.map(function (img, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      key: i,
+      className: "".concat(img.className, " ").concat(_synopsis_scss__WEBPACK_IMPORTED_MODULE_4___default.a.background),
+      style: {
+        backgroundImage: "url('".concat(img.url, "')")
+      }
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "./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","content":"cv--content--UcxNO","background":"cv--background--3gpaY","topLeft":"cv--topLeft--2s7I6","bottomLeft":"cv--bottomLeft--23UKL","topRight":"cv--topRight--ec_-l","bottomRight":"cv--bottomRight--1xMKp"};
+
+/***/ }),
+
+/***/ "./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 shared_components_immersive_reader_ImmersiveReader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/components/immersive-reader/ImmersiveReader */ "./src/shared/components/immersive-reader/ImmersiveReader.tsx");
+/* harmony import */ var _video_details_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./video-details.scss */ "./src/shared/components/video-details/video-details.scss");
+/* harmony import */ var _video_details_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_video_details_scss__WEBPACK_IMPORTED_MODULE_6__);
+
+
+
+
+
+
+
+var namespace = 'shared.videoDetails';
+
+function TagList(props) {
+  var tags = props.tags,
+      className = props.className;
+  var hasTags = tags && tags.data && tags.data.length;
+  if (!hasTags) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'tags'
+  }), " ", tags.data.map(function (t, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      className: 'badge mr-1 p-1 badge-light',
+      key: i
+    }, t.name);
+  }));
+}
+
+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 VideoDetails(props) {
+  var video = props.video;
+  var tags = video.tags,
+      rating = video.rating,
+      productionYear = video.productionYear,
+      productionCompanies = video.productionCompanies,
+      distributors = video.distributors;
+  var ratingCode = rating && rating.code;
+  /**
+   * TODO: Use language service
+   */
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'details'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'row no-gutters'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-3'
+  }, ratingCode && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'rating',
+    options: {
+      code: ratingCode
+    }
+  })), productionYear && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'productionYear',
+    options: {
+      year: productionYear
+    }
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-9'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](CommaList, {
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'productionCompanies'),
+    items: productionCompanies,
+    className: 'pb-2'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](CommaList, {
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'distributors'),
+    items: distributors,
+    className: 'pb-2'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](TagList, {
+    tags: tags,
+    className: 'pb-2'
+  }))));
+}
+
+function Description(props) {
+  var _a;
+
+  var video = props.video;
+  if (!((_a = video) === null || _a === void 0 ? void 0 : _a.description)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  /**
+   * TODO: Linkify the description
+   */
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h4'
+  }, 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_5__["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,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Complete
+    },
+    analyticsData: {
+      id: video.id,
+      type: 'description'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, video.description));
+}
+
+function VideoDetailsWithScrollbar(props) {
+  var video = props.video;
+  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 px-3 mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1___default.a, {
+    autoHeight: true,
+    autoHeightMax: 368
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'py-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](VideoDetails, {
+    video: video
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](Description, {
+    video: video
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: "".concat(_video_details_scss__WEBPACK_IMPORTED_MODULE_6___default.a.showGlance, " cursor-pointer"),
+    onClick: props.onClickShowSynopsis,
+    role: 'button',
+    tabIndex: 0
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("strong", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'showGlance'
+  })))))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/video-details/video-details.scss":
+/*!****************************************************************!*\
+  !*** ./src/shared/components/video-details/video-details.scss ***!
+  \****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"showGlance":"cv--showGlance--2fhqC"};
+
+/***/ }),
+
+/***/ "./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');
+
+/***/ }),
+
+/***/ "./src/shared/utils/LiteAppLinkUtils.ts":
+/*!**********************************************!*\
+  !*** ./src/shared/utils/LiteAppLinkUtils.ts ***!
+  \**********************************************/
+/*! exports provided: getVideoActionAppLink */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActionAppLink", function() { return getVideoActionAppLink; });
+/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+
+function getVideoActionAppLink(video, action) {
+  switch (action) {
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].AddToPlaylist:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].PLAYLISTS,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Playlists.ADD_TO_PLAYLIST,
+        args: [video.id]
+      };
+
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].Share:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].DEFAULT,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Default.SHARE,
+        args: [video.id],
+        params: {
+          entityType: 'video'
+        }
+      };
+  }
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=13.chunk.js.map