@mjhls/mjh-framework 1.0.883 → 1.0.884-beta.1

package/dist/esm/IssueContentDeck.js

@@ -1,18 +1,18 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './web.dom.iterable-6b037ff9.js';
+import './core.get-iterator-method-86d4db69.js';
+import './web.dom.iterable-f8f967cd.js';
 import React__default from 'react';
 import 'prop-types';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import Card$1 from 'react-bootstrap/Card';
-import { m as moment } from './moment-b6f49411.js';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
+import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
+import './slicedToArray-67a08c9c.js';
+import './index-73819142.js';
 import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
-import { A as AuthorComponent } from './AuthorComponent-2277b67c.js';
+import { A as AuthorComponent } from './AuthorComponent-e6f95c2f.js';
 import Badge from 'react-bootstrap/Badge';
 
 var PublicationDeckStack = function PublicationDeckStack(props) {
@@ -35,10 +35,10 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       source = props.source;
 
   return React__default.createElement(
-    Col$1,
+    Col,
     { md: 12, lg: 12, key: index },
     React__default.createElement(
-      Card$1,
+      Card,
       { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
       React__default.createElement(
         'div',
@@ -52,7 +52,7 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
             React__default.createElement(
               LazyLoad,
               { height: imageHeight },
-              React__default.createElement(Card$1.Img, {
+              React__default.createElement(Card.Img, {
                 variant: 'right',
                 src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client }) : Settings.logo,
                 alt: title,
@@ -67,7 +67,7 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
           )
         ),
         React__default.createElement(
-          Card$1.Body,
+          Card.Body,
           { style: { padding: '0.5rem' } },
           section ? React__default.createElement(
             Badge,
@@ -75,7 +75,7 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
             section.name
           ) : '',
           React__default.createElement(
-            Card$1.Title,
+            Card.Title,
             { style: { color: '#121212', fontSize: '1.1rem' } },
             React__default.createElement(
               'a',
@@ -134,10 +134,10 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
       index = props.index;
 
   return React__default.createElement(
-    Col$1,
+    Col,
     { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
     React__default.createElement(
-      Card$1,
+      Card,
       null,
       React__default.createElement(
         'a',
@@ -145,10 +145,10 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
         coverImage && React__default.createElement(
           LazyLoad,
           { height: imageHeight },
-          React__default.createElement(Card$1.Img, { variant: 'top', src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client, Settings: Settings }) : Settings.logo, alt: title })
+          React__default.createElement(Card.Img, { variant: 'top', src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client, Settings: Settings }) : Settings.logo, alt: title })
         ),
         React__default.createElement(
-          Card$1.Body,
+          Card.Body,
           null,
           section && section.name ? React__default.createElement(
             Badge,
@@ -156,7 +156,7 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
             section && section.name
           ) : '',
           React__default.createElement(
-            Card$1.Title,
+            Card.Title,
             null,
             title
           )
@@ -176,7 +176,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
       variant = _props$variant === undefined ? 'block' : _props$variant;
 
   return React__default.createElement(
-    Row$1,
+    Row,
     null,
     data && data.length ? data.map(function (row, index) {
       if (variant === 'stack') {

package/dist/esm/IssueDeck.js

@@ -1,22 +1,22 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './_iter-detect-13e31915.js';
-import { _ as _toConsumableArray } from './toConsumableArray-e333293f.js';
+import './core.get-iterator-method-86d4db69.js';
+import './_iter-detect-130ee549.js';
+import { _ as _toConsumableArray } from './toConsumableArray-32282905.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-9a61581c.js';
-import './web.dom.iterable-6b037ff9.js';
+import { _ as _extends } from './extends-5b1796d4.js';
+import './web.dom.iterable-f8f967cd.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import 'prop-types';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import Card$1 from 'react-bootstrap/Card';
-import { I as InfiniteScroll } from './index.es-a6137319.js';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
-import { _ as _slicedToArray } from './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
+import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
+import './index-73819142.js';
 import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
-import Button$1 from 'react-bootstrap/Button';
+import Button from 'react-bootstrap/Button';
 
 var usePrevious = function usePrevious(value) {
   var ref = useRef();
@@ -135,20 +135,20 @@ var IssueDeck = function IssueDeck(props) {
         return loadMore();
       }, hasMore: scrolling, scrollThreshold: 0.9 },
     React__default.createElement(
-      Row$1,
+      Row,
       null,
       issuesData && issuesData.length ? issuesData.map(function (row, index) {
         return publication && row.identifier && row.identifier.current && React__default.createElement(
-          Col$1,
+          Col,
           { md: 12, lg: 12, key: index },
           React__default.createElement(
-            Card$1,
+            Card,
             { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
             React__default.createElement(
-              Row$1,
+              Row,
               { style: { flexDirection: 'left' } },
               React__default.createElement(
-                Col$1,
+                Col,
                 { md: 12, lg: 4, className: 'body-image', style: { textAlign: 'center' } },
                 row.issues.length > 0 ? React__default.createElement(
                   'a',
@@ -156,7 +156,7 @@ var IssueDeck = function IssueDeck(props) {
                   row.thumbnail && React__default.createElement(
                     LazyLoad,
                     { height: imageHeight },
-                    React__default.createElement(Card$1.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
                   )
                 ) : React__default.createElement(
                   'a',
@@ -164,34 +164,34 @@ var IssueDeck = function IssueDeck(props) {
                   row.thumbnail && React__default.createElement(
                     LazyLoad,
                     { height: imageHeight },
-                    React__default.createElement(Card$1.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
                   )
                 )
               ),
               React__default.createElement(
-                Col$1,
+                Col,
                 { md: 12, lg: 8 },
                 React__default.createElement(
-                  Card$1.Body,
+                  Card.Body,
                   { style: { padding: '20px' }, className: 'body-text' },
                   React__default.createElement(
-                    Row$1,
+                    Row,
                     null,
                     React__default.createElement(
-                      Col$1,
+                      Col,
                       null,
                       React__default.createElement(
-                        Card$1.Title,
+                        Card.Title,
                         null,
                         row.name
                       )
                     )
                   ),
                   React__default.createElement(
-                    Row$1,
+                    Row,
                     null,
                     React__default.createElement(
-                      Col$1,
+                      Col,
                       null,
                       React__default.createElement(
                         'div',
@@ -202,10 +202,10 @@ var IssueDeck = function IssueDeck(props) {
                     )
                   ),
                   React__default.createElement(
-                    Row$1,
+                    Row,
                     null,
                     React__default.createElement(
-                      Col$1,
+                      Col,
                       null,
                       React__default.createElement(
                         'div',
@@ -216,13 +216,13 @@ var IssueDeck = function IssueDeck(props) {
                     )
                   ),
                   React__default.createElement(
-                    Row$1,
+                    Row,
                     null,
                     row.issues.length > 0 && React__default.createElement(
                       'a',
                       { style: { paddingRight: '15px', paddingLeft: '15px' }, href: href + '/' + publication + '/' + row.identifier.current },
                       React__default.createElement(
-                        Button$1,
+                        Button,
                         { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
                         'View Issue'
                       )

package/dist/esm/IssueLanding.js

@@ -1,16 +1,16 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
+import './core.get-iterator-method-86d4db69.js';
 import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import './toConsumableArray-e333293f.js';
+import './_iter-detect-130ee549.js';
+import './toConsumableArray-32282905.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-9a61581c.js';
-import './_object-sap-fc9da7e8.js';
-import './inherits-eeaf6740.js';
-import './define-property-73034847.js';
-import './web.dom.iterable-6b037ff9.js';
-import './typeof-938ae770.js';
-import './_is-array-8914b83f.js';
+import { _ as _extends } from './extends-5b1796d4.js';
+import './_object-sap-8b8ea5a9.js';
+import './inherits-2409637d.js';
+import './define-property-6d26cb48.js';
+import './web.dom.iterable-f8f967cd.js';
+import './typeof-c05a82ba.js';
+import './_is-array-4df618a6.js';
 import React__default from 'react';
 import './events-6c3a7a63.js';
 import './index-41a678ea.js';
@@ -18,32 +18,32 @@ import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import './moment-b6f49411.js';
+import './moment-e2f9b20c.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
-import './debounce-89969f66.js';
-import './toNumber-e3dcad26.js';
-import './index.es-a6137319.js';
+import './debounce-9207d8ee.js';
+import './toNumber-2f7a84cd.js';
+import './index.es-29c1cef5.js';
 import 'react-dom';
 import './visibility-sensor-72fd8f8b.js';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
+import './slicedToArray-67a08c9c.js';
+import './index-73819142.js';
 import './urlFor.js';
 import './index-5f7e79e7.js';
-import './main-ede573ee.js';
-import './entities-731f3fdb.js';
-import './stringify-ebc16384.js';
-import './asyncToGenerator-40371743.js';
+import './main-c0612122.js';
+import './entities-7cc3bf45.js';
+import './stringify-70b72959.js';
+import './asyncToGenerator-7bf8bc4d.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-7db96917.js';
-import './lodash-a818d390.js';
-import './ADlgInfeed-a3931e68.js';
+import './ADInfeed-d767ebe2.js';
+import './lodash-17fdfebb.js';
+import './ADlgInfeed-cee95aa2.js';
 import './getContentCategory-15dcc413.js';
-import './AuthorComponent-2277b67c.js';
+import './AuthorComponent-e6f95c2f.js';
 import 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-ea93e8f7.js';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
 import './GroupDeck.js';
@@ -51,14 +51,14 @@ import 'react-bootstrap';
 import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
-import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-afb3bbc2.js';
+import './index.esm-29e48d38.js';
+import { g as getSerializers } from './index-d1476645.js';
 import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e761d404.js';
+import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
 import 'react-share';
 import './SocialShare.js';
-import './_object-to-array-ee8f6d98.js';
+import './_object-to-array-c54dd835.js';
 import 'react-bootstrap/Pagination';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
@@ -67,35 +67,35 @@ import 'react-bootstrap/Popover';
 import 'react-bootstrap/Breadcrumb';
 import Breadcrumbs from './Breadcrumbs.js';
 
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
 */
 
 var IssueLanding = function IssueLanding(props) {

package/dist/esm/KMTracker.js

@@ -1,25 +1,25 @@
 var KMTracker = function KMTracker(props) {
-  var id = props.id;
+      var id = props.id;
 
-  if (document && id) {
+      if (document && id) {
 (function () {
-      var ecnJquery = document.createElement('script');
+                  var ecnJquery = document.createElement('script');
 
-      ecnJquery.type = 'text/javascript';
-      ecnJquery.async = true;
-      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+                  ecnJquery.type = 'text/javascript';
+                  ecnJquery.async = true;
+                  ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
 
-      var ecnScript = document.createElement('script');
+                  var ecnScript = document.createElement('script');
 
-      ecnScript.type = 'text/javascript';
-      ecnScript.async = true;
-      ecnScript.id = 'km-tracker';
-      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+                  ecnScript.type = 'text/javascript';
+                  ecnScript.async = true;
+                  ecnScript.id = 'km-tracker';
+                  ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
 
-      document.head.appendChild(ecnJquery);
-      document.head.appendChild(ecnScript);
-    })();
-  }
+                  document.head.appendChild(ecnJquery);
+                  document.head.appendChild(ecnScript);
+            })();
+      }
 };
 
 export default KMTracker;

package/dist/esm/LeftNav.js

@@ -1,21 +1,21 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
+import './core.get-iterator-method-86d4db69.js';
 import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
+import './_iter-detect-130ee549.js';
 import './_object-pie-33c40e79.js';
-import './extends-9a61581c.js';
-import './web.dom.iterable-6b037ff9.js';
+import './extends-5b1796d4.js';
+import './web.dom.iterable-f8f967cd.js';
 import React__default, { useRef, useEffect } from 'react';
 import './events-6c3a7a63.js';
 import './index-41a678ea.js';
 import 'prop-types';
 import './isSymbol-1981418f.js';
-import './debounce-89969f66.js';
-import './toNumber-e3dcad26.js';
-import './slicedToArray-9c3bb613.js';
-import './main-ede573ee.js';
-import './stringify-ebc16384.js';
-import './asyncToGenerator-40371743.js';
+import './debounce-9207d8ee.js';
+import './toNumber-2f7a84cd.js';
+import './slicedToArray-67a08c9c.js';
+import './main-c0612122.js';
+import './stringify-70b72959.js';
+import './asyncToGenerator-7bf8bc4d.js';
 import Segment from './Segment.js';
 import './Beam.js';
 import './AdSlot.js';

package/dist/esm/MasterDeck.js

@@ -1,43 +1,43 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
+import './core.get-iterator-method-86d4db69.js';
 import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import { _ as _toConsumableArray } from './toConsumableArray-e333293f.js';
+import './_iter-detect-130ee549.js';
+import { _ as _toConsumableArray } from './toConsumableArray-32282905.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-9a61581c.js';
-import './_object-sap-fc9da7e8.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-eeaf6740.js';
-import './define-property-73034847.js';
-import './web.dom.iterable-6b037ff9.js';
-import './typeof-938ae770.js';
-import './_is-array-8914b83f.js';
+import { _ as _extends } from './extends-5b1796d4.js';
+import './_object-sap-8b8ea5a9.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-2409637d.js';
+import './define-property-6d26cb48.js';
+import './web.dom.iterable-f8f967cd.js';
+import './typeof-c05a82ba.js';
+import './_is-array-4df618a6.js';
 import React__default from 'react';
 import './events-6c3a7a63.js';
 import { l as lib_3 } from './index-41a678ea.js';
 import 'prop-types';
-import Container$1 from 'react-bootstrap/Container';
+import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import './moment-b6f49411.js';
+import './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
 import './isSymbol-1981418f.js';
-import { d as debounce_1 } from './debounce-89969f66.js';
-import './toNumber-e3dcad26.js';
-import { I as InfiniteScroll } from './index.es-a6137319.js';
+import { d as debounce_1 } from './debounce-9207d8ee.js';
+import './toNumber-2f7a84cd.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
-import './main-ede573ee.js';
-import './stringify-ebc16384.js';
-import { _ as _Promise } from './asyncToGenerator-40371743.js';
+import './slicedToArray-67a08c9c.js';
+import './index-73819142.js';
+import './main-c0612122.js';
+import './stringify-70b72959.js';
+import { _ as _Promise } from './asyncToGenerator-7bf8bc4d.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-7db96917.js';
-import { l as lodash } from './lodash-a818d390.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a3931e68.js';
+import { A as ADInfeed } from './ADInfeed-d767ebe2.js';
+import { l as lodash } from './lodash-17fdfebb.js';
+import { A as ADlgInfeed } from './ADlgInfeed-cee95aa2.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);
@@ -223,14 +223,14 @@ var MasterDeck = function (_React$Component) {
             }
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -489,7 +489,7 @@ var MasterDeck = function (_React$Component) {
             InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
             React__default.createElement(
-              Container$1,
+              Container,
               null,
               this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
             )
@@ -503,7 +503,7 @@ var MasterDeck = function (_React$Component) {
           React__default.Fragment,
           null,
           React__default.createElement(
-            Container$1,
+            Container,
             null,
             this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
           ),