@mjhls/mjh-framework 1.0.109-8.rlTest → 1.0.110

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -1,365 +0,0 @@
-'use strict';
-
-var asyncToGenerator = require('./asyncToGenerator-65df6bf8.js');
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var _extends = require('./extends-be0d85bc.js');
-var React = require('react');
-var reactTwitterEmbed = require('react-twitter-embed');
-var ImageSlider = require('./ImageSlider-7c995858.js');
-require('./defineProperty-19580e93.js');
-var reactSocialIcons = require('./react-social-icons-2c5c389a.js');
-require('./moment-f730814d.js');
-var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
-var Breadcrumbs = require('./Breadcrumbs.js');
-var Feature = require('./Feature.js');
-var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-a26637a3.js');
-var BlockContent = require('./BlockContent-96b44364.js');
-var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
-require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./_library-dd23b178.js');
-require('./_set-species-0c7864a2.js');
-require('./_iter-detect-b1df62f0.js');
-require('prop-types');
-require('./smoothscroll-99df7f93.js');
-require('./toConsumableArray-d7797c2b.js');
-require('react-bootstrap');
-require('./index-7435b964.js');
-require('next/router');
-require('./index-65621b6c.js');
-require('react-dom');
-require('./lodash-f0783643.js');
-require('./main-ae8472f3.js');
-require('./entities-df1aed86.js');
-require('./ADInfeed-7c075eda.js');
-require('react-bootstrap/Card');
-require('./AdSlot.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./stringify-f7a37a8d.js');
-require('./Segment.js');
-require('./AuthorComponent-7d00f6d5.js');
-require('./ADlgInfeed-d4f556bd.js');
-require('./getContentCategory-f38a4c00.js');
-require('./timeDifferenceCalc.js');
-require('./Pagination-6359861a.js');
-require('react-bootstrap/Button');
-require('./index.esm-d51c9ac6.js');
-require('./iconBase-be4097c0.js');
-require('./index-d48b231c.js');
-require('react-bootstrap/Breadcrumb');
-require('react-bootstrap/Carousel');
-require('./index-187c967e.js');
-require('./urlForFile-5084fc48.js');
-require('./typeof-220bbf73.js');
-require('./_is-array-54228b29.js');
-require('./brightcove-react-player-loader.es-35faab67.js');
-require('./_object-to-array-9337ba83.js');
-require('./keys-e982b3fa.js');
-require('./_object-sap-d1978572.js');
-require('react-bootstrap/Modal');
-require('react-bootstrap/Form');
-require('react-ga');
-require('./GroupDeck.js');
-require('./SocialShare.js');
-require('next/head');
-require('react-share');
-require('react-bootstrap/Pagination');
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
-require('./inherits-e47b5342.js');
-require('./define-property-e8404b64.js');
-require('./index.esm-d81454e7.js');
-require('react-bootstrap/Figure');
-require('react-bootstrap/OverlayTrigger');
-require('react-bootstrap/Tooltip');
-require('react-bootstrap/Popover');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _this = undefined;
-
-var checkIsFacebookGroup = function checkIsFacebookGroup(url) {
-  return (/www\.facebook\.com\/groups/.test(url)
-  );
-};
-
-var PartnerDetails = function PartnerDetails(_ref) {
-  var posts = _ref.posts,
-      totalPostsCount = _ref.totalPostsCount,
-      query = _ref.query,
-      params = _ref.params,
-      features = _ref.features,
-      currentPage = _ref.currentPage,
-      partnerDetails = _ref.partnerDetails,
-      client = _ref.client,
-      Settings = _ref.Settings,
-      pageview = _ref.pageview,
-      page = _ref.page,
-      needLargePaginateButtons = _ref.needLargePaginateButtons;
-
-  var description = partnerDetails && partnerDetails.description ? partnerDetails.description.filter(function (block) {
-    return block._type !== 'slideshows' ? block : null;
-  }) : null;
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
-    null,
-    React__default["default"].createElement(Breadcrumbs, null),
-    React__default["default"].createElement(
-      'div',
-      { className: 'partners-page' },
-      React__default["default"].createElement(
-        'div',
-        { className: 'my-5 partner-logo-wrap', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-        partnerDetails.thumbnail && partnerDetails.thumbnail.link ? React__default["default"].createElement(
-          'a',
-          _extends._extends({
-            className: 'partners-logo',
-            style: { width: '25%', minWidth: '25%' },
-            href: partnerDetails.thumbnail.link
-          }, checkSisterSite.checkSisterSite(partnerDetails.thumbnail.link) ? {} : { rel: 'noopener noreferrer' }, {
-            target: partnerDetails.thumbnail.blank ? '_blank' : '' }),
-          React__default["default"].createElement(
-            'figure',
-            { style: { width: '100%', textAlign: 'center' } },
-            React__default["default"].createElement('img', {
-              alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
-              style: { maxWidth: '100%' },
-              src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : ''
-            }),
-            partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default["default"].createElement(
-              'figcaption',
-              null,
-              partnerDetails.thumbnail.caption
-            )
-          )
-        ) : React__default["default"].createElement(
-          'figure',
-          { className: 'partners-logo', style: { width: '25%', minWidth: '25%', textAlign: 'center' } },
-          React__default["default"].createElement('img', {
-            alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
-            style: { maxWidth: '100%' },
-            src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : ''
-          }),
-          partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default["default"].createElement(
-            'figcaption',
-            null,
-            partnerDetails.thumbnail.caption
-          )
-        ),
-        React__default["default"].createElement(
-          'style',
-          { jsx: 'true' },
-          '\n            @media screen and (max-width: 768px) {\n              .partners-logo {\n                width: 100%;\n                min-width: 100%;\n              }\n              .partner-logo-wrap {\n                flex-wrap: wrap;\n              }\n              .block-content-partners {\n                padding-left: 0 !important;\n              }\n            }\n          '
-        ),
-        (partnerDetails.description || partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default["default"].createElement(
-          'div',
-          { className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
-          partnerDetails.description && React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
-          (partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default["default"].createElement(
-            'div',
-            null,
-            React__default["default"].createElement(
-              'p',
-              { className: 'd-inline-block font-weight-bold' },
-              'Connect with us:'
-            ),
-            '  ',
-            partnerDetails.linkedin && React__default["default"].createElement(reactSocialIcons.reactSocialIcons_1, _extends._extends({
-              url: '' + partnerDetails.linkedin + (partnerDetails.linkedin.slice(-1) === '/' ? '' : '/') + 'posts/?feedView=all',
-              target: '_blank'
-            }, checkSisterSite.checkSisterSite('' + partnerDetails.linkedin + (partnerDetails.linkedin.slice(-1) === '/' ? '' : '/') + 'posts/?feedView=all') ? {} : { rel: 'noopener noreferrer' }, {
-              style: { height: 30, width: 30 }
-            })),
-            partnerDetails.instagram && React__default["default"].createElement(reactSocialIcons.reactSocialIcons_1, _extends._extends({
-              url: '' + partnerDetails.instagram + (partnerDetails.instagram.slice(-1) === '/' ? '' : '/'),
-              target: '_blank'
-            }, checkSisterSite.checkSisterSite('' + partnerDetails.instagram + (partnerDetails.instagram.slice(-1) === '/' ? '' : '/')) ? {} : { rel: 'noopener noreferrer' }, {
-              style: { height: 30, width: 30, marginLeft: '0.25rem' }
-            })),
-            partnerDetails.youtube && partnerDetails.youtubeIcon && React__default["default"].createElement(reactSocialIcons.reactSocialIcons_1, _extends._extends({
-              url: partnerDetails.youtube,
-              target: '_blank'
-            }, checkSisterSite.checkSisterSite(partnerDetails.youtube) ? {} : { rel: 'noopener noreferrer' }, {
-              style: { height: 30, width: 30, marginLeft: '0.25rem' }
-            })),
-            partnerDetails.twitter && partnerDetails.twitterIcon && React__default["default"].createElement(reactSocialIcons.reactSocialIcons_1, _extends._extends({
-              url: partnerDetails.twitter,
-              target: '_blank'
-            }, checkSisterSite.checkSisterSite(partnerDetails.twitter) ? {} : { rel: 'noopener noreferrer' }, {
-              style: { height: 30, width: 30, marginLeft: '0.25rem' }
-            })),
-            partnerDetails.facebook && !partnerDetails.twitterIcon && React__default["default"].createElement(reactSocialIcons.reactSocialIcons_1, _extends._extends({
-              url: partnerDetails.facebook,
-              target: '_blank'
-            }, checkSisterSite.checkSisterSite(partnerDetails.facebook) ? {} : { rel: 'noopener noreferrer' }, {
-              style: { height: 30, width: 30, marginLeft: '0.25rem' }
-            }))
-          )
-        )
-      ),
-      partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React__default["default"].createElement(
-        'div',
-        { className: 'mb-4', style: { padding: '0 15px' } },
-        partnerDetails.affiliates[0].title && React__default["default"].createElement(
-          'h2',
-          { className: 'bb-gold' },
-          partnerDetails.affiliates[0].title
-        ),
-        React__default["default"].createElement(ImageSlider.ImageSlider, { client: client, data: partnerDetails.affiliates[0] })
-      ),
-      features.length > 0 && React__default["default"].createElement(
-        'div',
-        { className: ' mb-5' },
-        React__default["default"].createElement(Feature, { dataset: features, client: client })
-      ),
-      (partnerDetails.twitter || partnerDetails.facebook && !checkIsFacebookGroup(partnerDetails.facebook)) && React__default["default"].createElement(
-        'div',
-        { className: 'mb-5 twitterFeed', style: { width: '100%', maxWidth: '100%', textAlign: 'center', padding: '15px', border: '2px solid #aaa', borderRadius: '15px' } },
-        partnerDetails.twitter && !partnerDetails.twitterIcon ? React__default["default"].createElement(
-          React__default["default"].Fragment,
-          null,
-          React__default["default"].createElement(reactTwitterEmbed.TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } }),
-          React__default["default"].createElement(
-            'style',
-            { jsx: 'true' },
-            '\n                  .twitterFeed > div > .twitter-timeline::-webkit-scrollbar {\n                    display: none;\n                  }\n\n                  .twitterFeed > div > .twitter-timeline {\n                    -ms-overflow-style: none;\n                    scrollbar-width: none;\n                    scroll-behavior: smooth;\n                    max-height: 500px;\n                    overflow: hidden;\n                    overflow-y: scroll;\n                  }\n                '
-          )
-        ) : partnerDetails.facebook && React__default["default"].createElement(
-          ImageSlider.Facebook,
-          { appId: ' ' },
-          React__default["default"].createElement(ImageSlider.Page, _extends._extends({
-            href: partnerDetails.facebook
-          }, checkSisterSite.checkSisterSite(partnerDetails.facebook) ? {} : { rel: 'noopener noreferrer' }, {
-            tabs: 'timeline',
-            width: '500',
-            height: '500'
-          }))
-        )
-      ),
-      React__default["default"].createElement(
-        'div',
-        null,
-        posts && posts.length > 0 && React__default["default"].createElement(
-          React__default["default"].Fragment,
-          null,
-          React__default["default"].createElement(
-            'h2',
-            { className: 'bb-gold mb-2' },
-            'Latest from ',
-            partnerDetails.name
-          ),
-          React__default["default"].createElement('hr', null)
-        ),
-        React__default["default"].createElement(QueueDeckExpandedPaginated, {
-          client: client,
-          mapping: Settings.mapping,
-          dataRecord: posts,
-          totalDataCount: totalPostsCount,
-          query: query,
-          params: params,
-          currentPage: currentPage,
-          seoPaginate: true,
-          columns: 'rotate',
-          variant: 'top',
-          page: page,
-          needLargePaginateButtons: needLargePaginateButtons,
-          defaultImage: Settings.logo,
-          showPublished: true,
-          showCategory: true,
-          pageview: pageview
-        })
-      )
-    )
-  );
-};
-
-PartnerDetails.returnGetInitialProps = function () {
-  var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(identifier, partnerPageUrl, partnerDocumentGroupID, params, currentPage, client) {
-    var category = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
-
-    var featureQuery, partnerQuery, taxonomyQuery, _ref3, _ref4, features, partnerDetails, taxonomyDetails, articlesQueryFilters, articlesQuerySorts, articlesQueryProjection, articlesQuery, totalArticlesCountQuery, _ref5, _ref6, articles, totalArticlesCount;
-
-    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
-            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        pixelTrackingCode->,\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          twitterIcon,\n          facebook,\n          linkedin,\n          instagram,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
-
-
-            if (category) {
-              // if partners page has a sub category such as onclive
-              // e.g. /sap-partner/[category]/[partner]
-
-              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          pixelTrackingCode->,\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          twitterIcon,\n          instagram,\n          facebook,\n          linkedin,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
-            }
-
-            taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
-
-            if (category) {
-              taxonomyQuery = '*[_type == \'documentGroup\' \n     && !(_id in path("drafts.**"))\n     && isShow != false\n     && identifier.current == \'' + identifier + '\' && references(*[_type == \'documentGroup\' && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')]._id)] [0] {\n         \'id\': _id,\n         \'title\': name\n     }';
-            }
-            _context.next = 7;
-            return asyncToGenerator._Promise.all([client.fetch(featureQuery), client.fetch(partnerQuery), client.fetch(taxonomyQuery)]);
-
-          case 7:
-            _ref3 = _context.sent;
-            _ref4 = slicedToArray._slicedToArray(_ref3, 3);
-            features = _ref4[0];
-            partnerDetails = _ref4[1];
-            taxonomyDetails = _ref4[2];
-            articlesQueryFilters = '[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && is_visible == true \n    && defined(url) \n    && published <= now()\n    && passwordLocked != true \n    && references(\'' + taxonomyDetails.id + '\')\n  ]';
-            articlesQuerySorts = 'order(published desc)[$from...$to]';
-            articlesQueryProjection = '{\n    title,\n    summary,\n    thumbnail{ ..., asset-> },\n    url,\n    published,\n    contentCategory->\n  }';
-            articlesQuery = ['*'].concat(articlesQueryFilters).concat(articlesQuerySorts).concat(articlesQueryProjection).join('|');
-            totalArticlesCountQuery = 'count(' + ['*'].concat(articlesQueryFilters).join('|') + ')';
-            _context.next = 19;
-            return asyncToGenerator._Promise.all([client.fetch(articlesQuery, params), client.fetch(totalArticlesCountQuery)]);
-
-          case 19:
-            _ref5 = _context.sent;
-            _ref6 = slicedToArray._slicedToArray(_ref5, 2);
-            articles = _ref6[0];
-            totalArticlesCount = _ref6[1];
-
-
-            // need to exclude slideshows from body due to the affiliate slider
-            if (partnerDetails && partnerDetails.description) {
-              partnerDetails.description = partnerDetails.description.filter(function (block) {
-                return block._type !== 'slideshows';
-              });
-            }
-
-            return _context.abrupt('return', {
-              articles: articles,
-              totalArticlesCount: totalArticlesCount,
-              taxonomyDetails: taxonomyDetails,
-              partnerDetails: category ? partnerDetails.partner : partnerDetails,
-              features: features,
-              featureQuery: featureQuery,
-              partnerQuery: partnerQuery,
-              taxonomyQuery: taxonomyQuery,
-              articlesQuery: articlesQuery
-            });
-
-          case 25:
-          case 'end':
-            return _context.stop();
-        }
-      }
-    }, _callee, _this);
-  }));
-
-  return function (_x, _x2, _x3, _x4, _x5, _x6) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-module.exports = PartnerDetails;

