@times-components/video 4.19.35-8eaeebb595f2eea7c500f954354420385102aa5e.1 → 4.19.35-e0aef0a077bb7bfdb29cf900b67eaf075b40cad2.2

package/dist/inline-video-player.js

@@ -160,8 +160,8 @@ 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";
+        var cssToAttach = this.props.isMediaRailCarousel ? mediaCarouselCss : css;
+        var styleId = this.props.isMediaRailCarousel ? "inline-video-player-media-carousel-styles" : "inline-video-player-styles";
         InlineVideoPlayer.attachStyles(cssToAttach, styleId);
       }
     }
@@ -215,7 +215,7 @@ var InlineVideoPlayer = /*#__PURE__*/function (_Component) {
           videoId = _this$props2.videoId,
           accountId = _this$props2.accountId,
           playerId = _this$props2.playerId,
-          isMediaCarousel = _this$props2.isMediaCarousel,
+          isMediaRailCarousel = _this$props2.isMediaRailCarousel,
           title = _this$props2.title,
           duration = _this$props2.duration,
           category = _this$props2.category,
@@ -247,7 +247,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", {
+        }, !hasVideoPlayed && /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, is360 && /*#__PURE__*/_react["default"].createElement(_video360Icon["default"], null)), isMediaRailCarousel && !hasVideoPlayed && /*#__PURE__*/_react["default"].createElement("div", {
           className: "mv-overlay",
           "aria-hidden": hasVideoPlayed
         }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -330,10 +330,10 @@ _defineProperty(InlineVideoPlayer, "activePlayers", []);
 _defineProperty(InlineVideoPlayer, "activeScripts", []);
 
 InlineVideoPlayer.defaultProps = _objectSpread(_objectSpread({}, _videoPropTypes.defaultProps), {}, {
-  isMediaCarousel: _videoPropTypes.defaultProps.isMediaCarousel
+  isMediaRailCarousel: _videoPropTypes.defaultProps.isMediaRailCarousel
 });
 InlineVideoPlayer.propTypes = _objectSpread(_objectSpread({}, _videoPropTypes.propTypes), {}, {
-  isMediaCarousel: _videoPropTypes.propTypes.bool
+  isMediaRailCarousel: _videoPropTypes.propTypes.bool
 });
 var _default = InlineVideoPlayer;
 exports["default"] = _default;

package/dist/video-prop-types.js

@@ -16,7 +16,7 @@ var propTypes = {
   height: numberOrString.isRequired,
   id: _propTypes["default"].string,
   is360: _propTypes["default"].bool,
-  isMediaCarousel: _propTypes["default"].bool,
+  isMediaRailCarousel: _propTypes["default"].bool,
   playerId: _propTypes["default"].string,
   policyKey: _propTypes["default"].string.isRequired,
   poster: _propTypes["default"].shape({
@@ -30,6 +30,6 @@ var defaultProps = {
   is360: false,
   playerId: "default",
   poster: null,
-  isMediaCarousel: false
+  isMediaRailCarousel: true
 };
 exports.defaultProps = defaultProps;

package/dist/video.js

@@ -53,10 +53,10 @@ var Video = function Video(props) {
 };
 
 Video.defaultProps = _objectSpread(_objectSpread({}, _videoPropTypes.defaultProps), {}, {
-  isMediaCarousel: _videoPropTypes.defaultProps.isMediaCarousel
+  isMediaRailCarousel: _videoPropTypes.defaultProps.isMediaRailCarousel
 });
 Video.propTypes = _objectSpread(_objectSpread({}, _videoPropTypes.propTypes), {}, {
-  isMediaCarousel: _videoPropTypes.propTypes.bool
+  isMediaRailCarousel: _videoPropTypes.propTypes.bool
 });
 var _default = Video;
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/video",
-  "version": "4.19.35-8eaeebb595f2eea7c500f954354420385102aa5e.1+8eaeebb595",
+  "version": "4.19.35-e0aef0a077bb7bfdb29cf900b67eaf075b40cad2.2+e0aef0a077",
   "main": "dist/video",
   "dev": "src/video",
   "description": "Video",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8eaeebb595f2eea7c500f954354420385102aa5e"
+  "gitHead": "e0aef0a077bb7bfdb29cf900b67eaf075b40cad2"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.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 r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));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),r=n.n(i),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,isMediaCarousel:!1}),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 r.a.createElement(v,null,r.a.createElement(h.IconVideo360Player,{fillColour:y.colours.functional.white,height:100}))},M=n(4),N=n.n(M);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 i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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 i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function W(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 C(e,t){return(C=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function E(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=Z(e);if(t){var r=Z(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.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(N.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(N.a.base,");\n    opacity: 1;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::after {\n    background-image: url(").concat(N.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(N.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&&C(e,t)}(l,e);var t,n,o,a=E(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=r.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 i=document.createTextNode(e);n.appendChild(i),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,i=e.videoId,r=document.createElement("script");return r.src="//players.brightcove.net/".concat(t,"/").concat(n,"_default/index.min.js?videoID=").concat(i),r.defer=!0,l.activeScripts.includes(r.src)?null:(l.activeScripts.push(r.src),r)}},{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 r.a.createElement("div",{"data-is-360":y,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:o,width:n},className:"lcpItem"},r.a.createElement("div",{style:{height:o,width:n,position:"relative"}},!v&&r.a.createElement(i.Fragment,null,y&&r.a.createElement(P,null)),d&&!v&&r.a.createElement("div",{className:"mv-overlay","aria-hidden":v},r.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()}}),r.a.createElement("div",{className:"mv-content","aria-hidden":v},r.a.createElement("div",{className:"mv-meta"},r.a.createElement("span",{className:"mv-tag"},h||"LIFE & STYLE"),r.a.createElement("span",{className:"mv-sep"},"|"),r.a.createElement("span",{className:"mv-duration"},f||"10:00")),r.a.createElement("h2",{className:"mv-title"},u||"Inside interior designer Eva Sonaike’s pattern-filled home"))),r.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}(i.Component);T(Y,"scriptLoadError",!1),T(Y,"activePlayers",[]),T(Y,"activeScripts",[]),Y.defaultProps=k(k({},f),{},{isMediaCarousel:f.isMediaCarousel});var R=Y,G=r.a.createContext(!0),L=function(e){var t=e.height,n=e.width;return r.a.createElement(g,{style:{height:t,width:n}},r.a.createElement(I,null,"Video unable to play"),r.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 i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i=e.width;return r.a.createElement(c.a,null,(function(o){return o.hasError?r.a.createElement(L,{height:t,width:i}):r.a.createElement(G.Consumer,null,(function(o){return o?r.a.createElement(R,e):r.a.createElement("div",{style:{height:t,width:i}},r.a.createElement(a.a,{aspectRatio:i/t,uri:n.uri}),r.a.createElement(x,null,r.a.createElement(w,null,"We are sorry, you need to be a subscriber to watch this video")))}))}))};V.defaultProps=H(H({},f),{},{isMediaCarousel:f.isMediaCarousel});t.default=V;var J=G.Provider}]);
+module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.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 r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));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),r=n.n(i),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,isMediaRailCarousel:!0}),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 r.a.createElement(v,null,r.a.createElement(h.IconVideo360Player,{fillColour:y.colours.functional.white,height:100}))},M=n(4),N=n.n(M);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 i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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){R(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 i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function W(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 C(e,t){return(C=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function E(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=Z(e);if(t){var r=Z(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.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 R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var T='\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(N.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(N.a.base,");\n    opacity: 1;\n  }\n\n  .vjs-big-play-button .vjs-icon-placeholder::after {\n    background-image: url(").concat(N.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(N.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"),F=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&&C(e,t)}(l,e);var t,n,o,a=E(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),R(D(t=a.call(this,e)),"handleError",(function(){t.setState({error:!0})})),R(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=r.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]:T,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 i=document.createTextNode(e);n.appendChild(i),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.isMediaRailCarousel?'\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':T,n=this.props.isMediaRailCarousel?"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,i=e.videoId,r=document.createElement("script");return r.src="//players.brightcove.net/".concat(t,"/").concat(n,"_default/index.min.js?videoID=").concat(i),r.defer=!0,l.activeScripts.includes(r.src)?null:(l.activeScripts.push(r.src),r)}},{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.isMediaRailCarousel,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 r.a.createElement("div",{"data-is-360":y,"data-testid":"video-component",ref:this.videoContainerRef,style:{height:o,width:n},className:"lcpItem"},r.a.createElement("div",{style:{height:o,width:n,position:"relative"}},!v&&r.a.createElement(i.Fragment,null,y&&r.a.createElement(P,null)),d&&!v&&r.a.createElement("div",{className:"mv-overlay","aria-hidden":v},r.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()}}),r.a.createElement("div",{className:"mv-content","aria-hidden":v},r.a.createElement("div",{className:"mv-meta"},r.a.createElement("span",{className:"mv-tag"},h||"LIFE & STYLE"),r.a.createElement("span",{className:"mv-sep"},"|"),r.a.createElement("span",{className:"mv-duration"},f||"10:00")),r.a.createElement("h2",{className:"mv-title"},u||"Inside interior designer Eva Sonaike’s pattern-filled home"))),r.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}(i.Component);R(F,"scriptLoadError",!1),R(F,"activePlayers",[]),R(F,"activeScripts",[]),F.defaultProps=k(k({},f),{},{isMediaRailCarousel:f.isMediaRailCarousel});var Y=F,G=r.a.createContext(!0),L=function(e){var t=e.height,n=e.width;return r.a.createElement(g,{style:{height:t,width:n}},r.a.createElement(I,null,"Video unable to play"),r.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 i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i=e.width;return r.a.createElement(c.a,null,(function(o){return o.hasError?r.a.createElement(L,{height:t,width:i}):r.a.createElement(G.Consumer,null,(function(o){return o?r.a.createElement(Y,e):r.a.createElement("div",{style:{height:t,width:i}},r.a.createElement(a.a,{aspectRatio:i/t,uri:n.uri}),r.a.createElement(x,null,r.a.createElement(w,null,"We are sorry, you need to be a subscriber to watch this video")))}))}))};V.defaultProps=H(H({},f),{},{isMediaRailCarousel:f.isMediaRailCarousel});t.default=V;var J=G.Provider}]);