@times-components/ad 2.20.3 → 2.21.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.21.0](https://github.com/newsuk/times-components/compare/@times-components/ad@2.20.3...@times-components/ad@2.21.0) (2022-08-18)
+
+
+### Features
+
+* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
+
+
+
+
+
 ## [2.20.3](https://github.com/newsuk/times-components/compare/@times-components/ad@2.20.2...@times-components/ad@2.20.3) (2022-08-05)
 
 **Note:** Version bump only for package @times-components/ad

package/README.md

@@ -58,25 +58,12 @@ This mechanism helps us to determine if a certain Ad should not be shown on a
 particular page (e.g. because it contains terror or hate speech related
 content).
 
-### Web - With ADmantx
+### With ADmantx
 
 We use ADmantx as a Times brand safety mechanism. We send a uri to ADmantx, which crawls the page and returns an object of key value pairs they associate with that web page. The object has the follow keys: `admants`, `categories`, `feelings`, `entities`.
 
 This object is then passed to the DFP code via page targeting, which determines whether to show ads or not.
 
-### Mobile
-
-For native we do not use ADmantx. Instead, we pass a string of comma-seperated
-keywords that typically come from TPA. These keywords are then passed to DFP
-using page targeting, and DFP determines whether to show the page from this
-"list".
-
-Example:
-
-```
-googletag.setTargeting("kw", "these,are,my,example,keywords");
-```
-
 ## Ad slots
 
 We have distinct positions on a page where we can display Ads. We refer to them

package/babel.config.js

@@ -1,10 +1,19 @@
 module.exports = api => {
   api.cache(true);
   return {
-    plugins: [
-      "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
-    ],
-    presets: ["module:metro-react-native-babel-preset"]
+    plugins: ["babel-plugin-styled-components", "transform-class-properties"],
+    presets: [
+      [
+        "@babel/preset-env",
+        {
+          targets: {
+            esmodules: false,
+            node: "current"
+          }
+        }
+      ],
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

package/dist/ad-composer-prop-types.js

@@ -1 +1,63 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={adConfig:_propTypes.default.shape({adUnit:_propTypes.default.string.isRequired,biddersConfig:_propTypes.default.shape({}),bidderSlots:_propTypes.default.arrayOf(_propTypes.default.string),networkId:_propTypes.default.string.isRequired,pageTargeting:_propTypes.default.shape({}),slotTargeting:_propTypes.default.shape({})}),children:_propTypes.default.oneOfType([_propTypes.default.element,_propTypes.default.arrayOf(_propTypes.default.element)]).isRequired};exports.propTypes=propTypes;var defaultProps={adConfig:{adUnit:"d.thetimes.co.uk",biddersConfig:{bidders:{amazon:{accountId:"3360"},appnexus:{placementId:"5823281"},ix:{siteId:"188830"},rubicon:{accountId:"14062",siteId:"70608",zoneId:"335918"}},bucketSize:0.25,maxBid:15,minPrice:0.01,timeout:3000},bidderSlots:["header","inline-ad"],bidInitialiser:Promise.resolve(),globalSlots:["ad-pixel","ad-pixelskin","ad-pixelteads"],networkId:"25436805",pageTargeting:{label:"This is label",title:"This is title"},slotTargeting:{section:"news"}}};exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  adConfig: _propTypes.default.shape({
+    adUnit: _propTypes.default.string.isRequired,
+    biddersConfig: _propTypes.default.shape({}),
+    bidderSlots: _propTypes.default.arrayOf(_propTypes.default.string),
+    networkId: _propTypes.default.string.isRequired,
+    pageTargeting: _propTypes.default.shape({}),
+    slotTargeting: _propTypes.default.shape({})
+  }),
+  children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element)]).isRequired
+}; // @TODO: check these are sensible
+
+exports.propTypes = propTypes;
+const defaultProps = {
+  adConfig: {
+    adUnit: "d.thetimes.co.uk",
+    biddersConfig: {
+      bidders: {
+        amazon: {
+          accountId: "3360"
+        },
+        appnexus: {
+          placementId: "5823281"
+        },
+        ix: {
+          siteId: "188830"
+        },
+        rubicon: {
+          accountId: "14062",
+          siteId: "70608",
+          zoneId: "335918"
+        }
+      },
+      bucketSize: 0.25,
+      maxBid: 15,
+      minPrice: 0.01,
+      timeout: 3000
+    },
+    bidderSlots: ["header", "inline-ad"],
+    bidInitialiser: Promise.resolve(),
+    globalSlots: ["ad-pixel", "ad-pixelskin", "ad-pixelteads"],
+    networkId: "25436805",
+    pageTargeting: {
+      label: "This is label",
+      title: "This is title"
+    },
+    slotTargeting: {
+      section: "news"
+    }
+  }
+};
+exports.defaultProps = defaultProps;

