@mjhls/mjh-framework 1.0.108 → 1.0.109-8.1

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -0,0 +1,365 @@
+'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

@@ -0,0 +1,28 @@
+'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

@@ -0,0 +1,191 @@
+'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;