@times-components/tracking 2.9.0 → 2.9.4

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/track-scroll-depth.js +1 -1
  3. package/package.json +7 -7
  4. package/dist/track-scroll-depth.web.js +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
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
+ ## [2.9.4](https://github.com/newsuk/times-components/compare/@times-components/tracking@2.9.3...@times-components/tracking@2.9.4) (2022-01-04)
7
+
8
+ **Note:** Version bump only for package @times-components/tracking
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.9.3](https://github.com/newsuk/times-components/compare/@times-components/tracking@2.9.2...@times-components/tracking@2.9.3) (2022-01-04)
15
+
16
+ **Note:** Version bump only for package @times-components/tracking
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.9.2](https://github.com/newsuk/times-components/compare/@times-components/tracking@2.9.1...@times-components/tracking@2.9.2) (2021-12-02)
23
+
24
+ **Note:** Version bump only for package @times-components/tracking
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.9.1](https://github.com/newsuk/times-components/compare/@times-components/tracking@2.9.0...@times-components/tracking@2.9.1) (2021-11-25)
31
+
32
+ **Note:** Version bump only for package @times-components/tracking
33
+
34
+
35
+
36
+
37
+
6
38
  # [2.9.0](https://github.com/newsuk/times-components/compare/@times-components/tracking@2.8.5...@times-components/tracking@2.9.0) (2021-10-28)
7
39
 
8
40
 
package/dist/track-scroll-depth.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));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 _reactDisplayName=_interopRequireDefault(require("react-display-name"));var _hoistNonReactStatics=_interopRequireDefault(require("hoist-non-react-statics"));var _trackingContextTypes=_interopRequireDefault(require("./tracking-context-types"));var _resolveAttrs=_interopRequireDefault(require("./resolve-attrs"));var _jsxFileName="/home/circleci/project/packages/tracking/src/track-scroll-depth.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 _default=function _default(WrappedComponent){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},trackingName=_ref.trackingName,_ref$getAttrs=_ref.getAttrs,getAttrs=_ref$getAttrs===void 0?function(){return{};}:_ref$getAttrs;var componentName=(0,_reactDisplayName.default)(WrappedComponent);var WithTrackScrollDepth=function(_Component){(0,_inherits2.default)(WithTrackScrollDepth,_Component);var _super=_createSuper(WithTrackScrollDepth);function WithTrackScrollDepth(props,context){var _this;(0,_classCallCheck2.default)(this,WithTrackScrollDepth);_this=_super.call(this,props,context);_this.viewed=new Set();_this.handleChildViewed=_this.handleChildViewed.bind((0,_assertThisInitialized2.default)(_this));_this.receiveChildList=_this.receiveChildList.bind((0,_assertThisInitialized2.default)(_this));_this.childList=[];return _this;}(0,_createClass2.default)(WithTrackScrollDepth,[{key:"onChildView",value:function onChildView(childProps){var tracking=this.context.tracking;tracking.analytics({action:"Scrolled",attrs:_objectSpread(_objectSpread({},(0,_resolveAttrs.default)(getAttrs,childProps)),{},{scrollDepth:{itemNumber:childProps.index+1,name:childProps.name,total:childProps.total}}),component:(trackingName||componentName)+"Child"});}},{key:"receiveChildList",value:function receiveChildList(childList){this.childList=childList;}},{key:"handleChildViewed",value:function handleChildViewed(childData){var elementId=childData.elementId;if(this.viewed.has(elementId)){return;}this.viewed.add(elementId);var index=this.childList.findIndex(function(item){return item.elementId===elementId;});this.onChildView(_objectSpread(_objectSpread({},childData),{},{index:index,total:this.childList.length}));}},{key:"render",value:function render(){return _react.default.createElement(WrappedComponent,(0,_extends2.default)({},this.props,{onViewed:this.handleChildViewed,receiveChildList:this.receiveChildList,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:9}}));}}]);return WithTrackScrollDepth;}(_react.Component);WithTrackScrollDepth.contextTypes=_trackingContextTypes.default;WithTrackScrollDepth.displayName="WithTrackScrollDepth("+componentName+")";WithTrackScrollDepth.propTypes=WrappedComponent.propTypes;WithTrackScrollDepth.defaultProps=WrappedComponent.defaultProps;(0,_hoistNonReactStatics.default)(WithTrackScrollDepth,WrappedComponent);return WithTrackScrollDepth;};exports.default=_default;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));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 _reactDisplayName=_interopRequireDefault(require("react-display-name"));var _hoistNonReactStatics=_interopRequireDefault(require("hoist-non-react-statics"));var _trackingContextTypes=_interopRequireDefault(require("./tracking-context-types"));var _resolveAttrs=_interopRequireDefault(require("./resolve-attrs"));var _jsxFileName="/home/circleci/project/packages/tracking/src/track-scroll-depth.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 _default=function _default(WrappedComponent){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},trackingName=_ref.trackingName,_ref$getAttrs=_ref.getAttrs,getAttrs=_ref$getAttrs===void 0?function(){return{};}:_ref$getAttrs;var componentName=(0,_reactDisplayName.default)(WrappedComponent);var WithTrackScrollDepth=function(_Component){(0,_inherits2.default)(WithTrackScrollDepth,_Component);var _super=_createSuper(WithTrackScrollDepth);function WithTrackScrollDepth(props,context){var _this;(0,_classCallCheck2.default)(this,WithTrackScrollDepth);_this=_super.call(this,props,context);_this.receiveChildList=_this.receiveChildList.bind((0,_assertThisInitialized2.default)(_this));_this.updateOnScroll=_this.updateOnScroll.bind((0,_assertThisInitialized2.default)(_this));_this.childData={};_this.isOnScroll=false;_this.viewed=new Set();if(typeof window!=="undefined"&&window.IntersectionObserver){_this.observer=new window.IntersectionObserver(_this.onObserved.bind((0,_assertThisInitialized2.default)(_this)),{root:null,rootMargin:"0px",threshold:0.5});}_this.childList=[];return _this;}(0,_createClass2.default)(WithTrackScrollDepth,[{key:"componentDidMount",value:function componentDidMount(){window.addEventListener("scroll",this.updateOnScroll);this.observeChildren();}},{key:"componentDidUpdate",value:function componentDidUpdate(){this.observeChildren();}},{key:"componentWillUnmount",value:function componentWillUnmount(){window.removeEventListener("scroll",this.updateOnScroll);if(this.observer){this.observer.disconnect();}}},{key:"onObserved",value:function onObserved(){var _this2=this;var observed=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var tracking=this.context.tracking;if(!tracking){return;}observed.forEach(function(_ref2){var isIntersecting=_ref2.isIntersecting,target=_ref2.target;if(_this2.isOnScroll&&isIntersecting&&!_this2.viewed.has(target.id)){_this2.viewed.add(target.id);_this2.onChildView(_this2.childData[target.id]);}});}},{key:"onChildView",value:function onChildView(childProps){var tracking=this.context.tracking;tracking.analytics({action:"Scrolled",attrs:_objectSpread(_objectSpread({},(0,_resolveAttrs.default)(getAttrs,childProps)),{},{scrollDepth:{itemNumber:childProps.index+1,name:childProps.name,total:childProps.total}}),component:childProps.eventNavigationName?childProps.eventNavigationName:(trackingName||componentName)+"Child"});}},{key:"updateOnScroll",value:function updateOnScroll(){this.isOnScroll=true;}},{key:"receiveChildList",value:function receiveChildList(childList){this.childList=childList;}},{key:"observeChildren",value:function observeChildren(){var _this3=this;if(this.observer&&this.childList)this.childList.forEach(function(props,index){if(!_this3.childData[props.elementId]){_this3.observeChild(_objectSpread(_objectSpread({},props),{},{index:index,total:_this3.childList.length}));}});}},{key:"observeChild",value:function observeChild(props){var el=document.getElementById(props.elementId);if(el){this.observer.observe(el);this.childData[props.elementId]=props;}}},{key:"render",value:function render(){return _react.default.createElement(WrappedComponent,(0,_extends2.default)({},this.props,{receiveChildList:this.receiveChildList,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}}));}}]);return WithTrackScrollDepth;}(_react.Component);WithTrackScrollDepth.contextTypes=_trackingContextTypes.default;WithTrackScrollDepth.displayName="WithTrackScrollDepth("+componentName+")";WithTrackScrollDepth.propTypes=WrappedComponent.propTypes;WithTrackScrollDepth.defaultProps=WrappedComponent.defaultProps;(0,_hoistNonReactStatics.default)(WithTrackScrollDepth,WrappedComponent);return WithTrackScrollDepth;};exports.default=_default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/tracking",
3
- "version": "2.9.0",
3
+ "version": "2.9.4",
4
4
  "main": "dist/tracking",