package/dist/cjs/PdfDownload.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var index_esm = require('./index.esm-c1e16606.js');
-var React = require('react');
-require('./iconBase-be4097c0.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var PdfDownload = function PdfDownload(props) {
-  return React__default["default"].createElement(
-    'div',
-    { className: 'pdf-download', style: { textAlign: 'center', padding: '1rem 0', borderTop: '1px solid #eee', marginTop: '1rem' } },
-    React__default["default"].createElement(
-      'a',
-      { rel: 'noopener', href: props.issueInfo.asset.url, target: '_blank' },
-      React__default["default"].createElement(index_esm.MdPictureAsPdf, { style: { fontSize: '65px', color: '#ff0000' } }),
-      React__default["default"].createElement(
-        'span',
-        null,
-        'Click to download this publication issue.'
-      )
-    )
-  );
-};
-
-module.exports = PdfDownload;

package/dist/cjs/PixelTracking.js

@@ -1,191 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var Router = require('next/router');
-var visibilitySensor = require('./visibility-sensor-56020df6.js');
-require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('react-dom');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var checkIfLasso = function checkIfLasso(code) {
-  return code.lastIndexOf('trc.lhmos.com') !== -1;
-};
-
-var PixelTrackingLandingPages = React__default["default"].memo(function (_ref) {
-  var pixelTracking = _ref.pixelTracking;
-
-  var _useState = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      needTracking = _useState2[0],
-      setNeedTracking = _useState2[1];
-
-  var _useState3 = React.useState(pixelTracking && pixelTracking.trackingCode ? pixelTracking.trackingCode : null),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      trackingCode = _useState4[0];
-      _useState4[1];
-
-  if (!pixelTracking) return null;
-
-  var router = Router.useRouter();
-
-  React.useEffect(function () {
-    if (trackingCode && pixelTracking.is_active) {
-      setNeedTracking(true);
-    }
-  }, [trackingCode]);
-
-  React.useEffect(function () {
-    router.events.on('routeChangeComplete', function () {
-      handleReload();
-    });
-    return function () {
-      router.events.off('routeChangeComplete', function () {});
-    };
-  }, [router.events]);
-
-  var handleReload = function handleReload() {
-    setNeedTracking(false);
-    setTimeout(function () {
-      setNeedTracking(true);
-    }, 100);
-  };
-
-  var renderCode = function renderCode(code) {
-    if (window.LassoImpressionID && code && checkIfLasso(code)) {
-      var delimiter = code.lastIndexOf('?') === -1 ? '?' : '&';
-      code += delimiter + 'LassoImpressionID=' + window.LassoImpressionID;
-    }
-    return React__default["default"].createElement('div', { style: { height: '0', opacity: 0 }, key: code, dangerouslySetInnerHTML: { __html: code } });
-  };
-
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
-    null,
-    needTracking && renderCode(trackingCode)
-  );
-});
-
-// Article page tracking
-
-var PixelTrackingArticle = React__default["default"].memo(function (_ref2) {
-  var article = _ref2.article,
-      infiniteScroll = _ref2.infiniteScroll;
-
-  var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      needTracking = _useState6[0],
-      setNeedTracking = _useState6[1];
-
-  var _useState7 = React.useState([]),
-      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      trackingCode = _useState8[0],
-      setTrackingCode = _useState8[1];
-
-  var _useState9 = React.useState(false),
-      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
-      inView = _useState10[0],
-      setInView = _useState10[1];
-
-  var _useState11 = React.useState(0),
-      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      containerHeight = _useState12[0],
-      setContainerHeight = _useState12[1];
-
-  if (!article) return null;
-
-  React.useEffect(function () {
-    setContainerHeight(window.innerHeight);
-    var trackingArray = [];
-
-    //content_placement
-    if (article.content_placement && article.content_placement.length) {
-      article.content_placement.forEach(function (cp) {
-        if (cp.pixelTrackingCode && cp.pixelTrackingCode.trackingCode && cp.pixelTrackingCode.is_active) {
-          //  console.log('has pixel code: content placement :', cp.pixelTrackingCode.trackingCode)
-          if (!trackingArray.includes(cp.pixelTrackingCode.trackingCode)) {
-            trackingArray.push(cp.pixelTrackingCode.trackingCode);
-          }
-        }
-      });
-    }
-
-    //documentGroup
-    if (article.documentGroup && article.documentGroup.pixelTrackingCode) {
-      if (article.documentGroup.pixelTrackingCode.trackingCode && article.documentGroup.pixelTrackingCode.is_active) {
-        // console.log('has pixel code: docGroup :', article.documentGroup.pixelTrackingCode.trackingCode)
-        if (!trackingArray.includes(article.documentGroup.pixelTrackingCode.trackingCode)) {
-          trackingArray.push(article.documentGroup.pixelTrackingCode.trackingCode);
-        }
-      }
-    }
-
-    //documentGroupMapping
-    if (article.documentGroupMapping && article.documentGroupMapping.length) {
-      article.documentGroupMapping.forEach(function (dg) {
-        if (dg.pixelTrackingCode && dg.pixelTrackingCode.trackingCode && dg.pixelTrackingCode.is_active) {
-          // console.log('has pixel code: DG  Mapping :', dg.pixelTrackingCode.trackingCode)
-          if (!trackingArray.includes(dg.pixelTrackingCode.trackingCode)) {
-            trackingArray.push(dg.pixelTrackingCode.trackingCode);
-          }
-        }
-      });
-    }
-
-    //publication issue
-    if (article.issue && article.issue.pixelTrackingCode && article.issue.pixelTrackingArticleDetail) {
-      if (article.issue.pixelTrackingCode.trackingCode && article.issue.pixelTrackingCode.is_active) {
-        if (!trackingArray.includes(article.issue.pixelTrackingCode.trackingCode)) {
-          trackingArray.push(article.issue.pixelTrackingCode.trackingCode);
-        }
-      }
-    }
-
-    if (trackingArray.length > 0) {
-      setTrackingCode(trackingArray);
-    }
-  }, []);
-
-  React.useEffect(function () {
-    if (trackingCode && trackingCode.length > 0) {
-      setNeedTracking(true);
-    }
-  }, [trackingCode]);
-
-  var triggerOffset = 20;
-  return React__default["default"].createElement(
-    visibilitySensor.VisibilitySensor,
-    {
-      partialVisibility: true,
-      offset: { bottom: triggerOffset, top: containerHeight && containerHeight },
-      onChange: function onChange(isVisible) {
-
-        if (isVisible && !inView) {
-          setInView(true);
-        } else if (infiniteScroll) {
-          if (inView) setInView(false);
-        }
-      } },
-    React__default["default"].createElement(
-      'div',
-      { style: { height: '100%', position: 'absolute', width: '1px', opacity: 0 } },
-      needTracking && inView && trackingCode && trackingCode.map(function (code, index) {
-        if (window.LassoImpressionID && code && checkIfLasso(code)) {
-          var delimiter = code.lastIndexOf('?') === -1 ? '?' : '&';
-          code += delimiter + 'LassoImpressionID=' + window.LassoImpressionID;
-        }
-        return React__default["default"].createElement('span', { key: code, id: 'pixel-' + (index + 1), dangerouslySetInnerHTML: { __html: code } });
-      })
-    )
-  );
-});
-
-exports.PixelTrackingArticle = PixelTrackingArticle;
-exports.PixelTrackingLandingPages = PixelTrackingLandingPages;