package/dist/ad-composer.js

@@ -1 +1,27 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactBroadcast=require("react-broadcast");var _adComposerPropTypes=require("./ad-composer-prop-types");var _jsxFileName="/home/circleci/project/packages/ad/src/ad-composer.js";var AdComposer=function AdComposer(_ref){var adConfig=_ref.adConfig,children=_ref.children;return _react.default.createElement(_reactBroadcast.Broadcast,{channel:"adConfig",value:adConfig,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:3}},children);};AdComposer.propTypes=_adComposerPropTypes.propTypes;AdComposer.defaultProps=_adComposerPropTypes.defaultProps;var _default=AdComposer;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactBroadcast = require("react-broadcast");
+
+var _adComposerPropTypes = require("./ad-composer-prop-types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AdComposer = ({
+  adConfig,
+  children
+}) => /*#__PURE__*/_react.default.createElement(_reactBroadcast.Broadcast, {
+  channel: "adConfig",
+  value: adConfig
+}, children);
+
+AdComposer.propTypes = _adComposerPropTypes.propTypes;
+AdComposer.defaultProps = _adComposerPropTypes.defaultProps;
+var _default = AdComposer;
+exports.default = _default;

package/dist/ad-container.js

@@ -1 +1,48 @@
-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 _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _utils=require("@times-components/utils");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/ad/src/ad-container.js";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 AdContainer=function AdContainer(_ref){var slotName=_ref.slotName,style=_ref.style;var adMap={header:"ad-header","inline-ad":"ad-article-inline",articleListAd:"inline-ad",pixel:"ad-pixel",pixelteads:"ad-pixelteads",pixelskin:"ad-pixelskin",inlineAd1:"ad-article-inline-1",inlineAd2:"ad-article-inline-2",inlineAd3:"ad-article-inline-3"};return _react.default.createElement(_utils.TcView,{style:_objectSpread(_objectSpread({},_styles.default.container),style),__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:5}},_react.default.createElement("div",{id:""+adMap[slotName],__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:7}}));};var propTypes={slotName:_propTypes.default.string.isRequired,style:_propTypes.default.oneOfType([_propTypes.default.object]).isRequired};AdContainer.propTypes=propTypes;var _default=AdContainer;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("@times-components/utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AdContainer = ({
+  slotName,
+  style
+}) => {
+  const adMap = {
+    header: "ad-header",
+    "inline-ad": "ad-article-inline",
+    articleListAd: "inline-ad",
+    pixel: "ad-pixel",
+    pixelteads: "ad-pixelteads",
+    pixelskin: "ad-pixelskin",
+    inlineAd1: "ad-article-inline-1",
+    inlineAd2: "ad-article-inline-2",
+    inlineAd3: "ad-article-inline-3"
+  };
+  return /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+    style: { ..._styles.default.container,
+      ...style
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: `${adMap[slotName]}`
+  }));
+};
+
+const propTypes = {
+  slotName: _propTypes.default.string.isRequired,
+  style: _propTypes.default.oneOfType([_propTypes.default.object]).isRequired
+};
+AdContainer.propTypes = propTypes;
+var _default = AdContainer;
+exports.default = _default;

package/dist/ad-placeholder-prop-types.js

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={height:_propTypes.default.number.isRequired,style:_propTypes.default.object,width:_propTypes.default.number.isRequired};exports.propTypes=propTypes;var defaultProps={style:null};exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  height: _propTypes.default.number.isRequired,
+  style: _propTypes.default.object,
+  width: _propTypes.default.number.isRequired
+};
+exports.propTypes = propTypes;
+const defaultProps = {
+  style: null
+};
+exports.defaultProps = defaultProps;

package/dist/ad-prop-types.js

