@blaze-cms/react-page-builder 0.146.0-alpha.4 → 0.146.0-alpha.41

package/lib/components/Video/VideoRender.js

@@ -1,25 +1,58 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _providers = _interopRequireDefault(require("./providers"));
 var _HOC = require("../../HOC");
+var _VideoContext = require("./VideoContext");
+var _emitGtmEvent = _interopRequireDefault(require("./helpers/emit-gtm-event"));
 var _excluded = ["provider"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var VideoRender = function VideoRender(_ref) {
   var provider = _ref.provider,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var ref = (0, _react.useRef)(0);
   var Provider = (0, _providers["default"])(provider);
-  return /*#__PURE__*/_react["default"].createElement(Provider, props);
+  var propEventName = props.gtmEventName;
+  var gtmEventName = propEventName || process.env.BLAZE_VIDEO_EVENT_NAME;
+  var emitEvent = gtmEventName ? function (_ref2) {
+    var action = _ref2.action,
+      videoId = _ref2.videoId;
+    return (0, _emitGtmEvent["default"])({
+      gtmEventName: gtmEventName,
+      provider: provider,
+      action: action,
+      videoId: videoId,
+      playCounter: ref
+    });
+  } : null;
+  return /*#__PURE__*/_react["default"].createElement(_VideoContext.VideoContextProvider, {
+    value: {
+      emitEvent: emitEvent
+    }
+  }, /*#__PURE__*/_react["default"].createElement(Provider, props));
 };
 VideoRender.propTypes = {
-  provider: _propTypes["default"].string.isRequired
+  provider: _propTypes["default"].string.isRequired,
+  gtmEventName: _propTypes["default"].string
+};
+VideoRender.defaultProps = {
+  gtmEventName: ''
 };
 var _default = exports["default"] = (0, _HOC.withTitle)(VideoRender);
 //# sourceMappingURL=VideoRender.js.map

package/lib/components/Video/VideoRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoRender.js","names":["_react","_interopRequireDefault","require","_propTypes","_providers","_HOC","_excluded","VideoRender","_ref","provider","props","_objectWithoutProperties2","Provider","getProvider","createElement","propTypes","PropTypes","string","isRequired","_default","exports","withTitle"],"sources":["../../../src/components/Video/VideoRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getProvider from './providers';\nimport { withTitle } from '../../HOC';\n\nconst VideoRender = ({ provider, ...props }) => {\n  const Provider = getProvider(provider);\n  return <Provider {...props} />;\n};\n\nVideoRender.propTypes = {\n  provider: PropTypes.string.isRequired\n};\n\nexport default withTitle(VideoRender);\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAAsC,IAAAI,SAAA;AAEtC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA+B;EAAA,IAAzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,aAAAH,IAAA,EAAAF,SAAA;EACvC,IAAMM,QAAQ,GAAG,IAAAC,qBAAW,EAACJ,QAAQ,CAAC;EACtC,oBAAOT,MAAA,YAAAc,aAAA,CAACF,QAAQ,EAAKF,KAAQ,CAAC;AAChC,CAAC;AAEDH,WAAW,CAACQ,SAAS,GAAG;EACtBN,QAAQ,EAAEO,qBAAS,CAACC,MAAM,CAACC;AAC7B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEa,IAAAC,cAAS,EAACd,WAAW,CAAC"}
+{"version":3,"file":"VideoRender.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_providers","_HOC","_VideoContext","_emitGtmEvent","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VideoRender","_ref","provider","props","_objectWithoutProperties2","ref","useRef","Provider","getProvider","propEventName","gtmEventName","process","env","BLAZE_VIDEO_EVENT_NAME","emitEvent","_ref2","action","videoId","emitGtmEvent","playCounter","createElement","VideoContextProvider","value","propTypes","PropTypes","string","isRequired","defaultProps","_default","exports","withTitle"],"sources":["../../../src/components/Video/VideoRender.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport getProvider from './providers';\nimport { withTitle } from '../../HOC';\nimport { VideoContextProvider } from './VideoContext';\nimport emitGtmEvent from './helpers/emit-gtm-event';\n\nconst VideoRender = ({ provider, ...props }) => {\n  const ref = useRef(0);\n  const Provider = getProvider(provider);\n  const { gtmEventName: propEventName } = props;\n  const gtmEventName = propEventName || process.env.BLAZE_VIDEO_EVENT_NAME;\n  const emitEvent = gtmEventName\n    ? ({ action, videoId }) =>\n        emitGtmEvent({\n          gtmEventName,\n          provider,\n          action,\n          videoId,\n          playCounter: ref\n        })\n    : null;\n\n  return (\n    <VideoContextProvider value={{ emitEvent }}>\n      <Provider {...props} />\n    </VideoContextProvider>\n  );\n};\n\nVideoRender.propTypes = {\n  provider: PropTypes.string.isRequired,\n  gtmEventName: PropTypes.string\n};\n\nVideoRender.defaultProps = {\n  gtmEventName: ''\n};\n\nexport default withTitle(VideoRender);\n"],"mappings":"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","ignoreList":[]}

package/lib/components/Video/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EVENT_ACTIONS = void 0;
+var EVENT_ACTIONS = exports.EVENT_ACTIONS = {
+  START: 'start',
+  PLAYING: 'playing',
+  PAUSED: 'paused',
+  ENDED: 'ended'
+};
+//# sourceMappingURL=constants.js.map

