@times-components/ad 2.16.0 → 2.16.1

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.
 
+## [2.16.1](https://github.com/newsuk/times-components/compare/@times-components/ad@2.16.0...@times-components/ad@2.16.1) (2021-11-25)
+
+**Note:** Version bump only for package @times-components/ad
+
+
+
+
+
 # [2.16.0](https://github.com/newsuk/times-components/compare/@times-components/ad@2.15.1...@times-components/ad@2.16.0) (2021-09-30)
 
 

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@times-components/ad",
-  "version": "2.16.0",
+  "version": "2.16.1",
   "description": "Ad component",
-  "main": "dist/ad",
-  "dev": "src/ad",
+  "main": "dist/ad.web",
+  "dev": "src/ad.web",
   "scripts": {
     "prepublishOnly": "yarn transpile && yarn bundle",
     "fmt": "eslint . --fix && prettier --write '**/*.*'",
@@ -32,9 +32,9 @@
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.17",
-    "@times-components/jest-configurator": "2.7.2",
-    "@times-components/jest-serializer": "3.2.26",
-    "@times-components/storybook": "4.1.66",
+    "@times-components/jest-configurator": "2.7.3",
+    "@times-components/jest-serializer": "3.2.27",
+    "@times-components/storybook": "4.1.67",
     "@times-components/test-utils": "2.3.9",
     "@times-components/webpack-configurator": "2.0.28",
     "babel-jest": "24.8.0",
@@ -56,14 +56,10 @@
     "webpack-cli": "3.3.1"
   },
   "dependencies": {
-    "@react-native-community/netinfo": "5.3.3",
-    "@skele/components": "1.0.0-alpha.40",
-    "@times-components/styleguide": "3.38.22",
-    "@times-components/utils": "6.5.6",
+    "@times-components/styleguide": "3.38.23",
+    "@times-components/utils": "6.5.7",
     "prop-types": "15.7.2",
-    "react-broadcast": "0.5.2",
-    "react-native-device-info": "5.3.1",
-    "react-native-webview": "11.0.0"
+    "react-broadcast": "0.5.2"
   },
   "resolutions": {
     "react": "16.9.0",
@@ -78,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e85c7e5bba4d4904e2bb10194ada09642c8f9e0c"
+  "gitHead": "e4ffceaf25ca396380a235406bf49c846731b2b4"
 }

package/dist/ad-container.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;function AdContainer(){return null;}var _default=AdContainer;exports.default=_default;

package/dist/ad.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AdContainer",{enumerable:true,get:function get(){return _adContainer.default;}});Object.defineProperty(exports,"AdComposer",{enumerable:true,get:function get(){return _adComposer.default;}});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _reactBroadcast=require("react-broadcast");var _reactNative=require("react-native");var _utils=require("@times-components/utils");var _netinfo=_interopRequireDefault(require("@react-native-community/netinfo"));var _utils2=require("./utils");var _adInit=_interopRequireDefault(require("./utils/ad-init"));var _adContainer=_interopRequireDefault(require("./ad-container"));var _domContext=_interopRequireDefault(require("./dom-context"));var _adComposer=_interopRequireDefault(require("./ad-composer"));var _adPropTypes=require("./ad-prop-types");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/ad/src/ad.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 Ad=function(_Component){(0,_inherits2.default)(Ad,_Component);var _super=_createSuper(Ad);function Ad(props){var _this;(0,_classCallCheck2.default)(this,Ad);_this=_super.call(this,props);_this.setAdReady=function(){_this.setState({isAdReady:true});};_this.setAdError=function(){_this.setState({hasError:true});};var slotName=props.slotName;_this.prebidConfig=_utils2.prebidConfig;_this.state={config:(0,_utils2.getSlotConfig)(slotName,(0,_utils.screenWidth)()),hasError:false,isAdReady:false,offline:false};return _this;}(0,_createClass2.default)(Ad,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;_netinfo.default.fetch().then(function(state){var isConnected=state.isConnected;_this2.setState({offline:!isConnected});}).then(function(){_this2.unsubscribe=_netinfo.default.addEventListener(function(state){var offline=_this2.state.offline;var isConnected=state.isConnected;if(isConnected&&offline){_this2.setState({offline:false});}});});}},{key:"componentWillUnmount",value:function componentWillUnmount(){if(typeof this.unsubscribe==="function"){this.unsubscribe();}}},{key:"renderAd",value:function renderAd(adConfig){var _this$props=this.props,baseUrl=_this$props.baseUrl,contextUrl=_this$props.contextUrl,isLoading=_this$props.isLoading,section=_this$props.section,slotName=_this$props.slotName,style=_this$props.style;var _this$state=this.state,config=_this$state.config,hasError=_this$state.hasError,isAdReady=_this$state.isAdReady,offline=_this$state.offline;if(hasError||offline)return null;this.slots=adConfig.bidderSlots.map(function(slot){return(0,_utils2.getPrebidSlotConfig)(slot,section,config.maxSizes.width,adConfig.biddersConfig.bidders);});this.allSlotConfigs=adConfig.globalSlots.concat(adConfig.bidderSlots).map(function(slot){return(0,_utils2.getSlotConfig)(slot,(0,_utils.screenWidth)());});var data={adUnit:adConfig.adUnit,allSlotConfigs:this.allSlotConfigs||this.slots,bidInitialiser:adConfig.bidInitialiser||false,config:config,contextUrl:contextUrl,debug:adConfig.debug||false,disableAds:adConfig.disabled||false,networkId:adConfig.networkId,pageTargeting:adConfig.pageTargeting,prebidConfig:(0,_extends2.default)(this.prebidConfig,{bidders:adConfig.biddersConfig.bidders,bucketSize:adConfig.biddersConfig.bucketSize,maxBid:adConfig.biddersConfig.maxBid,minPrice:adConfig.biddersConfig.minPrice,timeout:adConfig.biddersConfig.timeout}),section:section,sizingMap:config.mappings,slotName:slotName,slots:this.slots,slotTargeting:adConfig.slotTargeting};var sizeProps=!isAdReady||hasError?{height:0,width:0}:{height:config.maxSizes.height,width:_reactNative.Platform.OS==="ios"||_reactNative.Platform.OS==="android"?(0,_utils.screenWidth)():config.maxSizes.width};return _react.default.createElement(_reactNative.View,{style:[_styles.default.container,style],__source:{fileName:_jsxFileName,lineNumber:140,columnNumber:7}},isLoading?null:_react.default.createElement(_domContext.default,(0,_extends2.default)({baseUrl:baseUrl,data:data,init:_adInit.default,onRenderComplete:this.setAdReady,onRenderError:this.setAdError},sizeProps,{__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:11}})));}},{key:"render",value:function render(){var _this3=this;var propAdConfig=this.props.adConfig;if(propAdConfig){return this.renderAd(propAdConfig);}return _react.default.createElement(_reactBroadcast.Subscriber,{channel:"adConfig",__source:{fileName:_jsxFileName,lineNumber:161,columnNumber:7}},function(adConfig){return _this3.renderAd(adConfig);});}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps){var slotName=nextProps.slotName;return{config:(0,_utils2.getSlotConfig)(slotName,(0,_utils.screenWidth)())};}}]);return Ad;}(_react.Component);Ad.propTypes=_adPropTypes.propTypes;Ad.defaultProps=_adPropTypes.defaultProps;var _default=Ad;exports.default=_default;

