@mjhls/mjh-framework 1.0.740-beta-0.1 → 1.0.740-beta-0.2

package/dist/cjs/ADWelcome.js

@@ -89,7 +89,7 @@ var ADWelcome = function ADWelcome(_ref) {
 
   return React__default.createElement(
     'div',
-    { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
+    { style: { outline: 'none', display: 'block' }, className: 'welcome-modal', id: 'welcome-modal' },
     React__default.createElement(
       'div',
       { className: 'welcome-ad-head-wrapper' },

package/dist/cjs/QueueDeckExpanded.js

@@ -167,6 +167,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       dataRemapped = _useState2[0],
       setDataRemapped = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      mobileWindow = _useState4[0],
+      setMobileWindow = _useState4[1];
+
   //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
   //  Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
 
@@ -211,6 +217,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     }
   }, []);
 
+  React.useEffect(function () {
+    console.log('window width:::::::::', window.innerWidth);
+    if (window.innerWidth < 1200) setMobileWindow(true);
+  });
+
   if (showBI && brandInsightAd) {
     //  Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
     if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
@@ -767,7 +778,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             React__default.createElement(
               'div',
               null,
-              main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+              (main.main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
             )
           )
         );
@@ -1273,7 +1284,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
               React__default.createElement(
                 'div',
                 null,
-                main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+                (main.main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
               )
             )
           );
@@ -1382,38 +1393,38 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
 
   var builder = index$1.imageUrlBuilder(client);
 
-  var _useState3 = React.useState(initialData),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      data = _useState4[0],
-      setData = _useState4[1];
-
-  var _useState5 = React.useState(true),
+  var _useState5 = React.useState(initialData),
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      scrolling = _useState6[0],
-      setScrolling = _useState6[1];
+      data = _useState6[0],
+      setData = _useState6[1];
 
-  var _useState7 = React.useState(params ? params.to : 0),
-      _useState8 = slicedToArray._slicedToArray(_useState7, 1),
-      per = _useState8[0];
+  var _useState7 = React.useState(true),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      scrolling = _useState8[0],
+      setScrolling = _useState8[1];
 
-  var _useState9 = React.useState(initialCurrentPage || 1),
-      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
-      currentPage = _useState10[0],
-      setCurrentPage = _useState10[1];
+  var _useState9 = React.useState(params ? params.to : 0),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 1),
+      per = _useState10[0];
 
-  var _useState11 = React.useState(initialData ? initialData.length : 0),
+  var _useState11 = React.useState(initialCurrentPage || 1),
       _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      lastDataSize = _useState12[0],
-      setLastDataSize = _useState12[1];
+      currentPage = _useState12[0],
+      setCurrentPage = _useState12[1];
 
-  var _useState13 = React.useState({
+  var _useState13 = React.useState(initialData ? initialData.length : 0),
+      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
+      lastDataSize = _useState14[0],
+      setLastDataSize = _useState14[1];
+
+  var _useState15 = React.useState({
     from: params ? params.from : 0,
     to: params ? params.to : 0,
     page: 1
   }),
-      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
-      values = _useState14[0],
-      setValues = _useState14[1];
+      _useState16 = slicedToArray._slicedToArray(_useState15, 2),
+      values = _useState16[0],
+      setValues = _useState16[1];
 
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 

package/dist/esm/ADWelcome.js

@@ -84,7 +84,7 @@ var ADWelcome = function ADWelcome(_ref) {
 
   return React__default.createElement(
     'div',
-    { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
+    { style: { outline: 'none', display: 'block' }, className: 'welcome-modal', id: 'welcome-modal' },
     React__default.createElement(
       'div',
       { className: 'welcome-ad-head-wrapper' },

package/dist/esm/QueueDeckExpanded.js

@@ -161,6 +161,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       _useState2 = _slicedToArray(_useState, 2),
       dataRemapped = _useState2[0],
       setDataRemapped = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      mobileWindow = _useState4[0],
+      setMobileWindow = _useState4[1];
+
   //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
   //  Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
 
@@ -205,6 +211,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     }
   }, []);
 
+  useEffect(function () {
+    console.log('window width:::::::::', window.innerWidth);
+    if (window.innerWidth < 1200) setMobileWindow(true);
+  });
+
   if (showBI && brandInsightAd) {
     //  Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
     if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
@@ -761,7 +772,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             React__default.createElement(
               'div',
               null,
-              main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+              (main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
             )
           )
         );
@@ -1267,7 +1278,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
               React__default.createElement(
                 'div',
                 null,
-                main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+                (main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
               )
             )
           );
@@ -1376,38 +1387,38 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
 
   var builder = imageUrlBuilder(client);
 
-  var _useState3 = useState(initialData),
-      _useState4 = _slicedToArray(_useState3, 2),
-      data = _useState4[0],
-      setData = _useState4[1];
-
-  var _useState5 = useState(true),
+  var _useState5 = useState(initialData),
       _useState6 = _slicedToArray(_useState5, 2),
-      scrolling = _useState6[0],
-      setScrolling = _useState6[1];
+      data = _useState6[0],
+      setData = _useState6[1];
 
-  var _useState7 = useState(params ? params.to : 0),
-      _useState8 = _slicedToArray(_useState7, 1),
-      per = _useState8[0];
+  var _useState7 = useState(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      scrolling = _useState8[0],
+      setScrolling = _useState8[1];
 
-  var _useState9 = useState(initialCurrentPage || 1),
-      _useState10 = _slicedToArray(_useState9, 2),
-      currentPage = _useState10[0],
-      setCurrentPage = _useState10[1];
+  var _useState9 = useState(params ? params.to : 0),
+      _useState10 = _slicedToArray(_useState9, 1),
+      per = _useState10[0];
 
-  var _useState11 = useState(initialData ? initialData.length : 0),
+  var _useState11 = useState(initialCurrentPage || 1),
       _useState12 = _slicedToArray(_useState11, 2),
-      lastDataSize = _useState12[0],
-      setLastDataSize = _useState12[1];
+      currentPage = _useState12[0],
+      setCurrentPage = _useState12[1];
 
-  var _useState13 = useState({
+  var _useState13 = useState(initialData ? initialData.length : 0),
+      _useState14 = _slicedToArray(_useState13, 2),
+      lastDataSize = _useState14[0],
+      setLastDataSize = _useState14[1];
+
+  var _useState15 = useState({
     from: params ? params.from : 0,
     to: params ? params.to : 0,
     page: 1
   }),
-      _useState14 = _slicedToArray(_useState13, 2),
-      values = _useState14[0],
-      setValues = _useState14[1];
+      _useState16 = _slicedToArray(_useState15, 2),
+      values = _useState16[0],
+      setValues = _useState16[1];
 
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.740-beta-0.1",
+  "version": "1.0.740-beta-0.2",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",