package/lib/components/Video/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["EVENT_ACTIONS","exports","START","PLAYING","PAUSED","ENDED"],"sources":["../../../src/components/Video/constants.js"],"sourcesContent":["export const EVENT_ACTIONS = {\n  START: 'start',\n  PLAYING: 'playing',\n  PAUSED: 'paused',\n  ENDED: 'ended'\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

package/lib/components/Video/helpers/emit-gtm-event.js

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _constants = require("../constants");
+var emitGtmEvent = function emitGtmEvent(_ref) {
+  var gtmEventName = _ref.gtmEventName,
+    provider = _ref.provider,
+    action = _ref.action,
+    videoId = _ref.videoId,
+    playCounter = _ref.playCounter;
+  if (!window.dataLayer || !action) return;
+  var actionToUse = action === _constants.EVENT_ACTIONS.PLAYING && playCounter.current < 1 ? _constants.EVENT_ACTIONS.START : action;
+  if (action === _constants.EVENT_ACTIONS.PLAYING) {
+    // eslint-disable-next-line no-param-reassign
+    playCounter.current += 1;
+  }
+  var playCount = playCounter.current;
+  window.dataLayer.push({
+    event: gtmEventName,
+    video_action: actionToUse,
+    video_provider: provider,
+    video_id: videoId,
+    video_play_count: playCount
+  });
+};
+var _default = exports["default"] = emitGtmEvent;
+//# sourceMappingURL=emit-gtm-event.js.map

package/lib/components/Video/helpers/emit-gtm-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emit-gtm-event.js","names":["_constants","require","emitGtmEvent","_ref","gtmEventName","provider","action","videoId","playCounter","window","dataLayer","actionToUse","EVENT_ACTIONS","PLAYING","current","START","playCount","push","event","video_action","video_provider","video_id","video_play_count","_default","exports"],"sources":["../../../../src/components/Video/helpers/emit-gtm-event.js"],"sourcesContent":["import { EVENT_ACTIONS } from '../constants';\n\nconst emitGtmEvent = ({ gtmEventName, provider, action, videoId, playCounter }) => {\n  if (!window.dataLayer || !action) return;\n\n  const actionToUse =\n    action === EVENT_ACTIONS.PLAYING && playCounter.current < 1 ? EVENT_ACTIONS.START : action;\n\n  if (action === EVENT_ACTIONS.PLAYING) {\n    // eslint-disable-next-line no-param-reassign\n    playCounter.current += 1;\n  }\n\n  const playCount = playCounter.current;\n\n  window.dataLayer.push({\n    event: gtmEventName,\n    video_action: actionToUse,\n    video_provider: provider,\n    video_id: videoId,\n    video_play_count: playCount\n  });\n};\n\nexport default emitGtmEvent;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAiE;EAAA,IAA3DC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,WAAW,GAAAL,IAAA,CAAXK,WAAW;EAC1E,IAAI,CAACC,MAAM,CAACC,SAAS,IAAI,CAACJ,MAAM,EAAE;EAElC,IAAMK,WAAW,GACfL,MAAM,KAAKM,wBAAa,CAACC,OAAO,IAAIL,WAAW,CAACM,OAAO,GAAG,CAAC,GAAGF,wBAAa,CAACG,KAAK,GAAGT,MAAM;EAE5F,IAAIA,MAAM,KAAKM,wBAAa,CAACC,OAAO,EAAE;IACpC;IACAL,WAAW,CAACM,OAAO,IAAI,CAAC;EAC1B;EAEA,IAAME,SAAS,GAAGR,WAAW,CAACM,OAAO;EAErCL,MAAM,CAACC,SAAS,CAACO,IAAI,CAAC;IACpBC,KAAK,EAAEd,YAAY;IACnBe,YAAY,EAAER,WAAW;IACzBS,cAAc,EAAEf,QAAQ;IACxBgB,QAAQ,EAAEd,OAAO;IACjBe,gBAAgB,EAAEN;EACpB,CAAC,CAAC;AACJ,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEatB,YAAY","ignoreList":[]}

package/lib/components/Video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Video","_interopRequireDefault","require","_default","exports","Video"],"sources":["../../../src/components/Video/index.js"],"sourcesContent":["import Video from './Video';\n\nexport default Video;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4B,IAAAC,QAAA,GAAAC,OAAA,cAEbC,iBAAK"}
+{"version":3,"file":"index.js","names":["_Video","_interopRequireDefault","require","_default","exports","Video"],"sources":["../../../src/components/Video/index.js"],"sourcesContent":["import Video from './Video';\n\nexport default Video;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4B,IAAAC,QAAA,GAAAC,OAAA,cAEbC,iBAAK","ignoreList":[]}

package/lib/components/Video/providers/Default.js.map

@@ -1 +1 @@
-{"version":3,"file":"Default.js","names":["_react","_interopRequireDefault","require","_propTypes","_videoReact","_constants","Default","_ref","modifier","url","autoplay","loop","createElement","className","VIDEO_WRAPPER_CLASS_NAME","Player","preload","autoPlay","muted","src","propTypes","PropTypes","string","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';\n\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay, loop }) => (\n  <div className={VIDEO_WRAPPER_CLASS_NAME}>\n    <Player className={modifier} preload=\"none\" autoPlay={autoplay} loop={loop} muted={autoplay}>\n      <source src={url} />\n    </Player>\n  </div>\n);\n\nDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nDefault.defaultProps = {\n  modifier: null,\n  autoplay: false,\n  loop: false\n};\n\nexport default Default;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA;;AAEA,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAAA,oBAC9CX,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAEC;EAAyB,gBACvCd,MAAA,YAAAY,aAAA,CAACR,WAAA,CAAAW,MAAM;IAACF,SAAS,EAAEL,QAAS;IAACQ,OAAO,EAAC,MAAM;IAACC,QAAQ,EAAEP,QAAS;IAACC,IAAI,EAAEA,IAAK;IAACO,KAAK,EAAER;EAAS,gBAC1FV,MAAA,YAAAY,aAAA;IAAQO,GAAG,EAAEV;EAAI,CAAE,CACb,CACL,CAAC;AAAA,CACP;AAEDH,OAAO,CAACc,SAAS,GAAG;EAClBX,GAAG,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCf,QAAQ,EAAEa,qBAAS,CAACC,MAAM;EAC1BZ,QAAQ,EAAEW,qBAAS,CAACG,IAAI;EACxBb,IAAI,EAAEU,qBAAS,CAACG;AAClB,CAAC;AAEDlB,OAAO,CAACmB,YAAY,GAAG;EACrBjB,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEarB,OAAO"}
+{"version":3,"file":"Default.js","names":["_react","_interopRequireDefault","require","_propTypes","_videoReact","_constants","Default","_ref","modifier","url","autoplay","loop","createElement","className","VIDEO_WRAPPER_CLASS_NAME","Player","preload","autoPlay","muted","src","propTypes","PropTypes","string","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';\n\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay, loop }) => (\n  <div className={VIDEO_WRAPPER_CLASS_NAME}>\n    <Player className={modifier} preload=\"none\" autoPlay={autoplay} loop={loop} muted={autoplay}>\n      <source src={url} />\n    </Player>\n  </div>\n);\n\nDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nDefault.defaultProps = {\n  modifier: null,\n  autoplay: false,\n  loop: false\n};\n\nexport default Default;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA;;AAEA,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAAA,oBAC9CX,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAEC;EAAyB,gBACvCd,MAAA,YAAAY,aAAA,CAACR,WAAA,CAAAW,MAAM;IAACF,SAAS,EAAEL,QAAS;IAACQ,OAAO,EAAC,MAAM;IAACC,QAAQ,EAAEP,QAAS;IAACC,IAAI,EAAEA,IAAK;IAACO,KAAK,EAAER;EAAS,gBAC1FV,MAAA,YAAAY,aAAA;IAAQO,GAAG,EAAEV;EAAI,CAAE,CACb,CACL,CAAC;AAAA,CACP;AAEDH,OAAO,CAACc,SAAS,GAAG;EAClBX,GAAG,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCf,QAAQ,EAAEa,qBAAS,CAACC,MAAM;EAC1BZ,QAAQ,EAAEW,qBAAS,CAACG,IAAI;EACxBb,IAAI,EAAEU,qBAAS,CAACG;AAClB,CAAC;AAEDlB,OAAO,CAACmB,YAAY,GAAG;EACrBjB,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEarB,OAAO","ignoreList":[]}

package/lib/components/Video/providers/JWPlayer/JWPlayerController.js

@@ -9,12 +9,14 @@ exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _constants = require("../../constants");
 /*
   Custom controller to extend and scale the 'react-jw-player' library for future updates.
 */
 var JWPlayerController = /*#__PURE__*/function () {
-  function JWPlayerController() {
+  function JWPlayerController(_ref) {
     var _this = this;
+    var _emitEvent = _ref.emitEvent;
     (0, _classCallCheck2["default"])(this, JWPlayerController);
     (0, _defineProperty2["default"])(this, "setPlayer", function (player) {
       _this.player = player;
@@ -22,19 +24,37 @@ var JWPlayerController = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "setErrorHandler", function (setError) {
       _this.setError = setError;
     });
-    (0, _defineProperty2["default"])(this, "onError", function (_ref) {
-      var message = _ref.message;
+    (0, _defineProperty2["default"])(this, "onError", function (_ref2) {
+      var message = _ref2.message;
       _this.error = message;
     });
-    (0, _defineProperty2["default"])(this, "onSetupError", function (_ref2) {
-      var message = _ref2.message;
+    (0, _defineProperty2["default"])(this, "onSetupError", function (_ref3) {
+      var message = _ref3.message;
       _this.error = message;
     });
-    (0, _defineProperty2["default"])(this, "onComplete", function (event) {});
-    (0, _defineProperty2["default"])(this, "onPause", function (event) {});
-    (0, _defineProperty2["default"])(this, "onPlay", function (event) {});
+    (0, _defineProperty2["default"])(this, "doEmitEvent", function (action) {
+      var emitEvent = _this.emitEvent;
+      if (emitEvent) {
+        var _this$player$getPlayl = _this.player.getPlaylistItem(),
+          videoId = _this$player$getPlayl.mediaid;
+        emitEvent({
+          action: action,
+          videoId: videoId
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(this, "onComplete", function (event) {
+      _this.doEmitEvent(_constants.EVENT_ACTIONS.ENDED);
+    });
+    (0, _defineProperty2["default"])(this, "onPause", function (event) {
+      _this.doEmitEvent(_constants.EVENT_ACTIONS.PAUSED);
+    });
+    (0, _defineProperty2["default"])(this, "onPlay", function (event) {
+      _this.doEmitEvent(_constants.EVENT_ACTIONS.PLAYING);
+    });
     this.player = null;
     this.error = null;
+    this.emitEvent = _emitEvent;
   }
   (0, _createClass2["default"])(JWPlayerController, [{
     key: "events",

package/lib/components/Video/providers/JWPlayer/JWPlayerController.js.map

@@ -1 +1 @@
-{"version":3,"file":"JWPlayerController.js","names":["JWPlayerController","_this","_classCallCheck2","_defineProperty2","player","setError","_ref","message","error","_ref2","event","_createClass2","key","get","play","onPlay","pause","onPause","onError","complete","onComplete","setupError","_default","exports"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerController.js"],"sourcesContent":["/*\n  Custom controller to extend and scale the 'react-jw-player' library for future updates.\n*/\n\nclass JWPlayerController {\n  constructor() {\n    this.player = null;\n    this.error = null;\n  }\n\n  setPlayer = player => {\n    this.player = player;\n  };\n\n  setErrorHandler = setError => {\n    this.setError = setError;\n  };\n\n  onError = ({ message }) => {\n    this.error = message;\n  };\n\n  onSetupError = ({ message }) => {\n    this.error = message;\n  };\n\n  onComplete = event => {};\n\n  onPause = event => {};\n\n  onPlay = event => {};\n\n  get events() {\n    return {\n      play: this.onPlay,\n      pause: this.onPause,\n      error: this.onError,\n      complete: this.onComplete,\n      setupError: this.setupError\n    };\n  }\n}\n\nexport default JWPlayerController;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAFA,IAIMA,kBAAkB;EACtB,SAAAA,mBAAA,EAAc;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAF,kBAAA;IAAA,IAAAG,gBAAA,gCAKF,UAAAC,MAAM,EAAI;MACpBH,KAAI,CAACG,MAAM,GAAGA,MAAM;IACtB,CAAC;IAAA,IAAAD,gBAAA,sCAEiB,UAAAE,QAAQ,EAAI;MAC5BJ,KAAI,CAACI,QAAQ,GAAGA,QAAQ;IAC1B,CAAC;IAAA,IAAAF,gBAAA,8BAES,UAAAG,IAAA,EAAiB;MAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAClBN,KAAI,CAACO,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAA,IAAAJ,gBAAA,mCAEc,UAAAM,KAAA,EAAiB;MAAA,IAAdF,OAAO,GAAAE,KAAA,CAAPF,OAAO;MACvBN,KAAI,CAACO,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAA,IAAAJ,gBAAA,iCAEY,UAAAO,KAAK,EAAI,CAAC,CAAC;IAAA,IAAAP,gBAAA,8BAEd,UAAAO,KAAK,EAAI,CAAC,CAAC;IAAA,IAAAP,gBAAA,6BAEZ,UAAAO,KAAK,EAAI,CAAC,CAAC;IAxBlB,IAAI,CAACN,MAAM,GAAG,IAAI;IAClB,IAAI,CAACI,KAAK,GAAG,IAAI;EACnB;EAAC,IAAAG,aAAA,aAAAX,kBAAA;IAAAY,GAAA;IAAAC,GAAA,EAwBD,SAAAA,IAAA,EAAa;MACX,OAAO;QACLC,IAAI,EAAE,IAAI,CAACC,MAAM;QACjBC,KAAK,EAAE,IAAI,CAACC,OAAO;QACnBT,KAAK,EAAE,IAAI,CAACU,OAAO;QACnBC,QAAQ,EAAE,IAAI,CAACC,UAAU;QACzBC,UAAU,EAAE,IAAI,CAACA;MACnB,CAAC;IACH;EAAC;EAAA,OAAArB,kBAAA;AAAA;AAAA,IAAAsB,QAAA,GAAAC,OAAA,cAGYvB,kBAAkB"}
+{"version":3,"file":"JWPlayerController.js","names":["_constants","require","JWPlayerController","_ref","_this","emitEvent","_classCallCheck2","_defineProperty2","player","setError","_ref2","message","error","_ref3","action","_this$player$getPlayl","getPlaylistItem","videoId","mediaid","event","doEmitEvent","EVENT_ACTIONS","ENDED","PAUSED","PLAYING","_createClass2","key","get","play","onPlay","pause","onPause","onError","complete","onComplete","setupError","_default","exports"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerController.js"],"sourcesContent":["/*\n  Custom controller to extend and scale the 'react-jw-player' library for future updates.\n*/\n\nimport { EVENT_ACTIONS } from '../../constants';\n\nclass JWPlayerController {\n  constructor({ emitEvent }) {\n    this.player = null;\n    this.error = null;\n    this.emitEvent = emitEvent;\n  }\n\n  setPlayer = player => {\n    this.player = player;\n  };\n\n  setErrorHandler = setError => {\n    this.setError = setError;\n  };\n\n  onError = ({ message }) => {\n    this.error = message;\n  };\n\n  onSetupError = ({ message }) => {\n    this.error = message;\n  };\n\n  doEmitEvent = action => {\n    const { emitEvent } = this;\n    if (emitEvent) {\n      const { mediaid: videoId } = this.player.getPlaylistItem();\n      emitEvent({ action, videoId });\n    }\n  };\n\n  onComplete = event => {\n    this.doEmitEvent(EVENT_ACTIONS.ENDED);\n  };\n\n  onPause = event => {\n    this.doEmitEvent(EVENT_ACTIONS.PAUSED);\n  };\n\n  onPlay = event => {\n    this.doEmitEvent(EVENT_ACTIONS.PLAYING);\n  };\n\n  get events() {\n    return {\n      play: this.onPlay,\n      pause: this.onPause,\n      error: this.onError,\n      complete: this.onComplete,\n      setupError: this.setupError\n    };\n  }\n}\n\nexport default JWPlayerController;\n"],"mappings":";;;;;;;;;;;AAIA,IAAAA,UAAA,GAAAC,OAAA;AAJA;AACA;AACA;AAFA,IAMMC,kBAAkB;EACtB,SAAAA,mBAAAC,IAAA,EAA2B;IAAA,IAAAC,KAAA;IAAA,IAAbC,UAAS,GAAAF,IAAA,CAATE,SAAS;IAAA,IAAAC,gBAAA,mBAAAJ,kBAAA;IAAA,IAAAK,gBAAA,gCAMX,UAAAC,MAAM,EAAI;MACpBJ,KAAI,CAACI,MAAM,GAAGA,MAAM;IACtB,CAAC;IAAA,IAAAD,gBAAA,sCAEiB,UAAAE,QAAQ,EAAI;MAC5BL,KAAI,CAACK,QAAQ,GAAGA,QAAQ;IAC1B,CAAC;IAAA,IAAAF,gBAAA,8BAES,UAAAG,KAAA,EAAiB;MAAA,IAAdC,OAAO,GAAAD,KAAA,CAAPC,OAAO;MAClBP,KAAI,CAACQ,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAA,IAAAJ,gBAAA,mCAEc,UAAAM,KAAA,EAAiB;MAAA,IAAdF,OAAO,GAAAE,KAAA,CAAPF,OAAO;MACvBP,KAAI,CAACQ,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAA,IAAAJ,gBAAA,kCAEa,UAAAO,MAAM,EAAI;MACtB,IAAQT,SAAS,GAAKD,KAAI,CAAlBC,SAAS;MACjB,IAAIA,SAAS,EAAE;QACb,IAAAU,qBAAA,GAA6BX,KAAI,CAACI,MAAM,CAACQ,eAAe,CAAC,CAAC;UAAzCC,OAAO,GAAAF,qBAAA,CAAhBG,OAAO;QACfb,SAAS,CAAC;UAAES,MAAM,EAANA,MAAM;UAAEG,OAAO,EAAPA;QAAQ,CAAC,CAAC;MAChC;IACF,CAAC;IAAA,IAAAV,gBAAA,iCAEY,UAAAY,KAAK,EAAI;MACpBf,KAAI,CAACgB,WAAW,CAACC,wBAAa,CAACC,KAAK,CAAC;IACvC,CAAC;IAAA,IAAAf,gBAAA,8BAES,UAAAY,KAAK,EAAI;MACjBf,KAAI,CAACgB,WAAW,CAACC,wBAAa,CAACE,MAAM,CAAC;IACxC,CAAC;IAAA,IAAAhB,gBAAA,6BAEQ,UAAAY,KAAK,EAAI;MAChBf,KAAI,CAACgB,WAAW,CAACC,wBAAa,CAACG,OAAO,CAAC;IACzC,CAAC;IAvCC,IAAI,CAAChB,MAAM,GAAG,IAAI;IAClB,IAAI,CAACI,KAAK,GAAG,IAAI;IACjB,IAAI,CAACP,SAAS,GAAGA,UAAS;EAC5B;EAAC,IAAAoB,aAAA,aAAAvB,kBAAA;IAAAwB,GAAA;IAAAC,GAAA,EAsCD,SAAAA,IAAA,EAAa;MACX,OAAO;QACLC,IAAI,EAAE,IAAI,CAACC,MAAM;QACjBC,KAAK,EAAE,IAAI,CAACC,OAAO;QACnBnB,KAAK,EAAE,IAAI,CAACoB,OAAO;QACnBC,QAAQ,EAAE,IAAI,CAACC,UAAU;QACzBC,UAAU,EAAE,IAAI,CAACA;MACnB,CAAC;IACH;EAAC;EAAA,OAAAjC,kBAAA;AAAA;AAAA,IAAAkC,QAAA,GAAAC,OAAA,cAGYnC,kBAAkB","ignoreList":[]}

package/lib/components/Video/providers/JWPlayer/JWPlayerProvider.js

@@ -1,30 +1,37 @@
 "use strict";
 
-require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.function.name.js");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactJwPlayer = _interopRequireDefault(require("react-jw-player"));
 var _constants = require("../../../../constants");
 var _JWPlayerController = _interopRequireDefault(require("./JWPlayerController"));
+var _VideoContext = require("../../VideoContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var PlayerController = new _JWPlayerController["default"]();
 var JWPlayerProvider = function JWPlayerProvider(_ref) {
   var url = _ref.url,
     name = _ref.name,
@@ -35,14 +42,19 @@ var JWPlayerProvider = function JWPlayerProvider(_ref) {
     muted = _ref.muted,
     imageData = _ref.imageData,
     repeat = _ref.loop;
+  var _useContext = (0, _react.useContext)(_VideoContext.VideoContext),
+    emitEvent = _useContext.emitEvent;
+  var PlayerController = (0, _react.useRef)(new _JWPlayerController["default"]({
+    emitEvent: emitEvent
+  }));
   var handleOnReady = function handleOnReady() {
     var jwPlayer = window.jwplayer(name);
     if (jwPlayer) {
-      PlayerController.setPlayer(jwPlayer);
+      PlayerController.current.setPlayer(jwPlayer);
     }
   };
   var getJWPlayerProps = function getJWPlayerProps() {
-    var events = PlayerController.events;
+    var events = PlayerController.current.events;
     var props = {
       customProps: {
         repeat: repeat,

package/lib/components/Video/providers/JWPlayer/JWPlayerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"JWPlayerProvider.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactJwPlayer","_constants","_JWPlayerController","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","PlayerController","JWPlayerController","JWPlayerProvider","_ref","url","name","autoplay","controls","type","urlScript","muted","imageData","repeat","loop","handleOnReady","jwPlayer","window","jwplayer","setPlayer","getJWPlayerProps","events","props","customProps","playerScript","isAutoPlay","isMuted","playerId","onReady","className","VIDEO_WRAPPER_CLASS_NAME","JW_PLAYER_TYPE_FILE","_imageData$url","imageURL","image","file","playlist","createElement","propTypes","PropTypes","string","isRequired","imageId","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\nimport JWPlayerController from './JWPlayerController';\n\nconst PlayerController = new JWPlayerController();\n\nconst JWPlayerProvider = ({\n  url,\n  name,\n  autoplay,\n  controls,\n  type,\n  urlScript,\n  muted,\n  imageData,\n  loop: repeat\n}) => {\n  const handleOnReady = () => {\n    const jwPlayer = window.jwplayer(name);\n    if (jwPlayer) {\n      PlayerController.setPlayer(jwPlayer);\n    }\n  };\n\n  const getJWPlayerProps = () => {\n    const { events } = PlayerController;\n\n    const props = {\n      customProps: { repeat, controls, events },\n      playerScript: urlScript,\n      isAutoPlay: autoplay,\n      isMuted: muted,\n      playerId: name,\n      onReady: handleOnReady,\n      className: VIDEO_WRAPPER_CLASS_NAME\n    };\n\n    if (type === JW_PLAYER_TYPE_FILE) {\n      const { url: imageURL = '' } = imageData;\n      return { ...props, image: imageURL, file: url };\n    }\n\n    return { ...props, playlist: url };\n  };\n\n  return <ReactJWPlayer {...getJWPlayerProps()} />;\n};\n\nJWPlayerProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  urlScript: PropTypes.string.isRequired,\n  imageId: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  controls: PropTypes.bool,\n  muted: PropTypes.bool,\n  type: PropTypes.string,\n  imageData: PropTypes.object\n};\n\nJWPlayerProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  controls: true,\n  muted: false,\n  type: 'playlist',\n  imageId: null,\n  imageData: {}\n};\n\nexport default JWPlayerProvider;\n"],"mappings":"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"}
+{"version":3,"file":"JWPlayerProvider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactJwPlayer","_constants","_JWPlayerController","_VideoContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","JWPlayerProvider","_ref","url","name","autoplay","controls","type","urlScript","muted","imageData","repeat","loop","_useContext","useContext","VideoContext","emitEvent","PlayerController","useRef","JWPlayerController","handleOnReady","jwPlayer","window","jwplayer","current","setPlayer","getJWPlayerProps","events","props","customProps","playerScript","isAutoPlay","isMuted","playerId","onReady","className","VIDEO_WRAPPER_CLASS_NAME","JW_PLAYER_TYPE_FILE","_imageData$url","imageURL","image","file","playlist","createElement","propTypes","PropTypes","string","isRequired","imageId","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider.js"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\nimport JWPlayerController from './JWPlayerController';\nimport { VideoContext } from '../../VideoContext';\n\nconst JWPlayerProvider = ({\n  url,\n  name,\n  autoplay,\n  controls,\n  type,\n  urlScript,\n  muted,\n  imageData,\n  loop: repeat\n}) => {\n  const { emitEvent } = useContext(VideoContext);\n  const PlayerController = useRef(new JWPlayerController({ emitEvent }));\n\n  const handleOnReady = () => {\n    const jwPlayer = window.jwplayer(name);\n    if (jwPlayer) {\n      PlayerController.current.setPlayer(jwPlayer);\n    }\n  };\n\n  const getJWPlayerProps = () => {\n    const { events } = PlayerController.current;\n\n    const props = {\n      customProps: { repeat, controls, events },\n      playerScript: urlScript,\n      isAutoPlay: autoplay,\n      isMuted: muted,\n      playerId: name,\n      onReady: handleOnReady,\n      className: VIDEO_WRAPPER_CLASS_NAME\n    };\n\n    if (type === JW_PLAYER_TYPE_FILE) {\n      const { url: imageURL = '' } = imageData;\n      return { ...props, image: imageURL, file: url };\n    }\n\n    return { ...props, playlist: url };\n  };\n\n  return <ReactJWPlayer {...getJWPlayerProps()} />;\n};\n\nJWPlayerProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  urlScript: PropTypes.string.isRequired,\n  imageId: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  controls: PropTypes.bool,\n  muted: PropTypes.bool,\n  type: PropTypes.string,\n  imageData: PropTypes.object\n};\n\nJWPlayerProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  controls: true,\n  muted: false,\n  type: 'playlist',\n  imageId: null,\n  imageData: {}\n};\n\nexport default JWPlayerProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/Video/providers/Vimeo/VimeoProvider.js

@@ -1,11 +1,11 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {

package/lib/components/Video/providers/Vimeo/VimeoProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VimeoProvider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_htmlReactParser","_helpers","_helpers2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VimeoProvider","_ref","url","autoplay","loop","imageData","inputEl","useRef","_useState","useState","_useState2","_slicedToArray2","videoData","setVideoData","_useState3","_useState4","videoError","setVideoError","_useState5","_useState6","shouldRenderVideo","setShouldRenderVideo","useEffect","fetchVideoData","_x","_fetchVideoData","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","videoUrl","res","data","wrap","_callee$","_context","prev","next","fetch","sent","json","t0","stop","currentHeight","current","clientHeight","urlWithParams","addExtraParamsToUrl","height","_ref2","thumbnailUrl","thumbnail_url_with_play_button","_ref2$html","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","concat","maxheight","parsedCode","parseHTML","wrappedCode","wrapScriptTags","createElement","ref","role","className","VIDEO_WRAPPER_CLASS_NAME","style","onClick","message","propTypes","PropTypes","string","isRequired","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport { addExtraParamsToUrl } from './helpers';\nimport { wrapScriptTags } from '../../../Code/helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop, imageData }) => {\n  const inputEl = useRef(null);\n  const [videoData, setVideoData] = useState(null);\n  const [videoError, setVideoError] = useState(null);\n  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);\n\n  useEffect(\n    () => {\n      async function fetchVideoData(videoUrl) {\n        try {\n          const res = await fetch(videoUrl);\n          const data = await res.json();\n          setVideoData(data);\n        } catch (err) {\n          setVideoError(err);\n        }\n      }\n      if (url) {\n        const currentHeight = inputEl.current.clientHeight;\n        const urlWithParams = addExtraParamsToUrl(url, {\n          autoplay: true,\n          loop,\n          height: currentHeight\n        });\n        fetchVideoData(urlWithParams);\n      }\n    },\n    [autoplay, loop, url]\n  );\n\n  const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};\n  const imageUrl = imageData && imageData.url;\n  const backgroundUrl = imageUrl || thumbnailUrl;\n  const videoStyle = {};\n  if (!shouldRenderVideo && backgroundUrl)\n    videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;\n  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;\n  const parsedCode = parseHTML(html);\n  const wrappedCode = wrapScriptTags(parsedCode);\n\n  return (\n    <div\n      ref={inputEl}\n      role=\"button\"\n      className={VIDEO_WRAPPER_CLASS_NAME}\n      style={videoStyle}\n      onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>\n      {shouldRenderVideo && !videoError && wrappedCode}\n      {videoError && videoError.message}\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  imageData: null\n};\n\nexport default VimeoProvider;\n"],"mappings":"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"}
+{"version":3,"file":"VimeoProvider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_htmlReactParser","_helpers","_helpers2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VimeoProvider","_ref","url","autoplay","loop","imageData","inputEl","useRef","_useState","useState","_useState2","_slicedToArray2","videoData","setVideoData","_useState3","_useState4","videoError","setVideoError","_useState5","_useState6","shouldRenderVideo","setShouldRenderVideo","useEffect","fetchVideoData","_x","_fetchVideoData","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","videoUrl","res","data","wrap","_callee$","_context","prev","next","fetch","sent","json","t0","stop","currentHeight","current","clientHeight","urlWithParams","addExtraParamsToUrl","height","_ref2","thumbnailUrl","thumbnail_url_with_play_button","_ref2$html","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","concat","maxheight","parsedCode","parseHTML","wrappedCode","wrapScriptTags","createElement","ref","role","className","VIDEO_WRAPPER_CLASS_NAME","style","onClick","message","propTypes","PropTypes","string","isRequired","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport { addExtraParamsToUrl } from './helpers';\nimport { wrapScriptTags } from '../../../Code/helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop, imageData }) => {\n  const inputEl = useRef(null);\n  const [videoData, setVideoData] = useState(null);\n  const [videoError, setVideoError] = useState(null);\n  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);\n\n  useEffect(\n    () => {\n      async function fetchVideoData(videoUrl) {\n        try {\n          const res = await fetch(videoUrl);\n          const data = await res.json();\n          setVideoData(data);\n        } catch (err) {\n          setVideoError(err);\n        }\n      }\n      if (url) {\n        const currentHeight = inputEl.current.clientHeight;\n        const urlWithParams = addExtraParamsToUrl(url, {\n          autoplay: true,\n          loop,\n          height: currentHeight\n        });\n        fetchVideoData(urlWithParams);\n      }\n    },\n    [autoplay, loop, url]\n  );\n\n  const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};\n  const imageUrl = imageData && imageData.url;\n  const backgroundUrl = imageUrl || thumbnailUrl;\n  const videoStyle = {};\n  if (!shouldRenderVideo && backgroundUrl)\n    videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;\n  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;\n  const parsedCode = parseHTML(html);\n  const wrappedCode = wrapScriptTags(parsedCode);\n\n  return (\n    <div\n      ref={inputEl}\n      role=\"button\"\n      className={VIDEO_WRAPPER_CLASS_NAME}\n      style={videoStyle}\n      onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>\n      {shouldRenderVideo && !videoError && wrappedCode}\n      {videoError && videoError.message}\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  imageData: null\n};\n\nexport default VimeoProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.url-search-params.js");
-require("core-js/modules/es.date.to-string.js");
-require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/es.array.concat.js");
 var _constants = require("../../../../../constants");
 var addExtraParamsToUrl = function addExtraParamsToUrl(url) {
   var queryParams = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/lib/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-extra-params-to-url.js","names":["_constants","require","addExtraParamsToUrl","url","queryParams","arguments","length","undefined","paramsWithValues","Object","keys","forEach","key","parsedParams","URLSearchParams","stringParams","toString","concat","VIMEO_OEMBED_URL","_default","exports"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js"],"sourcesContent":["import { VIMEO_OEMBED_URL } from '../../../../../constants';\n\nconst addExtraParamsToUrl = (url, queryParams = {}) => {\n  const paramsWithValues = {};\n  Object.keys(queryParams).forEach(key => {\n    if (queryParams[key]) {\n      paramsWithValues[key] = queryParams[key];\n    }\n  });\n  const parsedParams = new URLSearchParams(paramsWithValues);\n  const stringParams = parsedParams.toString();\n  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;\n};\n\nexport default addExtraParamsToUrl;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,GAAG,EAAuB;EAAA,IAArBC,WAAW,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAChD,IAAMG,gBAAgB,GAAG,CAAC,CAAC;EAC3BC,MAAM,CAACC,IAAI,CAACN,WAAW,CAAC,CAACO,OAAO,CAAC,UAAAC,GAAG,EAAI;IACtC,IAAIR,WAAW,CAACQ,GAAG,CAAC,EAAE;MACpBJ,gBAAgB,CAACI,GAAG,CAAC,GAAGR,WAAW,CAACQ,GAAG,CAAC;IAC1C;EACF,CAAC,CAAC;EACF,IAAMC,YAAY,GAAG,IAAIC,eAAe,CAACN,gBAAgB,CAAC;EAC1D,IAAMO,YAAY,GAAGF,YAAY,CAACG,QAAQ,CAAC,CAAC;EAC5C,UAAAC,MAAA,CAAUC,2BAAgB,WAAAD,MAAA,CAAQd,GAAG,EAAAc,MAAA,CAAGF,YAAY,OAAAE,MAAA,CAAOF,YAAY,IAAK,EAAE;AAChF,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEalB,mBAAmB"}
+{"version":3,"file":"add-extra-params-to-url.js","names":["_constants","require","addExtraParamsToUrl","url","queryParams","arguments","length","undefined","paramsWithValues","Object","keys","forEach","key","parsedParams","URLSearchParams","stringParams","toString","concat","VIMEO_OEMBED_URL","_default","exports"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js"],"sourcesContent":["import { VIMEO_OEMBED_URL } from '../../../../../constants';\n\nconst addExtraParamsToUrl = (url, queryParams = {}) => {\n  const paramsWithValues = {};\n  Object.keys(queryParams).forEach(key => {\n    if (queryParams[key]) {\n      paramsWithValues[key] = queryParams[key];\n    }\n  });\n  const parsedParams = new URLSearchParams(paramsWithValues);\n  const stringParams = parsedParams.toString();\n  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;\n};\n\nexport default addExtraParamsToUrl;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,GAAG,EAAuB;EAAA,IAArBC,WAAW,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAChD,IAAMG,gBAAgB,GAAG,CAAC,CAAC;EAC3BC,MAAM,CAACC,IAAI,CAACN,WAAW,CAAC,CAACO,OAAO,CAAC,UAAAC,GAAG,EAAI;IACtC,IAAIR,WAAW,CAACQ,GAAG,CAAC,EAAE;MACpBJ,gBAAgB,CAACI,GAAG,CAAC,GAAGR,WAAW,CAACQ,GAAG,CAAC;IAC1C;EACF,CAAC,CAAC;EACF,IAAMC,YAAY,GAAG,IAAIC,eAAe,CAACN,gBAAgB,CAAC;EAC1D,IAAMO,YAAY,GAAGF,YAAY,CAACG,QAAQ,CAAC,CAAC;EAC5C,UAAAC,MAAA,CAAUC,2BAAgB,WAAAD,MAAA,CAAQd,GAAG,EAAAc,MAAA,CAAGF,YAAY,OAAAE,MAAA,CAAOF,YAAY,IAAK,EAAE;AAChF,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEalB,mBAAmB","ignoreList":[]}

package/lib/components/Video/providers/Vimeo/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_addExtraParamsToUrl","_interopRequireDefault","require"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/index.js"],"sourcesContent":["import addExtraParamsToUrl from './add-extra-params-to-url';\n\nexport { addExtraParamsToUrl };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_addExtraParamsToUrl","_interopRequireDefault","require"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/index.js"],"sourcesContent":["import addExtraParamsToUrl from './add-extra-params-to-url';\n\nexport { addExtraParamsToUrl };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/lib/components/Video/providers/YouTube/YouTubeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"YouTubeProvider.js","names":["_react","_interopRequireDefault","require","_propTypes","_YoutubeEmbeded","_helpers","_constants","YouTubeProvider","_ref","url","autoplay","loop","placeholderOnly","imageData","videoId","getYouTubeID","params","concat","booleanToNumber","createElement","className","VIDEO_WRAPPER_CLASS_NAME","propTypes","PropTypes","string","isRequired","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/YouTube/YouTubeProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport YoutubeEmbeded from './YoutubeEmbeded';\nimport { getYouTubeID, booleanToNumber } from './helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst YouTubeProvider = ({ url, autoplay, loop, placeholderOnly, imageData }) => {\n  const videoId = getYouTubeID(url);\n\n  if (!videoId) return null;\n  const params = `loop=${booleanToNumber(loop)}`;\n\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <YoutubeEmbeded\n        autoplay={autoplay}\n        videoId={videoId}\n        params={params}\n        placeholderOnly={placeholderOnly}\n        imageData={imageData}\n      />\n    </div>\n  );\n};\n\nYouTubeProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  placeholderOnly: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nYouTubeProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  placeholderOnly: false,\n  imageData: {}\n};\n\nexport default YouTubeProvider;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAA4D;EAAA,IAAtDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;EACxE,IAAMC,OAAO,GAAG,IAAAC,qBAAY,EAACN,GAAG,CAAC;EAEjC,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EACzB,IAAME,MAAM,WAAAC,MAAA,CAAW,IAAAC,wBAAe,EAACP,IAAI,CAAC,CAAE;EAE9C,oBACEX,MAAA,YAAAmB,aAAA;IAAKC,SAAS,EAAEC;EAAyB,gBACvCrB,MAAA,YAAAmB,aAAA,CAACf,eAAA,WAAc;IACbM,QAAQ,EAAEA,QAAS;IACnBI,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA,MAAO;IACfJ,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC;AAEV,CAAC;AAEDN,eAAe,CAACe,SAAS,GAAG;EAC1Bb,GAAG,EAAEc,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCf,QAAQ,EAAEa,qBAAS,CAACG,IAAI;EACxBf,IAAI,EAAEY,qBAAS,CAACG,IAAI;EACpBd,eAAe,EAAEW,qBAAS,CAACG,IAAI;EAC/Bb,SAAS,EAAEU,qBAAS,CAACI;AACvB,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BlB,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAE,CAAC;AACd,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,cAEavB,eAAe"}
+{"version":3,"file":"YouTubeProvider.js","names":["_react","_interopRequireDefault","require","_propTypes","_YoutubeEmbeded","_helpers","_constants","YouTubeProvider","_ref","url","autoplay","loop","placeholderOnly","imageData","videoId","getYouTubeID","params","concat","booleanToNumber","createElement","className","VIDEO_WRAPPER_CLASS_NAME","propTypes","PropTypes","string","isRequired","bool","object","defaultProps","_default","exports"],"sources":["../../../../../src/components/Video/providers/YouTube/YouTubeProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport YoutubeEmbeded from './YoutubeEmbeded';\nimport { getYouTubeID, booleanToNumber } from './helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst YouTubeProvider = ({ url, autoplay, loop, placeholderOnly, imageData }) => {\n  const videoId = getYouTubeID(url);\n\n  if (!videoId) return null;\n  const params = `loop=${booleanToNumber(loop)}`;\n\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <YoutubeEmbeded\n        autoplay={autoplay}\n        videoId={videoId}\n        params={params}\n        placeholderOnly={placeholderOnly}\n        imageData={imageData}\n      />\n    </div>\n  );\n};\n\nYouTubeProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  placeholderOnly: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nYouTubeProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  placeholderOnly: false,\n  imageData: {}\n};\n\nexport default YouTubeProvider;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAA4D;EAAA,IAAtDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;EACxE,IAAMC,OAAO,GAAG,IAAAC,qBAAY,EAACN,GAAG,CAAC;EAEjC,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EACzB,IAAME,MAAM,WAAAC,MAAA,CAAW,IAAAC,wBAAe,EAACP,IAAI,CAAC,CAAE;EAE9C,oBACEX,MAAA,YAAAmB,aAAA;IAAKC,SAAS,EAAEC;EAAyB,gBACvCrB,MAAA,YAAAmB,aAAA,CAACf,eAAA,WAAc;IACbM,QAAQ,EAAEA,QAAS;IACnBI,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA,MAAO;IACfJ,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC;AAEV,CAAC;AAEDN,eAAe,CAACe,SAAS,GAAG;EAC1Bb,GAAG,EAAEc,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCf,QAAQ,EAAEa,qBAAS,CAACG,IAAI;EACxBf,IAAI,EAAEY,qBAAS,CAACG,IAAI;EACpBd,eAAe,EAAEW,qBAAS,CAACG,IAAI;EAC/Bb,SAAS,EAAEU,qBAAS,CAACI;AACvB,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BlB,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAE,CAAC;AACd,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,cAEavB,eAAe","ignoreList":[]}

package/lib/components/Video/providers/YouTube/YoutubeEmbeded.js

@@ -1,12 +1,12 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -20,8 +20,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _customHooks = require("@blaze-react/utils/lib/customHooks");
 var _constants = require("../../../../constants");
 var _helpers = require("./helpers");
+var _VideoContext = require("../../VideoContext");
+var _constants2 = require("../../constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var SCRIPT_ID = 'youtube-iframe-api';
 var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
   var autoplay = _ref.autoplay,
     videoId = _ref.videoId,
@@ -40,6 +43,10 @@ var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
     priority = _ref.priority,
     placeholderOnly = _ref.placeholderOnly,
     imageData = _ref.imageData;
+  var ref = (0, _react.useRef)(null);
+  var playerRef = (0, _react.useRef)(null);
+  var _useContext = (0, _react.useContext)(_VideoContext.VideoContext),
+    emitEvent = _useContext.emitEvent;
   var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
     _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
     isIntersecting = _useInView2[0],
@@ -74,7 +81,55 @@ var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
   });
   var mutedValue = muted ? '&mute=1' : '';
   var iframeSrc = !playlist ? "".concat(ytUrl, "/embed/").concat(encodedId, "?autoplay=1").concat(mutedValue).concat(paramsImp) : "".concat(ytUrl, "/embed/videoseries?autoplay=1").concat(mutedValue, "&list=").concat(encodedId).concat(paramsImp);
+  if (emitEvent) {
+    iframeSrc += "&enablejsapi=1";
+  }
   var parsedWrapperClassname = "yt-facade ".concat(renderIframe ? 'yt-activated' : '');
+  var iframeId = "yt-iframe-".concat(videoId);
+  (0, _react.useEffect)(function () {
+    if (!emitEvent || !renderIframe) return;
+    if (!document.getElementById(SCRIPT_ID)) {
+      // if script not already loaded
+      var tag = document.createElement('script');
+      tag.id = SCRIPT_ID;
+      tag.src = 'https://www.youtube.com/iframe_api';
+      var firstScriptTag = document.getElementsByTagName('script')[0];
+      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+    }
+    var onStateChange = function onStateChange(event) {
+      var action = '';
+      if (event.data === window.YT.PlayerState.ENDED) {
+        action = _constants2.EVENT_ACTIONS.ENDED;
+      } else if (event.data === window.YT.PlayerState.PAUSED) {
+        action = _constants2.EVENT_ACTIONS.PAUSED;
+      } else if (event.data === window.YT.PlayerState.PLAYING) {
+        action = _constants2.EVENT_ACTIONS.PLAYING;
+      }
+      emitEvent({
+        action: action,
+        videoId: videoId
+      });
+    };
+    if (window.YT) {
+      // if script already loaded then attach player
+      window.YT.ready(function () {
+        playerRef.current = new window.YT.Player(iframeId, {
+          events: {
+            onStateChange: onStateChange
+          }
+        });
+      });
+    } else {
+      // called on script load
+      window.onYouTubeIframeAPIReady = function () {
+        playerRef.current = new window.YT.Player(ref.current, {
+          events: {
+            onStateChange: onStateChange
+          }
+        });
+      };
+    }
+  }, [emitEvent, iframeId, renderIframe, videoId]);
   (0, _react.useEffect)(function () {
     var isMounted = true;
     if (!priority && !isIntersecting || imageSize === _helpers.YT_HQ_FORMAT) return;
@@ -135,6 +190,8 @@ var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "yt-facade-button"
   })), renderIframe && /*#__PURE__*/_react["default"].createElement("iframe", {
+    ref: ref,
+    id: iframeId,
     className: iframeClass,
     title: videoTitle,
     allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",