@mjhls/mjh-framework 1.0.236 → 1.0.237

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AdSlot-d87cef08.js +69 -0
  3. package/dist/cjs/DeckContent.js +3 -3
  4. package/dist/cjs/DeckQueue.js +2 -2
  5. package/dist/cjs/{Dfp-f16a4421.js → Dfp-f62b16e1.js} +1 -1
  6. package/dist/cjs/{GridContent-3f7dc5ac.js → GridContent-6dae5d6a.js} +4 -4
  7. package/dist/cjs/GridContent.js +4 -4
  8. package/dist/cjs/MasterDeck.js +2 -2
  9. package/dist/cjs/{Normal-815c5ad0.js → Normal-821546cd.js} +3 -3
  10. package/dist/cjs/QueueDeckExpanded.js +2 -2
  11. package/dist/cjs/{TaxonomyCard-0d4ec68b.js → TaxonomyCard-d97685e2.js} +1 -1
  12. package/dist/cjs/TaxonomyCard.js +2 -2
  13. package/dist/cjs/TemplateNormal.js +4 -4
  14. package/dist/cjs/{Ustream-5f595d09.js → Ustream-0d3dd953.js} +1 -1
  15. package/dist/cjs/Ustream.js +2 -2
  16. package/dist/cjs/VideoSeriesListing.js +1 -1
  17. package/dist/cjs/{_babelHelpers-4a69caad.js → _babelHelpers-f321c258.js} +0 -30
  18. package/dist/cjs/index.js +8 -79
  19. package/dist/cjs/{main-becc38ae.js → main-58839f4e.js} +0 -1
  20. package/dist/esm/AdSlot-0ea49f7e.js +64 -0
  21. package/dist/esm/DeckContent.js +3 -3
  22. package/dist/esm/DeckQueue.js +2 -2
  23. package/dist/esm/{Dfp-0567f8a3.js → Dfp-f026ab16.js} +1 -1
  24. package/dist/esm/{GridContent-e61fff04.js → GridContent-7990f509.js} +4 -4
  25. package/dist/esm/GridContent.js +4 -4
  26. package/dist/esm/MasterDeck.js +2 -2
  27. package/dist/esm/{Normal-ebb02255.js → Normal-20ff5bf5.js} +3 -3
  28. package/dist/esm/QueueDeckExpanded.js +2 -2
  29. package/dist/esm/{TaxonomyCard-92f9e327.js → TaxonomyCard-f9c93953.js} +1 -1
  30. package/dist/esm/TaxonomyCard.js +2 -2
  31. package/dist/esm/TemplateNormal.js +4 -4
  32. package/dist/esm/{Ustream-2bfb1813.js → Ustream-6bb45fe7.js} +1 -1
  33. package/dist/esm/Ustream.js +2 -2
  34. package/dist/esm/VideoSeriesListing.js +1 -1
  35. package/dist/esm/{_babelHelpers-c212c59c.js → _babelHelpers-67c05996.js} +1 -30
  36. package/dist/esm/index.js +12 -82
  37. package/dist/esm/{main-e84e7749.js → main-cd81c243.js} +1 -1
  38. package/package.json +1 -1
  39. package/dist/cjs/AdSlot-983cfe5f.js +0 -515
  40. package/dist/esm/AdSlot-c40f4438.js +0 -509
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.236
2
+ # mjh-framework v. 1.0.237
3
3
 
4
4
 
5
5
 
