@blaze-cms/react-page-builder 0.124.1 → 0.125.0-alpha.3

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.125.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.2...v0.125.0-alpha.3) (2022-09-27)
+
+
+### Features
+
+* adding vimeo provider ([#3605](https://github.com/thebyte9/blaze/issues/3605)) ([458c810](https://github.com/thebyte9/blaze/commit/458c810c647a6bcb0d69281865fd0afa0966475c))
+
+
+
+
+
+# [0.125.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.0...v0.125.0-alpha.1) (2022-09-15)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 ## [0.124.1](https://github.com/thebyte9/blaze/compare/v0.124.1-alpha.5...v0.124.1) (2022-09-06)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

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

@@ -0,0 +1,55 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactPlayer = _interopRequireDefault(require("react-player"));
+
+var _constants = require("../../../../constants");
+
+var VimeoProvider = function VimeoProvider(_ref) {
+  var url = _ref.url,
+      autoplay = _ref.autoplay,
+      loop = _ref.loop;
+  if (!url) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _constants.VIDEO_WRAPPER_CLASS_NAME
+  }, /*#__PURE__*/_react["default"].createElement(_reactPlayer["default"], {
+    url: url,
+    config: {
+      vimeo: {
+        playerOptions: {
+          autoplay: {
+            autoplay: autoplay
+          },
+          loop: {
+            loop: loop
+          }
+        }
+      }
+    }
+  }));
+};
+
+VimeoProvider.propTypes = {
+  url: _propTypes["default"].string.isRequired,
+  autoplay: _propTypes["default"].bool,
+  loop: _propTypes["default"].bool
+};
+VimeoProvider.defaultProps = {
+  autoplay: false,
+  loop: false
+};
+var _default = VimeoProvider;
+exports["default"] = _default;
+//# sourceMappingURL=VimeoProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VimeoProvider.js","names":["VimeoProvider","url","autoplay","loop","VIDEO_WRAPPER_CLASS_NAME","vimeo","playerOptions","propTypes","PropTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop }) => {\n  if (!url) return null;\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <ReactPlayer\n        url={url}\n        config={{\n          vimeo: {\n            playerOptions: { autoplay: { autoplay }, loop: { loop } }\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false\n};\n\nexport default VimeoProvider;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAA6B;EAAA,IAA1BC,GAA0B,QAA1BA,GAA0B;EAAA,IAArBC,QAAqB,QAArBA,QAAqB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACjD,IAAI,CAACF,GAAL,EAAU,OAAO,IAAP;EACV,oBACE;IAAK,SAAS,EAAEG;EAAhB,gBACE,gCAAC,uBAAD;IACE,GAAG,EAAEH,GADP;IAEE,MAAM,EAAE;MACNI,KAAK,EAAE;QACLC,aAAa,EAAE;UAAEJ,QAAQ,EAAE;YAAEA,QAAQ,EAARA;UAAF,CAAZ;UAA0BC,IAAI,EAAE;YAAEA,IAAI,EAAJA;UAAF;QAAhC;MADV;IADD;EAFV,EADF,CADF;AAYD,CAdD;;AAgBAH,aAAa,CAACO,SAAd,GAA0B;EACxBN,GAAG,EAAEO,qBAAA,CAAUC,MAAV,CAAiBC,UADE;EAExBR,QAAQ,EAAEM,qBAAA,CAAUG,IAFI;EAGxBR,IAAI,EAAEK,qBAAA,CAAUG;AAHQ,CAA1B;AAMAX,aAAa,CAACY,YAAd,GAA6B;EAC3BV,QAAQ,EAAE,KADiB;EAE3BC,IAAI,EAAE;AAFqB,CAA7B;eAKeH,a"}

package/lib/components/Video/providers/get-provider.js

@@ -42,6 +42,11 @@ var SUPPORTED_PROVIDERS = {
       return _interopRequireWildcard(require('./JWPlayer/JWPlayerProvider'));
     });
   }),
+  vimeo: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./Vimeo/VimeoProvider'));
+    });
+  }),
   "default": (0, _dynamic["default"])(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('./Default'));

