@times-components/image 6.8.11 → 6.8.12

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.8.12](https://github.com/newsuk/times-components/compare/@times-components/image@6.8.11...@times-components/image@6.8.12) (2022-01-10)
+
+**Note:** Version bump only for package @times-components/image
+
+
+
+
+
 ## [6.8.11](https://github.com/newsuk/times-components/compare/@times-components/image@6.8.10...@times-components/image@6.8.11) (2022-01-04)
 
 **Note:** Version bump only for package @times-components/image

package/dist/image.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("@times-components/utils");var _placeholder=_interopRequireDefault(require("./placeholder"));var _imagePropTypes=require("./image-prop-types");var _responsive=_interopRequireDefault(require("./styles/responsive"));var _jsxFileName="/home/circleci/project/packages/image/src/image.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var TimesImage=function(_Component){(0,_inherits2.default)(TimesImage,_Component);var _super=_createSuper(TimesImage);function TimesImage(props){var _this;(0,_classCallCheck2.default)(this,TimesImage);_this=_super.call(this,props);_this.state={highResIsLoaded:false,highResIsVisible:false,imageIsLoaded:false,lowResIsLoaded:!props.fadeImageIn};_this.handleHighResOnLoad=_this.handleHighResOnLoad.bind((0,_assertThisInitialized2.default)(_this));_this.handleLowResOnLoad=_this.handleLowResOnLoad.bind((0,_assertThisInitialized2.default)(_this));_this.onHighResTransitionEnd=_this.onHighResTransitionEnd.bind((0,_assertThisInitialized2.default)(_this));_this.getLowResImage=_this.getLowResImage.bind((0,_assertThisInitialized2.default)(_this));_this.getHighResImage=_this.getHighResImage.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(TimesImage,[{key:"onHighResTransitionEnd",value:function onHighResTransitionEnd(){this.setState({highResIsVisible:true});}},{key:"getHighResImage",value:function getHighResImage(img){if(img&&img.complete){this.handleHighResOnLoad();}}},{key:"getLowResImage",value:function getLowResImage(img){if(img&&img.complete){this.handleLowResOnLoad();}}},{key:"handleLowResOnLoad",value:function handleLowResOnLoad(){this.setState({imageIsLoaded:true,lowResIsLoaded:true});}},{key:"handleHighResOnLoad",value:function handleHighResOnLoad(){this.setState({highResIsLoaded:true,imageIsLoaded:true});}},{key:"highResImage",value:function highResImage(_ref){var highResSize=_ref.highResSize,lowResSize=_ref.lowResSize,url=_ref.url;var highResIsLoaded=this.state.highResIsLoaded;var accessibilityLabel=this.props.accessibilityLabel;if(!lowResSize||highResSize){return _react.default.createElement(_responsive.default,{alt:accessibilityLabel,ref:this.getHighResImage,isLoaded:highResIsLoaded,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,_utils.appendToImageURL)(url,"resize",highResSize),zIndex:2,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}});}return null;}},{key:"lowResImage",value:function lowResImage(_ref2){var lowResQuality=_ref2.lowResQuality,lowResSize=_ref2.lowResSize,url=_ref2.url;var _this$state=this.state,highResIsVisible=_this$state.highResIsVisible,lowResIsLoaded=_this$state.lowResIsLoaded;var accessibilityLabel=this.props.accessibilityLabel;if(lowResSize&&!highResIsVisible){var imageSource=(0,_utils.appendToImageURL)(url,"resize",lowResSize);if(lowResQuality){imageSource=(0,_utils.appendToImageURL)(imageSource,"quality",lowResQuality);}return _react.default.createElement(_responsive.default,{alt:accessibilityLabel,ref:this.getLowResImage,isLoaded:lowResIsLoaded,onLoad:this.handleLowResOnLoad,src:imageSource,zIndex:1,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:9}});}return null;}},{key:"render",value:function render(){var _this$props=this.props,aspectRatio=_this$props.aspectRatio,disablePlaceholder=_this$props.disablePlaceholder,highResSize=_this$props.highResSize,lowResQuality=_this$props.lowResQuality,lowResSize=_this$props.lowResSize,style=_this$props.style,uri=_this$props.uri,onLayout=_this$props.onLayout,rounded=_this$props.rounded;var imageIsLoaded=this.state.imageIsLoaded;var url=(0,_utils.addMissingProtocol)(uri);return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[style,rounded&&{borderRadius:"50%",overflow:"hidden"}],__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:7}},_react.default.createElement("div",{style:{paddingBottom:100/aspectRatio+"%"},__source:{fileName:_jsxFileName,lineNumber:122,columnNumber:9}},this.highResImage({highResSize:highResSize,lowResSize:lowResSize,url:url}),this.lowResImage({lowResQuality:lowResQuality,lowResSize:lowResSize,url:url}),disablePlaceholder||imageIsLoaded?null:_react.default.createElement(_placeholder.default,{borderRadius:rounded?"50%":0,__source:{fileName:_jsxFileName,lineNumber:126,columnNumber:13}})));}}]);return TimesImage;}(_react.Component);TimesImage.propTypes=_imagePropTypes.propTypes;TimesImage.defaultProps=_imagePropTypes.defaultProps;var _default=TimesImage;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("@times-components/utils");var _placeholder=_interopRequireDefault(require("./placeholder"));var _imagePropTypes=require("./image-prop-types");var _responsive=_interopRequireDefault(require("./styles/responsive"));var _jsxFileName="/home/circleci/project/packages/image/src/image.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var TimesImage=function(_Component){(0,_inherits2.default)(TimesImage,_Component);var _super=_createSuper(TimesImage);function TimesImage(props){var _this;(0,_classCallCheck2.default)(this,TimesImage);_this=_super.call(this,props);_this.state={highResIsLoaded:false,highResIsVisible:false,imageIsLoaded:false,lowResIsLoaded:!props.fadeImageIn};_this.handleHighResOnLoad=_this.handleHighResOnLoad.bind((0,_assertThisInitialized2.default)(_this));_this.handleLowResOnLoad=_this.handleLowResOnLoad.bind((0,_assertThisInitialized2.default)(_this));_this.onHighResTransitionEnd=_this.onHighResTransitionEnd.bind((0,_assertThisInitialized2.default)(_this));_this.getLowResImage=_this.getLowResImage.bind((0,_assertThisInitialized2.default)(_this));_this.getHighResImage=_this.getHighResImage.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(TimesImage,[{key:"onHighResTransitionEnd",value:function onHighResTransitionEnd(){this.setState({highResIsVisible:true});}},{key:"getHighResImage",value:function getHighResImage(img){if(img&&img.complete){this.handleHighResOnLoad();}}},{key:"getLowResImage",value:function getLowResImage(img){if(img&&img.complete){this.handleLowResOnLoad();}}},{key:"handleLowResOnLoad",value:function handleLowResOnLoad(){this.setState({imageIsLoaded:true,lowResIsLoaded:true});}},{key:"handleHighResOnLoad",value:function handleHighResOnLoad(){this.setState({highResIsLoaded:true,imageIsLoaded:true});}},{key:"highResImage",value:function highResImage(_ref){var highResSize=_ref.highResSize,lowResSize=_ref.lowResSize,url=_ref.url;var highResIsLoaded=this.state.highResIsLoaded;var accessibilityLabel=this.props.accessibilityLabel;if(!lowResSize||highResSize){return _react.default.createElement(_responsive.default,{alt:accessibilityLabel,ref:this.getHighResImage,isLoaded:highResIsLoaded,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,_utils.appendToImageURL)(url,"resize",highResSize),zIndex:2,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}});}return null;}},{key:"lowResImage",value:function lowResImage(_ref2){var lowResQuality=_ref2.lowResQuality,lowResSize=_ref2.lowResSize,url=_ref2.url;var _this$state=this.state,highResIsVisible=_this$state.highResIsVisible,lowResIsLoaded=_this$state.lowResIsLoaded;var accessibilityLabel=this.props.accessibilityLabel;if(lowResSize&&!highResIsVisible){var imageSource=(0,_utils.appendToImageURL)(url,"resize",lowResSize);if(lowResQuality){imageSource=(0,_utils.appendToImageURL)(imageSource,"quality",lowResQuality);}return _react.default.createElement(_responsive.default,{alt:accessibilityLabel,ref:this.getLowResImage,isLoaded:lowResIsLoaded,onLoad:this.handleLowResOnLoad,src:imageSource,zIndex:1,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:9}});}return null;}},{key:"render",value:function render(){var _this$props=this.props,aspectRatio=_this$props.aspectRatio,disablePlaceholder=_this$props.disablePlaceholder,highResSize=_this$props.highResSize,lowResQuality=_this$props.lowResQuality,lowResSize=_this$props.lowResSize,style=_this$props.style,uri=_this$props.uri,onLayout=_this$props.onLayout,rounded=_this$props.rounded;var imageIsLoaded=this.state.imageIsLoaded;var url=(0,_utils.addMissingProtocol)(uri);return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[style,rounded&&{borderRadius:"50%",overflow:"hidden"}],testID:"Image",__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:7}},_react.default.createElement("div",{style:{paddingBottom:100/aspectRatio+"%"},__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:9}},this.highResImage({highResSize:highResSize,lowResSize:lowResSize,url:url}),this.lowResImage({lowResQuality:lowResQuality,lowResSize:lowResSize,url:url}),disablePlaceholder||imageIsLoaded?null:_react.default.createElement(_placeholder.default,{borderRadius:rounded?"50%":0,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:13}})));}}]);return TimesImage;}(_react.Component);TimesImage.propTypes=_imagePropTypes.propTypes;TimesImage.defaultProps=_imagePropTypes.defaultProps;var _default=TimesImage;exports.default=_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/image",
-  "version": "6.8.11",
+  "version": "6.8.12",
   "main": "dist/index",
   "dev": "src/index",
   "scripts": {
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9e3b5b54bd93aef2a74f940a95ebee8206b15fc4"
+  "gitHead": "63aa8eb8b72f68b8e91d0de7267b1857639ba64b"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(8)),a=n(r(9)),i=n(r(10)),u=n(r(11)),l=n(r(12)),s=n(r(13)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=g(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=n(r(3)),c=r(14),p=n(r(4)),h=r(19),b=n(r(22));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function v(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 r,n=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,l.default)(this,r)}}var y=function(e){(0,u.default)(r,e);var t=v(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).state={highResIsLoaded:!1,highResIsVisible:!1,imageIsLoaded:!1,lowResIsLoaded:!e.fadeImageIn},n.handleHighResOnLoad=n.handleHighResOnLoad.bind((0,i.default)(n)),n.handleLowResOnLoad=n.handleLowResOnLoad.bind((0,i.default)(n)),n.onHighResTransitionEnd=n.onHighResTransitionEnd.bind((0,i.default)(n)),n.getLowResImage=n.getLowResImage.bind((0,i.default)(n)),n.getHighResImage=n.getHighResImage.bind((0,i.default)(n)),n}return(0,a.default)(r,[{key:"onHighResTransitionEnd",value:function(){this.setState({highResIsVisible:!0})}},{key:"getHighResImage",value:function(e){e&&e.complete&&this.handleHighResOnLoad()}},{key:"getLowResImage",value:function(e){e&&e.complete&&this.handleLowResOnLoad()}},{key:"handleLowResOnLoad",value:function(){this.setState({imageIsLoaded:!0,lowResIsLoaded:!0})}},{key:"handleHighResOnLoad",value:function(){this.setState({highResIsLoaded:!0,imageIsLoaded:!0})}},{key:"highResImage",value:function(e){var t=e.highResSize,r=e.lowResSize,n=e.url,o=this.state.highResIsLoaded,a=this.props.accessibilityLabel;return!r||t?d.default.createElement(b.default,{alt:a,ref:this.getHighResImage,isLoaded:o,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,c.appendToImageURL)(n,"resize",t),zIndex:2}):null}},{key:"lowResImage",value:function(e){var t=e.lowResQuality,r=e.lowResSize,n=e.url,o=this.state,a=o.highResIsVisible,i=o.lowResIsLoaded,u=this.props.accessibilityLabel;if(r&&!a){var l=(0,c.appendToImageURL)(n,"resize",r);return t&&(l=(0,c.appendToImageURL)(l,"quality",t)),d.default.createElement(b.default,{alt:u,ref:this.getLowResImage,isLoaded:i,onLoad:this.handleLowResOnLoad,src:l,zIndex:1})}return null}},{key:"render",value:function(){var e=this.props,t=e.aspectRatio,r=e.disablePlaceholder,n=e.highResSize,o=e.lowResQuality,a=e.lowResSize,i=e.style,u=e.uri,l=e.onLayout,s=e.rounded,h=this.state.imageIsLoaded,b=(0,c.addMissingProtocol)(u);return d.default.createElement(f.default,{onLayout:l,style:[i,s&&{borderRadius:"50%",overflow:"hidden"}]},d.default.createElement("div",{style:{paddingBottom:100/t+"%"}},this.highResImage({highResSize:n,lowResSize:a,url:b}),this.lowResImage({lowResQuality:o,lowResSize:a,url:b}),r||h?null:d.default.createElement(p.default,{borderRadius:s?"50%":0})))}}]),r}(d.Component);y.defaultProps=h.defaultProps;var m=y;t.default=m},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(15)).default;t.default=o},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ModalImage",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return i.default}}),t.default=void 0;var o=n(r(2)),a=n(r(24)),i=n(r(4)),u=o.default;t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=(n(r(5)),n(r(3))),i=n(r(16)),u=n(r(17));var l=function(e){var t=e.borderRadius,r=void 0===t?0:t;return o.default.createElement(a.default,{height:"100%",style:[i.default.placeholder,r&&{borderRadius:r}],width:"100%"},o.default.createElement(u.default,null))};t.default=l},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={placeholder:{alignItems:"center",backgroundColor:r(6).colours.functional.backgroundSecondary,bottom:0,justifyContent:"center",left:0,position:"absolute",right:0,top:0,zIndex:0}};t.default=n},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=r(6),i=r(18);var u=function(){return o.default.createElement(i.Svg,{height:"auto",version:"1.1",viewBox:"145 50 108 120",width:"100%",style:{maxWidth:"25%",maxHeight:"50%"}},o.default.createElement(i.G,{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1"},o.default.createElement(i.Path,{d:"M211.26076,54 L211.231367,54 L147.67512,54 L145,85.7081465 L146.922096,86.4489102 C146.922096,86.4489102 164.867589,68.1355181 168.301115,65.0001546 C171.728017,61.8689133 174.237132,61.0885763 176.436179,60.3527593 C180.998206,59.169681 185.977937,59.2150255 185.977937,59.2150255 L186.109581,59.2150255 L186.109581,156.560932 L169.259886,164.473953 L169.259886,166 L228.735147,166 L228.735147,164.473953 L211.889177,156.560932 L211.889177,59.2150255 L212.01751,59.2150255 C212.01751,59.2150255 216.992272,59.169681 221.558854,60.3527593 C223.757072,61.0885763 226.266601,61.8689133 229.691848,65.0001546 C233.130341,68.1355181 251.071695,86.4489102 251.071695,86.4489102 L253,85.7081465 L250.317842,54 L211.270695,54 L211.242545,54",fill:a.colours.functional.contrast})))};t.default=u},function(e,t){e.exports=require("@times-components/svgs/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=n(r(20)),a=n(r(5)),i=n(r(21));function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=l(l({},i.default.PropTypes),{},{accessibilityLabel:a.default.string,aspectRatio:a.default.number,borderRadius:a.default.number,disablePlaceholder:a.default.bool,fadeImageIn:a.default.bool,highResSize:a.default.number,lowResQuality:a.default.number,lowResSize:a.default.number,onLayout:a.default.func,rounded:a.default.bool,uri:a.default.string});t.propTypes=s;var d=l(l({},i.default.defaultImagePropTypes),{},{aspectRatio:void 0,disablePlaceholder:!1,fadeImageIn:!1,highResSize:null,lowResSize:null,rounded:!1,uri:null});t.defaultProps=d},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Image")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(23)).default.img.withConfig({displayName:"responsive",componentId:"sc-1nnon4d-0"})(["display:block;opacity:",";position:absolute;transition:opacity 0.3s ease-in-out;width:100%;z-index:",";"],(function(e){return e.isLoaded?1:0}),(function(e){return e.zIndex}));t.default=o},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(25)).default;t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(2)).default;t.default=o}]);
+module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(8)),a=n(r(9)),i=n(r(10)),u=n(r(11)),l=n(r(12)),s=n(r(13)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=g(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=n(r(3)),c=r(14),p=n(r(4)),h=r(19),b=n(r(22));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function v(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 r,n=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,l.default)(this,r)}}var y=function(e){(0,u.default)(r,e);var t=v(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).state={highResIsLoaded:!1,highResIsVisible:!1,imageIsLoaded:!1,lowResIsLoaded:!e.fadeImageIn},n.handleHighResOnLoad=n.handleHighResOnLoad.bind((0,i.default)(n)),n.handleLowResOnLoad=n.handleLowResOnLoad.bind((0,i.default)(n)),n.onHighResTransitionEnd=n.onHighResTransitionEnd.bind((0,i.default)(n)),n.getLowResImage=n.getLowResImage.bind((0,i.default)(n)),n.getHighResImage=n.getHighResImage.bind((0,i.default)(n)),n}return(0,a.default)(r,[{key:"onHighResTransitionEnd",value:function(){this.setState({highResIsVisible:!0})}},{key:"getHighResImage",value:function(e){e&&e.complete&&this.handleHighResOnLoad()}},{key:"getLowResImage",value:function(e){e&&e.complete&&this.handleLowResOnLoad()}},{key:"handleLowResOnLoad",value:function(){this.setState({imageIsLoaded:!0,lowResIsLoaded:!0})}},{key:"handleHighResOnLoad",value:function(){this.setState({highResIsLoaded:!0,imageIsLoaded:!0})}},{key:"highResImage",value:function(e){var t=e.highResSize,r=e.lowResSize,n=e.url,o=this.state.highResIsLoaded,a=this.props.accessibilityLabel;return!r||t?d.default.createElement(b.default,{alt:a,ref:this.getHighResImage,isLoaded:o,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,c.appendToImageURL)(n,"resize",t),zIndex:2}):null}},{key:"lowResImage",value:function(e){var t=e.lowResQuality,r=e.lowResSize,n=e.url,o=this.state,a=o.highResIsVisible,i=o.lowResIsLoaded,u=this.props.accessibilityLabel;if(r&&!a){var l=(0,c.appendToImageURL)(n,"resize",r);return t&&(l=(0,c.appendToImageURL)(l,"quality",t)),d.default.createElement(b.default,{alt:u,ref:this.getLowResImage,isLoaded:i,onLoad:this.handleLowResOnLoad,src:l,zIndex:1})}return null}},{key:"render",value:function(){var e=this.props,t=e.aspectRatio,r=e.disablePlaceholder,n=e.highResSize,o=e.lowResQuality,a=e.lowResSize,i=e.style,u=e.uri,l=e.onLayout,s=e.rounded,h=this.state.imageIsLoaded,b=(0,c.addMissingProtocol)(u);return d.default.createElement(f.default,{onLayout:l,style:[i,s&&{borderRadius:"50%",overflow:"hidden"}],testID:"Image"},d.default.createElement("div",{style:{paddingBottom:100/t+"%"}},this.highResImage({highResSize:n,lowResSize:a,url:b}),this.lowResImage({lowResQuality:o,lowResSize:a,url:b}),r||h?null:d.default.createElement(p.default,{borderRadius:s?"50%":0})))}}]),r}(d.Component);y.defaultProps=h.defaultProps;var m=y;t.default=m},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(15)).default;t.default=o},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ModalImage",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return i.default}}),t.default=void 0;var o=n(r(2)),a=n(r(24)),i=n(r(4)),u=o.default;t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=(n(r(5)),n(r(3))),i=n(r(16)),u=n(r(17));var l=function(e){var t=e.borderRadius,r=void 0===t?0:t;return o.default.createElement(a.default,{height:"100%",style:[i.default.placeholder,r&&{borderRadius:r}],width:"100%"},o.default.createElement(u.default,null))};t.default=l},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={placeholder:{alignItems:"center",backgroundColor:r(6).colours.functional.backgroundSecondary,bottom:0,justifyContent:"center",left:0,position:"absolute",right:0,top:0,zIndex:0}};t.default=n},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=r(6),i=r(18);var u=function(){return o.default.createElement(i.Svg,{height:"auto",version:"1.1",viewBox:"145 50 108 120",width:"100%",style:{maxWidth:"25%",maxHeight:"50%"}},o.default.createElement(i.G,{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1"},o.default.createElement(i.Path,{d:"M211.26076,54 L211.231367,54 L147.67512,54 L145,85.7081465 L146.922096,86.4489102 C146.922096,86.4489102 164.867589,68.1355181 168.301115,65.0001546 C171.728017,61.8689133 174.237132,61.0885763 176.436179,60.3527593 C180.998206,59.169681 185.977937,59.2150255 185.977937,59.2150255 L186.109581,59.2150255 L186.109581,156.560932 L169.259886,164.473953 L169.259886,166 L228.735147,166 L228.735147,164.473953 L211.889177,156.560932 L211.889177,59.2150255 L212.01751,59.2150255 C212.01751,59.2150255 216.992272,59.169681 221.558854,60.3527593 C223.757072,61.0885763 226.266601,61.8689133 229.691848,65.0001546 C233.130341,68.1355181 251.071695,86.4489102 251.071695,86.4489102 L253,85.7081465 L250.317842,54 L211.270695,54 L211.242545,54",fill:a.colours.functional.contrast})))};t.default=u},function(e,t){e.exports=require("@times-components/svgs/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=n(r(20)),a=n(r(5)),i=n(r(21));function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=l(l({},i.default.PropTypes),{},{accessibilityLabel:a.default.string,aspectRatio:a.default.number,borderRadius:a.default.number,disablePlaceholder:a.default.bool,fadeImageIn:a.default.bool,highResSize:a.default.number,lowResQuality:a.default.number,lowResSize:a.default.number,onLayout:a.default.func,rounded:a.default.bool,uri:a.default.string});t.propTypes=s;var d=l(l({},i.default.defaultImagePropTypes),{},{aspectRatio:void 0,disablePlaceholder:!1,fadeImageIn:!1,highResSize:null,lowResSize:null,rounded:!1,uri:null});t.defaultProps=d},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Image")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(23)).default.img.withConfig({displayName:"responsive",componentId:"sc-1nnon4d-0"})(["display:block;opacity:",";position:absolute;transition:opacity 0.3s ease-in-out;width:100%;z-index:",";"],(function(e){return e.isLoaded?1:0}),(function(e){return e.zIndex}));t.default=o},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(25)).default;t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(2)).default;t.default=o}]);