@@ -0,0 +1,69 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+ var index = require('./index-0322e486.js');
8
+ var PropTypes = _interopDefault(require('prop-types'));
9
+ var debounce = require('./debounce-a963b136.js');
10
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
11
+
12
+ var DFPAdSlot = function DFPAdSlot(_ref) {
13
+ var adUnit = _ref.adUnit,
14
+ sizeMapping = _ref.sizeMapping,
15
+ className = _ref.className,
16
+ slotId = _ref.slotId,
17
+ sizes = _ref.sizes,
18
+ _ref$targeting = _ref.targeting,
19
+ targeting = _ref$targeting === undefined ? {} : _ref$targeting;
20
+
21
+ var _useState = React.useState(false),
22
+ _useState2 = _babelHelpers.slicedToArray(_useState, 2),
23
+ adRendered = _useState2[0],
24
+ setAdRendered = _useState2[1];
25
+
26
+ var _useState3 = React.useState(false),
27
+ _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
28
+ adRefreshable = _useState4[0],
29
+ setAdRefreshable = _useState4[1];
30
+
31
+ var handleVisibilityChange = debounce.debounce_1(function (_ref2) {
32
+ var event = _ref2.event;
33
+
34
+ if (event.inViewPercentage <= 0) {
35
+ setAdRefreshable(false);
36
+ } else {
37
+ setAdRefreshable(true);
38
+ }
39
+ }, 500);
40
+
41
+ return React__default.createElement(
42
+ 'div',
43
+ { className: className },
44
+ React__default.createElement(index.lib_2, {
45
+ slotId: slotId,
46
+ sizes: sizes,
47
+ adUnit: adUnit,
48
+ sizeMapping: sizeMapping,
49
+ targetingArguments: targeting,
50
+ onSlotRender: function onSlotRender(eventData) {
51
+ setAdRendered(true);
52
+ },
53
+ onSlotVisibilityChanged: handleVisibilityChange,
54
+ shouldRefresh: function shouldRefresh() {
55
+ if (adRendered && adRefreshable) return true;else return false;
56
+ }
57
+ })
58
+ );
59
+ };
60
+
61
+ DFPAdSlot.propTypes = {
62
+ adUnit: PropTypes.string.isRequired,
63
+ slotId: PropTypes.string,
64
+ className: PropTypes.string,
65
+ sizeMapping: PropTypes.array,
66
+ sizes: PropTypes.array
67
+ };
68
+
69
+ exports.DFPAdSlot = DFPAdSlot;
@@ -19,10 +19,10 @@ var debounce = require('./debounce-a963b136.js');
19
19
  require('react-dom');
20
20
  var index$1 = require('./index-a4c53ff4.js');
21
21
  var index$2 = require('./index-0d0efcfa.js');
22
- var main = require('./main-becc38ae.js');
22
+ var main = require('./main-58839f4e.js');
23
23
  var entities = require('./entities-3e0b4a16.js');
24
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
25
- var AdSlot = require('./AdSlot-983cfe5f.js');
24
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
25
+ var AdSlot = require('./AdSlot-d87cef08.js');
26
26
 
