@mjhls/mjh-framework 1.0.35 → 1.0.37

package/dist/index.js

@@ -5558,62 +5558,24 @@ 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(
-      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]] }],
-          onSlotVisibilityChanged: function onSlotVisibilityChanged(dfpEventData) {
-            if (dfpEventData.event.inViewPercentage < minInViewPercent) {
-              lib_3.refresh(slotId);
-            }
-          },
-          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]],
-          sizeMapping: [{ viewport: [640, 480], sizes: [[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);
-          }
-        })
-      )
+      '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);
+        }
+      })
     )
   );
 };
@@ -5693,7 +5655,16 @@ var AD = function AD(_ref) {
       className = _ref.className,
       slotId = _ref.slotId,
       sizes = _ref.sizes,
-      minInViewPercent = _ref.minInViewPercent;
+      minInViewPercent = _ref.minInViewPercent,
+      keywords = _ref.keywords;
+
+
+  var targetingArguemnts = {};
+  if (keywords) {
+    targetingArguemnts = {
+      'pos': keywords
+    };
+  }
 
   return React__default.createElement(
     lib_1,
@@ -5706,12 +5677,7 @@ var AD = function AD(_ref) {
         sizes: sizes,
         adUnit: adUnit,
         sizeMapping: sizeMapping,
-        onSlotVisibilityChanged: function onSlotVisibilityChanged(dfpEventData) {
-          if (minInViewPercent && dfpEventData.event.inViewPercentage < minInViewPercent) {
-            console.log('AD ' + className + ' visibilityChanged:', dfpEventData);
-            lib_3.refresh(slotId);
-          }
-        },
+        targetingArguments: targetingArguemnts,
         onSlotIsRendered: function onSlotIsRendered(eventData) {
           console.log('AD ' + className + ' rendered:', eventData);
         },