@mjhls/mjh-framework 1.0.444 → 1.0.446

package/dist/cjs/PublicationLanding.js

@@ -0,0 +1,556 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var _toObject = require('./_to-object-329a650b.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-41e87ec1.js');
+require('./_iter-detect-4d0352f8.js');
+require('./from-ea347372.js');
+var toConsumableArray = require('./toConsumableArray-ca04303b.js');
+var web_dom_iterable = require('./web.dom.iterable-43c3e277.js');
+var _isArray = require('./_is-array-754e012d.js');
+var React = require('react');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Card = require('react-bootstrap/Card');
+var Router = require('next/router');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+var _setSpecies = require('./_set-species-4458e975.js');
+var Dropdown = require('react-bootstrap/Dropdown');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+
+var _validateCollection = function (it, TYPE) {
+  if (!_toObject._isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
+  return it;
+};
+
+var dP = _toObject._objectDp.f;
+
+
+
+
+
+
+
+
+
+var fastKey = _isArray._meta.fastKey;
+
+var SIZE = _toObject._descriptors ? '_s' : 'size';
+
+var getEntry = function (that, key) {
+  // fast case
+  var index = fastKey(key);
+  var entry;
+  if (index !== 'F') return that._i[index];
+  // frozen object case
+  for (entry = that._f; entry; entry = entry.n) {
+    if (entry.k == key) return entry;
+  }
+};
+
+var _collectionStrong = {
+  getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
+    var C = wrapper(function (that, iterable) {
+      _setSpecies._anInstance(that, C, NAME, '_i');
+      that._t = NAME;         // collection type
+      that._i = core_getIteratorMethod._objectCreate(null); // index
+      that._f = undefined;    // first entry
+      that._l = undefined;    // last entry
+      that[SIZE] = 0;         // size
+      if (iterable != undefined) _setSpecies._forOf(iterable, IS_MAP, that[ADDER], that);
+    });
+    _setSpecies._redefineAll(C.prototype, {
+      // 23.1.3.1 Map.prototype.clear()
+      // 23.2.3.2 Set.prototype.clear()
+      clear: function clear() {
+        for (var that = _validateCollection(this, NAME), data = that._i, entry = that._f; entry; entry = entry.n) {
+          entry.r = true;
+          if (entry.p) entry.p = entry.p.n = undefined;
+          delete data[entry.i];
+        }
+        that._f = that._l = undefined;
+        that[SIZE] = 0;
+      },
+      // 23.1.3.3 Map.prototype.delete(key)
+      // 23.2.3.4 Set.prototype.delete(value)
+      'delete': function (key) {
+        var that = _validateCollection(this, NAME);
+        var entry = getEntry(that, key);
+        if (entry) {
+          var next = entry.n;
+          var prev = entry.p;
+          delete that._i[entry.i];
+          entry.r = true;
+          if (prev) prev.n = next;
+          if (next) next.p = prev;
+          if (that._f == entry) that._f = next;
+          if (that._l == entry) that._l = prev;
+          that[SIZE]--;
+        } return !!entry;
+      },
+      // 23.2.3.6 Set.prototype.forEach(callbackfn, thisArg = undefined)
+      // 23.1.3.5 Map.prototype.forEach(callbackfn, thisArg = undefined)
+      forEach: function forEach(callbackfn /* , that = undefined */) {
+        _validateCollection(this, NAME);
+        var f = _toObject._ctx(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+        var entry;
+        while (entry = entry ? entry.n : this._f) {
+          f(entry.v, entry.k, this);
+          // revert to the last existing entry
+          while (entry && entry.r) entry = entry.p;
+        }
+      },
+      // 23.1.3.7 Map.prototype.has(key)
+      // 23.2.3.7 Set.prototype.has(value)
+      has: function has(key) {
+        return !!getEntry(_validateCollection(this, NAME), key);
+      }
+    });
+    if (_toObject._descriptors) dP(C.prototype, 'size', {
+      get: function () {
+        return _validateCollection(this, NAME)[SIZE];
+      }
+    });
+    return C;
+  },
+  def: function (that, key, value) {
+    var entry = getEntry(that, key);
+    var prev, index;
+    // change existing entry
+    if (entry) {
+      entry.v = value;
+    // create new entry
+    } else {
+      that._l = entry = {
+        i: index = fastKey(key, true), // <- index
+        k: key,                        // <- key
+        v: value,                      // <- value
+        p: prev = that._l,             // <- previous entry
+        n: undefined,                  // <- next entry
+        r: false                       // <- removed
+      };
+      if (!that._f) that._f = entry;
+      if (prev) prev.n = entry;
+      that[SIZE]++;
+      // add to index
+      if (index !== 'F') that._i[index] = entry;
+    } return that;
+  },
+  getEntry: getEntry,
+  setStrong: function (C, NAME, IS_MAP) {
+    // add .keys, .values, .entries, [@@iterator]
+    // 23.1.3.4, 23.1.3.8, 23.1.3.11, 23.1.3.12, 23.2.3.5, 23.2.3.8, 23.2.3.10, 23.2.3.11
+    core_getIteratorMethod._iterDefine(C, NAME, function (iterated, kind) {
+      this._t = _validateCollection(iterated, NAME); // target
+      this._k = kind;                     // kind
+      this._l = undefined;                // previous
+    }, function () {
+      var that = this;
+      var kind = that._k;
+      var entry = that._l;
+      // revert to the last existing entry
+      while (entry && entry.r) entry = entry.p;
+      // get next entry
+      if (!that._t || !(that._l = entry = entry ? entry.n : that._t._f)) {
+        // or finish the iteration
+        that._t = undefined;
+        return web_dom_iterable._iterStep(1);
+      }
+      // return step by kind
+      if (kind == 'keys') return web_dom_iterable._iterStep(0, entry.k);
+      if (kind == 'values') return web_dom_iterable._iterStep(0, entry.v);
+      return web_dom_iterable._iterStep(0, [entry.k, entry.v]);
+    }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);
+
+    // add [@@species], 23.1.2.2, 23.2.2.2
+    _setSpecies._setSpecies(NAME);
+  }
+};
+
+var SPECIES = core_getIteratorMethod._wks('species');
+
+var _arraySpeciesConstructor = function (original) {
+  var C;
+  if (_isArray._isArray(original)) {
+    C = original.constructor;
+    // cross-realm fallback
+    if (typeof C == 'function' && (C === Array || _isArray._isArray(C.prototype))) C = undefined;
+    if (_toObject._isObject(C)) {
+      C = C[SPECIES];
+      if (C === null) C = undefined;
+    }
+  } return C === undefined ? Array : C;
+};
+
+// 9.4.2.3 ArraySpeciesCreate(originalArray, length)
+
+
+var _arraySpeciesCreate = function (original, length) {
+  return new (_arraySpeciesConstructor(original))(length);
+};
+
+// 0 -> Array#forEach
+// 1 -> Array#map
+// 2 -> Array#filter
+// 3 -> Array#some
+// 4 -> Array#every
+// 5 -> Array#find
+// 6 -> Array#findIndex
+
+
+
+
+
+var _arrayMethods = function (TYPE, $create) {
+  var IS_MAP = TYPE == 1;
+  var IS_FILTER = TYPE == 2;
+  var IS_SOME = TYPE == 3;
+  var IS_EVERY = TYPE == 4;
+  var IS_FIND_INDEX = TYPE == 6;
+  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
+  var create = $create || _arraySpeciesCreate;
+  return function ($this, callbackfn, that) {
+    var O = _toObject._toObject($this);
+    var self = _toObject._iobject(O);
+    var f = _toObject._ctx(callbackfn, that, 3);
+    var length = _toObject._toLength(self.length);
+    var index = 0;
+    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
+    var val, res;
+    for (;length > index; index++) if (NO_HOLES || index in self) {
+      val = self[index];
+      res = f(val, index, O);
+      if (TYPE) {
+        if (IS_MAP) result[index] = res;   // map
+        else if (res) switch (TYPE) {
+          case 3: return true;             // some
+          case 5: return val;              // find
+          case 6: return index;            // findIndex
+          case 2: result.push(val);        // filter
+        } else if (IS_EVERY) return false; // every
+      }
+    }
+    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
+  };
+};
+
+var dP$1 = _toObject._objectDp.f;
+var each = _arrayMethods(0);
+
+
+var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
+  var Base = _toObject._global[NAME];
+  var C = Base;
+  var ADDER = IS_MAP ? 'set' : 'add';
+  var proto = C && C.prototype;
+  var O = {};
+  if (!_toObject._descriptors || typeof C != 'function' || !(IS_WEAK || proto.forEach && !_toObject._fails(function () {
+    new C().entries().next();
+  }))) {
+    // create collection constructor
+    C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
+    _setSpecies._redefineAll(C.prototype, methods);
+    _isArray._meta.NEED = true;
+  } else {
+    C = wrapper(function (target, iterable) {
+      _setSpecies._anInstance(target, C, NAME, '_c');
+      target._c = new Base();
+      if (iterable != undefined) _setSpecies._forOf(iterable, IS_MAP, target[ADDER], target);
+    });
+    each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
+      var IS_ADDER = KEY == 'add' || KEY == 'set';
+      if (KEY in proto && !(IS_WEAK && KEY == 'clear')) _toObject._hide(C.prototype, KEY, function (a, b) {
+        _setSpecies._anInstance(this, C, KEY);
+        if (!IS_ADDER && IS_WEAK && !_toObject._isObject(a)) return KEY == 'get' ? undefined : false;
+        var result = this._c[KEY](a === 0 ? 0 : a, b);
+        return IS_ADDER ? this : result;
+      });
+    });
+    IS_WEAK || dP$1(C.prototype, 'size', {
+      get: function () {
+        return this._c.size;
+      }
+    });
+  }
+
+  core_getIteratorMethod._setToStringTag(C, NAME);
+
+  O[NAME] = C;
+  _toObject._export(_toObject._export.G + _toObject._export.W + _toObject._export.F, O);
+
+  if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
+
+  return C;
+};
+
+var SET = 'Set';
+
+// 23.2 Set Objects
+var es6_set = _collection(SET, function (get) {
+  return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
+}, {
+  // 23.2.3.1 Set.prototype.add(value)
+  add: function add(value) {
+    return _collectionStrong.def(_validateCollection(this, SET), value = value === 0 ? 0 : value, value);
+  }
+}, _collectionStrong);
+
+var _arrayFromIterable = function (iter, ITERATOR) {
+  var result = [];
+  _setSpecies._forOf(iter, false, result.push, result, ITERATOR);
+  return result;
+};
+
+// https://github.com/DavidBruant/Map-Set.prototype.toJSON
+
+
+var _collectionToJson = function (NAME) {
+  return function toJSON() {
+    if (core_getIteratorMethod._classof(this) != NAME) throw TypeError(NAME + "#toJSON isn't generic");
+    return _arrayFromIterable(this);
+  };
+};
+
+// https://github.com/DavidBruant/Map-Set.prototype.toJSON
+
+
+_toObject._export(_toObject._export.P + _toObject._export.R, 'Set', { toJSON: _collectionToJson('Set') });
+
+// https://tc39.github.io/proposal-setmap-offrom/
+
+
+var _setCollectionOf = function (COLLECTION) {
+  _toObject._export(_toObject._export.S, COLLECTION, { of: function of() {
+    var length = arguments.length;
+    var A = new Array(length);
+    while (length--) A[length] = arguments[length];
+    return new this(A);
+  } });
+};
+
+// https://tc39.github.io/proposal-setmap-offrom/#sec-set.of
+_setCollectionOf('Set');
+
+// https://tc39.github.io/proposal-setmap-offrom/
+
+
+
+
+
+var _setCollectionFrom = function (COLLECTION) {
+  _toObject._export(_toObject._export.S, COLLECTION, { from: function from(source /* , mapFn, thisArg */) {
+    var mapFn = arguments[1];
+    var mapping, A, n, cb;
+    _toObject._aFunction(this);
+    mapping = mapFn !== undefined;
+    if (mapping) _toObject._aFunction(mapFn);
+    if (source == undefined) return new this();
+    A = [];
+    if (mapping) {
+      n = 0;
+      cb = _toObject._ctx(mapFn, arguments[2], 2);
+      _setSpecies._forOf(source, false, function (nextItem) {
+        A.push(cb(nextItem, n++));
+      });
+    } else {
+      _setSpecies._forOf(source, false, A.push, A);
+    }
+    return new this(A);
+  } });
+};
+
+// https://tc39.github.io/proposal-setmap-offrom/#sec-set.from
+_setCollectionFrom('Set');
+
+var set = _toObject._core.Set;
+
+var set$1 = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": set, __esModule: true };
+});
+
+var _Set = _commonjsHelpers.unwrapExports(set$1);
+
+/* usage & query
+const Publication = (props) => {
+  const { cache, pub, year } = props
+
+  const targeting = {
+    content_placement: [`/journals/${pub.identifier.current}`],
+    document_url: [`/journals/${pub.identifier.current}`],
+  }
+
+  return (
+    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
+      <PublicationLanding publication={pub} year={year} href={'journals'} />
+    </Shell>
+  )
+}
+
+Publication.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const {
+    query: { year },
+  } = ctx
+  const pub = await client.fetch(getQuery('publication'), query)
+  const builder = imageUrlBuilder(client)
+  const urlFor = (source) => {
+    return builder.image(source)
+  }
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor(issue.thumbnail).url()
+  })
+  return { pub, year }
+}
+
+export default Publication
+*/
+
+var PublicationLanding = function PublicationLanding(props) {
+  var publication = props.publication,
+      year = props.year,
+      href = props.href,
+      pdf = props.pdf;
+
+
+  var router = Router.useRouter();
+  var years = [].concat(toConsumableArray._toConsumableArray(new _Set(publication.issues.map(function (issue) {
+    return issue.year;
+  })))).sort().reverse();
+
+  var _useState = React.useState(publication.issues),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      issueData = _useState2[0],
+      setIssueData = _useState2[1];
+
+  var _useState3 = React.useState(year ? year : years[0]),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      activeYear = _useState4[0],
+      setActiveYear = _useState4[1];
+
+  React.useEffect(function () {
+    router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?year=' + activeYear, { shallow: true });
+    setIssueData(function () {
+      return publication.issues.filter(function (issue) {
+        return issue.year === activeYear;
+      });
+    });
+  }, [activeYear]);
+
+  return React__default['default'].createElement(
+    'div',
+    { id: 'publicationLanding' },
+    React__default['default'].createElement(
+      'style',
+      { jsx: true },
+      '\n          #pubYearFilter .dropdown-menu.show {\n            max-height: 25vh;\n          }\n        '
+    ),
+    React__default['default'].createElement(
+      Row__default['default'],
+      { style: { marginBottom: '1rem' } },
+      React__default['default'].createElement(
+        Col__default['default'],
+        null,
+        React__default['default'].createElement(
+          Dropdown__default['default'],
+          { id: 'pubYearFilter' },
+          React__default['default'].createElement(
+            Dropdown__default['default'].Toggle,
+            null,
+            activeYear
+          ),
+          React__default['default'].createElement(
+            Dropdown__default['default'].Menu,
+            null,
+            years.map(function (yr, key) {
+              return React__default['default'].createElement(
+                Dropdown__default['default'].Item,
+                { key: key, onClick: function onClick() {
+                    return setActiveYear(yr);
+                  } },
+                yr
+              );
+            })
+          )
+        )
+      )
+    ),
+    issueData && issueData.length > 0 ? issueData.map(function (issue, key) {
+      return React__default['default'].createElement(
+        Card__default['default'],
+        { key: key, className: 'issueCard' },
+        React__default['default'].createElement(
+          Row__default['default'],
+          null,
+          React__default['default'].createElement(
+            Col__default['default'],
+            { md: 3, id: 'issueThumbnail' },
+            React__default['default'].createElement(Card__default['default'].Img, { src: issue.thumbnail })
+          ),
+          React__default['default'].createElement(
+            Col__default['default'],
+            { md: 9, id: 'issueDetail' },
+            React__default['default'].createElement(
+              Card__default['default'].Body,
+              null,
+              React__default['default'].createElement(
+                Card__default['default'].Title,
+                null,
+                issue.name
+              ),
+              issue.displayLabel && React__default['default'].createElement(
+                'p',
+                { className: 'badge badge-primary' },
+                issue.displayLabel
+              ),
+              issue.volume && issue.number && React__default['default'].createElement(
+                'p',
+                null,
+                'Volume: ',
+                issue.volume,
+                React__default['default'].createElement('br', null),
+                'Issue: ',
+                issue.number
+              ),
+              React__default['default'].createElement(
+                'a',
+                { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
+                'View Issue'
+              ),
+              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default['default'].createElement(
+                'a',
+                { href: issue.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
+                'Download Issue'
+              )
+            )
+          )
+        )
+      );
+    }) : React__default['default'].createElement(
+      'div',
+      null,
+      React__default['default'].createElement(
+        'h5',
+        null,
+        React__default['default'].createElement(
+          'em',
+          { className: 'pl-3' },
+          'New content coming soon, please check back later.'
+        )
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n      '
+    )
+  );
+};
+
+module.exports = PublicationLanding;

package/dist/cjs/QueueDeckExpanded.js

@@ -2,18 +2,22 @@
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-5c889cf1.js');
+require('./core.get-iterator-method-41e87ec1.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-234453c3.js');
-var toConsumableArray = require('./toConsumableArray-25d0e2a3.js');
+require('./_iter-detect-4d0352f8.js');
+require('./from-ea347372.js');
+var toConsumableArray = require('./toConsumableArray-ca04303b.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');
+require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
-var debounce = require('./debounce-420ff8a8.js');
+var index$2 = require('./index-b2448ff6.js');
 require('prop-types');
 require('react-bootstrap/Card');
 var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
 var index_es = require('./index.es-44c8e726.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-a40ae0cd.js');
@@ -21,13 +25,18 @@ var index = require('./index-be0c82be.js');
 var index$1 = require('./index-8a3fb0bc.js');
 var main = require('./main-d76cde9c.js');
 var entities = require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-419d467a.js');
-require('./AdSlot-257d8d4e.js');
-require('./promise-0a493c7a.js');
-var ADInfeed = require('./ADInfeed-ae1f348d.js');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.js');
+require('./AdSlot.js');
+var ADInfeed = require('./ADInfeed-7609d929.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-f4c4a1bf.js');
-var AuthorComponent = require('./AuthorComponent-b44bb44e.js');
+var ADlgInfeed = require('./ADlgInfeed-700551ef.js');
+var AuthorComponent = require('./AuthorComponent-5bb8f868.js');
 var reactBootstrap = require('react-bootstrap');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -122,7 +131,7 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
     pageNumber = Math.ceil((index + 1) / perPage);
 
     if (currentPage !== pageNumber) {
-      debounce.lib_3.refresh();
+      index$2.lib_3.refresh();
 
       setCurrentPage(pageNumber);
       if (path[0] !== '/') {
@@ -145,16 +154,16 @@ 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, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd) {
   var numberOfItemsBeforeAd = 6;
-
   var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
     return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
   };
 
   //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
-  if (desktopView && brandInsightAd) {
-    var lgInfeedAd = {
+  //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+  if (lgInfeedAd && brandInsightAd && window && window.innerWidth >= 1200) {
+    var lgInfeed = {
       _type: 'lg-infeed',
       adUnit: brandInsightAd.adUnit,
       className: 'lg-infeed',
@@ -170,7 +179,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       var set = lodash.lodash.chunk(chunk, 2);
       for (var i = 0; i < set.length; i++) {
         if (i !== set.length - 1) {
-          set[i].push(lgInfeedAd);
+          set[i].push(lgInfeed);
         }
       }
       return lodash.lodash.flattenDeep(set);
@@ -179,7 +188,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
 
   if (showBI && brandInsightAd) {
-    if (desktopView) brandInsightAd.interval = 8;
+    //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+    if (lgInfeedAd && window && window.innerWidth >= 1200) brandInsightAd.interval = 8;
     var pos = 0;
     for (var i = 1; pos < data.length; i++) {
       var inFeedAd = {
@@ -648,11 +658,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       values = _useState10[0],
       setValues = _useState10[1];
 
-  var _useState11 = React.useState(false),
-      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      desktopView = _useState12[0],
-      setDesktopView = _useState12[1];
-
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
@@ -674,10 +679,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   }, [initialData]);
 
   React.useEffect(function () {
-    //  Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
-    if (lgInfeedAd && window && window.innerWidth >= 1200) {
-      setDesktopView(true);
-    }
     if (prevValues) {
       if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
         loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
@@ -714,7 +715,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React__default['default'].createElement(
           reactBootstrap.Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd)
         )
       ),
       React__default['default'].createElement(
@@ -728,7 +729,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default['default'].createElement(
         reactBootstrap.Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd)
       ),
       React__default['default'].createElement(
         'div',