@mjhls/mjh-framework 1.0.279 → 1.0.280

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.279
+# mjh-framework v. 1.0.280
 
 > Foundation Framework
 

package/dist/cjs/{ADInfeed-f560c2f9.js → ADInfeed-f0bf34d7.js}

@@ -6,7 +6,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var Card = _interopDefault(require('react-bootstrap/Card'));
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-f69a31ec.js');
+var AdSlot = require('./AdSlot-9660e9aa.js');
 
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,

package/dist/cjs/{AdSlot-f69a31ec.js → AdSlot-9660e9aa.js}

@@ -4,14 +4,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _toObject = require('./_to-object-329a650b.js');
-var debounce = require('./debounce-783eb233.js');
+var debounce = require('./debounce-fbfce522.js');
 var main = require('./main-0ea1b808.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
 var PropTypes = _interopDefault(require('prop-types'));
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var promise = require('./promise-b96c61f8.js');
+var promise = require('./promise-ea10b9c8.js');
 
 var runtime = _commonjsHelpers.createCommonjsModule(function (module) {
 /**
@@ -1120,7 +1119,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
   return React__default.createElement(
     'div',
     { className: className, style: { textAlign: 'center' } },
-    React__default.createElement(index.lib_2, {
+    React__default.createElement(debounce.lib_2, {
       slotId: slotId,
       sizes: sizes,
       adUnit: adUnit,

package/dist/cjs/DeckContent.js

@@ -5,15 +5,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-0998bdc3.js');
-var debounce = require('./debounce-783eb233.js');
+var debounce = require('./debounce-fbfce522.js');
 var main = require('./main-0ea1b808.js');
 var toConsumableArray = require('./toConsumableArray-f05a306f.js');
 require('./core.get-iterator-method-e049ca4a.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-9898af5a.js');
+var inherits$2 = require('./inherits-3fbaa008.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
@@ -24,13 +23,13 @@ require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-fa0fb52c.js');
+var index = require('./index-39beccb3.js');
+var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-e38fb29d.js');
-require('./AdSlot-f69a31ec.js');
-require('./promise-b96c61f8.js');
-var ADInfeed = require('./ADInfeed-f560c2f9.js');
+require('./AdSlot-9660e9aa.js');
+require('./promise-ea10b9c8.js');
+var ADInfeed = require('./ADInfeed-f0bf34d7.js');
 
 var DeckContent = function (_React$Component) {
   inherits$2._inherits(DeckContent, _React$Component);
@@ -110,7 +109,7 @@ var DeckContent = function (_React$Component) {
     }, _this.urlFor = function (source) {
       var client = _this.props.client;
 
-      var builder = index$1.imageUrlBuilder(client);
+      var builder = index.imageUrlBuilder(client);
       return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
@@ -159,7 +158,7 @@ var DeckContent = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-          index.lib_3.refresh();
+          debounce.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -303,7 +302,7 @@ var DeckContent = function (_React$Component) {
                       'a',
                       { href: _this.mapping[contentCategoryName] + '/' + row.url.current },
                       React__default.createElement(
-                        index$2.LazyLoad,
+                        index$1.LazyLoad,
                         { height: _this.props.imageHeight },
                         React__default.createElement(Card.Img, {
                           variant: 'top',

package/dist/cjs/DeckQueue.js

@@ -5,15 +5,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-0998bdc3.js');
-var debounce = require('./debounce-783eb233.js');
+var debounce = require('./debounce-fbfce522.js');
 var main = require('./main-0ea1b808.js');
 var toConsumableArray = require('./toConsumableArray-f05a306f.js');
 require('./core.get-iterator-method-e049ca4a.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-9898af5a.js');
+var inherits$2 = require('./inherits-3fbaa008.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
@@ -24,10 +23,10 @@ require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-fa0fb52c.js');
+var index = require('./index-39beccb3.js');
+var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var get$1 = require('./get-1f91592f.js');
+var get$1 = require('./get-858530c2.js');
 
 var DeckQueue = function (_React$Component) {
   inherits$2._inherits(DeckQueue, _React$Component);
@@ -105,7 +104,7 @@ var DeckQueue = function (_React$Component) {
     }, _this.urlFor = function (source) {
       var client = _this.props.client;
 
-      var builder = index$1.imageUrlBuilder(client);
+      var builder = index.imageUrlBuilder(client);
       return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row) {
       if (row.thumbnail && row.thumbnail.asset) {
@@ -154,7 +153,7 @@ var DeckQueue = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-          index.lib_3.refresh();
+          debounce.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -245,7 +244,7 @@ var DeckQueue = function (_React$Component) {
                         'a',
                         { href: _this2.page + '/' + get$1.get_1(row, 'url.current') },
                         React__default.createElement(
-                          index$2.LazyLoad,
+                          index$1.LazyLoad,
                           { height: _this2.props.imageHeight },
                           React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                         )

package/dist/cjs/{Dfp-7a5533f9.js → Dfp-36d51c84.js}

@@ -5,11 +5,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-0998bdc3.js');
-var debounce = require('./debounce-783eb233.js');
+var debounce = require('./debounce-fbfce522.js');
 require('./core.get-iterator-method-e049ca4a.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
 var PropTypes = _interopDefault(require('prop-types'));
 var visibilitySensor = require('./visibility-sensor-b72d9527.js');
 require('react-dom');
@@ -48,7 +47,7 @@ var AD = function AD(_ref) {
     React__default.Fragment,
     null,
     !showPlaceholder && React__default.createElement(
-      index.lib_1,
+      debounce.lib_1,
       {
         dfpNetworkId: networkID,
         targetingArguments: targeting,
@@ -57,7 +56,7 @@ var AD = function AD(_ref) {
       React__default.createElement(
         'div',
         { className: className },
-        React__default.createElement(index.lib_2, {
+        React__default.createElement(debounce.lib_2, {
           slotId: slotId,
           sizes: sizes,
           adUnit: adUnit,

package/dist/cjs/{Figure-fe3e9705.js → Figure-a7cd5161.js}

@@ -8,12 +8,12 @@ require('./web.dom.iterable-0998bdc3.js');
 require('./core.get-iterator-method-e049ca4a.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index$1 = require('./index-39beccb3.js');
+var index = require('./index-39beccb3.js');
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
+  var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 

package/dist/cjs/{GridContent-8d5a738c.js → GridContent-4b4bbe7f.js}

@@ -2,14 +2,13 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var debounce = require('./debounce-783eb233.js');
+var debounce = require('./debounce-fbfce522.js');
 var main = require('./main-0ea1b808.js');
 var toConsumableArray = require('./toConsumableArray-f05a306f.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-9898af5a.js');
+var inherits$2 = require('./inherits-3fbaa008.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
@@ -18,14 +17,14 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-fa0fb52c.js');
+var index = require('./index-39beccb3.js');
+var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var ADInfeed = require('./ADInfeed-f560c2f9.js');
-var get$1 = require('./get-1f91592f.js');
+var ADInfeed = require('./ADInfeed-f0bf34d7.js');
+var get$1 = require('./get-858530c2.js');
 
 var Dfp = React__default.lazy(function () {
-  return new Promise(function (resolve) { resolve(require('./Dfp-7a5533f9.js')); });
+  return new Promise(function (resolve) { resolve(require('./Dfp-36d51c84.js')); });
 });
 
 var AD = function AD(props) {
@@ -123,7 +122,7 @@ var GridContent = function (_React$Component) {
     }, _this.urlFor = function (source) {
       var client = _this.props.client;
 
-      var builder = index$1.imageUrlBuilder(client);
+      var builder = index.imageUrlBuilder(client);
       return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
@@ -172,7 +171,7 @@ var GridContent = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-          index.lib_3.refresh();
+          debounce.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -294,7 +293,7 @@ var GridContent = function (_React$Component) {
                       'a',
                       { href: _this2.page + '/' + get$1.get_1(row, 'url.current') },
                       React__default.createElement(
-                        index$2.LazyLoad,
+                        index$1.LazyLoad,
                         { height: _this2.props.imageHeight },
                         React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                       )
@@ -408,7 +407,7 @@ var GridContent = function (_React$Component) {
                         'a',
                         { href: row.url.current, target: '_blank', className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                         React__default.createElement(
-                          index$2.LazyLoad,
+                          index$1.LazyLoad,
                           { height: _this2.props.imageHeight },
                           React__default.createElement(Card.Img, {
                             variant: 'top',
@@ -470,7 +469,7 @@ var GridContent = function (_React$Component) {
                         'a',
                         { href: row.url.current, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                         React__default.createElement(
-                          index$2.LazyLoad,
+                          index$1.LazyLoad,
                           { height: _this2.props.imageHeight },
                           React__default.createElement(Card.Img, {
                             variant: 'top',
@@ -534,7 +533,7 @@ var GridContent = function (_React$Component) {
                     'a',
                     { href: linkHref, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                     React__default.createElement(
-                      index$2.LazyLoad,
+                      index$1.LazyLoad,
                       { height: _this2.props.imageHeight },
                       React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                     )

package/dist/cjs/GridContent.js

@@ -3,14 +3,13 @@
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-0998bdc3.js');
-require('./debounce-783eb233.js');
+require('./debounce-fbfce522.js');
 require('./main-0ea1b808.js');
 require('./toConsumableArray-f05a306f.js');
 require('./core.get-iterator-method-e049ca4a.js');
 require('./extends-e94dbea5.js');
-require('./inherits-9898af5a.js');
+require('./inherits-3fbaa008.js');
 require('react');
-require('./index-fa3cec70.js');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
@@ -24,11 +23,11 @@ require('./index-39beccb3.js');
 require('./index-fa0fb52c.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-e38fb29d.js');
-require('./AdSlot-f69a31ec.js');
-require('./promise-b96c61f8.js');
-require('./ADInfeed-f560c2f9.js');
-require('./get-1f91592f.js');
-var GridContent = require('./GridContent-8d5a738c.js');
+require('./AdSlot-9660e9aa.js');
+require('./promise-ea10b9c8.js');
+require('./ADInfeed-f0bf34d7.js');
+require('./get-858530c2.js');
+var GridContent = require('./GridContent-4b4bbe7f.js');
 
 
 

package/dist/cjs/IssueContentDeck.js

@@ -11,8 +11,8 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-fa0fb52c.js');
+var index = require('./index-39beccb3.js');
+var index$1 = require('./index-fa0fb52c.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 
 var IssueContentDeck = function IssueContentDeck(props) {
@@ -24,7 +24,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
 
 
   var urlFor = function urlFor(source) {
-    var builder = index$1.imageUrlBuilder(client);
+    var builder = index.imageUrlBuilder(client);
     return builder.image(source).auto('format');
   };
 
@@ -53,7 +53,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
             'a',
             { href: '/view/' + row.url.current },
             row.thumbnail && React__default.createElement(
-              index$2.LazyLoad,
+              index$1.LazyLoad,
               { height: imageHeight },
               React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
             ),

package/dist/cjs/IssueDeck.js

@@ -11,8 +11,8 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-fa0fb52c.js');
+var index = require('./index-39beccb3.js');
+var index$1 = require('./index-fa0fb52c.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 
 var IssueDeck = function IssueDeck(props) {
@@ -26,7 +26,7 @@ var IssueDeck = function IssueDeck(props) {
 
 
   var urlFor = function urlFor(source) {
-    var builder = index$1.imageUrlBuilder(client);
+    var builder = index.imageUrlBuilder(client);
     return builder.image(source).auto('format');
   };
 
@@ -61,7 +61,7 @@ var IssueDeck = function IssueDeck(props) {
                 'a',
                 { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
                 row.thumbnail && React__default.createElement(
-                  index$2.LazyLoad,
+                  index$1.LazyLoad,
                   { height: imageHeight },
                   React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
                 )
@@ -69,7 +69,7 @@ var IssueDeck = function IssueDeck(props) {
                 'a',
                 null,
                 row.thumbnail && React__default.createElement(
-                  index$2.LazyLoad,
+                  index$1.LazyLoad,
                   { height: imageHeight },
                   React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
                 )

package/dist/cjs/MasterDeck.js

@@ -5,15 +5,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-0998bdc3.js');
-var debounce = require('./debounce-783eb233.js');
+var debounce = require('./debounce-fbfce522.js');
 var main = require('./main-0ea1b808.js');
 var toConsumableArray = require('./toConsumableArray-f05a306f.js');
 require('./core.get-iterator-method-e049ca4a.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-9898af5a.js');
+var inherits$2 = require('./inherits-3fbaa008.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 require('react-bootstrap/Row');
@@ -25,7 +24,7 @@ var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
 require('./index-39beccb3.js');
-var promise = require('./promise-b96c61f8.js');
+var promise = require('./promise-ea10b9c8.js');
 
 var MasterDeck = function (_React$Component) {
   inherits$2._inherits(MasterDeck, _React$Component);
@@ -158,7 +157,7 @@ var MasterDeck = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-          index.lib_3.refresh();
+          debounce.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber

package/dist/cjs/{Normal-7ed9eee9.js → Normal-878318e9.js}

@@ -13,8 +13,8 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Link = _interopDefault(require('next/link'));
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-f69a31ec.js');
-var get$1 = require('./get-1f91592f.js');
+var AdSlot = require('./AdSlot-9660e9aa.js');
+var get$1 = require('./get-858530c2.js');
 var reactBootstrap = require('react-bootstrap');
 var index_esm = require('./index.esm-340d3792.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));

package/dist/cjs/PublicationDeck.js

@@ -11,8 +11,8 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-fa0fb52c.js');
+var index = require('./index-39beccb3.js');
+var index$1 = require('./index-fa0fb52c.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 
 var PublicationDeck = function PublicationDeck(props) {
@@ -24,7 +24,7 @@ var PublicationDeck = function PublicationDeck(props) {
       client = props.client;
 
   var urlFor = function urlFor(source) {
-    var builder = index$1.imageUrlBuilder(client);
+    var builder = index.imageUrlBuilder(client);
     return builder.image(source).auto('format');
   };
 
@@ -53,7 +53,7 @@ var PublicationDeck = function PublicationDeck(props) {
             'a',
             { href: href + '/' + row.identifier.current },
             row.childIssue && row.childIssue.thumbnail && React__default.createElement(
-              index$2.LazyLoad,
+              index$1.LazyLoad,
               { height: imageHeight },
               React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
             ),

package/dist/cjs/QueueDeckExpanded.js

@@ -5,23 +5,27 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-0998bdc3.js');
+var debounce = require('./debounce-fbfce522.js');
 var main = require('./main-0ea1b808.js');
 var toConsumableArray = require('./toConsumableArray-f05a306f.js');
 require('./core.get-iterator-method-e049ca4a.js');
 var _extends$2 = require('./extends-e94dbea5.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
 require('prop-types');
+require('react-bootstrap/Card');
 var visibilitySensor = require('./visibility-sensor-b72d9527.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-fa0fb52c.js');
+var index = require('./index-39beccb3.js');
+var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
+require('./AdSlot-9660e9aa.js');
+require('./promise-ea10b9c8.js');
+var ADInfeed = require('./ADInfeed-f0bf34d7.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {
@@ -107,7 +111,7 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
     pageNumber = parseInt(pageNumber);
 
     if (currentPage !== pageNumber) {
-      index.lib_3.refresh();
+      debounce.lib_3.refresh();
 
       setCurrentPage(pageNumber);
       if (path[0] !== '/') {
@@ -172,8 +176,34 @@ var checkExternalUrl = function checkExternalUrl(url) {
   return new RegExp(['http', 'https'].join('|')).test(url);
 };
 
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI) {
   var numberOfItemsBeforeAd = 6;
+
+  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
+    return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
+  };
+  if (showBI && brandInsightAd) {
+    var pos = 0;
+    for (var i = 1; pos < data.length; i++) {
+      var inFeedAd = {
+        adUnit: brandInsightAd.adUnit,
+        className: brandInsightAd.className,
+        networkID: brandInsightAd.networkID,
+        sizes: brandInsightAd.sizes,
+        slotId: brandInsightAd.slotId + '_' + i,
+        targeting: {
+          pos: 'article' + i,
+          content_placement: brandInsightAd.targeting.content_placement,
+          document_url: brandInsightAd.targeting.document_url
+        },
+        _type: 'brandInsightAd'
+      };
+
+      data = insertBrandInsightAd(data, pos, inFeedAd);
+      pos += brandInsightAd.interval + 1;
+    }
+  }
+
   return React__default.createElement(
     'div',
     null,
@@ -207,7 +237,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     'a',
                     { href: article.url.current, target: '_blank', className: 'feature-wrapper' },
                     React__default.createElement(
-                      index$2.LazyLoad,
+                      index$1.LazyLoad,
                       { height: imageHeight },
                       article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                     )
@@ -282,7 +312,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     'a',
                     { href: article.url.current, className: 'feature-wrapper' },
                     React__default.createElement(
-                      index$2.LazyLoad,
+                      index$1.LazyLoad,
                       { height: imageHeight },
                       article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                     )
@@ -332,6 +362,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
           );
         }
+      } else if (article._type === 'brandInsightAd' && article.adUnit) {
+        return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: article });
       }
 
       return React__default.createElement(
@@ -356,7 +388,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 'a',
                 { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
                 React__default.createElement(
-                  index$2.LazyLoad,
+                  index$1.LazyLoad,
                   { height: imageHeight },
                   article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                 )
@@ -477,11 +509,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       showCategory = props.showCategory,
       imageHeight = props.imageHeight,
       imageWidth = props.imageWidth,
-      rightItems = props.rightItems;
+      rightItems = props.rightItems,
+      brandInsightAd = props.brandInsightAd,
+      _props$showBI = props.showBI,
+      showBI = _props$showBI === undefined ? false : _props$showBI;
   var initialCurrentPage = props.currentPage,
       showPublished = props.showPublished;
 
-  var builder = index$1.imageUrlBuilder(client);
+  var builder = index.imageUrlBuilder(client);
 
   var _useState = React.useState(initialData),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -535,7 +570,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React__default.createElement(
           reactBootstrap.Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI)
         )
       ),
       React__default.createElement(
@@ -549,7 +584,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default.createElement(
         reactBootstrap.Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI)
       ),
       React__default.createElement(
         'div',