5
5
  "dev": "src/tracking",
6
6
  "scripts": {
@@ -34,11 +34,11 @@
34
34
  "homepage": "https://github.com/newsuk/times-components#readme",
35
35
  "devDependencies": {
36
36
  "@babel/core": "7.4.4",
37
- "@times-components/eslint-config-thetimes": "0.8.17",
38
- "@times-components/jest-configurator": "2.7.2",
39
- "@times-components/jest-serializer": "3.2.26",
40
- "@times-components/storybook": "4.1.66",
41
- "@times-components/tealium-utils": "0.7.72",
37
+ "@times-components/eslint-config-thetimes": "0.8.18",
38
+ "@times-components/jest-configurator": "2.8.0",
39
+ "@times-components/jest-serializer": "3.2.29",
40
+ "@times-components/storybook": "4.1.70",
41
+ "@times-components/tealium-utils": "0.7.75",
42
42
  "babel-jest": "24.8.0",
43
43
  "babel-loader": "8.0.5",
44
44
  "babel-plugin-add-react-displayname": "0.0.5",
@@ -71,5 +71,5 @@
71
71
  "publishConfig": {
72
72
  "access": "public"
73
73
  },
74
- "gitHead": "0e90a0d7abd110973203f81b3ef6eae239eb09d1"
74
+ "gitHead": "9f8efad22dd11043e53c8c9c5ca77245868afa8a"
75
75
  }
package/dist/track-scroll-depth.web.js DELETED
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));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 _reactDisplayName=_interopRequireDefault(require("react-display-name"));var _hoistNonReactStatics=_interopRequireDefault(require("hoist-non-react-statics"));var _trackingContextTypes=_interopRequireDefault(require("./tracking-context-types"));var _resolveAttrs=_interopRequireDefault(require("./resolve-attrs"));var _jsxFileName="/home/circleci/project/packages/tracking/src/track-scroll-depth.web.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 _default=function _default(WrappedComponent){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},trackingName=_ref.trackingName,_ref$getAttrs=_ref.getAttrs,getAttrs=_ref$getAttrs===void 0?function(){return{};}:_ref$getAttrs;var componentName=(0,_reactDisplayName.default)(WrappedComponent);var WithTrackScrollDepth=function(_Component){(0,_inherits2.default)(WithTrackScrollDepth,_Component);var _super=_createSuper(WithTrackScrollDepth);function WithTrackScrollDepth(props,context){var _this;(0,_classCallCheck2.default)(this,WithTrackScrollDepth);_this=_super.call(this,props,context);_this.receiveChildList=_this.receiveChildList.bind((0,_assertThisInitialized2.default)(_this));_this.updateOnScroll=_this.updateOnScroll.bind((0,_assertThisInitialized2.default)(_this));_this.childData={};_this.isOnScroll=false;_this.viewed=new Set();if(typeof window!=="undefined"&&window.IntersectionObserver){_this.observer=new window.IntersectionObserver(_this.onObserved.bind((0,_assertThisInitialized2.default)(_this)),{root:null,rootMargin:"0px",threshold:0.5});}_this.childList=[];return _this;}(0,_createClass2.default)(WithTrackScrollDepth,[{key:"componentDidMount",value:function componentDidMount(){window.addEventListener("scroll",this.updateOnScroll);this.observeChildren();}},{key:"componentDidUpdate",value:function componentDidUpdate(){this.observeChildren();}},{key:"componentWillUnmount",value:function componentWillUnmount(){window.removeEventListener("scroll",this.updateOnScroll);if(this.observer){this.observer.disconnect();}}},{key:"onObserved",value:function onObserved(){var _this2=this;var observed=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var tracking=this.context.tracking;if(!tracking){return;}observed.forEach(function(_ref2){var isIntersecting=_ref2.isIntersecting,target=_ref2.target;if(_this2.isOnScroll&&isIntersecting&&!_this2.viewed.has(target.id)){_this2.viewed.add(target.id);_this2.onChildView(_this2.childData[target.id]);}});}},{key:"onChildView",value:function onChildView(childProps){var tracking=this.context.tracking;tracking.analytics({action:"Scrolled",attrs:_objectSpread(_objectSpread({},(0,_resolveAttrs.default)(getAttrs,childProps)),{},{scrollDepth:{itemNumber:childProps.index+1,name:childProps.name,total:childProps.total}}),component:childProps.eventNavigationName?childProps.eventNavigationName:(trackingName||componentName)+"Child"});}},{key:"updateOnScroll",value:function updateOnScroll(){this.isOnScroll=true;}},{key:"receiveChildList",value:function receiveChildList(childList){this.childList=childList;}},{key:"observeChildren",value:function observeChildren(){var _this3=this;if(this.observer&&this.childList)this.childList.forEach(function(props,index){if(!_this3.childData[props.elementId]){_this3.observeChild(_objectSpread(_objectSpread({},props),{},{index:index,total:_this3.childList.length}));}});}},{key:"observeChild",value:function observeChild(props){var el=document.getElementById(props.elementId);if(el){this.observer.observe(el);this.childData[props.elementId]=props;}}},{key:"render",value:function render(){return _react.default.createElement(WrappedComponent,(0,_extends2.default)({},this.props,{receiveChildList:this.receiveChildList,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}}));}}]);return WithTrackScrollDepth;}(_react.Component);WithTrackScrollDepth.contextTypes=_trackingContextTypes.default;WithTrackScrollDepth.displayName="WithTrackScrollDepth("+componentName+")";WithTrackScrollDepth.propTypes=WrappedComponent.propTypes;WithTrackScrollDepth.defaultProps=WrappedComponent.defaultProps;(0,_hoistNonReactStatics.default)(WithTrackScrollDepth,WrappedComponent);return WithTrackScrollDepth;};exports.default=_default;