@@ -1 +1,31 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var ViewPropTypesStyle=_propTypes.default.object.style;var propTypes={baseUrl:_propTypes.default.string,contextUrl:_propTypes.default.string,isLoading:_propTypes.default.bool,section:_propTypes.default.string,slotName:_propTypes.default.string.isRequired,style:ViewPropTypesStyle};exports.propTypes=propTypes;var defaultProps={baseUrl:"https://www.thetimes.co.uk/",contextUrl:"",isLoading:false,section:"",style:null};exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  style: ViewPropTypesStyle
+} = _propTypes.default.object;
+const propTypes = {
+  baseUrl: _propTypes.default.string,
+  contextUrl: _propTypes.default.string,
+  isLoading: _propTypes.default.bool,
+  section: _propTypes.default.string,
+  slotName: _propTypes.default.string.isRequired,
+  style: ViewPropTypesStyle
+};
+exports.propTypes = propTypes;
+const defaultProps = {
+  baseUrl: "https://www.thetimes.co.uk/",
+  contextUrl: "",
+  isLoading: false,
+  section: "",
+  style: null
+};
+exports.defaultProps = defaultProps;

package/dist/ad.js

@@ -1 +1,177 @@
-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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));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 _utils=require("@times-components/utils");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 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 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,hasAdBlock:false};return _this;}(0,_createClass2.default)(Ad,[{key:"componentDidMount",value:function componentDidMount(){this.setState({hasAdBlock:window.hasAdBlock});}},{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,hasAdBlock=_this$state.hasAdBlock;if(hasAdBlock||hasError)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?{height:0,width:0}:{height:config.maxSizes.height,width:config.maxSizes.width};var adView=_react.default.createElement(_utils.TcView,{style:_objectSpread(_objectSpread({},_styles.default.container),style),__source:{fileName:_jsxFileName,lineNumber:117,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:119,columnNumber:11}})));return _react.default.createElement(_utils.ServerClientRender,{client:function client(){return adView;},server:null,__source:{fileName:_jsxFileName,lineNumber:131,columnNumber:12}});}},{key:"render",value:function render(){var _this2=this;var propAdConfig=this.props.adConfig;if(propAdConfig){return this.renderAd(propAdConfig);}return _react.default.createElement(_reactBroadcast.Subscriber,{channel:"adConfig",__source:{fileName:_jsxFileName,lineNumber:140,columnNumber:7}},function(adConfig){return _this2.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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AdContainer", {
+  enumerable: true,
+  get: function () {
+    return _adContainer.default;
+  }
+});
+Object.defineProperty(exports, "AdComposer", {
+  enumerable: true,
+  get: function () {
+    return _adComposer.default;
+  }
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactBroadcast = require("react-broadcast");
+
+var _utils = require("@times-components/utils");
+
+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"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+class Ad extends _react.Component {
+  static getDerivedStateFromProps(nextProps) {
+    const {
+      slotName
+    } = nextProps;
+    return {
+      config: (0, _utils2.getSlotConfig)(slotName, (0, _utils.screenWidth)())
+    };
+  }
+
+  constructor(props) {
+    super(props);
+
+    this.setAdReady = () => {
+      this.setState({
+        isAdReady: true
+      });
+    };
+
+    this.setAdError = () => {
+      this.setState({
+        hasError: true
+      });
+    };
+
+    const {
+      slotName
+    } = props;
+    this.prebidConfig = _utils2.prebidConfig;
+    this.state = {
+      config: (0, _utils2.getSlotConfig)(slotName, (0, _utils.screenWidth)()),
+      hasError: false,
+      isAdReady: false,
+      hasAdBlock: false
+    };
+  }
+
+  componentDidMount() {
+    this.setState({
+      hasAdBlock: window.hasAdBlock
+    });
+  }
+
+  renderAd(adConfig) {
+    const {
+      baseUrl,
+      contextUrl,
+      isLoading,
+      section,
+      slotName,
+      style
+    } = this.props;
+    const {
+      config,
+      hasError,
+      isAdReady,
+      hasAdBlock
+    } = this.state;
+    if (hasAdBlock || hasError) return null;
+    this.slots = adConfig.bidderSlots.map(slot => (0, _utils2.getPrebidSlotConfig)(slot, section, config.maxSizes.width, adConfig.biddersConfig.bidders));
+    this.allSlotConfigs = adConfig.globalSlots.concat(adConfig.bidderSlots).map(slot => (0, _utils2.getSlotConfig)(slot, (0, _utils.screenWidth)()));
+    const data = {
+      adUnit: adConfig.adUnit,
+      allSlotConfigs: this.allSlotConfigs || this.slots,
+      bidInitialiser: adConfig.bidInitialiser || false,
+      config,
+      contextUrl,
+      debug: adConfig.debug || false,
+      disableAds: adConfig.disabled || false,
+      networkId: adConfig.networkId,
+      pageTargeting: adConfig.pageTargeting,
+      prebidConfig: Object.assign(this.prebidConfig, {
+        bidders: adConfig.biddersConfig.bidders,
+        bucketSize: adConfig.biddersConfig.bucketSize,
+        maxBid: adConfig.biddersConfig.maxBid,
+        minPrice: adConfig.biddersConfig.minPrice,
+        timeout: adConfig.biddersConfig.timeout
+      }),
+      section,
+      sizingMap: config.mappings,
+      slotName,
+      slots: this.slots,
+      slotTargeting: adConfig.slotTargeting
+    };
+    const sizeProps = !isAdReady ? {
+      height: 0,
+      width: 0
+    } : {
+      height: config.maxSizes.height,
+      width: config.maxSizes.width
+    };
+
+    const adView = /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+      style: { ..._styles.default.container,
+        ...style
+      }
+    }, isLoading ? null : /*#__PURE__*/_react.default.createElement(_domContext.default, _extends({
+      baseUrl: baseUrl,
+      data: data,
+      init: _adInit.default,
+      onRenderComplete: this.setAdReady,
+      onRenderError: this.setAdError
+    }, sizeProps)));
+
+    return /*#__PURE__*/_react.default.createElement(_utils.ServerClientRender, {
+      client: () => adView,
+      server: null
+    });
+  }
+
+  render() {
+    const {
+      adConfig: propAdConfig
+    } = this.props;
+
+    if (propAdConfig) {
+      return this.renderAd(propAdConfig);
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_reactBroadcast.Subscriber, {
+      channel: "adConfig"
+    }, adConfig => this.renderAd(adConfig));
+  }
+
+}
+
+Ad.propTypes = _adPropTypes.propTypes;
+Ad.defaultProps = _adPropTypes.defaultProps;
+var _default = Ad;
+exports.default = _default;

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

@@ -1 +1,27 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={data:_propTypes.default.shape({}),height:_propTypes.default.number.isRequired,init:_propTypes.default.func.isRequired,onRenderComplete:_propTypes.default.func,onRenderError:_propTypes.default.func,width:_propTypes.default.number.isRequired};exports.propTypes=propTypes;var defaultProps={data:{},height:0,onRenderComplete:function onRenderComplete(){},onRenderError:function onRenderError(){}};exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  data: _propTypes.default.shape({}),
+  height: _propTypes.default.number.isRequired,
+  init: _propTypes.default.func.isRequired,
+  onRenderComplete: _propTypes.default.func,
+  onRenderError: _propTypes.default.func,
+  width: _propTypes.default.number.isRequired
+};
+exports.propTypes = propTypes;
+const defaultProps = {
+  data: {},
+  height: 0,
+  onRenderComplete: () => {},
+  onRenderError: () => {}
+};
+exports.defaultProps = defaultProps;

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

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _propTypes=_interopRequireDefault(require("prop-types"));var _domContextPropTypesBase=require("./dom-context-prop-types-base");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 propTypes=_objectSpread(_objectSpread({},_domContextPropTypesBase.propTypes),{},{height:_propTypes.default.number});exports.propTypes=propTypes;var defaultProps=_objectSpread(_objectSpread({},_domContextPropTypesBase.defaultProps),{},{height:0});exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _domContextPropTypesBase = require("./dom-context-prop-types-base");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = { ..._domContextPropTypesBase.propTypes,
+  height: _propTypes.default.number
+};
+exports.propTypes = propTypes;
+const defaultProps = { ..._domContextPropTypesBase.defaultProps,
+  height: 0
+};
+exports.defaultProps = defaultProps;

