@blaze-cms/react-page-builder 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38

package/lib-es/components/Video/Video.js

@@ -0,0 +1,98 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["url", "modifier", "autoplay", "isCaptionDisplayed", "caption", "credits", "areVideoCreditsDisplayed", "provider", "playInModal", "imageId"];
+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) { _defineProperty(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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import useGetImages from '../../hooks/use-get-images';
+import VideoRender from './VideoRender';
+import VideoModal from './VideoModal';
+import Wrapper from '../Wrapper';
+import getClassModifiers from '../../utils/get-class-modifiers';
+import { shouldShowProperty } from '../../helpers';
+const Video = _ref => {
+  let {
+      url,
+      modifier,
+      autoplay,
+      isCaptionDisplayed,
+      caption,
+      credits,
+      areVideoCreditsDisplayed,
+      provider,
+      playInModal,
+      imageId
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const {
+    data: {
+      getFile: imageData
+    },
+    loading
+  } = useGetImages(imageId);
+  if (loading) return '';
+  if (!url) return null;
+  const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', _objectSpread({
+    modifier
+  }, props))}`;
+  const shouldDisplayCaption = shouldShowProperty({
+    isDisplayed: isCaptionDisplayed,
+    value: caption
+  });
+  const shouldDisplayCredits = shouldShowProperty({
+    isDisplayed: areVideoCreditsDisplayed,
+    value: credits
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    className: "video",
+    modifiers: modifiers,
+    key: url
+  }, playInModal ? /*#__PURE__*/React.createElement(VideoModal, _extends({
+    url: url,
+    modifier: modifier,
+    autoplay: autoplay,
+    provider: provider,
+    imageData: imageData
+  }, props)) : /*#__PURE__*/React.createElement(VideoRender, _extends({
+    url: url,
+    modifier: modifier,
+    autoplay: autoplay,
+    provider: provider,
+    imageData: imageData
+  }, props)), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/React.createElement("div", {
+    className: "video__details",
+    "data-testid": "video-details"
+  }, shouldDisplayCaption && /*#__PURE__*/React.createElement("div", {
+    className: "caption"
+  }, caption), shouldDisplayCredits && /*#__PURE__*/React.createElement("div", {
+    className: "credits"
+  }, credits)));
+};
+Video.propTypes = {
+  url: PropTypes.string,
+  modifier: PropTypes.string,
+  caption: PropTypes.string,
+  credits: PropTypes.string,
+  autoplay: PropTypes.bool,
+  areVideoCreditsDisplayed: PropTypes.bool,
+  isCaptionDisplayed: PropTypes.bool,
+  provider: PropTypes.string,
+  playInModal: PropTypes.bool,
+  imageId: PropTypes.string
+};
+Video.defaultProps = {
+  caption: '',
+  credits: '',
+  modifier: '',
+  imageId: '',
+  url: '',
+  provider: 'youtube',
+  autoplay: false,
+  isCaptionDisplayed: false,
+  areVideoCreditsDisplayed: false,
+  playInModal: false
+};
+export default Video;
+//# sourceMappingURL=Video.js.map

package/lib-es/components/Video/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","names":["React","PropTypes","useGetImages","VideoRender","VideoModal","Wrapper","getClassModifiers","shouldShowProperty","Video","_ref","url","modifier","autoplay","isCaptionDisplayed","caption","credits","areVideoCreditsDisplayed","provider","playInModal","imageId","props","_objectWithoutProperties","_excluded","data","getFile","imageData","loading","modifiers","toLowerCase","_objectSpread","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","createElement","className","key","_extends","propTypes","string","bool","defaultProps"],"sources":["../../../src/components/Video/Video.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport useGetImages from '../../hooks/use-get-images';\nimport VideoRender from './VideoRender';\nimport VideoModal from './VideoModal';\nimport Wrapper from '../Wrapper';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { shouldShowProperty } from '../../helpers';\n\nconst Video = ({\n  url,\n  modifier,\n  autoplay,\n  isCaptionDisplayed,\n  caption,\n  credits,\n  areVideoCreditsDisplayed,\n  provider,\n  playInModal,\n  imageId,\n  ...props\n}) => {\n  const {\n    data: { getFile: imageData },\n    loading\n  } = useGetImages(imageId);\n\n  if (loading) return '';\n  if (!url) return null;\n\n  const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', {\n    modifier,\n    ...props\n  })}`;\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areVideoCreditsDisplayed,\n    value: credits\n  });\n\n  return (\n    <Wrapper className=\"video\" modifiers={modifiers} key={url}>\n      {playInModal ? (\n        <VideoModal\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      ) : (\n        <VideoRender\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      )}\n\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <div className=\"video__details\" data-testid=\"video-details\">\n          {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n          {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n        </div>\n      )}\n    </Wrapper>\n  );\n};\n\nVideo.propTypes = {\n  url: PropTypes.string,\n  modifier: PropTypes.string,\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  autoplay: PropTypes.bool,\n  areVideoCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  provider: PropTypes.string,\n  playInModal: PropTypes.bool,\n  imageId: PropTypes.string\n};\n\nVideo.defaultProps = {\n  caption: '',\n  credits: '',\n  modifier: '',\n  imageId: '',\n  url: '',\n  provider: 'youtube',\n  autoplay: false,\n  isCaptionDisplayed: false,\n  areVideoCreditsDisplayed: false,\n  playInModal: false\n};\n\nexport default Video;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/Video/VideoContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+const VideoContext = createContext({});
+const VideoContextProvider = VideoContext.Provider;
+const VideoContextConsumer = VideoContext.Consumer;
+export { VideoContext, VideoContextProvider, VideoContextConsumer };
+//# sourceMappingURL=VideoContext.js.map

package/lib-es/components/Video/VideoContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoContext.js","names":["createContext","VideoContext","VideoContextProvider","Provider","VideoContextConsumer","Consumer"],"sources":["../../../src/components/Video/VideoContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nconst VideoContext = createContext({});\nconst VideoContextProvider = VideoContext.Provider;\nconst VideoContextConsumer = VideoContext.Consumer;\n\nexport { VideoContext, VideoContextProvider, VideoContextConsumer };\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,MAAMC,YAAY,GAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AACtC,MAAME,oBAAoB,GAAGD,YAAY,CAACE,QAAQ;AAClD,MAAMC,oBAAoB,GAAGH,YAAY,CAACI,QAAQ;AAElD,SAASJ,YAAY,EAAEC,oBAAoB,EAAEE,oBAAoB","ignoreList":[]}

package/lib-es/components/Video/VideoModal.js

@@ -0,0 +1,30 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState } from 'react';
+import Modal from '../ModalAdapter';
+import VideoRender from './VideoRender';
+const VideoModal = _ref => {
+  let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  const [displayModal, setDisplayModal] = useState(false);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    "aria-label": "Open video",
+    onClick: () => {
+      setDisplayModal(!displayModal);
+    }
+  }, /*#__PURE__*/React.createElement(VideoRender, _extends({
+    placeholderOnly: true,
+    autoplay: false
+  }, props))), displayModal && /*#__PURE__*/React.createElement(Modal, {
+    className: "modal--video",
+    isFullScreen: true,
+    showFooter: false,
+    isSimple: true,
+    onClose: () => setDisplayModal(!displayModal)
+  }, /*#__PURE__*/React.createElement(VideoRender, _extends({}, props, {
+    placeholderOnly: false,
+    autoplay: true
+  }))));
+};
+export default VideoModal;
+//# sourceMappingURL=VideoModal.js.map

