@folklore/hooks 0.0.10 → 0.0.13

package/dist/cjs.js

@@ -88,7 +88,7 @@ function usePlayerCurrentTime(player) {
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var noPlayerError$2 = new Error('No player');
+var noPlayerError$1 = new Error('No player');
 var debug$3 = createDebug__default["default"]('folklore:video:youtube');
 
 var useDailymotionPlayer = function useDailymotionPlayer() {
@@ -121,7 +121,16 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       _params$timeUpdateInt = params.timeUpdateInterval,
       timeUpdateInterval = _params$timeUpdateInt === void 0 ? 1000 : _params$timeUpdateInt,
       _params$onTimeUpdate = params.onTimeUpdate,
-      customOnTimeUpdate = _params$onTimeUpdate === void 0 ? null : _params$onTimeUpdate;
+      customOnTimeUpdate = _params$onTimeUpdate === void 0 ? null : _params$onTimeUpdate,
+      _params$getVideoId = params.getVideoId,
+      getVideoId = _params$getVideoId === void 0 ? function (url) {
+    if (url === null || url.match(/^https?:/) === null) {
+      return null;
+    }
+
+    var match = url.match(/\/video\/([^/?]+)/);
+    return match !== null ? match[1] : null;
+  } : _params$getVideoId;
 
   var _useState = react.useState(typeof window.DM !== 'undefined'),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -142,6 +151,9 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
   var elementRef = react.useRef(null);
   var playerRef = react.useRef(null);
   var ready = apiLoaded && playerReady;
+  var videoId = react.useMemo(function () {
+    return getVideoId(id);
+  }, [id]);
 
   var _useState7 = react.useState(initialMuted),
       _useState8 = _slicedToArray__default["default"](_useState7, 2),
@@ -200,7 +212,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
     var _elementRef$current = elementRef.current,
         element = _elementRef$current === void 0 ? null : _elementRef$current;
 
-    if (!apiLoaded || id === null || element === null) {
+    if (!apiLoaded || videoId === null || element === null) {
       return;
     }
 
@@ -223,7 +235,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       });
     } else {
       player = DM.player(element, {
-        video: id,
+        video: videoId,
         width: width,
         height: height,
         params: playerParams
@@ -234,7 +246,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
     if (!playerReady) {
       setPlayerReady(true);
     }
-  }, [apiLoaded, elementRef.current, id, width, height, autoplay, muted, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
+  }, [apiLoaded, elementRef.current, videoId, width, height, autoplay, muted, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
   react.useEffect(function () {
     var _playerRef$current2 = playerRef.current,
         player = _playerRef$current2 === void 0 ? null : _playerRef$current2;
@@ -348,34 +360,34 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       player.removeEventListener('ad_start', onAdStart);
       player.removeEventListener('ad_end', onAdEnd);
     };
-  }, [playerRef.current, playerReady, id, setLoaded, setPlayState, setMetadata, setVolumeState, setMuted]);
+  }, [playerRef.current, playerReady, videoId, setLoaded, setPlayState, setMetadata, setVolumeState, setMuted]);
   var play = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.play() : Promise.reject(noPlayerError$2);
+    return player !== null ? player.play() : Promise.reject(noPlayerError$1);
   }, []);
   var pause = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.pause() : Promise.reject(noPlayerError$2);