package/dist/dom-context-prop-types.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"propTypes",{enumerable:true,get:function get(){return _domContextPropTypesBase.propTypes;}});Object.defineProperty(exports,"defaultProps",{enumerable:true,get:function get(){return _domContextPropTypesBase.defaultProps;}});var _domContextPropTypesBase=require("./dom-context-prop-types-base");

package/dist/dom-context.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));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 _reactNativeWebview=require("react-native-webview");var _components=require("@skele/components");var _reactNativeDeviceInfo=_interopRequireDefault(require("react-native-device-info"));var _webviewEventCallbackSetup=_interopRequireDefault(require("./utils/webview-event-callback-setup"));var _logger=_interopRequireDefault(require("./utils/logger"));var _domContextPropTypes=require("./dom-context-prop-types");var _index=require("./styles/index");var _jsxFileName="/home/circleci/project/packages/ad/src/dom-context.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 ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}function _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 ViewportAwareView=_components.Viewport.Aware(_reactNative.View);var DOMContext=function(_PureComponent){(0,_inherits2.default)(DOMContext,_PureComponent);var _super=_createSuper(DOMContext);function DOMContext(props){var _this;(0,_classCallCheck2.default)(this,DOMContext);_this=_super.call(this,props);_this.handleNavigationStateChange=function(_ref){var url=_ref.url;var baseUrl=_this.props.baseUrl;var reactPostmessageBridgePrefix="react-js-navigation://";if(url.indexOf(reactPostmessageBridgePrefix)!==0&&DOMContext.hasDifferentOrigin(url,baseUrl)){_this.webView.stopLoading();DOMContext.openURLInBrowser(url);}};_this.handleMessageEvent=function(e){var _this$props=_this.props,onRenderComplete=_this$props.onRenderComplete,onRenderError=_this$props.onRenderError,data=_this$props.data;var json=e.nativeEvent.data;if(json.indexOf("isTngMessage")===-1&&json.indexOf("unrulyLoaded")===-1){return;}var _JSON$parse=JSON.parse(json),type=_JSON$parse.type,detail=_JSON$parse.detail;var loaded=_this.state.loaded;var _assertThisInitialize=(0,_assertThisInitialized2.default)(_this),isVisible=_assertThisInitialize.isVisible;switch(type){case"renderFailed":onRenderError();break;case"unrulyLoaded":{if(loaded&&isVisible){_this.inViewport();}break;}case"renderComplete":onRenderComplete();break;default:if(data.debug){(0,_logger.default)(type,detail);}}};_this.outViewport=function(){_this.isVisible=false;_this.webView.injectJavaScript("\n        if (typeof unrulyViewportStatus === \"function\") {\n          unrulyViewportStatus("+JSON.stringify(_objectSpread(_objectSpread({},_this.deviceInfo),{},{visible:false}))+");\n        };\n      ");};_this.loadAd=function(){_this.setState({loaded:true});};_this.inViewport=function(){_this.isVisible=true;_this.webView.injectJavaScript("\n          if (typeof unrulyViewportStatus === \"function\") {\n            unrulyViewportStatus("+JSON.stringify(_objectSpread(_objectSpread({},_this.deviceInfo),{},{visible:true}))+")\n          };\n        ");};_this.state={loaded:false};return _this;}(0,_createClass2.default)(DOMContext,[{key:"componentDidMount",value:function componentDidMount(){this.deviceInfo={applicationName:_reactNativeDeviceInfo.default.getApplicationName(),buildNumber:_reactNativeDeviceInfo.default.getBuildNumber(),bundleId:_reactNativeDeviceInfo.default.getBundleId(),deviceId:_reactNativeDeviceInfo.default.getDeviceId(),readableVersion:_reactNativeDeviceInfo.default.getReadableVersion(),version:_reactNativeDeviceInfo.default.getVersion()};}},{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,baseUrl=_this$props2.baseUrl,data=_this$props2.data,init=_this$props2.init,width=_this$props2.width,height=_this$props2.height;var html="\n      <html>\n        <head>\n        <meta name=\"viewport\" content=\"width="+width+",height="+height+",initial-scale=1,user-scalable=no\">\n        <style>\n          html, body {\n            height: 100%;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n            overflow: hidden;\n          }\n        </style>\n        <script>\n          window.googletag = window.googletag || {};\n          window.googletag.cmd = window.googletag.cmd || [];\n          window.pbjs = window.pbjs || {};\n          window.pbjs.que = window.pbjs.que || [];\n          window.apstag = {\n            _Q: [],\n            addToQueue(action, d) {\n              this._Q.push([action, d]);\n            },\n            fetchBids() {\n              this.addToQueue(\"f\", arguments);\n            },\n            init() {\n              this.addToQueue(\"i\", arguments);\n            },\n            setDisplayBids() {},\n            targetingKeys() {\n              return [];\n            }\n          };\n        </script>\n        </head>\n        <body>\n          <div></div>\n          <script>\n            window.postMessage = function(data) {\n              var message = typeof data === \"string\" ? data : JSON.stringify(data);\n              window.ReactNativeWebView.postMessage(message);\n            };\n            ("+_webviewEventCallbackSetup.default+")({window});\n          </script>\n          <script>\n          ("+init+")({\n            el: document.getElementsByTagName(\"div\")[0],\n            eventCallback: eventCallback,\n            data: "+JSON.stringify(data)+",\n            platform: \"native\",\n            window\n          }).init();\n          </script>\n        </body>\n      </html>\n    ";var loaded=this.state.loaded;return _react.default.createElement(ViewportAwareView,{onViewportEnter:this.loadAd,style:{height:height,width:width},__source:{fileName:_jsxFileName,lineNumber:188,columnNumber:7}},(_reactNative.Platform.OS==="ios"||loaded)&&_react.default.createElement(_reactNativeWebview.WebView,{onMessage:this.handleMessageEvent,onNavigationStateChange:this.handleNavigationStateChange,originWhitelist:_reactNative.Platform.OS==="android"?["http://.*","https://.*"]:undefined,ref:function ref(_ref2){_this2.webView=_ref2;},source:{baseUrl:baseUrl,html:html},style:{position:"absolute",width:width,height:height},__source:{fileName:_jsxFileName,lineNumber:196,columnNumber:11}}),height!==0&&_react.default.createElement(ViewportAwareView,{onViewportEnter:this.inViewport,onViewportLeave:this.outViewport,style:(0,_index.calculateViewportVisible)(height),__source:{fileName:_jsxFileName,lineNumber:215,columnNumber:11}}));}}],[{key:"hasDifferentOrigin",value:function hasDifferentOrigin(url,baseUrl){return url&&url.indexOf(baseUrl)===-1&&url.indexOf("://")>-1;}},{key:"openURLInBrowser",value:function openURLInBrowser(url){return _reactNative.Linking.canOpenURL(url).then(function(supported){if(!supported){return console.error("Cant open url",url);}return _reactNative.Linking.openURL(url);}).catch(function(err){return console.error("An error occurred",err);});}}]);return DOMContext;}(_react.PureComponent);DOMContext.propTypes=_domContextPropTypes.propTypes;DOMContext.defaultProps=_domContextPropTypes.defaultProps;var _default=DOMContext;exports.default=_default;

package/dist/styles/index.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"calculateViewBox",{enumerable:true,get:function get(){return _index.calculateViewBox;}});Object.defineProperty(exports,"calculateViewportVisible",{enumerable:true,get:function get(){return _index.calculateViewportVisible;}});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _styleguide=require("@times-components/styleguide");var _index=_interopRequireWildcard(require("./index.shared"));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 ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var _default=_reactNative.StyleSheet.create(_objectSpread(_objectSpread({},_index.default),{},{container:_objectSpread(_objectSpread({},_index.default.container),{},{marginBottom:(0,_styleguide.spacing)(4)})}));exports.default=_default;