package/lib-es/components/Video/VideoModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoModal.js","names":["React","useState","Modal","VideoRender","VideoModal","_ref","props","_extends","_objectDestructuringEmpty","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '../ModalAdapter';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-label=\"Open video\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC5B,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEvD,oBACED,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAW,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA;IAACQ,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKV,KAAK,CAAG,CACvD,CAAC,EACLG,YAAY,iBACXT,KAAA,CAAAW,aAAA,CAACT,KAAK;IACJe,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAEA,CAAA,KAAMX,eAAe,CAAC,CAACD,YAAY;EAAE,gBAC9CT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA,KAAKD,KAAK;IAAES,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAED,eAAeZ,UAAU","ignoreList":[]}

package/lib-es/components/Video/VideoRender.js

@@ -0,0 +1,44 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["provider"];
+import React, { useRef } from 'react';
+import PropTypes from 'prop-types';
+import getProvider from './providers';
+import { withTitle } from '../../HOC';
+import { VideoContextProvider } from './VideoContext';
+import emitGtmEvent from './helpers/emit-gtm-event';
+const VideoRender = _ref => {
+  let {
+      provider
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const ref = useRef(0);
+  const Provider = getProvider(provider);
+  const {
+    gtmEventName: propEventName
+  } = props;
+  const gtmEventName = propEventName || process.env.BLAZE_VIDEO_EVENT_NAME;
+  const emitEvent = gtmEventName ? ({
+    action,
+    videoId
+  }) => emitGtmEvent({
+    gtmEventName,
+    provider,
+    action,
+    videoId,
+    playCounter: ref
+  }) : null;
+  return /*#__PURE__*/React.createElement(VideoContextProvider, {
+    value: {
+      emitEvent
+    }
+  }, /*#__PURE__*/React.createElement(Provider, props));
+};
+VideoRender.propTypes = {
+  provider: PropTypes.string.isRequired,
+  gtmEventName: PropTypes.string
+};
+VideoRender.defaultProps = {
+  gtmEventName: ''
+};
+export default withTitle(VideoRender);
+//# sourceMappingURL=VideoRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoRender.js","names":["React","useRef","PropTypes","getProvider","withTitle","VideoContextProvider","emitGtmEvent","VideoRender","_ref","provider","props","_objectWithoutProperties","_excluded","ref","Provider","gtmEventName","propEventName","process","env","BLAZE_VIDEO_EVENT_NAME","emitEvent","action","videoId","playCounter","createElement","value","propTypes","string","isRequired","defaultProps"],"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":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,aAAa;AACrC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,OAAOC,YAAY,MAAM,0BAA0B;AAEnD,MAAMC,WAAW,GAAGC,IAAA,IAA4B;EAAA,IAA3B;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,MAAMC,GAAG,GAAGZ,MAAM,CAAC,CAAC,CAAC;EACrB,MAAMa,QAAQ,GAAGX,WAAW,CAACM,QAAQ,CAAC;EACtC,MAAM;IAAEM,YAAY,EAAEC;EAAc,CAAC,GAAGN,KAAK;EAC7C,MAAMK,YAAY,GAAGC,aAAa,IAAIC,OAAO,CAACC,GAAG,CAACC,sBAAsB;EACxE,MAAMC,SAAS,GAAGL,YAAY,GAC1B,CAAC;IAAEM,MAAM;IAAEC;EAAQ,CAAC,KAClBhB,YAAY,CAAC;IACXS,YAAY;IACZN,QAAQ;IACRY,MAAM;IACNC,OAAO;IACPC,WAAW,EAAEV;EACf,CAAC,CAAC,GACJ,IAAI;EAER,oBACEb,KAAA,CAAAwB,aAAA,CAACnB,oBAAoB;IAACoB,KAAK,EAAE;MAAEL;IAAU;EAAE,gBACzCpB,KAAA,CAAAwB,aAAA,CAACV,QAAQ,EAAKJ,KAAQ,CACF,CAAC;AAE3B,CAAC;AAEDH,WAAW,CAACmB,SAAS,GAAG;EACtBjB,QAAQ,EAAEP,SAAS,CAACyB,MAAM,CAACC,UAAU;EACrCb,YAAY,EAAEb,SAAS,CAACyB;AAC1B,CAAC;AAEDpB,WAAW,CAACsB,YAAY,GAAG;EACzBd,YAAY,EAAE;AAChB,CAAC;AAED,eAAeX,SAAS,CAACG,WAAW,CAAC","ignoreList":[]}

package/lib-es/components/Video/constants.js

@@ -0,0 +1,7 @@
+export const EVENT_ACTIONS = {
+  START: 'start',
+  PLAYING: 'playing',
+  PAUSED: 'paused',
+  ENDED: 'ended'
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["EVENT_ACTIONS","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":"AAAA,OAAO,MAAMA,aAAa,GAAG;EAC3BC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+import { EVENT_ACTIONS } from '../constants';
+const emitGtmEvent = ({
+  gtmEventName,
+  provider,
+  action,
+  videoId,
+  playCounter
+}) => {
+  if (!window.dataLayer || !action) return;
+  const actionToUse = action === EVENT_ACTIONS.PLAYING && playCounter.current < 1 ? EVENT_ACTIONS.START : action;
+  if (action === EVENT_ACTIONS.PLAYING) {
+    // eslint-disable-next-line no-param-reassign
+    playCounter.current += 1;
+  }
+  const playCount = playCounter.current;
+  window.dataLayer.push({
+    event: gtmEventName,
+    video_action: actionToUse,
+    video_provider: provider,
+    video_id: videoId,
+    video_play_count: playCount
+  });
+};
+export default emitGtmEvent;
+//# sourceMappingURL=emit-gtm-event.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emit-gtm-event.js","names":["EVENT_ACTIONS","emitGtmEvent","gtmEventName","provider","action","videoId","playCounter","window","dataLayer","actionToUse","PLAYING","current","START","playCount","push","event","video_action","video_provider","video_id","video_play_count"],"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,SAASA,aAAa,QAAQ,cAAc;AAE5C,MAAMC,YAAY,GAAGA,CAAC;EAAEC,YAAY;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAY,CAAC,KAAK;EACjF,IAAI,CAACC,MAAM,CAACC,SAAS,IAAI,CAACJ,MAAM,EAAE;EAElC,MAAMK,WAAW,GACfL,MAAM,KAAKJ,aAAa,CAACU,OAAO,IAAIJ,WAAW,CAACK,OAAO,GAAG,CAAC,GAAGX,aAAa,CAACY,KAAK,GAAGR,MAAM;EAE5F,IAAIA,MAAM,KAAKJ,aAAa,CAACU,OAAO,EAAE;IACpC;IACAJ,WAAW,CAACK,OAAO,IAAI,CAAC;EAC1B;EAEA,MAAME,SAAS,GAAGP,WAAW,CAACK,OAAO;EAErCJ,MAAM,CAACC,SAAS,CAACM,IAAI,CAAC;IACpBC,KAAK,EAAEb,YAAY;IACnBc,YAAY,EAAEP,WAAW;IACzBQ,cAAc,EAAEd,QAAQ;IACxBe,QAAQ,EAAEb,OAAO;IACjBc,gBAAgB,EAAEN;EACpB,CAAC,CAAC;AACJ,CAAC;AAED,eAAeZ,YAAY","ignoreList":[]}

package/lib-es/components/Video/index.js

@@ -0,0 +1,3 @@
+import Video from './Video';
+export default Video;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Video"],"sources":["../../../src/components/Video/index.js"],"sourcesContent":["import Video from './Video';\n\nexport default Video;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAE3B,eAAeA,KAAK","ignoreList":[]}

package/lib-es/components/Video/providers/Default.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Player } from 'video-react';
+import { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';
+
+// import 'video-react/styles/scss/video-react.scss';
+
+const Default = ({
+  modifier,
+  url,
+  autoplay,
+  loop
+}) => /*#__PURE__*/React.createElement("div", {
+  className: VIDEO_WRAPPER_CLASS_NAME
+}, /*#__PURE__*/React.createElement(Player, {
+  className: modifier,
+  preload: "none",
+  autoPlay: autoplay,
+  loop: loop,
+  muted: autoplay
+}, /*#__PURE__*/React.createElement("source", {
+  src: url
+})));
+Default.propTypes = {
+  url: PropTypes.string.isRequired,
+  modifier: PropTypes.string,
+  autoplay: PropTypes.bool,
+  loop: PropTypes.bool
+};
+Default.defaultProps = {
+  modifier: null,
+  autoplay: false,
+  loop: false
+};
+export default Default;
+//# sourceMappingURL=Default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Default.js","names":["React","PropTypes","Player","VIDEO_WRAPPER_CLASS_NAME","Default","modifier","url","autoplay","loop","createElement","className","preload","autoPlay","muted","src","propTypes","string","isRequired","bool","defaultProps"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;;AAEA,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAK,CAAC,kBAChDR,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAEP;AAAyB,gBACvCH,KAAA,CAAAS,aAAA,CAACP,MAAM;EAACQ,SAAS,EAAEL,QAAS;EAACM,OAAO,EAAC,MAAM;EAACC,QAAQ,EAAEL,QAAS;EAACC,IAAI,EAAEA,IAAK;EAACK,KAAK,EAAEN;AAAS,gBAC1FP,KAAA,CAAAS,aAAA;EAAQK,GAAG,EAAER;AAAI,CAAE,CACb,CACL,CACN;AAEDF,OAAO,CAACW,SAAS,GAAG;EAClBT,GAAG,EAAEL,SAAS,CAACe,MAAM,CAACC,UAAU;EAChCZ,QAAQ,EAAEJ,SAAS,CAACe,MAAM;EAC1BT,QAAQ,EAAEN,SAAS,CAACiB,IAAI;EACxBV,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAEDd,OAAO,CAACe,YAAY,GAAG;EACrBd,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAeJ,OAAO","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/*
+  Custom controller to extend and scale the 'react-jw-player' library for future updates.
+*/
+
+import { EVENT_ACTIONS } from '../../constants';
+class JWPlayerController {
+  constructor({
+    emitEvent: _emitEvent
+  }) {
+    _defineProperty(this, "setPlayer", player => {
+      this.player = player;
+    });
+    _defineProperty(this, "setErrorHandler", setError => {
+      this.setError = setError;
+    });
+    _defineProperty(this, "onError", ({
+      message
+    }) => {
+      this.error = message;
+    });
+    _defineProperty(this, "onSetupError", ({
+      message
+    }) => {
+      this.error = message;
+    });
+    _defineProperty(this, "doEmitEvent", action => {
+      const {
+        emitEvent
+      } = this;
+      if (emitEvent) {
+        const {
+          mediaid: videoId
+        } = this.player.getPlaylistItem();
+        emitEvent({
+          action,
+          videoId
+        });
+      }
+    });
+    _defineProperty(this, "onComplete", event => {
+      this.doEmitEvent(EVENT_ACTIONS.ENDED);
+    });
+    _defineProperty(this, "onPause", event => {
+      this.doEmitEvent(EVENT_ACTIONS.PAUSED);
+    });
+    _defineProperty(this, "onPlay", event => {
+      this.doEmitEvent(EVENT_ACTIONS.PLAYING);
+    });
+    this.player = null;
+    this.error = null;
+    this.emitEvent = _emitEvent;
+  }
+  get events() {
+    return {
+      play: this.onPlay,
+      pause: this.onPause,
+      error: this.onError,
+      complete: this.onComplete,
+      setupError: this.setupError
+    };
+  }
+}
+export default JWPlayerController;
+//# sourceMappingURL=JWPlayerController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JWPlayerController.js","names":["EVENT_ACTIONS","JWPlayerController","constructor","emitEvent","_defineProperty","player","setError","message","error","action","mediaid","videoId","getPlaylistItem","event","doEmitEvent","ENDED","PAUSED","PLAYING","events","play","onPlay","pause","onPause","onError","complete","onComplete","setupError"],"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":";AAAA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,kBAAkB,CAAC;EACvBC,WAAWA,CAAC;IAAEC,SAAS,EAATA;EAAU,CAAC,EAAE;IAAAC,eAAA,oBAMfC,MAAM,IAAI;MACpB,IAAI,CAACA,MAAM,GAAGA,MAAM;IACtB,CAAC;IAAAD,eAAA,0BAEiBE,QAAQ,IAAI;MAC5B,IAAI,CAACA,QAAQ,GAAGA,QAAQ;IAC1B,CAAC;IAAAF,eAAA,kBAES,CAAC;MAAEG;IAAQ,CAAC,KAAK;MACzB,IAAI,CAACC,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAAH,eAAA,uBAEc,CAAC;MAAEG;IAAQ,CAAC,KAAK;MAC9B,IAAI,CAACC,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAAH,eAAA,sBAEaK,MAAM,IAAI;MACtB,MAAM;QAAEN;MAAU,CAAC,GAAG,IAAI;MAC1B,IAAIA,SAAS,EAAE;QACb,MAAM;UAAEO,OAAO,EAAEC;QAAQ,CAAC,GAAG,IAAI,CAACN,MAAM,CAACO,eAAe,CAAC,CAAC;QAC1DT,SAAS,CAAC;UAAEM,MAAM;UAAEE;QAAQ,CAAC,CAAC;MAChC;IACF,CAAC;IAAAP,eAAA,qBAEYS,KAAK,IAAI;MACpB,IAAI,CAACC,WAAW,CAACd,aAAa,CAACe,KAAK,CAAC;IACvC,CAAC;IAAAX,eAAA,kBAESS,KAAK,IAAI;MACjB,IAAI,CAACC,WAAW,CAACd,aAAa,CAACgB,MAAM,CAAC;IACxC,CAAC;IAAAZ,eAAA,iBAEQS,KAAK,IAAI;MAChB,IAAI,CAACC,WAAW,CAACd,aAAa,CAACiB,OAAO,CAAC;IACzC,CAAC;IAvCC,IAAI,CAACZ,MAAM,GAAG,IAAI;IAClB,IAAI,CAACG,KAAK,GAAG,IAAI;IACjB,IAAI,CAACL,SAAS,GAAGA,UAAS;EAC5B;EAsCA,IAAIe,MAAMA,CAAA,EAAG;IACX,OAAO;MACLC,IAAI,EAAE,IAAI,CAACC,MAAM;MACjBC,KAAK,EAAE,IAAI,CAACC,OAAO;MACnBd,KAAK,EAAE,IAAI,CAACe,OAAO;MACnBC,QAAQ,EAAE,IAAI,CAACC,UAAU;MACzBC,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC;EACH;AACF;AAEA,eAAezB,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,87 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import React, { useContext, useRef } from 'react';
+import PropTypes from 'prop-types';
+import ReactJWPlayer from 'react-jw-player';
+import { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
+import JWPlayerController from './JWPlayerController';
+import { VideoContext } from '../../VideoContext';
+const JWPlayerProvider = ({
+  url,
+  name,
+  autoplay,
+  controls,
+  type,
+  urlScript,
+  muted,
+  imageData,
+  loop: repeat
+}) => {
+  const {
+    emitEvent
+  } = useContext(VideoContext);
+  const PlayerController = useRef(new JWPlayerController({
+    emitEvent
+  }));
+  const handleOnReady = () => {
+    const jwPlayer = window.jwplayer(name);
+    if (jwPlayer) {
+      PlayerController.current.setPlayer(jwPlayer);
+    }
+  };
+  const getJWPlayerProps = () => {
+    const {
+      events
+    } = PlayerController.current;
+    const props = {
+      customProps: {
+        repeat,
+        controls,
+        events
+      },
+      playerScript: urlScript,
+      isAutoPlay: autoplay,
+      isMuted: muted,
+      playerId: name,
+      onReady: handleOnReady,
+      className: VIDEO_WRAPPER_CLASS_NAME
+    };
+    if (type === JW_PLAYER_TYPE_FILE) {
+      const {
+        url: imageURL = ''
+      } = imageData;
+      return _objectSpread(_objectSpread({}, props), {}, {
+        image: imageURL,
+        file: url
+      });
+    }
+    return _objectSpread(_objectSpread({}, props), {}, {
+      playlist: url
+    });
+  };
+  return /*#__PURE__*/React.createElement(ReactJWPlayer, getJWPlayerProps());
+};
+JWPlayerProvider.propTypes = {
+  url: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  urlScript: PropTypes.string.isRequired,
+  imageId: PropTypes.string,
+  autoplay: PropTypes.bool,
+  loop: PropTypes.bool,
+  controls: PropTypes.bool,
+  muted: PropTypes.bool,
+  type: PropTypes.string,
+  imageData: PropTypes.object
+};
+JWPlayerProvider.defaultProps = {
+  autoplay: false,
+  loop: false,
+  controls: true,
+  muted: false,
+  type: 'playlist',
+  imageId: null,
+  imageData: {}
+};
+export default JWPlayerProvider;
+//# sourceMappingURL=JWPlayerProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JWPlayerProvider.js","names":["React","useContext","useRef","PropTypes","ReactJWPlayer","JW_PLAYER_TYPE_FILE","VIDEO_WRAPPER_CLASS_NAME","JWPlayerController","VideoContext","JWPlayerProvider","url","name","autoplay","controls","type","urlScript","muted","imageData","loop","repeat","emitEvent","PlayerController","handleOnReady","jwPlayer","window","jwplayer","current","setPlayer","getJWPlayerProps","events","props","customProps","playerScript","isAutoPlay","isMuted","playerId","onReady","className","imageURL","_objectSpread","image","file","playlist","createElement","propTypes","string","isRequired","imageId","bool","object","defaultProps"],"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":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,mBAAmB,EAAEC,wBAAwB,QAAQ,uBAAuB;AACrF,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,GAAG;EACHC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,SAAS;EACTC,KAAK;EACLC,SAAS;EACTC,IAAI,EAAEC;AACR,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAGnB,UAAU,CAACO,YAAY,CAAC;EAC9C,MAAMa,gBAAgB,GAAGnB,MAAM,CAAC,IAAIK,kBAAkB,CAAC;IAAEa;EAAU,CAAC,CAAC,CAAC;EAEtE,MAAME,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,QAAQ,GAAGC,MAAM,CAACC,QAAQ,CAACd,IAAI,CAAC;IACtC,IAAIY,QAAQ,EAAE;MACZF,gBAAgB,CAACK,OAAO,CAACC,SAAS,CAACJ,QAAQ,CAAC;IAC9C;EACF,CAAC;EAED,MAAMK,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,MAAM;MAAEC;IAAO,CAAC,GAAGR,gBAAgB,CAACK,OAAO;IAE3C,MAAMI,KAAK,GAAG;MACZC,WAAW,EAAE;QAAEZ,MAAM;QAAEN,QAAQ;QAAEgB;MAAO,CAAC;MACzCG,YAAY,EAAEjB,SAAS;MACvBkB,UAAU,EAAErB,QAAQ;MACpBsB,OAAO,EAAElB,KAAK;MACdmB,QAAQ,EAAExB,IAAI;MACdyB,OAAO,EAAEd,aAAa;MACtBe,SAAS,EAAE/B;IACb,CAAC;IAED,IAAIQ,IAAI,KAAKT,mBAAmB,EAAE;MAChC,MAAM;QAAEK,GAAG,EAAE4B,QAAQ,GAAG;MAAG,CAAC,GAAGrB,SAAS;MACxC,OAAAsB,aAAA,CAAAA,aAAA,KAAYT,KAAK;QAAEU,KAAK,EAAEF,QAAQ;QAAEG,IAAI,EAAE/B;MAAG;IAC/C;IAEA,OAAA6B,aAAA,CAAAA,aAAA,KAAYT,KAAK;MAAEY,QAAQ,EAAEhC;IAAG;EAClC,CAAC;EAED,oBAAOV,KAAA,CAAA2C,aAAA,CAACvC,aAAa,EAAKwB,gBAAgB,CAAC,CAAI,CAAC;AAClD,CAAC;AAEDnB,gBAAgB,CAACmC,SAAS,GAAG;EAC3BlC,GAAG,EAAEP,SAAS,CAAC0C,MAAM,CAACC,UAAU;EAChCnC,IAAI,EAAER,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACjC/B,SAAS,EAAEZ,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACtCC,OAAO,EAAE5C,SAAS,CAAC0C,MAAM;EACzBjC,QAAQ,EAAET,SAAS,CAAC6C,IAAI;EACxB9B,IAAI,EAAEf,SAAS,CAAC6C,IAAI;EACpBnC,QAAQ,EAAEV,SAAS,CAAC6C,IAAI;EACxBhC,KAAK,EAAEb,SAAS,CAAC6C,IAAI;EACrBlC,IAAI,EAAEX,SAAS,CAAC0C,MAAM;EACtB5B,SAAS,EAAEd,SAAS,CAAC8C;AACvB,CAAC;AAEDxC,gBAAgB,CAACyC,YAAY,GAAG;EAC9BtC,QAAQ,EAAE,KAAK;EACfM,IAAI,EAAE,KAAK;EACXL,QAAQ,EAAE,IAAI;EACdG,KAAK,EAAE,KAAK;EACZF,IAAI,EAAE,UAAU;EAChBiC,OAAO,EAAE,IAAI;EACb9B,SAAS,EAAE,CAAC;AACd,CAAC;AAED,eAAeR,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+import React, { useEffect, useState, useRef } from 'react';
+import PropTypes from 'prop-types';
+import parseHTML from 'html-react-parser';
+import { addExtraParamsToUrl } from './helpers';
+import { wrapScriptTags } from '../../../Code/helpers';
+import { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
+const VimeoProvider = ({
+  url,
+  autoplay,
+  loop,
+  imageData
+}) => {
+  const inputEl = useRef(null);
+  const [videoData, setVideoData] = useState(null);
+  const [videoError, setVideoError] = useState(null);
+  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);
+  useEffect(() => {
+    async function fetchVideoData(videoUrl) {
+      try {
+        const res = await fetch(videoUrl);
+        const data = await res.json();
+        setVideoData(data);
+      } catch (err) {
+        setVideoError(err);
+      }
+    }
+    if (url) {
+      const currentHeight = inputEl.current.clientHeight;
+      const urlWithParams = addExtraParamsToUrl(url, {
+        autoplay: true,
+        loop,
+        height: currentHeight
+      });
+      fetchVideoData(urlWithParams);
+    }
+  }, [autoplay, loop, url]);
+  const {
+    thumbnail_url_with_play_button: thumbnailUrl,
+    html = ''
+  } = videoData || {};
+  const imageUrl = imageData && imageData.url;
+  const backgroundUrl = imageUrl || thumbnailUrl;
+  const videoStyle = {};
+  if (!shouldRenderVideo && backgroundUrl) videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;
+  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;
+  const parsedCode = parseHTML(html);
+  const wrappedCode = wrapScriptTags(parsedCode);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: inputEl,
+    role: "button",
+    className: VIDEO_WRAPPER_CLASS_NAME,
+    style: videoStyle,
+    onClick: () => !shouldRenderVideo && setShouldRenderVideo(true)
+  }, shouldRenderVideo && !videoError && wrappedCode, videoError && videoError.message);
+};
+VimeoProvider.propTypes = {
+  url: PropTypes.string.isRequired,
+  autoplay: PropTypes.bool,
+  loop: PropTypes.bool,
+  imageData: PropTypes.object
+};
+VimeoProvider.defaultProps = {
+  autoplay: false,
+  loop: false,
+  imageData: null
+};
+export default VimeoProvider;
+//# sourceMappingURL=VimeoProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VimeoProvider.js","names":["React","useEffect","useState","useRef","PropTypes","parseHTML","addExtraParamsToUrl","wrapScriptTags","VIDEO_WRAPPER_CLASS_NAME","VimeoProvider","url","autoplay","loop","imageData","inputEl","videoData","setVideoData","videoError","setVideoError","shouldRenderVideo","setShouldRenderVideo","fetchVideoData","videoUrl","res","fetch","data","json","err","currentHeight","current","clientHeight","urlWithParams","height","thumbnail_url_with_play_button","thumbnailUrl","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","maxheight","parsedCode","wrappedCode","createElement","ref","role","className","style","onClick","message","propTypes","string","isRequired","bool","object","defaultProps"],"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    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  }, [autoplay, loop, url]);\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-es/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js

@@ -0,0 +1,14 @@
+import { VIMEO_OEMBED_URL } from '../../../../../constants';
+const addExtraParamsToUrl = (url, queryParams = {}) => {
+  const paramsWithValues = {};
+  Object.keys(queryParams).forEach(key => {
+    if (queryParams[key]) {
+      paramsWithValues[key] = queryParams[key];
+    }
+  });
+  const parsedParams = new URLSearchParams(paramsWithValues);
+  const stringParams = parsedParams.toString();
+  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;
+};
+export default addExtraParamsToUrl;
+//# sourceMappingURL=add-extra-params-to-url.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-extra-params-to-url.js","names":["VIMEO_OEMBED_URL","addExtraParamsToUrl","url","queryParams","paramsWithValues","Object","keys","forEach","key","parsedParams","URLSearchParams","stringParams","toString"],"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,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,MAAMC,mBAAmB,GAAGA,CAACC,GAAG,EAAEC,WAAW,GAAG,CAAC,CAAC,KAAK;EACrD,MAAMC,gBAAgB,GAAG,CAAC,CAAC;EAC3BC,MAAM,CAACC,IAAI,CAACH,WAAW,CAAC,CAACI,OAAO,CAACC,GAAG,IAAI;IACtC,IAAIL,WAAW,CAACK,GAAG,CAAC,EAAE;MACpBJ,gBAAgB,CAACI,GAAG,CAAC,GAAGL,WAAW,CAACK,GAAG,CAAC;IAC1C;EACF,CAAC,CAAC;EACF,MAAMC,YAAY,GAAG,IAAIC,eAAe,CAACN,gBAAgB,CAAC;EAC1D,MAAMO,YAAY,GAAGF,YAAY,CAACG,QAAQ,CAAC,CAAC;EAC5C,OAAO,GAAGZ,gBAAgB,QAAQE,GAAG,GAAGS,YAAY,GAAG,IAAIA,YAAY,EAAE,GAAG,EAAE,EAAE;AAClF,CAAC;AAED,eAAeV,mBAAmB","ignoreList":[]}

package/lib-es/components/Video/providers/Vimeo/helpers/index.js

@@ -0,0 +1,3 @@
+import addExtraParamsToUrl from './add-extra-params-to-url';
+export { addExtraParamsToUrl };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["addExtraParamsToUrl"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/index.js"],"sourcesContent":["import addExtraParamsToUrl from './add-extra-params-to-url';\n\nexport { addExtraParamsToUrl };\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,2BAA2B;AAE3D,SAASA,mBAAmB","ignoreList":[]}