package/lib/components/Video/providers/get-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-provider.js","names":["SUPPORTED_PROVIDERS","youtube","dynamic","JWPlayer","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAE,IAAAC,mBAAA,EAAQ;IAAA;MAAA,uCACsC,2BADtC;IAAA;EAAA,CAAR,CADiB;EAI1BC,QAAQ,EAAE,IAAAD,mBAAA,EAAQ;IAAA;MAAA,uCACsC,6BADtC;IAAA;EAAA,CAAR,CAJgB;EAO1B,WAAS,IAAAA,mBAAA,EAAQ;IAAA;MAAA,uCAA2D,WAA3D;IAAA;EAAA,CAAR;AAPiB,CAA5B;;AAUA,SAASE,WAAT,CAAqBC,QAArB,EAA+B;EAC7B,OAAOL,mBAAmB,CAACK,QAAD,CAAnB,IAAiCL,mBAAmB,WAA3D;AACD;;eAEcI,W"}
+{"version":3,"file":"get-provider.js","names":["SUPPORTED_PROVIDERS","youtube","dynamic","JWPlayer","vimeo","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAE,IAAAC,mBAAA,EAAQ;IAAA;MAAA,uCACsC,2BADtC;IAAA;EAAA,CAAR,CADiB;EAI1BC,QAAQ,EAAE,IAAAD,mBAAA,EAAQ;IAAA;MAAA,uCACsC,6BADtC;IAAA;EAAA,CAAR,CAJgB;EAO1BE,KAAK,EAAE,IAAAF,mBAAA,EAAQ;IAAA;MAAA,uCAAyD,uBAAzD;IAAA;EAAA,CAAR,CAPmB;EAQ1B,WAAS,IAAAA,mBAAA,EAAQ;IAAA;MAAA,uCAA2D,WAA3D;IAAA;EAAA,CAAR;AARiB,CAA5B;;AAWA,SAASG,WAAT,CAAqBC,QAArB,EAA+B;EAC7B,OAAON,mBAAmB,CAACM,QAAD,CAAnB,IAAiCN,mBAAmB,WAA3D;AACD;;eAEcK,W"}

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ReactPlayer from 'react-player';
+import { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
+
+const VimeoProvider = ({
+  url,
+  autoplay,
+  loop
+}) => {
+  if (!url) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: VIDEO_WRAPPER_CLASS_NAME
+  }, /*#__PURE__*/React.createElement(ReactPlayer, {
+    url: url,
+    config: {
+      vimeo: {
+        playerOptions: {
+          autoplay: {
+            autoplay
+          },
+          loop: {
+            loop
+          }
+        }
+      }
+    }
+  }));
+};
+
+VimeoProvider.propTypes = {
+  url: PropTypes.string.isRequired,
+  autoplay: PropTypes.bool,
+  loop: PropTypes.bool
+};
+VimeoProvider.defaultProps = {
+  autoplay: false,
+  loop: false
+};
+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","PropTypes","ReactPlayer","VIDEO_WRAPPER_CLASS_NAME","VimeoProvider","url","autoplay","loop","vimeo","playerOptions","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop }) => {\n  if (!url) return null;\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <ReactPlayer\n        url={url}\n        config={{\n          vimeo: {\n            playerOptions: { autoplay: { autoplay }, loop: { loop } }\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false\n};\n\nexport default VimeoProvider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,cAAxB;AACA,SAASC,wBAAT,QAAyC,uBAAzC;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAAEC,GAAF;EAAOC,QAAP;EAAiBC;AAAjB,CAAD,KAA6B;EACjD,IAAI,CAACF,GAAL,EAAU,OAAO,IAAP;EACV,oBACE;IAAK,SAAS,EAAEF;EAAhB,gBACE,oBAAC,WAAD;IACE,GAAG,EAAEE,GADP;IAEE,MAAM,EAAE;MACNG,KAAK,EAAE;QACLC,aAAa,EAAE;UAAEH,QAAQ,EAAE;YAAEA;UAAF,CAAZ;UAA0BC,IAAI,EAAE;YAAEA;UAAF;QAAhC;MADV;IADD;EAFV,EADF,CADF;AAYD,CAdD;;AAgBAH,aAAa,CAACM,SAAd,GAA0B;EACxBL,GAAG,EAAEJ,SAAS,CAACU,MAAV,CAAiBC,UADE;EAExBN,QAAQ,EAAEL,SAAS,CAACY,IAFI;EAGxBN,IAAI,EAAEN,SAAS,CAACY;AAHQ,CAA1B;AAMAT,aAAa,CAACU,YAAd,GAA6B;EAC3BR,QAAQ,EAAE,KADiB;EAE3BC,IAAI,EAAE;AAFqB,CAA7B;AAKA,eAAeH,aAAf"}

package/lib-es/components/Video/providers/get-provider.js

@@ -6,6 +6,9 @@ const SUPPORTED_PROVIDERS = {
   JWPlayer: dynamic(() => import(
   /* webpackChunkName: "blazePbVideoJWPlayer" */
   './JWPlayer/JWPlayerProvider')),
+  vimeo: dynamic(() => import(
+  /* webpackChunkName: "blazePbVideoVimeo" */
+  './Vimeo/VimeoProvider')),
   default: dynamic(() => import(
   /* webpackChunkName: "blazePbVideoDefault" */
   './Default'))

package/lib-es/components/Video/providers/get-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-provider.js","names":["dynamic","SUPPORTED_PROVIDERS","youtube","JWPlayer","default","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,OAAO,CAAC,MACf;EAAO;EAA8C,2BAArD,CADc,CADU;EAI1BG,QAAQ,EAAEH,OAAO,CAAC,MAChB;EAAO;EAA+C,6BAAtD,CADe,CAJS;EAO1BI,OAAO,EAAEJ,OAAO,CAAC,MAAM;EAAO;EAA8C,WAArD,CAAP;AAPU,CAA5B;;AAUA,SAASK,WAAT,CAAqBC,QAArB,EAA+B;EAC7B,OAAOL,mBAAmB,CAACK,QAAD,CAAnB,IAAiCL,mBAAmB,CAACG,OAA5D;AACD;;AAED,eAAeC,WAAf"}
+{"version":3,"file":"get-provider.js","names":["dynamic","SUPPORTED_PROVIDERS","youtube","JWPlayer","vimeo","default","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,OAAO,CAAC,MACf;EAAO;EAA8C,2BAArD,CADc,CADU;EAI1BG,QAAQ,EAAEH,OAAO,CAAC,MAChB;EAAO;EAA+C,6BAAtD,CADe,CAJS;EAO1BI,KAAK,EAAEJ,OAAO,CAAC,MAAM;EAAO;EAA4C,uBAAnD,CAAP,CAPY;EAQ1BK,OAAO,EAAEL,OAAO,CAAC,MAAM;EAAO;EAA8C,WAArD,CAAP;AARU,CAA5B;;AAWA,SAASM,WAAT,CAAqBC,QAArB,EAA+B;EAC7B,OAAON,mBAAmB,CAACM,QAAD,CAAnB,IAAiCN,mBAAmB,CAACI,OAA5D;AACD;;AAED,eAAeC,WAAf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.124.1",
+  "version": "0.125.0-alpha.3",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -31,7 +31,7 @@
     "@blaze-cms/core-errors": "^0.118.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.3",
     "@blaze-cms/nextjs-components": "^0.124.0",
-    "@blaze-cms/plugin-search-ui": "^0.124.0",
+    "@blaze-cms/plugin-search-ui": "^0.125.0-alpha.1",
     "@blaze-cms/setup-ui": "^0.92.0",
     "@blaze-cms/utils": "^0.118.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
@@ -58,6 +58,7 @@
     "react-dfp": "^0.19.0",
     "react-html-parser": "2.0.2",
     "react-jw-player": "^1.19.1",
+    "react-player": "^2.10.1",
     "react-waypoint": "^9.0.2",
     "regenerator-runtime": "^0.13.3",
     "uuid": "^3.3.3",
@@ -85,5 +86,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "39d71595e55f54590430121381bdc236ca4341fd"
+  "gitHead": "6dd2cf1e5dcf86ad90a48d333e1e517fdd208800"
 }

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ReactPlayer from 'react-player';
+import { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
+
+const VimeoProvider = ({ url, autoplay, loop }) => {
+  if (!url) return null;
+  return (
+    <div className={VIDEO_WRAPPER_CLASS_NAME}>
+      <ReactPlayer
+        url={url}
+        config={{
+          vimeo: {
+            playerOptions: { autoplay: { autoplay }, loop: { loop } }
+          }
+        }}
+      />
+    </div>
+  );
+};
+
+VimeoProvider.propTypes = {
+  url: PropTypes.string.isRequired,
+  autoplay: PropTypes.bool,
+  loop: PropTypes.bool
+};
+
+VimeoProvider.defaultProps = {
+  autoplay: false,
+  loop: false
+};
+
+export default VimeoProvider;

package/src/components/Video/providers/get-provider.js

@@ -7,6 +7,7 @@ const SUPPORTED_PROVIDERS = {
   JWPlayer: dynamic(() =>
     import(/* webpackChunkName: "blazePbVideoJWPlayer" */ './JWPlayer/JWPlayerProvider')
   ),
+  vimeo: dynamic(() => import(/* webpackChunkName: "blazePbVideoVimeo" */ './Vimeo/VimeoProvider')),
   default: dynamic(() => import(/* webpackChunkName: "blazePbVideoDefault" */ './Default'))
 };
 

package/tests/unit/src/components/Video/providers/Vimeo/Vimeo.js

@@ -0,0 +1,12 @@
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import '@testing-library/jest-dom/extend-expect';
+import VimeoProvider from '../../../../../../../src/components/Video/providers/Vimeo/VimeoProvider';
+
+describe('VimeoProvider component', () => {
+  const props = { url: 'https://player.vimeo.com/video/XXXXXX' };
+
+  it('should render without throwing error and match snapshot', async () => {
+    const { asFragment } = render(VimeoProvider, props);
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/tests/unit/src/components/Video/providers/get-provider.test.js

@@ -3,6 +3,7 @@ import getProvider from '../../../../../../src/components/Video/providers';
 import YouTubeProvider from '../../../../../../src/components/Video/providers/YouTube/YouTubeProvider';
 import DefaultProvider from '../../../../../../src/components/Video/providers/Default';
 import JWPlayerProvider from '../../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider';
+import VimeoProvider from '../../../../../../src/components/Video/providers/Vimeo/VimeoProvider';
 
 jest.mock('next/dynamic', () => jest.fn(async importFn => (await importFn()).default));
 
@@ -19,6 +20,10 @@ describe('get video provider', () => {
     await expectUriToMatchProvider('JWPlayer', JWPlayerProvider);
   });
 
+  it('should return Vimeo provider', async () => {
+    await expectUriToMatchProvider('vimeo', VimeoProvider);
+  });
+
   it('should return default provider', async () => {
     await expectUriToMatchProvider('default', DefaultProvider);
     await expectUriToMatchProvider('undefined-provider', DefaultProvider);