package/dist/dom-context.js

@@ -1 +1,116 @@
-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 _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 _domContextPropTypes=require("./dom-context-prop-types");var _logger=_interopRequireDefault(require("./utils/logger"));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 _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 DOMContext=function(_Component){(0,_inherits2.default)(DOMContext,_Component);var _super=_createSuper(DOMContext);function DOMContext(){var _this;(0,_classCallCheck2.default)(this,DOMContext);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_this.eventQueue=[];_this.eventCallback=function(type,detail){_this.eventQueue.push({detail:detail,type:type});_this.processEventQueue();};_this.processEvent=function(_ref){var type=_ref.type,detail=_ref.detail;var _this$props=_this.props,onRenderComplete=_this$props.onRenderComplete,onRenderError=_this$props.onRenderError,data=_this$props.data;if(_this.eventQueue.length===0)return;switch(type){case"renderFailed":onRenderError();break;case"renderComplete":onRenderComplete();break;default:if(data.debug){(0,_logger.default)(type,detail);}}};return _this;}(0,_createClass2.default)(DOMContext,[{key:"componentDidMount",value:function componentDidMount(){var _this$props2=this.props,data=_this$props2.data,init=_this$props2.init;this.initExecuting=true;this.hasUnmounted=false;this.adInit=init({data:data,el:this.div,eventCallback:this.eventCallback,platform:"web",window:window});if(this.adInit&&this.adInit.init){this.adInit.init();}this.initExecuting=false;this.processEventQueue();}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.eventQueue=[];this.hasUnmounted=true;}},{key:"processEventQueue",value:function processEventQueue(){if(!this.initExecuting&&!this.hasUnmounted){this.eventQueue.forEach(this.processEvent);this.eventQueue=[];}}},{key:"render",value:function render(){var _this2=this;var width=this.props.width;return _react.default.createElement("div",{ref:function ref(div){_this2.div=div;},style:{height:"auto",overflow:"hidden",width:width},__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:7}});}}]);return DOMContext;}(_react.Component);DOMContext.propTypes=_domContextPropTypes.propTypes;DOMContext.defaultProps=_domContextPropTypes.defaultProps;var _default=DOMContext;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _domContextPropTypes = require("./dom-context-prop-types");
+
+var _logger = _interopRequireDefault(require("./utils/logger"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+
+/* eslint-env browser */
+class DOMContext extends _react.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), this.eventQueue = [], this.eventCallback = (type, detail) => {
+      this.eventQueue.push({
+        detail,
+        type
+      });
+      this.processEventQueue();
+    }, this.processEvent = ({
+      type,
+      detail
+    }) => {
+      const {
+        onRenderComplete,
+        onRenderError,
+        data
+      } = this.props;
+      if (this.eventQueue.length === 0) return;
+
+      switch (type) {
+        case "renderFailed":
+          onRenderError();
+          break;
+
+        case "renderComplete":
+          onRenderComplete();
+          break;
+
+        default:
+          if (data.debug) {
+            (0, _logger.default)(type, detail);
+          }
+
+      }
+    }, _temp;
+  }
+
+  componentDidMount() {
+    const {
+      data,
+      init
+    } = this.props;
+    this.initExecuting = true;
+    this.hasUnmounted = false;
+    this.adInit = init({
+      data,
+      el: this.div,
+      eventCallback: this.eventCallback,
+      platform: "web",
+      window
+    });
+
+    if (this.adInit && this.adInit.init) {
+      this.adInit.init();
+    }
+
+    this.initExecuting = false;
+    this.processEventQueue();
+  }
+
+  componentWillUnmount() {
+    this.eventQueue = [];
+    this.hasUnmounted = true;
+  }
+
+  processEventQueue() {
+    if (!this.initExecuting && !this.hasUnmounted) {
+      this.eventQueue.forEach(this.processEvent);
+      this.eventQueue = [];
+    }
+  }
+
+  render() {
+    const {
+      width
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: div => {
+        this.div = div;
+      },
+      style: {
+        height: "auto",
+        overflow: "hidden",
+        width
+      }
+    });
+  }
+
+}
+
+DOMContext.propTypes = _domContextPropTypes.propTypes;
+DOMContext.defaultProps = _domContextPropTypes.defaultProps;
+var _default = DOMContext;
+exports.default = _default;