27
27
  var DeckContent = function (_React$Component) {
28
28
  _babelHelpers.inherits(DeckContent, _React$Component);
@@ -19,9 +19,9 @@ var debounce = require('./debounce-a963b136.js');
19
19
  require('react-dom');
20
20
  var index$1 = require('./index-a4c53ff4.js');
21
21
  var index$2 = require('./index-0d0efcfa.js');
22
- var main = require('./main-becc38ae.js');
22
+ var main = require('./main-58839f4e.js');
23
23
  var entities = require('./entities-3e0b4a16.js');
24
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
24
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
25
25
  var get$1 = require('./get-126b1712.js');
26
26
 
27
27
  var DeckQueue = function (_React$Component) {
@@ -10,7 +10,7 @@ var PropTypes = _interopDefault(require('prop-types'));
10
10
  var visibilitySensor = require('./visibility-sensor-8936e703.js');
11
11
  var debounce = require('./debounce-a963b136.js');
12
12
  require('react-dom');
13
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
13
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
14
14
 
15
15
  var AD = function AD(_ref) {
16
16
  var networkID = _ref.networkID,
@@ -16,14 +16,14 @@ var Router__default = _interopDefault(Router);
16
16
  var debounce = require('./debounce-a963b136.js');
17
17
  var index$1 = require('./index-a4c53ff4.js');
18
18
  var index$2 = require('./index-0d0efcfa.js');
19
- var main = require('./main-becc38ae.js');
19
+ var main = require('./main-58839f4e.js');
20
20
  var entities = require('./entities-3e0b4a16.js');
21
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
22
- var AdSlot = require('./AdSlot-983cfe5f.js');
21
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
22
+ var AdSlot = require('./AdSlot-d87cef08.js');
23
23
  var get$1 = require('./get-126b1712.js');
24
24
 
25
25
  var Dfp = React__default.lazy(function () {
26
- return new Promise(function (resolve) { resolve(require('./Dfp-f16a4421.js')); });
26
+ return new Promise(function (resolve) { resolve(require('./Dfp-f62b16e1.js')); });
27
27
  });
28
28
 
29
29
  var AD = function AD(props) {
@@ -15,12 +15,12 @@ require('./debounce-a963b136.js');
15
15
  require('react-dom');
16
16
  require('./index-a4c53ff4.js');
17
17
  require('./index-0d0efcfa.js');
18
- require('./main-becc38ae.js');
18
+ require('./main-58839f4e.js');
19
19
  require('./entities-3e0b4a16.js');
20
- require('./_babelHelpers-4a69caad.js');
21
- require('./AdSlot-983cfe5f.js');
20
+ require('./_babelHelpers-f321c258.js');
21
+ require('./AdSlot-d87cef08.js');
22
22
  require('./get-126b1712.js');
23
- var GridContent = require('./GridContent-3f7dc5ac.js');
23
+ var GridContent = require('./GridContent-6dae5d6a.js');
24
24
 
25
25
 
26
26
 
@@ -18,8 +18,8 @@ var Router__default = _interopDefault(Router);
18
18
  var debounce = require('./debounce-a963b136.js');
19
19
  require('react-dom');
20
20
  require('./index-a4c53ff4.js');
21
- var main = require('./main-becc38ae.js');
22
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
21
+ var main = require('./main-58839f4e.js');
22
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
23
23
 
24
24
  var MasterDeck = function (_React$Component) {
25
25
  _babelHelpers.inherits(MasterDeck, _React$Component);
@@ -10,9 +10,9 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
10
10
  var Row = _interopDefault(require('react-bootstrap/Row'));
11
11
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
12
  var Link = _interopDefault(require('next/link'));
13
- var main = require('./main-becc38ae.js');
14
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
15
- var AdSlot = require('./AdSlot-983cfe5f.js');
13
+ var main = require('./main-58839f4e.js');
14
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
15
+ var AdSlot = require('./AdSlot-d87cef08.js');
16
16
  var get$1 = require('./get-126b1712.js');
17
17
  var reactBootstrap = require('react-bootstrap');
18
18
  var index_esm = require('./index.esm-340d3792.js');
@@ -14,9 +14,9 @@ var Router__default = _interopDefault(Router);
14
14
  require('react-dom');
15
15
  var index$1 = require('./index-a4c53ff4.js');
16
16
  var index$2 = require('./index-0d0efcfa.js');
17
- var main = require('./main-becc38ae.js');
17
+ var main = require('./main-58839f4e.js');
18
18
  var entities = require('./entities-3e0b4a16.js');
19
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
19
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
20
20
  var reactBootstrap = require('react-bootstrap');
21
21
 
22
22
  var urlFor = function urlFor(source, builder) {
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  var index$1 = require('./index-a4c53ff4.js');
13
13
  var index$2 = require('./index-0d0efcfa.js');
14
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
14
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
15
15
 
16
16
  /*
17
17
  object-assign
@@ -10,8 +10,8 @@ require('react-bootstrap/Card');
10
10
  require('react-dom');
11
11
  require('./index-a4c53ff4.js');
12
12
  require('./index-0d0efcfa.js');
13
- require('./_babelHelpers-4a69caad.js');
14
- var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
13
+ require('./_babelHelpers-f321c258.js');
14
+ var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
15
15
 
16
16
 
17
17
 
@@ -9,14 +9,14 @@ require('react-bootstrap/Row');
9
9
  require('react-bootstrap/Col');
10
10
  require('next/link');
11
11
  require('./debounce-a963b136.js');
12
- require('./main-becc38ae.js');
13
- require('./_babelHelpers-4a69caad.js');
14
- require('./AdSlot-983cfe5f.js');
12
+ require('./main-58839f4e.js');
13
+ require('./_babelHelpers-f321c258.js');
14
+ require('./AdSlot-d87cef08.js');
15
15
  require('./get-126b1712.js');
16
16
  require('react-bootstrap');
17
17
  require('./index.esm-340d3792.js');
18
18
  require('react-bootstrap/Button');
19
- var TemplateNormal = require('./Normal-815c5ad0.js');
19
+ var TemplateNormal = require('./Normal-821546cd.js');
20
20
  require('react-bootstrap/ListGroup');
21
21
  require('next/head');
22
22
  require('react-bootstrap/Nav');
@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
7
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
8
8
  var index_esm = require('./index.esm-340d3792.js');
9
9
 
10
10
  // THIS FILE IS AUTO GENERATED
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  require('react');
4
- require('./_babelHelpers-4a69caad.js');
4
+ require('./_babelHelpers-f321c258.js');
5
5
  require('./index.esm-340d3792.js');
6
- var Ustream = require('./Ustream-5f595d09.js');
6
+ var Ustream = require('./Ustream-0d3dd953.js');
7
7
 
8
8
 
9
9
 
@@ -15,7 +15,7 @@ var Router__default = _interopDefault(Router);
15
15
  var debounce = require('./debounce-a963b136.js');
16
16
  require('react-dom');
17
17
  require('./index-0d0efcfa.js');
18
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
18
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
19
19
  var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
20
20
  var index_esm = require('./index.esm-340d3792.js');
21
21
 
@@ -1,34 +1,5 @@
1
1
  'use strict';
2
2
 
3
- var asyncToGenerator = function (fn) {
4
- return function () {
5
- var gen = fn.apply(this, arguments);
6
- return new Promise(function (resolve, reject) {
7
- function step(key, arg) {
8
- try {
9
- var info = gen[key](arg);
10
- var value = info.value;
11
- } catch (error) {
12
- reject(error);
13
- return;
14
- }
15
-
16
- if (info.done) {
17
- resolve(value);
18
- } else {
19
- return Promise.resolve(value).then(function (value) {
20
- step("next", value);
21
- }, function (err) {
22
- step("throw", err);
23
- });
24
- }
25
- }
26
-
27
- return step("next");
28
- });
29
- };
30
- };
31
-
32
3
  var classCallCheck = function (instance, Constructor) {
33
4
  if (!(instance instanceof Constructor)) {
34
5
  throw new TypeError("Cannot call a class as a function");
@@ -140,7 +111,6 @@ var toConsumableArray = function (arr) {
140
111
  };
141
112
 
142
113
  exports._extends = _extends;
143
- exports.asyncToGenerator = asyncToGenerator;
144
114
  exports.classCallCheck = classCallCheck;
145
115
  exports.createClass = createClass;
146
116
  exports.inherits = inherits;
package/dist/cjs/index.js CHANGED
@@ -21,17 +21,17 @@ var debounce = require('./debounce-a963b136.js');
21
21
  require('react-dom');
22
22
  var index$1 = require('./index-a4c53ff4.js');
23
23
  require('./index-0d0efcfa.js');
24
- var main = require('./main-becc38ae.js');
24
+ var main = require('./main-58839f4e.js');
25
25
  var entities = require('./entities-3e0b4a16.js');
26
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
27
- var AdSlot = require('./AdSlot-983cfe5f.js');
26
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
27
+ var AdSlot = require('./AdSlot-d87cef08.js');
28
28
  var DeckContent = require('./DeckContent.js');
29
29
  require('./get-126b1712.js');
30
- var GridContent = require('./GridContent-3f7dc5ac.js');
30
+ var GridContent = require('./GridContent-6dae5d6a.js');
31
31
  var DeckQueue = require('./DeckQueue.js');
32
32
  require('react-bootstrap/Media');
33
33
  var ThumbnailCard = require('./ThumbnailCard.js');
34
- var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
34
+ var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
35
35
  var GroupDeck = require('./GroupDeck.js');
36
36
  var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
37
37
  var reactBootstrap = require('react-bootstrap');
@@ -45,7 +45,7 @@ var IssueDeck = require('./IssueDeck.js');
45
45
  require('react-bootstrap/Badge');
46
46
  var IssueContentDeck = require('./IssueContentDeck.js');
47
47
  var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
48
- var TemplateNormal = require('./Normal-815c5ad0.js');
48
+ var TemplateNormal = require('./Normal-821546cd.js');
49
49
  require('react-bootstrap/ListGroup');
50
50
  var Head = _interopDefault(require('next/head'));
51
51
  var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -61,7 +61,7 @@ var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
61
61
  var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
62
62
  var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
63
63
  var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
64
- var Ustream = require('./Ustream-5f595d09.js');
64
+ var Ustream = require('./Ustream-0d3dd953.js');
65
65
 
66
66
  var clientId = process.env.CVENT_CLIENT_ID;
67
67
  var clientSecret = process.env.CVENT_CLIENT_SECRET;
@@ -3279,26 +3279,6 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
3279
3279
 
3280
3280
  var id = YoutubeGroup.getYoutubeId(url);
3281
3281
 
3282
- var _useState = React.useState(false),
3283
- _useState2 = _babelHelpers.slicedToArray(_useState, 2),
3284
- playReported = _useState2[0],
3285
- setPlayReported = _useState2[1];
3286
-
3287
- var _useState3 = React.useState(false),
3288
- _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
3289
- endReported = _useState4[0],
3290
- setEndReported = _useState4[1];
3291
-
3292
- var _useState5 = React.useState(null),
3293
- _useState6 = _babelHelpers.slicedToArray(_useState5, 2),
3294
- intervalID = _useState6[0],
3295
- setIntervalID = _useState6[1];
3296
-
3297
- var _useState7 = React.useState(0),
3298
- _useState8 = _babelHelpers.slicedToArray(_useState7, 2),
3299
- prevPercent = _useState8[0],
3300
- setPrevPercent = _useState8[1];
3301
-
3302
3282
  var opts = {
3303
3283
  width: '100%',
3304
3284
  playerVars: {
@@ -3306,57 +3286,7 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
3306
3286
  }
3307
3287
  };
3308
3288
 
3309
- React.useEffect(function () {
3310
- console.log('Video ' + prevPercent);
3311
- AdSlot.Beam.report_beam_event('Video ' + prevPercent, main.main_16);
3312
- }, [prevPercent]);
3313
-
3314
- var handlePlayPercent = function handlePlayPercent(player) {
3315
- var time = player.getCurrentTime() * 100;
3316
- var duration = player.getDuration();
3317
- var ratio = Math.round(time / duration);
3318
- var percent = 0;
3319
-
3320
- if (ratio > 10) percent = 10;
3321
- if (ratio > 20) percent = 20;
3322
- if (ratio > 30) percent = 30;
3323
- if (ratio > 40) percent = 40;
3324
- if (ratio > 50) percent = 50;
3325
- if (ratio > 60) percent = 60;
3326
- if (ratio > 70) percent = 70;
3327
- if (ratio > 80) percent = 80;
3328
- if (ratio > 90) percent = 90;
3329
- if (ratio > 95) percent = 95;
3330
-
3331
- if (parseInt(prevPercent) != parseInt(percent)) {
3332
- setPrevPercent(percent);
3333
- }
3334
- };
3335
-
3336
- var handleOnPlay = function handleOnPlay(event) {
3337
- // report play
3338
- if (!playReported) {
3339
- console.log('Video Played');
3340
-
3341
- AdSlot.Beam.report_beam_event('Video Played', main.main_16);
3342
- setPlayReported(true);
3343
- var _intervalID = setInterval(function () {
3344
- handlePlayPercent(event.target);
3345
- }, 1000);
3346
- setIntervalID(_intervalID);
3347
- }
3348
- };
3349
-
3350
- var handleOnEnd = function handleOnEnd(event) {
3351
- if (!endReported) {
3352
- console.log('Video 100');
3353
- AdSlot.Beam.report_beam_event('Video 100', main.main_16);
3354
- setEndReported(true);
3355
- clearInterval(intervalID);
3356
- }
3357
- };
3358
-
3359
- return React__default.createElement(YouTube, { videoId: id, opts: opts, onPlay: handleOnPlay, onEnd: handleOnEnd });
3289
+ return React__default.createElement(YouTube, { videoId: id, opts: opts });
3360
3290
  };
3361
3291
 
3362
3292
  var Sidebar = function Sidebar(_ref) {
@@ -13170,7 +13100,6 @@ var _initialiseProps = function _initialiseProps() {
13170
13100
  };
13171
13101
 
13172
13102
  exports.AdSlot = AdSlot.DFPAdSlot;
13173
- exports.Beam = AdSlot.Beam;
13174
13103
  exports.DeckContent = DeckContent;
13175
13104
  exports.AD = GridContent.AD;
13176
13105
  exports.GridContent = GridContent.GridContent;
@@ -853,7 +853,6 @@ var main_47 = main.osName;
853
853
  var main_48 = main.osVersion;
854
854
  var main_49 = main.withOrientationChange;
855
855
 
856
- exports.main_16 = main_16;
857
856
  exports.main_35 = main_35;
858
857
  exports.main_36 = main_36;
859
858
  exports.main_37 = main_37;
@@ -0,0 +1,64 @@
1
+ import React__default, { useState } from 'react';
2
+ import { b as lib_2 } from './index-70f7c966.js';
3
+ import PropTypes from 'prop-types';
4
+ import { d as debounce_1 } from './debounce-dc0c02e5.js';
5
+ import { s as slicedToArray } from './_babelHelpers-67c05996.js';
6
+
7
+ var DFPAdSlot = function DFPAdSlot(_ref) {
8
+ var adUnit = _ref.adUnit,
9
+ sizeMapping = _ref.sizeMapping,
10
+ className = _ref.className,
11
+ slotId = _ref.slotId,
12
+ sizes = _ref.sizes,
13
+ _ref$targeting = _ref.targeting,
14
+ targeting = _ref$targeting === undefined ? {} : _ref$targeting;
15
+
16
+ var _useState = useState(false),
17
+ _useState2 = slicedToArray(_useState, 2),
18
+ adRendered = _useState2[0],
19
+ setAdRendered = _useState2[1];
20
+
21
+ var _useState3 = useState(false),
22
+ _useState4 = slicedToArray(_useState3, 2),
23
+ adRefreshable = _useState4[0],
24
+ setAdRefreshable = _useState4[1];
25
+
26
+ var handleVisibilityChange = debounce_1(function (_ref2) {
27
+ var event = _ref2.event;
28
+
29
+ if (event.inViewPercentage <= 0) {
30
+ setAdRefreshable(false);
31
+ } else {
32
+ setAdRefreshable(true);
33
+ }
34
+ }, 500);
35
+
36
+ return React__default.createElement(
37
+ 'div',
38
+ { className: className },
39
+ React__default.createElement(lib_2, {
40
+ slotId: slotId,
41
+ sizes: sizes,
42
+ adUnit: adUnit,
43
+ sizeMapping: sizeMapping,
44
+ targetingArguments: targeting,
45
+ onSlotRender: function onSlotRender(eventData) {
46
+ setAdRendered(true);
47
+ },
48
+ onSlotVisibilityChanged: handleVisibilityChange,
49
+ shouldRefresh: function shouldRefresh() {
50
+ if (adRendered && adRefreshable) return true;else return false;
51
+ }
52
+ })
53
+ );
54
+ };
55
+
56
+ DFPAdSlot.propTypes = {
57
+ adUnit: PropTypes.string.isRequired,
58
+ slotId: PropTypes.string,
59
+ className: PropTypes.string,
60
+ sizeMapping: PropTypes.array,
61
+ sizes: PropTypes.array
62
+ };
63
+
64
+ export { DFPAdSlot as D };
@@ -13,10 +13,10 @@ import { d as debounce_1 } from './debounce-dc0c02e5.js';
13
13
  import 'react-dom';
14
14
  import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
15
15
  import { L as LazyLoad } from './index-3c1ee9ab.js';
16
- import { m as main_36 } from './main-e84e7749.js';
16
+ import { m as main_36 } from './main-cd81c243.js';
17
17
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
18
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
19
- import { D as DFPAdSlot } from './AdSlot-c40f4438.js';
18
+ import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
19
+ import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
20
20
 
21
21
  var DeckContent = function (_React$Component) {
22
22
  inherits(DeckContent, _React$Component);
@@ -13,9 +13,9 @@ import { d as debounce_1 } from './debounce-dc0c02e5.js';
13
13
  import 'react-dom';
14
14
  import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
15
15
  import { L as LazyLoad } from './index-3c1ee9ab.js';
16
- import { m as main_36 } from './main-e84e7749.js';
16
+ import { m as main_36 } from './main-cd81c243.js';
17
17
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
18
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
18
+ import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
19
19
  import { g as get_1 } from './get-b074314b.js';
20
20
 
21
21
  var DeckQueue = function (_React$Component) {
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
5
5
  import { V as VisibilitySensor } from './visibility-sensor-71e50a91.js';
6
6
  import { d as debounce_1 } from './debounce-dc0c02e5.js';
7
7
  import 'react-dom';
8
- import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
8
+ import { s as slicedToArray } from './_babelHelpers-67c05996.js';
9
9
 
10
10
  var AD = function AD(_ref) {
11
11
  var networkID = _ref.networkID,
@@ -10,14 +10,14 @@ import { withRouter } from 'next/router';
10
10
  import { d as debounce_1 } from './debounce-dc0c02e5.js';
11
11
  import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
12
12
  import { L as LazyLoad } from './index-3c1ee9ab.js';
13
- import { m as main_36 } from './main-e84e7749.js';
13
+ import { m as main_36 } from './main-cd81c243.js';
14
14
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
15
- import { i as inherits, c as createClass, t as toConsumableArray, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-c212c59c.js';
16
- import { D as DFPAdSlot } from './AdSlot-c40f4438.js';
15
+ import { i as inherits, c as createClass, t as toConsumableArray, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
16
+ import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
17
17
  import { g as get_1 } from './get-b074314b.js';
18
18
 
19
19
  var Dfp = React__default.lazy(function () {
20
- return import('./Dfp-0567f8a3.js');
20
+ return import('./Dfp-f026ab16.js');
21
21
  });
22
22
 
23
23
  var AD = function AD(props) {
@@ -13,9 +13,9 @@ import './debounce-dc0c02e5.js';
13
13
  import 'react-dom';
14
14
  import './index-ca4ff5cb.js';
15
15
  import './index-3c1ee9ab.js';
16
- import './main-e84e7749.js';
16
+ import './main-cd81c243.js';
17
17
  import './entities-e85d3a4a.js';
18
- import './_babelHelpers-c212c59c.js';
19
- import './AdSlot-c40f4438.js';
18
+ import './_babelHelpers-67c05996.js';
19
+ import './AdSlot-0ea49f7e.js';
20
20
  import './get-b074314b.js';
21
- export { G as default } from './GridContent-e61fff04.js';
21
+ export { G as default } from './GridContent-7990f509.js';
@@ -12,8 +12,8 @@ import { withRouter } from 'next/router';
12
12
  import { d as debounce_1 } from './debounce-dc0c02e5.js';
13
13
  import 'react-dom';
14
14
  import './index-ca4ff5cb.js';
15
- import { m as main_36 } from './main-e84e7749.js';
16
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
15
+ import { m as main_36 } from './main-cd81c243.js';
16
+ import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
17
17
 
18
18
  var MasterDeck = function (_React$Component) {
19
19
  inherits(MasterDeck, _React$Component);
@@ -5,9 +5,9 @@ import Container from 'react-bootstrap/Container';
5
5
  import Row from 'react-bootstrap/Row';
6
6
  import Col from 'react-bootstrap/Col';
7
7
  import Link from 'next/link';
8
- import { m as main_36, c as main_37 } from './main-e84e7749.js';
9
- import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
10
- import { D as DFPAdSlot } from './AdSlot-c40f4438.js';
8
+ import { m as main_36, b as main_37 } from './main-cd81c243.js';
9
+ import { s as slicedToArray } from './_babelHelpers-67c05996.js';
10
+ import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
11
11
  import { g as get_1 } from './get-b074314b.js';
12
12
  import { Dropdown } from 'react-bootstrap';
13
13
  import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
@@ -8,9 +8,9 @@ import { useRouter } from 'next/router';
8
8
  import 'react-dom';
9
9
  import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
10
10
  import { L as LazyLoad } from './index-3c1ee9ab.js';
11
- import { m as main_36 } from './main-e84e7749.js';
11
+ import { m as main_36 } from './main-cd81c243.js';
12
12
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
13
- import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
13
+ import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
14
14
  import { Container, Media } from 'react-bootstrap';
15
15
 
16
16
  var urlFor = function urlFor(source, builder) {
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import { n as node, i as imageUrlBuilder } from './index-ca4ff5cb.js';
8
8
  import { L as LazyLoad } from './index-3c1ee9ab.js';
9
- import { _ as _extends } from './_babelHelpers-c212c59c.js';
9
+ import { _ as _extends } from './_babelHelpers-67c05996.js';
10
10
 
11
11
  /*
12
12
  object-assign