@mjhls/mjh-framework 1.0.37 → 1.0.38

package/dist/index.es.js

@@ -5551,24 +5551,57 @@ var AD728x90 = function AD728x90(_ref) {
       adUnit = _ref.adUnit,
       slotId = _ref.slotId;
 
+
+  var minInViewPercent = 70;
+
   return React__default.createElement(
     lib_1,
     { dfpNetworkId: networkID, sizeMapping: [{ viewport: [1024, 768], sizes: [[728, 90]] }, { viewport: [640, 480], sizes: [[320, 50], [300, 50]] }], lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 }, targetingArguments: { post: 'desktop1' } },
     React__default.createElement(
-      'div',
-      { className: 'AD728x90' },
-      React__default.createElement(lib_2, {
-        slotId: slotId,
-        sizes: [[728, 90], [300, 50], [320, 50]],
-        adUnit: adUnit,
-        sizeMapping: [{ viewport: [1024, 768], sizes: [[728, 90]] }, { viewport: [767, 480], sizes: [[320, 50], [300, 50]] }, { viewport: [319, 1], sizes: [[300, 50]] }],
-        onSlotRender: function onSlotRender(eventData) {
-          return console.log('AD728x90 rendered:', eventData);
-        },
-        onSlotIsViewable: function onSlotIsViewable(eventData) {
-          console.log('AD728x90 vieable:', eventData);
-        }
-      })
+      main_2,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'AD728x90' },
+        React__default.createElement(lib_2, {
+          slotId: slotId,
+          sizes: [[728, 90]],
+          adUnit: adUnit,
+          sizeMapping: [{ viewport: [1024, 768], sizes: [[728, 90]] }],
+          onSlotRender: function onSlotRender(eventData) {
+            return console.log('AD728x90 rendered:', eventData);
+          },
+          onSlotIsViewable: function onSlotIsViewable(eventData) {
+            console.log('AD728x90 vieable:', eventData);
+          }
+        })
+      )
+    ),
+    React__default.createElement(
+      main_8,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'AD300x50' },
+        React__default.createElement(lib_2, {
+          slotId: slotId,
+          sizes: [[300, 50], [320, 50]],
+          sizeMapping: [{ viewport: [767, 480], sizes: [[320, 50], [300, 50]] }],
+          adUnit: adUnit,
+          targetingArguments: { 'pos': 'mobile1' },
+          onSlotRender: function onSlotRender(eventData) {
+            return console.log('AD300x50 rendered:', eventData);
+          },
+          onSlotVisibilityChanged: function onSlotVisibilityChanged(dfpEventData) {
+            if (dfpEventData.event.inViewPercentage < minInViewPercent) {
+              lib_3.refresh(slotId);
+            }
+          },
+          onSlotIsViewable: function onSlotIsViewable(eventData) {
+            console.log('AD300x50 viewable:', eventData);
+          }
+        })
+      )
     )
   );
 };