@times-components/video 4.19.35-99b2a3bfea2d36b545c90b124ffb640df14986d6.0 → 4.19.35-bac6b8e500a02071e1be89be7f925d003afae003.1

package/dist/inline-video-player.js

@@ -23,10 +23,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -52,7 +48,6 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 css = "\n  div[data-is-360=\"true\"] button.vjs-big-play-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-big-play-button {\n    margin: 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-color: unset !important;\n  }\n\n  .video-js .vjs-dock-text {\n    visibility: hidden;\n  }\n\n  .video-js .vjs-poster {\n    background-size: cover;\n  }\n\n  .video-js .vjs-tech {\n    position: relative;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-big-play-button .vjs-icon-placeholder::after {\n    content: \"\" !important;\n\n    position: absolute;\n    top: unset !important;\n    bottom: 0;\n    left: 0;\n    \n    background-image: url(".concat(_videoPlayIcon["default"].base, ");\n    background-size: contain;\n    background-repeat: no-repeat;\n    \n    aspect-ratio: 1 !important;\n    width: 25% !important;\n    height: unset !important;\n    min-width: 80px;\n    min-height: 80px;\n    max-width: 128px;\n    max-height: 128px;\n    transition: opacity 100ms ease-in-out;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::before {\n    background-image: url(").concat(_videoPlayIcon["default"].base, ");\n    opacity: 1;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::after {\n    background-image: url(").concat(_videoPlayIcon["default"].hover, ");\n    opacity: 0;\n  }\n\n  .vjs-big-play-button:hover .vjs-icon-placeholder::before {\n      opacity: 0;\n  }\n  .vjs-big-play-button:hover .vjs-icon-placeholder::after {\n      opacity: 1;\n  }\n  .vjs-big-play-button:focus .vjs-icon-placeholder::before {\n    background-image: url(").concat(_videoPlayIcon["default"].hover, ");\n  }\n\n  .vjs-big-play-button:focus {\n   outline: none;\n  }\n\n  .video-js.vjs-has-started  .vjs-big-play-button .vjs-icon-placeholder::before, .video-js.vjs-has-started  .vjs-big-play-button .vjs-icon-placeholder::after {\n    display: none !important;\n  }\n");
-var mediaCarouselCss = "\n  .vjs-big-play-button{\n  display: none !important;\n  }\n\n  .vjs-dock-text{\n  display: none !important;\n  }\n\n  /* container visuals */\n  .lcpItem {\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.35);\n    position: relative;\n  }\n\n  .lcpItem video,\n  .lcpItem .vjs-poster {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .mv-overlay {\n    position: absolute;\n    left: 24px;\n    bottom: 24px;\n    right: 24px;\n    display: flex;\n    align-items: flex-end;\n    gap: 16px;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .mv-play-button {\n    pointer-events: auto;\n    width: 72px;\n    height: 72px;\n    min-width: 72px;\n    min-height: 72px;\n    border-radius: 50%;\n    background: #FFFFFF; /* required white background */\n    color: #01000D; /* icon color fallback */\n    border: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.35);\n    cursor: pointer;\n    z-index: 4;\n    flex-shrink: 0;\n  }\n\n  .mv-play-button::before {\n    content: \"\";\n    display: block;\n    width: 0;\n    height: 0;\n    border-left: 20px solid #01000D; /* dark triangle color */\n    border-top: 12px solid transparent;\n    border-bottom: 12px solid transparent;\n    margin-left: 4px;\n  }\n\n  .mv-content {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    pointer-events: none;\n    color: #FFFFFF;\n    text-shadow: 0 6px 40px rgba(0,0,0,0.6);\n    max-width: calc(100% - 96px);\n  }\n\n  .mv-meta {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    font-size: 12px;\n    font-weight: 700;\n    color: #a7f0ff; /* pale cyan */\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n\n  .mv-sep {\n    opacity: 0.9;\n    color: #a7f0ff;\n  }\n\n  .mv-title {\n    color: #ffffff;\n    font-size: 28px;\n    line-height: 1.04;\n    margin: 0;\n    font-weight: 700;\n    text-shadow: 0 6px 40px rgba(0,0,0,0.6);\n    pointer-events: none;\n    word-break: break-word;\n  }\n\n  @media (max-width: 600px) {\n    .mv-overlay { left: 12px; right: 12px; bottom: 12px; gap: 12px; }\n    .mv-play-button { width: 56px; height: 56px; min-width:56px; min-height:56px; }\n    .mv-play-button::before { border-left: 16px solid #01000D; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }\n    .mv-title { font-size: 18px; max-width: 100%; }\n  }\n";
 
 var InlineVideoPlayer = /*#__PURE__*/function (_Component) {
   _inherits(InlineVideoPlayer, _Component);
@@ -160,9 +155,7 @@ var InlineVideoPlayer = /*#__PURE__*/function (_Component) {
         };
 
         InlineVideoPlayer.appendScript(s);
-        var cssToAttach = this.props.isMediaCarousel ? mediaCarouselCss : css;
-        var styleId = this.props.isMediaCarousel ? "inline-video-player-media-carousel-styles" : "inline-video-player-styles";
-        InlineVideoPlayer.attachStyles(cssToAttach, styleId);
+        InlineVideoPlayer.attachStyles();
       }
     }
   }, {
@@ -206,8 +199,6 @@ var InlineVideoPlayer = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this4 = this;
-
       var _this$props2 = this.props,
           width = _this$props2.width,
           height = _this$props2.height,
@@ -215,10 +206,6 @@ var InlineVideoPlayer = /*#__PURE__*/function (_Component) {
           videoId = _this$props2.videoId,
           accountId = _this$props2.accountId,
           playerId = _this$props2.playerId,
-          isMediaCarousel = _this$props2.isMediaCarousel,
-          title = _this$props2.title,
-          duration = _this$props2.duration,
-          category = _this$props2.category,
           is360 = _this$props2.is360;
       var _this$state = this.state,
           error = _this$state.error,
@@ -247,36 +234,7 @@ var InlineVideoPlayer = /*#__PURE__*/function (_Component) {
             width: width,
             position: "relative"
           }
-        }, !hasVideoPlayed && /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, is360 && /*#__PURE__*/_react["default"].createElement(_video360Icon["default"], null)), isMediaCarousel && !hasVideoPlayed && /*#__PURE__*/_react["default"].createElement("div", {
-          className: "mv-overlay",
-          "aria-hidden": hasVideoPlayed
-        }, /*#__PURE__*/_react["default"].createElement("button", {
-          className: "mv-play-button",
-          "aria-label": "Play",
-          onClick: function onClick() {
-            if (_this4.player && typeof _this4.player.play === "function") {
-              _this4.player.play();
-            } else {
-              var el = document.getElementById(_this4.id);
-              if (el && typeof el.play === "function") el.play();
-            }
-
-            _this4.handlePlay();
-          }
-        }), /*#__PURE__*/_react["default"].createElement("div", {
-          className: "mv-content",
-          "aria-hidden": hasVideoPlayed
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: "mv-meta"
-        }, /*#__PURE__*/_react["default"].createElement("span", {
-          className: "mv-tag"
-        }, category || "LIFE & STYLE"), /*#__PURE__*/_react["default"].createElement("span", {
-          className: "mv-sep"
-        }, "|"), /*#__PURE__*/_react["default"].createElement("span", {
-          className: "mv-duration"
-        }, duration || "10:00")), /*#__PURE__*/_react["default"].createElement("h2", {
-          className: "mv-title"
-        }, title || "Inside interior designer Eva Sonaike’s pattern-filled home"))), /*#__PURE__*/_react["default"].createElement("video", _extends({
+        }, !hasVideoPlayed && /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, is360 && /*#__PURE__*/_react["default"].createElement(_video360Icon["default"], null)), /*#__PURE__*/_react["default"].createElement("video", _extends({
           id: this.id,
           style: {
             height: height,
@@ -308,13 +266,9 @@ var InlineVideoPlayer = /*#__PURE__*/function (_Component) {
   }, {
     key: "attachStyles",
     value: function attachStyles() {
-      var cssString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : css;
-      var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "inline-video-player-styles";
-      if (document.getElementById(id)) return;
       var styleTag = document.createElement("style");
       styleTag.type = "text/css";
-      styleTag.id = id;
-      var cssText = document.createTextNode(cssString);
+      var cssText = document.createTextNode(css);
       styleTag.appendChild(cssText);
       document.head.appendChild(styleTag);
     }
@@ -329,11 +283,7 @@ _defineProperty(InlineVideoPlayer, "activePlayers", []);
 
 _defineProperty(InlineVideoPlayer, "activeScripts", []);
 
-InlineVideoPlayer.defaultProps = _objectSpread(_objectSpread({}, _videoPropTypes.defaultProps), {}, {
-  isMediaCarousel: false
-});
-InlineVideoPlayer.propTypes = _objectSpread(_objectSpread({}, _videoPropTypes.propTypes), {}, {
-  isMediaCarousel: _videoPropTypes.propTypes.bool
-});
+InlineVideoPlayer.defaultProps = _videoPropTypes.defaultProps;
+InlineVideoPlayer.propTypes = _videoPropTypes.propTypes;
 var _default = InlineVideoPlayer;
 exports["default"] = _default;

package/dist/video-prop-types.js

@@ -16,7 +16,6 @@ var propTypes = {
   height: numberOrString.isRequired,
   id: _propTypes["default"].string,
   is360: _propTypes["default"].bool,
-  isMediaCarousel: _propTypes["default"].bool,
   playerId: _propTypes["default"].string,
   policyKey: _propTypes["default"].string.isRequired,
   poster: _propTypes["default"].shape({

package/dist/video.js

@@ -23,12 +23,6 @@ var _styles = require("./styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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 Video = function Video(props) {
   var height = props.height,
       poster = props.poster,
@@ -52,12 +46,8 @@ var Video = function Video(props) {
   });
 };
 
-Video.defaultProps = _objectSpread(_objectSpread({}, _videoPropTypes.defaultProps), {}, {
-  isMediaCarousel: true
-});
-Video.propTypes = _objectSpread(_objectSpread({}, _videoPropTypes.propTypes), {}, {
-  isMediaCarousel: _videoPropTypes.propTypes.bool
-});
+Video.defaultProps = _videoPropTypes.defaultProps;
+Video.propTypes = _videoPropTypes.propTypes;
 var _default = Video;
 exports["default"] = _default;
 var IsPaidSubscriberContext = _isPaidSubscriber["default"].Provider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/video",
-  "version": "4.19.35-99b2a3bfea2d36b545c90b124ffb640df14986d6.0+99b2a3bfea",
+  "version": "4.19.35-bac6b8e500a02071e1be89be7f925d003afae003.1+bac6b8e500",
   "main": "dist/video",
   "dev": "src/video",
   "description": "Video",
@@ -36,8 +36,8 @@
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "^0.8.18",
     "@times-components/jest-configurator-web": "^0.8.2",
-    "@times-components/jest-serializer": "^3.18.4",
-    "@times-components/storybook": "^4.16.8",
+    "@times-components/jest-serializer": "^3.18.5-bac6b8e500a02071e1be89be7f925d003afae003.3+bac6b8e500",
+    "@times-components/storybook": "^4.16.9-bac6b8e500a02071e1be89be7f925d003afae003.1+bac6b8e500",
     "@times-components/test-utils": "^2.4.2",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.5",
@@ -52,11 +52,11 @@
     "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/error-view": "^2.6.91",
-    "@times-components/icons": "^2.23.31",
-    "@times-components/image": "^6.20.7",
-    "@times-components/ts-styleguide": "^1.56.9",
-    "@times-components/utils": "^6.34.1",
+    "@times-components/error-view": "^2.6.92-bac6b8e500a02071e1be89be7f925d003afae003.1+bac6b8e500",
+    "@times-components/icons": "^2.23.32-bac6b8e500a02071e1be89be7f925d003afae003.1+bac6b8e500",
+    "@times-components/image": "^6.20.8-bac6b8e500a02071e1be89be7f925d003afae003.1+bac6b8e500",
+    "@times-components/ts-styleguide": "^1.56.10-bac6b8e500a02071e1be89be7f925d003afae003.1+bac6b8e500",
+    "@times-components/utils": "^6.34.2-bac6b8e500a02071e1be89be7f925d003afae003.3+bac6b8e500",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "99b2a3bfea2d36b545c90b124ffb640df14986d6"
+  "gitHead": "bac6b8e500a02071e1be89be7f925d003afae003"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=9)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports={base:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8yNzAxXzMzNDkyIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiBmaWxsPSIjQTA4MjgyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yNzAxXzMzNDkyKSI+CjxjaXJjbGUgY3g9Ii0wLjAwNjAwNDMzIiBjeT0iMTI4LjAwMiIgcj0iMTE2LjM2NCIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzI3MDFfMzM0OTIpIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzIgNTZIOFYxMjBINzJWNTZaTTUwLjggODcuOEwzMCAxMDAuNlY3NUw1MC44IDg3LjhaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI3MDFfMzM0OTIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDA2MDA0MzMgMTI4LjAwMikgcm90YXRlKDkwKSBzY2FsZSgxMTYuMzY0KSI+CjxzdG9wLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K",hover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8yODAwXzMyNzk4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiBmaWxsPSIjQTA4MjgyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yODAwXzMyNzk4KSI+CjxjaXJjbGUgY3g9Ii0wLjAwNTUxNjA1IiBjeT0iMTI4LjAwMiIgcj0iMTE2LjM2NCIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzI4MDBfMzI3OTgpIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L2c+CjxyZWN0IHg9IjguNSIgeT0iNTYuNSIgd2lkdGg9IjYzIiBoZWlnaHQ9IjYzIiBmaWxsPSIjMDA1MjdBIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMCA3NVYxMDAuNkw1MC44IDg3LjhMMzAgNzVaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI4MDBfMzI3OTgiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDA1NTE2MDUgMTI4LjAwMikgcm90YXRlKDkwKSBzY2FsZSgxMTYuMzY0KSI+CjxzdG9wLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K"}},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/error-view/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(5),a=n.n(o),l=n(6),c=n.n(l),s=n(7),p=n(1),d=n.n(p),u=d.a.oneOfType([d.a.string,d.a.number]),f=(d.a.string.isRequired,u.isRequired,d.a.string,d.a.bool,d.a.bool,d.a.string,d.a.string.isRequired,d.a.shape({uri:d.a.string.isRequired}),d.a.string.isRequired,u.isRequired,{is360:!1,playerId:"default",poster:null}),h=n(8),y=n(2),b=n(3),m=n.n(b),v=m.a.div.withConfig({displayName:"styles__Video360Container",componentId:"sc-1b2p9l4-0"})(['border-radius:100%;left:50%;position:absolute;height:100px;top:50%;transform:translate(-50%,-50%);width:100px;z-index:1;pointer-events:none;[data-is-360="true"]:hover &{background:rgba(0,0,0,0.2);}']),g=m.a.div.withConfig({displayName:"styles__VideoErrorContainer",componentId:"sc-1b2p9l4-1"})(["display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:",";"],y.colours.functional.transparentBlack),I=m.a.span.withConfig({displayName:"styles__VideoErrorHeading",componentId:"sc-1b2p9l4-2"})(["color:white;font-family:",";font-size:20px;height:auto;width:auto;margin-bottom:",";text-align:center;"],y.fontsWithFallback.headline,Object(y.spacing)(2)),j=m.a.span.withConfig({displayName:"styles__VideoErrorBody",componentId:"sc-1b2p9l4-3"})(["color:rgba(255,255,255,0.8);font-family:",";font-size:14px;height:auto;max-width:80%;text-align:center;width:410px;"],y.fontsWithFallback.body),x=m.a.div.withConfig({displayName:"styles__NoSubscriptionWrapper",componentId:"sc-1b2p9l4-4"})(["position:absolute;height:65px;left:0;right:0;top:50%;margin-top:-32px;"]),w=m.a.span.withConfig({displayName:"styles__NoSubscriptionMessage",componentId:"sc-1b2p9l4-5"})(["background-color:rgba(0,0,0,0.7);color:",";margin-left:auto;margin-right:auto;max-width:80%;padding:",";text-align:center;width:300px;font-family:",";font-size:14px;"],y.colours.functional.contrast,Object(y.spacing)(2),y.fontsWithFallback.body),P=function(){return i.a.createElement(v,null,i.a.createElement(h.IconVideo360Player,{fillColour:y.colours.functional.white,height:100}))},N=n(4),M=n.n(N);function O(e){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){return(S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function W(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function E(e,t){return(E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Z(e);if(t){var i=Z(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return B(this,n)}}function B(e,t){return!t||"object"!==O(t)&&"function"!=typeof t?D(e):t}function D(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Z(e){return(Z=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var F='\n  div[data-is-360="true"] button.vjs-big-play-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-big-play-button {\n    margin: 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-color: unset !important;\n  }\n\n  .video-js .vjs-dock-text {\n    visibility: hidden;\n  }\n\n  .video-js .vjs-poster {\n    background-size: cover;\n  }\n\n  .video-js .vjs-tech {\n    position: relative;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-big-play-button .vjs-icon-placeholder::after {\n    content: "" !important;\n\n    position: absolute;\n    top: unset !important;\n    bottom: 0;\n    left: 0;\n    \n    background-image: url('.concat(M.a.base,");\n    background-size: contain;\n    background-repeat: no-repeat;\n    \n    aspect-ratio: 1 !important;\n    width: 25% !important;\n    height: unset !important;\n    min-width: 80px;\n    min-height: 80px;\n    max-width: 128px;\n    max-height: 128px;\n    transition: opacity 100ms ease-in-out;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::before {\n    background-image: url(").concat(M.a.base,");\n    opacity: 1;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::after {\n    background-image: url(").concat(M.a.hover,");\n    opacity: 0;\n  }\n\n  .vjs-big-play-button:hover .vjs-icon-placeholder::before {\n      opacity: 0;\n  }\n  .vjs-big-play-button:hover .vjs-icon-placeholder::after {\n      opacity: 1;\n  }\n  .vjs-big-play-button:focus .vjs-icon-placeholder::before {\n    background-image: url(").concat(M.a.hover,");\n  }\n\n  .vjs-big-play-button:focus {\n   outline: none;\n  }\n\n  .video-js.vjs-has-started  .vjs-big-play-button .vjs-icon-placeholder::before, .video-js.vjs-has-started  .vjs-big-play-button .vjs-icon-placeholder::after {\n    display: none !important;\n  }\n"),Y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&E(e,t)}(l,e);var t,n,o,a=C(l);function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),T(D(t=a.call(this,e)),"handleError",(function(){t.setState({error:!0})})),T(D(t),"handlePlay",(function(){t.setState({hasVideoPlayed:!0}),l.activePlayers.forEach((function(e){e!==D(t)&&e.player&&e.player.pause()}))})),t.state={error:null,hasVideoPlayed:!1},t.id="".concat(e.videoId,"-").concat(e.accountId,"-").concat(e.id),t.videoContainerRef=i.a.createRef(),t.observer=null,t}return t=l,o=[{key:"brightcoveSDKHasLoaded",value:function(){return!(!window.bc||!window.videojs)}},{key:"appendScript",value:function(e){document.body.appendChild(e)}},{key:"attachStyles",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:F,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"inline-video-player-styles";if(!document.getElementById(t)){var n=document.createElement("style");n.type="text/css",n.id=t;var r=document.createTextNode(e);n.appendChild(r),document.head.appendChild(n)}}}],(n=[{key:"componentDidMount",value:function(){this.observer=this.createIntersectionObserver(),this.observer&&this.videoContainerRef&&this.observer.observe(this.videoContainerRef.current),this.loadBrightcoveSDKIfRequired(),l.scriptLoadError&&this.handleError(l.scriptLoadError),l.activePlayers.push(this),l.brightcoveSDKHasLoaded()&&this.initBrightcove()}},{key:"componentWillUnmount",value:function(){l.activePlayers.splice(l.activePlayers.indexOf(this)),this.player&&(this.player.dispose(),this.player=null),this.observer&&this.observer.disconnect()}},{key:"createIntersectionObserver",value:function(){var e=this;return"IntersectionObserver"in window?new window.IntersectionObserver((function(t){t[0].isIntersecting&&e.loadBrightcoveSDKIfRequired()})):null}},{key:"loadBrightcoveSDKIfRequired",value:function(){var e=this.createBrightcoveScript();if(e){e.onload=function(){l.activePlayers.forEach((function(e){return e.initVideojs()}))},e.onerror=function(){l.scriptLoadError="Brightcove script failed to load",l.activePlayers.forEach((function(e){return e.handleError()}))},l.appendScript(e);var t=this.props.isMediaCarousel?'\n  .vjs-big-play-button{\n  display: none !important;\n  }\n\n  .vjs-dock-text{\n  display: none !important;\n  }\n\n  /* container visuals */\n  .lcpItem {\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.35);\n    position: relative;\n  }\n\n  .lcpItem video,\n  .lcpItem .vjs-poster {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .mv-overlay {\n    position: absolute;\n    left: 24px;\n    bottom: 24px;\n    right: 24px;\n    display: flex;\n    align-items: flex-end;\n    gap: 16px;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .mv-play-button {\n    pointer-events: auto;\n    width: 72px;\n    height: 72px;\n    min-width: 72px;\n    min-height: 72px;\n    border-radius: 50%;\n    background: #FFFFFF; /* required white background */\n    color: #01000D; /* icon color fallback */\n    border: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.35);\n    cursor: pointer;\n    z-index: 4;\n    flex-shrink: 0;\n  }\n\n  .mv-play-button::before {\n    content: "";\n    display: block;\n    width: 0;\n    height: 0;\n    border-left: 20px solid #01000D; /* dark triangle color */\n    border-top: 12px solid transparent;\n    border-bottom: 12px solid transparent;\n    margin-left: 4px;\n  }\n\n  .mv-content {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    pointer-events: none;\n    color: #FFFFFF;\n    text-shadow: 0 6px 40px rgba(0,0,0,0.6);\n    max-width: calc(100% - 96px);\n  }\n\n  .mv-meta {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    font-size: 12px;\n    font-weight: 700;\n    color: #a7f0ff; /* pale cyan */\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n\n  .mv-sep {\n    opacity: 0.9;\n    color: #a7f0ff;\n  }\n\n  .mv-title {\n    color: #ffffff;\n    font-size: 28px;\n    line-height: 1.04;\n    margin: 0;\n    font-weight: 700;\n    text-shadow: 0 6px 40px rgba(0,0,0,0.6);\n    pointer-events: none;\n    word-break: break-word;\n  }\n\n  @media (max-width: 600px) {\n    .mv-overlay { left: 12px; right: 12px; bottom: 12px; gap: 12px; }\n    .mv-play-button { width: 56px; height: 56px; min-width:56px; min-height:56px; }\n    .mv-play-button::before { border-left: 16px solid #01000D; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }\n    .mv-title { font-size: 18px; max-width: 100%; }\n  }\n':F,n=this.props.isMediaCarousel?"inline-video-player-media-carousel-styles":"inline-video-player-styles";l.attachStyles(t,n)}}},{key:"createBrightcoveScript",value:function(){var e=this.props,t=e.accountId,n=e.playerId,r=e.videoId,i=document.createElement("script");return i.src="//players.brightcove.net/".concat(t,"/").concat(n,"_default/index.min.js?videoID=").concat(r),i.defer=!0,l.activeScripts.includes(i.src)?null:(l.activeScripts.push(i.src),i)}},{key:"initVideojs",value:function(){var e=this;this.player=window.videojs(this.id),this.player.ready((function(){e.player.contextmenu({disabled:!0})})),this.player.on("error",this.handleError),this.player.on("play",this.handlePlay)}},{key:"initBrightcove",value:function(){window.bc(document.getElementById(this.id)),this.initVideojs()}},{key:"render",value:function(){var e=this,t=this.props,n=t.width,o=t.height,a=t.poster,l=t.videoId,c=t.accountId,p=t.playerId,d=t.isMediaCarousel,u=t.title,f=t.duration,h=t.category,y=t.is360,b=this.state,m=b.error,v=b.hasVideoPlayed;if(m)throw new Error("Can't load video");return i.a.createElement("div",{"data-is-360":y,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:o,width:n},className:"lcpItem"},i.a.createElement("div",{style:{height:o,width:n,position:"relative"}},!v&&i.a.createElement(r.Fragment,null,y&&i.a.createElement(P,null)),d&&!v&&i.a.createElement("div",{className:"mv-overlay","aria-hidden":v},i.a.createElement("button",{className:"mv-play-button","aria-label":"Play",onClick:function(){if(e.player&&"function"==typeof e.player.play)e.player.play();else{var t=document.getElementById(e.id);t&&"function"==typeof t.play&&t.play()}e.handlePlay()}}),i.a.createElement("div",{className:"mv-content","aria-hidden":v},i.a.createElement("div",{className:"mv-meta"},i.a.createElement("span",{className:"mv-tag"},h||"LIFE & STYLE"),i.a.createElement("span",{className:"mv-sep"},"|"),i.a.createElement("span",{className:"mv-duration"},f||"10:00")),i.a.createElement("h2",{className:"mv-title"},u||"Inside interior designer Eva Sonaike’s pattern-filled home"))),i.a.createElement("video",S({id:this.id,style:{height:o,width:n}},a?{poster:Object(s.appendToImageURL)(a.uri,"resize",960)}:{},{className:"video-js",controls:!0,"data-account":c,"data-application-id":!0,"data-embed":"default","data-player":p,"data-video-id":l}))))}}])&&W(t.prototype,n),o&&W(t,o),l}(r.Component);T(Y,"scriptLoadError",!1),T(Y,"activePlayers",[]),T(Y,"activeScripts",[]),Y.defaultProps=k(k({},f),{},{isMediaCarousel:!1});var R=Y,G=i.a.createContext(!0),L=function(e){var t=e.height,n=e.width;return i.a.createElement(g,{style:{height:t,width:n}},i.a.createElement(I,null,"Video unable to play"),i.a.createElement(j,null,"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"))};function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){X(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function X(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"IsPaidSubscriberContext",(function(){return J}));var V=function(e){var t=e.height,n=e.poster,r=e.width;return i.a.createElement(c.a,null,(function(o){return o.hasError?i.a.createElement(L,{height:t,width:r}):i.a.createElement(G.Consumer,null,(function(o){return o?i.a.createElement(R,e):i.a.createElement("div",{style:{height:t,width:r}},i.a.createElement(a.a,{aspectRatio:r/t,uri:n.uri}),i.a.createElement(x,null,i.a.createElement(w,null,"We are sorry, you need to be a subscriber to watch this video")))}))}))};V.defaultProps=H(H({},f),{},{isMediaCarousel:!0});t.default=V;var J=G.Provider}]);
+module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=9)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports={base:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8yNzAxXzMzNDkyIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiBmaWxsPSIjQTA4MjgyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yNzAxXzMzNDkyKSI+CjxjaXJjbGUgY3g9Ii0wLjAwNjAwNDMzIiBjeT0iMTI4LjAwMiIgcj0iMTE2LjM2NCIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzI3MDFfMzM0OTIpIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzIgNTZIOFYxMjBINzJWNTZaTTUwLjggODcuOEwzMCAxMDAuNlY3NUw1MC44IDg3LjhaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI3MDFfMzM0OTIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDA2MDA0MzMgMTI4LjAwMikgcm90YXRlKDkwKSBzY2FsZSgxMTYuMzY0KSI+CjxzdG9wLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K",hover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8yODAwXzMyNzk4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiBmaWxsPSIjQTA4MjgyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yODAwXzMyNzk4KSI+CjxjaXJjbGUgY3g9Ii0wLjAwNTUxNjA1IiBjeT0iMTI4LjAwMiIgcj0iMTE2LjM2NCIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzI4MDBfMzI3OTgpIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L2c+CjxyZWN0IHg9IjguNSIgeT0iNTYuNSIgd2lkdGg9IjYzIiBoZWlnaHQ9IjYzIiBmaWxsPSIjMDA1MjdBIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMCA3NVYxMDAuNkw1MC44IDg3LjhMMzAgNzVaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI4MDBfMzI3OTgiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDA1NTE2MDUgMTI4LjAwMikgcm90YXRlKDkwKSBzY2FsZSgxMTYuMzY0KSI+CjxzdG9wLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K"}},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/error-view/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t,n){"use strict";n.r(t);var i=n(0),o=n.n(i),r=n(5),a=n.n(r),c=n(6),s=n.n(c),l=n(7),u=n(1),d=n.n(u),p=d.a.oneOfType([d.a.string,d.a.number]),f=(d.a.string.isRequired,p.isRequired,d.a.string,d.a.bool,d.a.string,d.a.string.isRequired,d.a.shape({uri:d.a.string.isRequired}),d.a.string.isRequired,p.isRequired,{is360:!1,playerId:"default",poster:null}),h=n(8),y=n(2),b=n(3),g=n.n(b),I=g.a.div.withConfig({displayName:"styles__Video360Container",componentId:"sc-1b2p9l4-0"})(['border-radius:100%;left:50%;position:absolute;height:100px;top:50%;transform:translate(-50%,-50%);width:100px;z-index:1;pointer-events:none;[data-is-360="true"]:hover &{background:rgba(0,0,0,0.2);}']),v=g.a.div.withConfig({displayName:"styles__VideoErrorContainer",componentId:"sc-1b2p9l4-1"})(["display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:",";"],y.colours.functional.transparentBlack),m=g.a.span.withConfig({displayName:"styles__VideoErrorHeading",componentId:"sc-1b2p9l4-2"})(["color:white;font-family:",";font-size:20px;height:auto;width:auto;margin-bottom:",";text-align:center;"],y.fontsWithFallback.headline,Object(y.spacing)(2)),j=g.a.span.withConfig({displayName:"styles__VideoErrorBody",componentId:"sc-1b2p9l4-3"})(["color:rgba(255,255,255,0.8);font-family:",";font-size:14px;height:auto;max-width:80%;text-align:center;width:410px;"],y.fontsWithFallback.body),w=g.a.div.withConfig({displayName:"styles__NoSubscriptionWrapper",componentId:"sc-1b2p9l4-4"})(["position:absolute;height:65px;left:0;right:0;top:50%;margin-top:-32px;"]),x=g.a.span.withConfig({displayName:"styles__NoSubscriptionMessage",componentId:"sc-1b2p9l4-5"})(["background-color:rgba(0,0,0,0.7);color:",";margin-left:auto;margin-right:auto;max-width:80%;padding:",";text-align:center;width:300px;font-family:",";font-size:14px;"],y.colours.functional.contrast,Object(y.spacing)(2),y.fontsWithFallback.body),M=function(){return o.a.createElement(I,null,o.a.createElement(h.IconVideo360Player,{fillColour:y.colours.functional.white,height:100}))},N=n(4),z=n.n(N);function P(e){return(P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function W(){return(W=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function S(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function k(e,t){return(k=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=E(e);if(t){var o=E(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return B(this,n)}}function B(e,t){return!t||"object"!==P(t)&&"function"!=typeof t?Z(e):t}function Z(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var D='\n  div[data-is-360="true"] button.vjs-big-play-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-big-play-button {\n    margin: 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-color: unset !important;\n  }\n\n  .video-js .vjs-dock-text {\n    visibility: hidden;\n  }\n\n  .video-js .vjs-poster {\n    background-size: cover;\n  }\n\n  .video-js .vjs-tech {\n    position: relative;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-big-play-button .vjs-icon-placeholder::after {\n    content: "" !important;\n\n    position: absolute;\n    top: unset !important;\n    bottom: 0;\n    left: 0;\n    \n    background-image: url('.concat(z.a.base,");\n    background-size: contain;\n    background-repeat: no-repeat;\n    \n    aspect-ratio: 1 !important;\n    width: 25% !important;\n    height: unset !important;\n    min-width: 80px;\n    min-height: 80px;\n    max-width: 128px;\n    max-height: 128px;\n    transition: opacity 100ms ease-in-out;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::before {\n    background-image: url(").concat(z.a.base,");\n    opacity: 1;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::after {\n    background-image: url(").concat(z.a.hover,");\n    opacity: 0;\n  }\n\n  .vjs-big-play-button:hover .vjs-icon-placeholder::before {\n      opacity: 0;\n  }\n  .vjs-big-play-button:hover .vjs-icon-placeholder::after {\n      opacity: 1;\n  }\n  .vjs-big-play-button:focus .vjs-icon-placeholder::before {\n    background-image: url(").concat(z.a.hover,");\n  }\n\n  .vjs-big-play-button:focus {\n   outline: none;\n  }\n\n  .video-js.vjs-has-started  .vjs-big-play-button .vjs-icon-placeholder::before, .video-js.vjs-has-started  .vjs-big-play-button .vjs-icon-placeholder::after {\n    display: none !important;\n  }\n"),T=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&k(e,t)}(c,e);var t,n,r,a=C(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),O(Z(t=a.call(this,e)),"handleError",(function(){t.setState({error:!0})})),O(Z(t),"handlePlay",(function(){t.setState({hasVideoPlayed:!0}),c.activePlayers.forEach((function(e){e!==Z(t)&&e.player&&e.player.pause()}))})),t.state={error:null,hasVideoPlayed:!1},t.id="".concat(e.videoId,"-").concat(e.accountId,"-").concat(e.id),t.videoContainerRef=o.a.createRef(),t.observer=null,t}return t=c,r=[{key:"brightcoveSDKHasLoaded",value:function(){return!(!window.bc||!window.videojs)}},{key:"appendScript",value:function(e){document.body.appendChild(e)}},{key:"attachStyles",value:function(){var e=document.createElement("style");e.type="text/css";var t=document.createTextNode(D);e.appendChild(t),document.head.appendChild(e)}}],(n=[{key:"componentDidMount",value:function(){this.observer=this.createIntersectionObserver(),this.observer&&this.videoContainerRef&&this.observer.observe(this.videoContainerRef.current),this.loadBrightcoveSDKIfRequired(),c.scriptLoadError&&this.handleError(c.scriptLoadError),c.activePlayers.push(this),c.brightcoveSDKHasLoaded()&&this.initBrightcove()}},{key:"componentWillUnmount",value:function(){c.activePlayers.splice(c.activePlayers.indexOf(this)),this.player&&(this.player.dispose(),this.player=null),this.observer&&this.observer.disconnect()}},{key:"createIntersectionObserver",value:function(){var e=this;return"IntersectionObserver"in window?new window.IntersectionObserver((function(t){t[0].isIntersecting&&e.loadBrightcoveSDKIfRequired()})):null}},{key:"loadBrightcoveSDKIfRequired",value:function(){var e=this.createBrightcoveScript();e&&(e.onload=function(){c.activePlayers.forEach((function(e){return e.initVideojs()}))},e.onerror=function(){c.scriptLoadError="Brightcove script failed to load",c.activePlayers.forEach((function(e){return e.handleError()}))},c.appendScript(e),c.attachStyles())}},{key:"createBrightcoveScript",value:function(){var e=this.props,t=e.accountId,n=e.playerId,i=e.videoId,o=document.createElement("script");return o.src="//players.brightcove.net/".concat(t,"/").concat(n,"_default/index.min.js?videoID=").concat(i),o.defer=!0,c.activeScripts.includes(o.src)?null:(c.activeScripts.push(o.src),o)}},{key:"initVideojs",value:function(){var e=this;this.player=window.videojs(this.id),this.player.ready((function(){e.player.contextmenu({disabled:!0})})),this.player.on("error",this.handleError),this.player.on("play",this.handlePlay)}},{key:"initBrightcove",value:function(){window.bc(document.getElementById(this.id)),this.initVideojs()}},{key:"render",value:function(){var e=this.props,t=e.width,n=e.height,r=e.poster,a=e.videoId,c=e.accountId,s=e.playerId,u=e.is360,d=this.state,p=d.error,f=d.hasVideoPlayed;if(p)throw new Error("Can't load video");return o.a.createElement("div",{"data-is-360":u,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:n,width:t},className:"lcpItem"},o.a.createElement("div",{style:{height:n,width:t,position:"relative"}},!f&&o.a.createElement(i.Fragment,null,u&&o.a.createElement(M,null)),o.a.createElement("video",W({id:this.id,style:{height:n,width:t}},r?{poster:Object(l.appendToImageURL)(r.uri,"resize",960)}:{},{className:"video-js",controls:!0,"data-account":c,"data-application-id":!0,"data-embed":"default","data-player":s,"data-video-id":a}))))}}])&&S(t.prototype,n),r&&S(t,r),c}(i.Component);O(T,"scriptLoadError",!1),O(T,"activePlayers",[]),O(T,"activeScripts",[]),T.defaultProps=f;var Y=T,R=o.a.createContext(!0),G=function(e){var t=e.height,n=e.width;return o.a.createElement(v,{style:{height:t,width:n}},o.a.createElement(m,null,"Video unable to play"),o.a.createElement(j,null,"Please check your network connection and try refreshing the page. If that doesn't work, please try again later"))};n.d(t,"IsPaidSubscriberContext",(function(){return A}));var L=function(e){var t=e.height,n=e.poster,i=e.width;return o.a.createElement(s.a,null,(function(r){return r.hasError?o.a.createElement(G,{height:t,width:i}):o.a.createElement(R.Consumer,null,(function(r){return r?o.a.createElement(Y,e):o.a.createElement("div",{style:{height:t,width:i}},o.a.createElement(a.a,{aspectRatio:i/t,uri:n.uri}),o.a.createElement(w,null,o.a.createElement(x,null,"We are sorry, you need to be a subscriber to watch this video")))}))}))};L.defaultProps=f;t.default=L;var A=R.Provider}]);