+    return player !== null ? player.pause() : Promise.reject(noPlayerError$1);
   }, []);
   var setVolume = react.useCallback(function (newVolume) {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(newVolume) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.setVolume(newVolume) : Promise.reject(noPlayerError$1);
   }, []);
   var mute = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setMute(true) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.setMute(true) : Promise.reject(noPlayerError$1);
   }, []);
   var unmute = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setMute(false) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.setMute(false) : Promise.reject(noPlayerError$1);
   }, []);
   var seek = react.useCallback(function (time) {
     var player = playerRef.current;
-    return player !== null ? player.seek(time) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.seek(time) : Promise.reject(noPlayerError$1);
   }, []);
   var playing = playState.playing;
   var currentTime = usePlayerCurrentTime(playerRef.current, {
-    id: id,
+    id: videoId,
     disabled: !playing || timeUpdateInterval === null,
     updateInterval: timeUpdateInterval,
     onUpdate: customOnTimeUpdate
@@ -455,7 +467,7 @@ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var debug$2 = createDebug__default["default"]('folklore:video:native');
-var noPlayerError$1 = new Error('No player');
+var noPlayerError = new Error('No player');
 
 var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -505,11 +517,11 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
 
   var play = react.useCallback(function () {
     var player = elementRef.current;
-    return player !== null ? player.play() : Promise.reject(noPlayerError$1);
+    return player !== null ? player.play() : Promise.reject(noPlayerError);
   }, []);
   var pause = react.useCallback(function () {
     var player = elementRef.current;
-    return player !== null ? player.pause() : Promise.reject(noPlayerError$1);
+    return player !== null ? player.pause() : Promise.reject(noPlayerError);
   }, []);
   var setVolume = react.useCallback(function (newVolume) {
     var player = elementRef.current;
@@ -519,7 +531,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(newVolume);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var mute = react.useCallback(function () {
     var player = elementRef.current;
@@ -529,7 +541,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(true);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var unmute = react.useCallback(function () {
     var player = elementRef.current;
@@ -539,7 +551,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(false);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var seek = react.useCallback(function (newTime) {
     var player = elementRef.current;
@@ -549,7 +561,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(newTime);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var setLoop = react.useCallback(function (newLoop) {
     var player = elementRef.current;
@@ -559,7 +571,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(newLoop);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []); // Bind player events
 
   react.useEffect(function () {
@@ -897,30 +909,8 @@ var useResizeObserver = function useResizeObserver() {
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var NO_PLAYER_ERROR = new Error('No player');
-
-var getYoutubeVideoId = function getYoutubeVideoId(url) {
-  var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
-  var match = url.match(regExp);
-  return match && match[7].length === 11 ? match[7] : false;
-};
-
+var NO_PLAYER_ERROR$1 = new Error('No player');
 var debug$1 = createDebug__default["default"]('folklore:video:youtube');
-var isVideoId$1 = function isVideoId(url) {
-  return url !== null && url.match(/^https?:/) === null;
-};
-
-var getVideoId$1 = function getVideoId(url) {
-  if (url === null) {
-    return null;
-  }
-
-  if (isVideoId$1(url)) {
-    return url;
-  }
-
-  return getYoutubeVideoId(url);
-};
 
 function useYouTubePlayer(id) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -941,7 +931,17 @@ function useYouTubePlayer(id) {
       _ref$onVolumeChange = _ref.onVolumeChange,
       customOnVolumeChange = _ref$onVolumeChange === void 0 ? null : _ref$onVolumeChange,
       _ref$onTimeUpdate = _ref.onTimeUpdate,
-      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate;
+      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate,
+      _ref$getVideoId = _ref.getVideoId,
+      getVideoId = _ref$getVideoId === void 0 ? function (url) {
+    if (url === null || url.match(/^https?:/) === null) {
+      return null;
+    }
+
+    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
+    var match = url.match(regExp);
+    return match && match[7].length === 11 ? match[7] : null;
+  } : _ref$getVideoId;
 
   var _useState = react.useState(typeof window.YT !== 'undefined'),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -953,7 +953,7 @@ function useYouTubePlayer(id) {
   var playerRef = react.useRef(null);
   var playerElementRef = react.useRef(elementRef.current);
   var videoId = react.useMemo(function () {
-    return getVideoId$1(id);
+    return getVideoId(id);
   }, [id]);
 
   var _useState3 = react.useState(false),
@@ -1004,15 +1004,15 @@ function useYouTubePlayer(id) {
   }, [apiLoaded, videoId, setApiLoaded]);
   var play = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null && typeof player.playVideo !== 'undefined' ? Promise.resolve(player.playVideo()) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.playVideo !== 'undefined' ? Promise.resolve(player.playVideo()) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var pause = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null && typeof player.pauseVideo !== 'undefined' ? Promise.resolve(player.pauseVideo()) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.pauseVideo !== 'undefined' ? Promise.resolve(player.pauseVideo()) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var setVolume = react.useCallback(function (volume) {
     var player = playerRef.current;
-    var promise = player !== null && typeof player.setVolume !== 'undefined' ? Promise.resolve(player.setVolume(volume * 100)) : Promise.reject(NO_PLAYER_ERROR);
+    var promise = player !== null && typeof player.setVolume !== 'undefined' ? Promise.resolve(player.setVolume(volume * 100)) : Promise.reject(NO_PLAYER_ERROR$1);
 
     if (customOnVolumeChange) {
       customOnVolumeChange(volume);
@@ -1022,23 +1022,23 @@ function useYouTubePlayer(id) {
   }, [customOnVolumeChange]);
   var mute = react.useCallback(function () {
     var player = playerRef.current;
-    return (player !== null && typeof player.mute !== 'undefined' ? Promise.resolve(player.mute()) : Promise.reject(NO_PLAYER_ERROR)).then(function () {
+    return (player !== null && typeof player.mute !== 'undefined' ? Promise.resolve(player.mute()) : Promise.reject(NO_PLAYER_ERROR$1)).then(function () {
       return setMuted(true);
     });
   }, [setMuted]);
   var unmute = react.useCallback(function () {
     var player = playerRef.current;
-    return (player !== null && typeof player.unMute !== 'undefined' ? Promise.resolve(player.unMute()) : Promise.reject(NO_PLAYER_ERROR)).then(function () {
+    return (player !== null && typeof player.unMute !== 'undefined' ? Promise.resolve(player.unMute()) : Promise.reject(NO_PLAYER_ERROR$1)).then(function () {
       return setMuted(false);
     });
   }, []);
   var seek = react.useCallback(function (time) {
     var player = playerRef.current;
-    return player !== null && typeof player.seekTo !== 'undefined' ? Promise.resolve(player.seekTo(time)) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.seekTo !== 'undefined' ? Promise.resolve(player.seekTo(time)) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var setLoop = react.useCallback(function (loop) {
     var player = playerRef.current;
-    return player !== null && typeof player.setLoop !== 'undefined' ? Promise.resolve(player.setLoop(loop)) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.setLoop !== 'undefined' ? Promise.resolve(player.setLoop(loop)) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var destroyPlayer = react.useCallback(function () {
     if (playerRef.current !== null) {
@@ -1175,24 +1175,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var debug = createDebug__default["default"]('folklore:video:vimeo');
-var isVideoId = function isVideoId(url) {
-  return url !== null && url.match(/^[0-9]+$/);
-};
-
-var getVideoId = function getVideoId(url) {
-  if (url === null) {
-    return null;
-  }
-
-  if (isVideoId(url)) {
-    return url;
-  }
-
-  var match = url.match(/\/[0-9]+/);
-  return match !== null ? match[1] : null;
-};
-
-var noPlayerError = new Error('No player');
+var NO_PLAYER_ERROR = new Error('No player');
 
 var useVimeoPlayer = function useVimeoPlayer(id) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -1215,7 +1198,16 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
       _ref$timeUpdateInterv = _ref.timeUpdateInterval,
       timeUpdateInterval = _ref$timeUpdateInterv === void 0 ? 1000 : _ref$timeUpdateInterv,
       _ref$onTimeUpdate = _ref.onTimeUpdate,
-      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate;
+      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate,
+      _ref$getVideoId = _ref.getVideoId,
+      getVideoId = _ref$getVideoId === void 0 ? function (url) {
+    if (url === null || url.match(/^[0-9]+$/) !== null) {
+      return url;
+    }
+
+    var match = url.match(/\/[0-9]+/);
+    return match !== null ? match[1] : null;
+  } : _ref$getVideoId;
 
   var _useState = react.useState(false),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -1283,31 +1275,31 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
   }, [id]);
   var play = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.play() : Promise.reject(noPlayerError);
+    return player !== null ? player.play() : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var pause = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.pause() : Promise.reject(noPlayerError);
+    return player !== null ? player.pause() : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var setVolume = react.useCallback(function (newVolume) {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(newVolume) : Promise.reject(noPlayerError);
+    return player !== null ? player.setVolume(newVolume) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var mute = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(0) : Promise.reject(noPlayerError);
+    return player !== null ? player.setVolume(0) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var unmute = react.useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(1) : Promise.reject(noPlayerError);
+    return player !== null ? player.setVolume(1) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var seek = react.useCallback(function (time) {
     var player = playerRef.current;
-    return player !== null ? player.setCurrentTime(time) : Promise.reject(noPlayerError);
+    return player !== null ? player.setCurrentTime(time) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var setLoop = react.useCallback(function (loop) {
     var player = playerRef.current;
-    return player !== null ? player.setLoop(loop) : Promise.reject(noPlayerError);
+    return player !== null ? player.setLoop(loop) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var destroyVideo = react.useCallback(function () {
     var player = playerRef.current;

package/dist/es.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { loadDailymotion, loadYouTube, loadVimeo } from '@folklore/services';
 import createDebug from 'debug';
 import EventsManager from '@folklore/events';
@@ -76,7 +76,7 @@ function usePlayerCurrentTime(player) {
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var noPlayerError$2 = new Error('No player');
+var noPlayerError$1 = new Error('No player');
 var debug$3 = createDebug('folklore:video:youtube');
 
 var useDailymotionPlayer = function useDailymotionPlayer() {
@@ -109,7 +109,16 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       _params$timeUpdateInt = params.timeUpdateInterval,
       timeUpdateInterval = _params$timeUpdateInt === void 0 ? 1000 : _params$timeUpdateInt,
       _params$onTimeUpdate = params.onTimeUpdate,
-      customOnTimeUpdate = _params$onTimeUpdate === void 0 ? null : _params$onTimeUpdate;
+      customOnTimeUpdate = _params$onTimeUpdate === void 0 ? null : _params$onTimeUpdate,
+      _params$getVideoId = params.getVideoId,
+      getVideoId = _params$getVideoId === void 0 ? function (url) {
+    if (url === null || url.match(/^https?:/) === null) {
+      return null;
+    }
+
+    var match = url.match(/\/video\/([^/?]+)/);
+    return match !== null ? match[1] : null;
+  } : _params$getVideoId;
 
   var _useState = useState(typeof window.DM !== 'undefined'),
       _useState2 = _slicedToArray(_useState, 2),
@@ -130,6 +139,9 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
   var elementRef = useRef(null);
   var playerRef = useRef(null);
   var ready = apiLoaded && playerReady;
+  var videoId = useMemo(function () {
+    return getVideoId(id);
+  }, [id]);
 
   var _useState7 = useState(initialMuted),
       _useState8 = _slicedToArray(_useState7, 2),
@@ -188,7 +200,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
     var _elementRef$current = elementRef.current,
         element = _elementRef$current === void 0 ? null : _elementRef$current;
 
-    if (!apiLoaded || id === null || element === null) {
+    if (!apiLoaded || videoId === null || element === null) {
       return;
     }
 
@@ -211,7 +223,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       });
     } else {
       player = DM.player(element, {
-        video: id,
+        video: videoId,
         width: width,
         height: height,
         params: playerParams
@@ -222,7 +234,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
     if (!playerReady) {
       setPlayerReady(true);
     }
-  }, [apiLoaded, elementRef.current, id, width, height, autoplay, muted, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
+  }, [apiLoaded, elementRef.current, videoId, width, height, autoplay, muted, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
   useEffect(function () {
     var _playerRef$current2 = playerRef.current,
         player = _playerRef$current2 === void 0 ? null : _playerRef$current2;
@@ -336,34 +348,34 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       player.removeEventListener('ad_start', onAdStart);
       player.removeEventListener('ad_end', onAdEnd);
     };
-  }, [playerRef.current, playerReady, id, setLoaded, setPlayState, setMetadata, setVolumeState, setMuted]);
+  }, [playerRef.current, playerReady, videoId, setLoaded, setPlayState, setMetadata, setVolumeState, setMuted]);
   var play = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.play() : Promise.reject(noPlayerError$2);
+    return player !== null ? player.play() : Promise.reject(noPlayerError$1);
   }, []);
   var pause = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.pause() : Promise.reject(noPlayerError$2);
+    return player !== null ? player.pause() : Promise.reject(noPlayerError$1);
   }, []);
   var setVolume = useCallback(function (newVolume) {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(newVolume) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.setVolume(newVolume) : Promise.reject(noPlayerError$1);
   }, []);
   var mute = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setMute(true) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.setMute(true) : Promise.reject(noPlayerError$1);
   }, []);
   var unmute = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setMute(false) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.setMute(false) : Promise.reject(noPlayerError$1);
   }, []);
   var seek = useCallback(function (time) {
     var player = playerRef.current;
-    return player !== null ? player.seek(time) : Promise.reject(noPlayerError$2);
+    return player !== null ? player.seek(time) : Promise.reject(noPlayerError$1);
   }, []);
   var playing = playState.playing;
   var currentTime = usePlayerCurrentTime(playerRef.current, {
-    id: id,
+    id: videoId,
     disabled: !playing || timeUpdateInterval === null,
     updateInterval: timeUpdateInterval,
     onUpdate: customOnTimeUpdate
@@ -443,7 +455,7 @@ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var debug$2 = createDebug('folklore:video:native');
-var noPlayerError$1 = new Error('No player');
+var noPlayerError = new Error('No player');
 
 var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -493,11 +505,11 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
 
   var play = useCallback(function () {
     var player = elementRef.current;
-    return player !== null ? player.play() : Promise.reject(noPlayerError$1);
+    return player !== null ? player.play() : Promise.reject(noPlayerError);
   }, []);
   var pause = useCallback(function () {
     var player = elementRef.current;
-    return player !== null ? player.pause() : Promise.reject(noPlayerError$1);
+    return player !== null ? player.pause() : Promise.reject(noPlayerError);
   }, []);
   var setVolume = useCallback(function (newVolume) {
     var player = elementRef.current;
@@ -507,7 +519,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(newVolume);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var mute = useCallback(function () {
     var player = elementRef.current;
@@ -517,7 +529,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(true);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var unmute = useCallback(function () {
     var player = elementRef.current;
@@ -527,7 +539,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(false);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var seek = useCallback(function (newTime) {
     var player = elementRef.current;
@@ -537,7 +549,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(newTime);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []);
   var setLoop = useCallback(function (newLoop) {
     var player = elementRef.current;
@@ -547,7 +559,7 @@ var useNativeVideoPlayer = function useNativeVideoPlayer(url) {
       return Promise.resolve(newLoop);
     }
 
-    return Promise.reject(noPlayerError$1);
+    return Promise.reject(noPlayerError);
   }, []); // Bind player events
 
   useEffect(function () {
@@ -885,30 +897,8 @@ var useResizeObserver = function useResizeObserver() {
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var NO_PLAYER_ERROR = new Error('No player');
-
-var getYoutubeVideoId = function getYoutubeVideoId(url) {
-  var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
-  var match = url.match(regExp);
-  return match && match[7].length === 11 ? match[7] : false;
-};
-
+var NO_PLAYER_ERROR$1 = new Error('No player');
 var debug$1 = createDebug('folklore:video:youtube');
-var isVideoId$1 = function isVideoId(url) {
-  return url !== null && url.match(/^https?:/) === null;
-};
-
-var getVideoId$1 = function getVideoId(url) {
-  if (url === null) {
-    return null;
-  }
-
-  if (isVideoId$1(url)) {
-    return url;
-  }
-
-  return getYoutubeVideoId(url);
-};
 
 function useYouTubePlayer(id) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -929,7 +919,17 @@ function useYouTubePlayer(id) {
       _ref$onVolumeChange = _ref.onVolumeChange,
       customOnVolumeChange = _ref$onVolumeChange === void 0 ? null : _ref$onVolumeChange,
       _ref$onTimeUpdate = _ref.onTimeUpdate,
-      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate;
+      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate,
+      _ref$getVideoId = _ref.getVideoId,
+      getVideoId = _ref$getVideoId === void 0 ? function (url) {
+    if (url === null || url.match(/^https?:/) === null) {
+      return null;
+    }
+
+    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
+    var match = url.match(regExp);
+    return match && match[7].length === 11 ? match[7] : null;
+  } : _ref$getVideoId;
 
   var _useState = useState(typeof window.YT !== 'undefined'),
       _useState2 = _slicedToArray(_useState, 2),
@@ -941,7 +941,7 @@ function useYouTubePlayer(id) {
   var playerRef = useRef(null);
   var playerElementRef = useRef(elementRef.current);
   var videoId = useMemo(function () {
-    return getVideoId$1(id);
+    return getVideoId(id);
   }, [id]);
 
   var _useState3 = useState(false),
@@ -992,15 +992,15 @@ function useYouTubePlayer(id) {
   }, [apiLoaded, videoId, setApiLoaded]);
   var play = useCallback(function () {
     var player = playerRef.current;
-    return player !== null && typeof player.playVideo !== 'undefined' ? Promise.resolve(player.playVideo()) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.playVideo !== 'undefined' ? Promise.resolve(player.playVideo()) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var pause = useCallback(function () {
     var player = playerRef.current;
-    return player !== null && typeof player.pauseVideo !== 'undefined' ? Promise.resolve(player.pauseVideo()) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.pauseVideo !== 'undefined' ? Promise.resolve(player.pauseVideo()) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var setVolume = useCallback(function (volume) {
     var player = playerRef.current;
-    var promise = player !== null && typeof player.setVolume !== 'undefined' ? Promise.resolve(player.setVolume(volume * 100)) : Promise.reject(NO_PLAYER_ERROR);
+    var promise = player !== null && typeof player.setVolume !== 'undefined' ? Promise.resolve(player.setVolume(volume * 100)) : Promise.reject(NO_PLAYER_ERROR$1);
 
     if (customOnVolumeChange) {
       customOnVolumeChange(volume);
@@ -1010,23 +1010,23 @@ function useYouTubePlayer(id) {
   }, [customOnVolumeChange]);
   var mute = useCallback(function () {
     var player = playerRef.current;
-    return (player !== null && typeof player.mute !== 'undefined' ? Promise.resolve(player.mute()) : Promise.reject(NO_PLAYER_ERROR)).then(function () {
+    return (player !== null && typeof player.mute !== 'undefined' ? Promise.resolve(player.mute()) : Promise.reject(NO_PLAYER_ERROR$1)).then(function () {
       return setMuted(true);
     });
   }, [setMuted]);
   var unmute = useCallback(function () {
     var player = playerRef.current;
-    return (player !== null && typeof player.unMute !== 'undefined' ? Promise.resolve(player.unMute()) : Promise.reject(NO_PLAYER_ERROR)).then(function () {
+    return (player !== null && typeof player.unMute !== 'undefined' ? Promise.resolve(player.unMute()) : Promise.reject(NO_PLAYER_ERROR$1)).then(function () {
       return setMuted(false);
     });
   }, []);
   var seek = useCallback(function (time) {
     var player = playerRef.current;
-    return player !== null && typeof player.seekTo !== 'undefined' ? Promise.resolve(player.seekTo(time)) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.seekTo !== 'undefined' ? Promise.resolve(player.seekTo(time)) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var setLoop = useCallback(function (loop) {
     var player = playerRef.current;
-    return player !== null && typeof player.setLoop !== 'undefined' ? Promise.resolve(player.setLoop(loop)) : Promise.reject(NO_PLAYER_ERROR);
+    return player !== null && typeof player.setLoop !== 'undefined' ? Promise.resolve(player.setLoop(loop)) : Promise.reject(NO_PLAYER_ERROR$1);
   }, []);
   var destroyPlayer = useCallback(function () {
     if (playerRef.current !== null) {
@@ -1163,24 +1163,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var debug = createDebug('folklore:video:vimeo');
-var isVideoId = function isVideoId(url) {
-  return url !== null && url.match(/^[0-9]+$/);
-};
-
-var getVideoId = function getVideoId(url) {
-  if (url === null) {
-    return null;
-  }
-
-  if (isVideoId(url)) {
-    return url;
-  }
-
-  var match = url.match(/\/[0-9]+/);
-  return match !== null ? match[1] : null;
-};
-
-var noPlayerError = new Error('No player');
+var NO_PLAYER_ERROR = new Error('No player');
 
 var useVimeoPlayer = function useVimeoPlayer(id) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -1203,7 +1186,16 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
       _ref$timeUpdateInterv = _ref.timeUpdateInterval,
       timeUpdateInterval = _ref$timeUpdateInterv === void 0 ? 1000 : _ref$timeUpdateInterv,
       _ref$onTimeUpdate = _ref.onTimeUpdate,
-      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate;
+      customOnTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate,
+      _ref$getVideoId = _ref.getVideoId,
+      getVideoId = _ref$getVideoId === void 0 ? function (url) {
+    if (url === null || url.match(/^[0-9]+$/) !== null) {
+      return url;
+    }
+
+    var match = url.match(/\/[0-9]+/);
+    return match !== null ? match[1] : null;
+  } : _ref$getVideoId;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1271,31 +1263,31 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
   }, [id]);
   var play = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.play() : Promise.reject(noPlayerError);
+    return player !== null ? player.play() : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var pause = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.pause() : Promise.reject(noPlayerError);
+    return player !== null ? player.pause() : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var setVolume = useCallback(function (newVolume) {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(newVolume) : Promise.reject(noPlayerError);
+    return player !== null ? player.setVolume(newVolume) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var mute = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(0) : Promise.reject(noPlayerError);
+    return player !== null ? player.setVolume(0) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var unmute = useCallback(function () {
     var player = playerRef.current;
-    return player !== null ? player.setVolume(1) : Promise.reject(noPlayerError);
+    return player !== null ? player.setVolume(1) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var seek = useCallback(function (time) {
     var player = playerRef.current;
-    return player !== null ? player.setCurrentTime(time) : Promise.reject(noPlayerError);
+    return player !== null ? player.setCurrentTime(time) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var setLoop = useCallback(function (loop) {
     var player = playerRef.current;
-    return player !== null ? player.setLoop(loop) : Promise.reject(noPlayerError);
+    return player !== null ? player.setLoop(loop) : Promise.reject(NO_PLAYER_ERROR);
   }, []);
   var destroyVideo = useCallback(function () {
     var player = playerRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.10",
+    "version": "0.0.13",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -48,10 +48,10 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "87715f95c9b18bede296108018d8b0210149e937",
+    "gitHead": "fc608bf65e082c31006fb2f484dcc7d113e39e8b",
     "dependencies": {
         "@folklore/events": "^0.0.3",
-        "@folklore/services": "^0.1.32",
+        "@folklore/services": "^0.1.34",
         "debug": "^4.3.4"
     }
 }