@times-components/image 6.11.16 → 6.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.12.0](https://github.com/newsuk/times-components/compare/@times-components/image@6.11.16...@times-components/image@6.12.0) (2022-07-06)
7
+
8
+
9
+ ### Features
10
+
11
+ * **TDP-1422:** remove react native from svgs ([#3012](https://github.com/newsuk/times-components/issues/3012)) ([97b3320](https://github.com/newsuk/times-components/commit/97b332030427182178f663eeaa0f8e06e19ae255))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [6.11.16](https://github.com/newsuk/times-components/compare/@times-components/image@6.11.15...@times-components/image@6.11.16) (2022-05-16)
7
18
 
8
19
  **Note:** Version bump only for package @times-components/image
package/dist/logo/t.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _svgs=require("@times-components/svgs");var _jsxFileName="/home/circleci/project/packages/image/src/logo/t.js";function T(){return _react.default.createElement(_svgs.Svg,{height:"auto",version:"1.1",viewBox:"145 50 108 120",width:"100%",style:{maxWidth:"25%",maxHeight:"50%"},__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:5}},_react.default.createElement(_svgs.G,{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1",__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:7}},_react.default.createElement(_svgs.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:_tsStyleguide.colours.functional.contrast,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:9}})));}var _default=T;exports.default=_default;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _jsxFileName="/home/circleci/project/packages/image/src/logo/t.js";function T(){return _react.default.createElement("svg",{height:"auto",version:"1.1",viewBox:"145 50 108 120",width:"100%",style:{maxWidth:"25%",maxHeight:"50%"},__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:5}},_react.default.createElement("g",{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1",__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}},_react.default.createElement("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:_tsStyleguide.colours.functional.contrast,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:9}})));}var _default=T;exports.default=_default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/image",
3
- "version": "6.11.16",
3
+ "version": "6.12.0",
4
4
  "main": "dist/index",
5
5
  "dev": "src/index",
6
6
  "scripts": {
@@ -57,7 +57,6 @@
57
57
  "webpack-cli": "3.3.1"
58
58
  },
59
59
  "dependencies": {
60
- "@times-components/svgs": "2.7.36",
61
60
  "@times-components/ts-styleguide": "1.36.2",
62
61
  "@times-components/utils": "6.12.1",
63
62
  "prop-types": "15.7.2",
@@ -76,5 +75,5 @@
76
75
  "publishConfig": {
77
76
  "access": "public"
78
77
  },
79
- "gitHead": "48de1df19cdc2d2bf38d2a3d5ba95cb547e6961d"
78
+ "gitHead": "cfc543e40681dc197c68d0c51fb3f1d6e8495e47"
80
79
  }
package/rnw.js CHANGED
@@ -1 +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=8)}([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(9)),a=n(r(3)),i=n(r(10)),u=n(r(11)),l=n(r(12)),s=n(r(13)),d=n(r(14)),f=n(r(15)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=y(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)),p=r(4),b=n(r(5)),h=r(20),g=n(r(21));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:t})(e)}function v(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 m(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,f.default)(e);if(t){var o=(0,f.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,d.default)(this,r)}}var O=function(e){(0,s.default)(r,e);var t=m(r);function r(e){var n;return(0,i.default)(this,r),(n=t.call(this,e)).state={highResIsLoaded:!1,highResIsVisible:!1,imageIsLoaded:!1,lowResIsLoaded:!e.fadeImageIn},n.handleHighResOnLoad=n.handleHighResOnLoad.bind((0,l.default)(n)),n.handleLowResOnLoad=n.handleLowResOnLoad.bind((0,l.default)(n)),n.onHighResTransitionEnd=n.onHighResTransitionEnd.bind((0,l.default)(n)),n.getLowResImage=n.getLowResImage.bind((0,l.default)(n)),n.getHighResImage=n.getHighResImage.bind((0,l.default)(n)),n}return(0,u.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?c.default.createElement(g.default,{alt:a,ref:this.getHighResImage,isLoaded:o,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,p.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,p.appendToImageURL)(n,"resize",r);return t&&(l=(0,p.appendToImageURL)(l,"quality",t)),c.default.createElement(g.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,i=e.lowResQuality,u=e.lowResSize,l=e.style,s=e.uri,d=e.onLayout,f=e.rounded,h=this.state.imageIsLoaded,g=(0,p.addMissingProtocol)(s),y=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},l);return f&&(0,o.default)(y,{borderRadius:"50%",overflow:"hidden"}),c.default.createElement(p.TcView,{onLayout:d,style:y,testID:"Image"},c.default.createElement("div",{style:{paddingBottom:100/t+"%"}},this.highResImage({highResSize:n,lowResSize:u,url:g}),this.lowResImage({lowResQuality:i,lowResSize:u,url:g}),r||h?null:c.default.createElement(b.default,{borderRadius:f?"50%":0})))}}]),r}(c.Component);O.defaultProps=h.defaultProps;var R=O;t.default=R},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},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(16)).default;t.default=o},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-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(23)),i=n(r(5)),u=o.default;t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/extends")},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,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(3)),a=n(r(1)),i=(n(r(6)),r(4)),u=n(r(17)),l=n(r(18));function s(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 d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=function(e){var t=e.borderRadius,r=void 0===t?0:t,n=d(d({},u.default.placeholder),{},{borderRadius:r});return a.default.createElement(i.TcView,{height:"100%",style:n,width:"100%"},a.default.createElement(l.default,null))};t.default=f},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={placeholder:{alignItems:"center",backgroundColor:r(7).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(7),i=r(19);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(6)),a={style:o.default.object,accessibilityLabel:o.default.string,aspectRatio:o.default.number,borderRadius:o.default.number,disablePlaceholder:o.default.bool,fadeImageIn:o.default.bool,highResSize:o.default.number,lowResQuality:o.default.number,lowResSize:o.default.number,onLayout:o.default.func,rounded:o.default.bool,uri:o.default.string};t.propTypes=a;var i={aspectRatio:void 0,disablePlaceholder:!1,fadeImageIn:!1,highResSize:null,lowResSize:null,rounded:!1,uri:null};t.defaultProps=i},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(22)).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(24)).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}]);
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=8)}([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(9)),a=n(r(3)),i=n(r(10)),u=n(r(11)),l=n(r(12)),s=n(r(13)),d=n(r(14)),f=n(r(15)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=y(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)),p=r(4),b=n(r(5)),h=r(19),g=n(r(20));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:t})(e)}function v(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 m(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,f.default)(e);if(t){var o=(0,f.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,d.default)(this,r)}}var O=function(e){(0,s.default)(r,e);var t=m(r);function r(e){var n;return(0,i.default)(this,r),(n=t.call(this,e)).state={highResIsLoaded:!1,highResIsVisible:!1,imageIsLoaded:!1,lowResIsLoaded:!e.fadeImageIn},n.handleHighResOnLoad=n.handleHighResOnLoad.bind((0,l.default)(n)),n.handleLowResOnLoad=n.handleLowResOnLoad.bind((0,l.default)(n)),n.onHighResTransitionEnd=n.onHighResTransitionEnd.bind((0,l.default)(n)),n.getLowResImage=n.getLowResImage.bind((0,l.default)(n)),n.getHighResImage=n.getHighResImage.bind((0,l.default)(n)),n}return(0,u.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?c.default.createElement(g.default,{alt:a,ref:this.getHighResImage,isLoaded:o,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,p.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,p.appendToImageURL)(n,"resize",r);return t&&(l=(0,p.appendToImageURL)(l,"quality",t)),c.default.createElement(g.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,i=e.lowResQuality,u=e.lowResSize,l=e.style,s=e.uri,d=e.onLayout,f=e.rounded,h=this.state.imageIsLoaded,g=(0,p.addMissingProtocol)(s),y=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},l);return f&&(0,o.default)(y,{borderRadius:"50%",overflow:"hidden"}),c.default.createElement(p.TcView,{onLayout:d,style:y,testID:"Image"},c.default.createElement("div",{style:{paddingBottom:100/t+"%"}},this.highResImage({highResSize:n,lowResSize:u,url:g}),this.lowResImage({lowResQuality:i,lowResSize:u,url:g}),r||h?null:c.default.createElement(b.default,{borderRadius:f?"50%":0})))}}]),r}(c.Component);O.defaultProps=h.defaultProps;var R=O;t.default=R},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},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(16)).default;t.default=o},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/ts-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(22)),i=n(r(5)),u=o.default;t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/extends")},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,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(3)),a=n(r(1)),i=(n(r(6)),r(4)),u=n(r(17)),l=n(r(18));function s(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 d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=function(e){var t=e.borderRadius,r=void 0===t?0:t,n=d(d({},u.default.placeholder),{},{borderRadius:r});return a.default.createElement(i.TcView,{height:"100%",style:n,width:"100%"},a.default.createElement(l.default,null))};t.default=f},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={placeholder:{alignItems:"center",backgroundColor:r(7).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(7);var i=function(){return o.default.createElement("svg",{height:"auto",version:"1.1",viewBox:"145 50 108 120",width:"100%",style:{maxWidth:"25%",maxHeight:"50%"}},o.default.createElement("g",{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1"},o.default.createElement("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=i},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=n(r(6)),a={style:o.default.object,accessibilityLabel:o.default.string,aspectRatio:o.default.number,borderRadius:o.default.number,disablePlaceholder:o.default.bool,fadeImageIn:o.default.bool,highResSize:o.default.number,lowResQuality:o.default.number,lowResSize:o.default.number,onLayout:o.default.func,rounded:o.default.bool,uri:o.default.string};t.propTypes=a;var i={aspectRatio:void 0,disablePlaceholder:!1,fadeImageIn:!1,highResSize:null,lowResSize:null,rounded:!1,uri:null};t.defaultProps=i},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(21)).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(23)).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}]);