@draftbit/core 54.0.4-11e01d.2 → 54.0.4-6c949a.2

package/lib/commonjs/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;exports.mapToMediaPlayerStatus=mapToMediaPlayerStatus;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var React=_interopRequireWildcard(require("react"));var _expoAudio=require("expo-audio");var _MediaPlayerCommon=require("../MediaPlayerCommon");var _MediaPlaybackWrapper=_interopRequireDefault(require("../MediaPlaybackWrapper"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var HeadlessAudioPlayer=React.forwardRef(function(_ref,ref){var source=_ref.source,_ref$interruptionMode=_ref.interruptionMode,interruptionMode=_ref$interruptionMode===void 0?"lower volume":_ref$interruptionMode,_ref$playsInBackgroun=_ref.playsInBackground,playsInBackground=_ref$playsInBackgroun===void 0?false:_ref$playsInBackgroun,_ref$playsInSilentMod=_ref.playsInSilentModeIOS,playsInSilentModeIOS=_ref$playsInSilentMod===void 0?false:_ref$playsInSilentMod,_ref$playThroughEarpi=_ref.playThroughEarpieceAndroid,playThroughEarpieceAndroid=_ref$playThroughEarpi===void 0?false:_ref$playThroughEarpi,onPlaybackStatusUpdateProp=_ref.onPlaybackStatusUpdate,onPlaybackFinish=_ref.onPlaybackFinish,_ref$isLooping=_ref.isLooping,isLooping=_ref$isLooping===void 0?false:_ref$isLooping,_ref$volume=_ref.volume,volume=_ref$volume===void 0?1.0:_ref$volume;var stableSource=(0,_MediaPlayerCommon.useSourceDeepCompareMemoize)((0,_MediaPlayerCommon.normalizeBase64Source)(source,"audio"));var player=(0,_expoAudio.useAudioPlayer)(stableSource);var _React$useState=React.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),isPlaying=_React$useState2[0],setIsPlaying=_React$useState2[1];React.useEffect(function(){player.loop=isLooping;},[player,isLooping]);React.useEffect(function(){player.volume=volume;},[player,volume]);React.useEffect(function(){onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp({isPlaying:false,isLoading:true,isBuffering:false,currentPositionMillis:0,durationMillis:0,bufferedDurationMillis:0,isError:false});},[]);React.useEffect(function(){var subscription=player.addListener("playbackStatusUpdate",function(status){var mappedStatus=mapToMediaPlayerStatus(status);onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp(mappedStatus);if(status.isLoaded){if(status.didJustFinish&&!isLooping){onPlaybackFinish==null||onPlaybackFinish();}setIsPlaying(status.playing);}});return function(){return subscription.remove();};},[]);var isFirstSourceRender=React.useRef(true);(0,_MediaPlayerCommon.useSourceDeepCompareEffect)(function(){if(isFirstSourceRender.current){isFirstSourceRender.current=false;return;}player.replace((0,_MediaPlayerCommon.normalizeBase64Source)(source,"audio"));},[source]);var updateAudioMode=React.useCallback((0,_asyncToGenerator2.default)(function*(){try{yield(0,_expoAudio.setAudioModeAsync)({shouldPlayInBackground:playsInBackground,interruptionMode:interruptionMode==="lower volume"?"duckOthers":"doNotMix",playsInSilentMode:playsInSilentModeIOS,shouldRouteThroughEarpiece:playThroughEarpieceAndroid});}catch(e){if((e==null?void 0:e.code)==="E_AUDIO_AUDIOMODE"){console.warn("Background audio playback only works in published apps, not in preview mode. For iOS apps, add 'audio' under UI Background Modes in Project Settings > Apple App Store.");}else{console.error("Failed to set audio mode. interruptionMode, playsInBackground, playsInSilentModeIOS, playThroughEarpieceAndroid might not be set. Failed with",e);}}}),[interruptionMode,playsInBackground,playsInSilentModeIOS,playThroughEarpieceAndroid]);var onTogglePlayback=function onTogglePlayback(){updateAudioMode();};return(0,_jsxRuntime.jsx)(_MediaPlaybackWrapper.default,{ref:ref,isPlaying:isPlaying,player:player,onTogglePlayback:onTogglePlayback});});function mapToMediaPlayerStatus(status){if(status.isLoaded){return{isPlaying:status.playing,isLoading:false,isBuffering:status.isBuffering,currentPositionMillis:status.currentTime*1000,durationMillis:status.duration*1000,bufferedDurationMillis:status.duration*1000,isError:false};}return{isPlaying:false,isLoading:true,isBuffering:false,currentPositionMillis:0,durationMillis:0,bufferedDurationMillis:0,isError:false};}var _default=exports.default=HeadlessAudioPlayer;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var React=_interopRequireWildcard(require("react"));var _expoAv=require("expo-av");var _MediaPlayerCommon=require("../MediaPlayerCommon");var _MediaPlaybackWrapper=_interopRequireDefault(require("../MediaPlaybackWrapper"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var HeadlessAudioPlayer=React.forwardRef(function(_ref,ref){var source=_ref.source,_ref$interruptionMode=_ref.interruptionMode,interruptionMode=_ref$interruptionMode===void 0?"lower volume":_ref$interruptionMode,_ref$playsInBackgroun=_ref.playsInBackground,playsInBackground=_ref$playsInBackgroun===void 0?false:_ref$playsInBackgroun,_ref$playsInSilentMod=_ref.playsInSilentModeIOS,playsInSilentModeIOS=_ref$playsInSilentMod===void 0?false:_ref$playsInSilentMod,_ref$playThroughEarpi=_ref.playThroughEarpieceAndroid,playThroughEarpieceAndroid=_ref$playThroughEarpi===void 0?false:_ref$playThroughEarpi,onPlaybackStatusUpdateProp=_ref.onPlaybackStatusUpdate,onPlaybackFinish=_ref.onPlaybackFinish,_ref$isLooping=_ref.isLooping,isLooping=_ref$isLooping===void 0?false:_ref$isLooping,_ref$volume=_ref.volume,volume=_ref$volume===void 0?1.0:_ref$volume;var _React$useState=React.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),currentSound=_React$useState2[0],setCurrentSound=_React$useState2[1];var _React$useState3=React.useState(false),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),isPlaying=_React$useState4[0],setIsPlaying=_React$useState4[1];React.useEffect(function(){if(currentSound&&typeof(currentSound==null?void 0:currentSound.setIsLoopingAsync)==="function"){currentSound.setIsLoopingAsync(isLooping);}},[currentSound,isLooping]);React.useEffect(function(){if(currentSound&&typeof(currentSound==null?void 0:currentSound.setVolumeAsync)==="function"){currentSound.setVolumeAsync(volume);}},[currentSound,volume]);var updateAudioMode=React.useCallback((0,_asyncToGenerator2.default)(function*(){try{yield _expoAv.Audio.setAudioModeAsync({staysActiveInBackground:playsInBackground,interruptionModeIOS:interruptionMode==="lower volume"?_expoAv.InterruptionModeIOS.DuckOthers:_expoAv.InterruptionModeIOS.DoNotMix,interruptionModeAndroid:interruptionMode==="lower volume"?_expoAv.InterruptionModeAndroid.DuckOthers:_expoAv.InterruptionModeAndroid.DoNotMix,playsInSilentModeIOS:playsInSilentModeIOS,playThroughEarpieceAndroid:playThroughEarpieceAndroid});}catch(e){if((e==null?void 0:e.code)==="E_AUDIO_AUDIOMODE"){console.warn("Background audio playback only works in published apps, not in preview mode. For iOS apps, add 'audio' under UI Background Modes in Project Settings > Apple App Store.");}else{console.error("Failed to set audio mode. interruptionMode, playsInBackground, playsInSilentModeIOS, playThroughEarpieceAndroid might not be set. Failed with",e);}}}),[interruptionMode,playsInBackground,playsInSilentModeIOS,playThroughEarpieceAndroid]);var onPlaybackStatusUpdate=function onPlaybackStatusUpdate(status){var mappedStatus=(0,_MediaPlayerCommon.mapToMediaPlayerStatus)(status);onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp(mappedStatus);if(status.isLoaded){if(status.didJustFinish){if(isLooping){return;}onPlaybackFinish==null||onPlaybackFinish();}setIsPlaying(status.isPlaying);}};var onTogglePlayback=function onTogglePlayback(){updateAudioMode();};var loadAudio=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp({isPlaying:false,isLoading:true,isBuffering:false,currentPositionMillis:0,durationMillis:0,bufferedDurationMillis:0,isError:false});var finalSource=yield(0,_MediaPlayerCommon.normalizeBase64Source)(source,"audio");var _yield$Audio$Sound$cr=yield _expoAv.Audio.Sound.createAsync(finalSource),sound=_yield$Audio$Sound$cr.sound;setCurrentSound(sound);sound.setOnPlaybackStatusUpdate(onPlaybackStatusUpdate);});return function loadAudio(){return _ref3.apply(this,arguments);};}();(0,_MediaPlayerCommon.useSourceDeepCompareEffect)(function(){loadAudio();},[source]);return(0,_jsxRuntime.jsx)(_MediaPlaybackWrapper.default,{ref:ref,isPlaying:isPlaying,media:currentSound,onTogglePlayback:onTogglePlayback});});var _default=exports.default=HeadlessAudioPlayer;

package/lib/commonjs/components/MediaPlayer/MediaPlaybackWrapper.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var React=_interopRequireWildcard(require("react"));var _jsxRuntime=require("react/jsx-runtime");function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var MediaPlaybackWrapper=React.forwardRef(function(_ref,ref){var player=_ref.player,isPlaying=_ref.isPlaying,onTogglePlayback=_ref.onTogglePlayback,children=_ref.children;var togglePlayback=React.useCallback(function(){onTogglePlayback==null||onTogglePlayback();if(isPlaying){player==null||player.pause();}else{player==null||player.play();}},[isPlaying,onTogglePlayback]);var pause=React.useCallback(function(){onTogglePlayback==null||onTogglePlayback();player==null||player.pause();},[player,onTogglePlayback]);var play=React.useCallback(function(){onTogglePlayback==null||onTogglePlayback();player==null||player.play();},[player,onTogglePlayback]);var seekToPosition=React.useCallback(function(positionMillis){if(typeof(player==null?void 0:player.seekTo)==="function"){player.seekTo(positionMillis/1000);}else if(player){player.currentTime=positionMillis/1000;}},[player]);React.useImperativeHandle(ref,function(){return{seekToPosition:seekToPosition,togglePlayback:togglePlayback,pause:pause,play:play};},[seekToPosition,togglePlayback,pause,play]);return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:children});});var _default=exports.default=MediaPlaybackWrapper;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var React=_interopRequireWildcard(require("react"));var _jsxRuntime=require("react/jsx-runtime");function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var MediaPlaybackWrapper=React.forwardRef(function(_ref,ref){var media=_ref.media,isPlaying=_ref.isPlaying,onTogglePlayback=_ref.onTogglePlayback,children=_ref.children;var togglePlayback=React.useCallback((0,_asyncToGenerator2.default)(function*(){onTogglePlayback==null||onTogglePlayback();if(isPlaying){yield media==null?void 0:media.pauseAsync();}else{yield media==null?void 0:media.playAsync();}}),[media,isPlaying,onTogglePlayback]);var pause=React.useCallback((0,_asyncToGenerator2.default)(function*(){onTogglePlayback==null||onTogglePlayback();yield media==null?void 0:media.pauseAsync();}),[media,onTogglePlayback]);var play=React.useCallback((0,_asyncToGenerator2.default)(function*(){onTogglePlayback==null||onTogglePlayback();yield media==null?void 0:media.playAsync();}),[media,onTogglePlayback]);var seekToPosition=React.useCallback(function(){var _ref5=(0,_asyncToGenerator2.default)(function*(positionMillis){yield media==null?void 0:media.setPositionAsync(positionMillis);});return function(_x){return _ref5.apply(this,arguments);};}(),[media]);React.useEffect(function(){return media?function(){media.unloadAsync();}:undefined;},[media]);React.useImperativeHandle(ref,function(){return{seekToPosition:seekToPosition,togglePlayback:togglePlayback,pause:pause,play:play};},[seekToPosition,togglePlayback,pause,play]);return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:children});});var _default=exports.default=MediaPlaybackWrapper;

package/lib/commonjs/components/MediaPlayer/MediaPlayerCommon.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.normalizeBase64Source=normalizeBase64Source;exports.useSourceDeepCompareEffect=useSourceDeepCompareEffect;exports.useSourceDeepCompareMemoize=useSourceDeepCompareMemoize;var _uuid=require("uuid");var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var URL_REGEX=/[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/;function normalizeBase64Source(source,type){var uri=source==null?void 0:source.uri;if(_reactNative.Platform.OS==="ios"&&uri&&!uri.match(URL_REGEX)){var _require=require("expo-file-system"),File=_require.File,Paths=_require.Paths;var defaultMimeType=type==="audio"?"wav":"mp4";var mimeType=uri.startsWith(`data:${type}/`)?uri.substring(`data:${type}/`.length,uri.indexOf(";")):defaultMimeType;var file=new File(Paths.cache,`${(0,_uuid.v4)()}.${mimeType.toLowerCase()}`);var base64Content=uri.includes("base64,")?uri.substring(uri.indexOf("base64,")+"base64,".length):uri;file.write(base64Content,{encoding:"base64"});return{uri:file.uri};}return source;}function sourceDeepCompareEquals(a,b){if(a!=null&&a.uri&&b!=null&&b.uri){return a.uri===b.uri;}return a===b;}function useSourceDeepCompareMemoize(value){var ref=_react.default.useRef(undefined);if(!sourceDeepCompareEquals(value,ref.current)){ref.current=value;}return ref.current;}function useSourceDeepCompareEffect(callback,dependencies){_react.default.useEffect(callback,dependencies.map(useSourceDeepCompareMemoize));}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.mapToMediaPlayerStatus=mapToMediaPlayerStatus;exports.normalizeBase64Source=normalizeBase64Source;exports.useSourceDeepCompareEffect=useSourceDeepCompareEffect;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _uuid=require("uuid");var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));function mapToMediaPlayerStatus(status){if(status.isLoaded){return{isPlaying:status.isPlaying,isLoading:false,isBuffering:status.isBuffering,currentPositionMillis:status.positionMillis||0,durationMillis:status.durationMillis||0,bufferedDurationMillis:status.playableDurationMillis||0,isError:false};}return{isPlaying:false,isLoading:false,isBuffering:false,currentPositionMillis:0,durationMillis:0,bufferedDurationMillis:0,isError:true,error:status.error};}var URL_REGEX=/[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/;function normalizeBase64Source(_x,_x2){return _normalizeBase64Source.apply(this,arguments);}function _normalizeBase64Source(){_normalizeBase64Source=(0,_asyncToGenerator2.default)(function*(source,type){var uri=source==null?void 0:source.uri;if(_reactNative.Platform.OS==="ios"&&uri&&!uri.match(URL_REGEX)){var _yield$import=yield import("expo-file-system"),File=_yield$import.File,Paths=_yield$import.Paths;var defaultMimeType=type==="audio"?"wav":"mp4";var mimeType=uri.startsWith(`data:${type}/`)?uri.substring(`data:${type}/`.length,uri.indexOf(";")):defaultMimeType;var file=new File(Paths.cache,`${(0,_uuid.v4)()}.${mimeType.toLowerCase()}`);var base64Content=uri.includes("base64,")?uri.substring(uri.indexOf("base64,")+"base64,".length):uri;file.write(base64Content,{encoding:"base64"});return{uri:file.uri};}return source;});return _normalizeBase64Source.apply(this,arguments);}function sourceDeepCompareEquals(a,b){if(a!=null&&a.uri&&b!=null&&b.uri){return a.uri===b.uri;}return a===b;}function useSourceDeepCompareMemoize(value){var ref=_react.default.useRef(undefined);if(!sourceDeepCompareEquals(value,ref.current)){ref.current=value;}return ref.current;}function useSourceDeepCompareEffect(callback,dependencies){_react.default.useEffect(callback,dependencies.map(useSourceDeepCompareMemoize));}

package/lib/commonjs/components/MediaPlayer/VideoPlayer/VideoPlayer.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;exports.mapToMediaPlayerStatus=mapToMediaPlayerStatus;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _expoVideo=require("expo-video");var _expoAudio=require("expo-audio");var _utilities=require("../../../utilities");var _MediaPlaybackWrapper=_interopRequireDefault(require("../MediaPlaybackWrapper"));var _MediaPlayerCommon=require("../MediaPlayerCommon");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style","resizeMode","posterResizeMode","posterSource","usePoster","onPlaybackStatusUpdate","onPlaybackFinish","source","playsInSilentModeIOS","isMuted","useNativeControls","shouldPlay","isLooping","positionMillis","allowsFullscreen","rate","volume"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx";var VideoPlayer=_react.default.forwardRef(function(_ref,ref){var style=_ref.style,_ref$resizeMode=_ref.resizeMode,resizeMode=_ref$resizeMode===void 0?"contain":_ref$resizeMode,_ref$posterResizeMode=_ref.posterResizeMode,posterResizeMode=_ref$posterResizeMode===void 0?"cover":_ref$posterResizeMode,posterSource=_ref.posterSource,_ref$usePoster=_ref.usePoster,usePoster=_ref$usePoster===void 0?false:_ref$usePoster,onPlaybackStatusUpdateProp=_ref.onPlaybackStatusUpdate,onPlaybackFinish=_ref.onPlaybackFinish,source=_ref.source,_ref$playsInSilentMod=_ref.playsInSilentModeIOS,playsInSilentModeIOS=_ref$playsInSilentMod===void 0?false:_ref$playsInSilentMod,_ref$isMuted=_ref.isMuted,isMuted=_ref$isMuted===void 0?false:_ref$isMuted,_ref$useNativeControl=_ref.useNativeControls,useNativeControls=_ref$useNativeControl===void 0?true:_ref$useNativeControl,_ref$shouldPlay=_ref.shouldPlay,shouldPlay=_ref$shouldPlay===void 0?false:_ref$shouldPlay,_ref$isLooping=_ref.isLooping,isLooping=_ref$isLooping===void 0?false:_ref$isLooping,positionMillis=_ref.positionMillis,_ref$allowsFullscreen=_ref.allowsFullscreen,allowsFullscreen=_ref$allowsFullscreen===void 0?true:_ref$allowsFullscreen,_ref$rate=_ref.rate,rate=_ref$rate===void 0?1:_ref$rate,_ref$volume=_ref.volume,volume=_ref$volume===void 0?1:_ref$volume,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var stableSource=(0,_MediaPlayerCommon.useSourceDeepCompareMemoize)((0,_MediaPlayerCommon.normalizeBase64Source)(source,"video"));var player=(0,_expoVideo.useVideoPlayer)(stableSource,function(p){p.loop=isLooping;p.muted=isMuted;p.volume=volume;p.playbackRate=rate;});var videoPlayerRef=_react.default.useRef(null);var _React$useState=_react.default.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),isPlaying=_React$useState2[0],setIsPlaying=_React$useState2[1];var _React$useState3=_react.default.useState(false),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),isFullscreen=_React$useState4[0],setIsFullscreen=_React$useState4[1];var _React$useState5=_react.default.useState(usePoster&&!!posterSource),_React$useState6=(0,_slicedToArray2.default)(_React$useState5,2),showPoster=_React$useState6[0],setShowPoster=_React$useState6[1];var mediaPlaybackWrapperRef=_react.default.useRef(null);var sizeStyles=(0,_utilities.extractSizeStyles)(style);_react.default.useEffect(function(){player.muted=isMuted;},[player,isMuted]);_react.default.useEffect(function(){player.loop=isLooping;},[player,isLooping]);_react.default.useEffect(function(){player.volume=volume;},[player,volume]);_react.default.useEffect(function(){player.playbackRate=rate;},[player,rate]);var shouldPlayRef=_react.default.useRef(shouldPlay);var positionMillisRef=_react.default.useRef(positionMillis);shouldPlayRef.current=shouldPlay;positionMillisRef.current=positionMillis;var hasAppliedInitialState=_react.default.useRef(false);_react.default.useEffect(function(){var timeUpdateSub=player.addListener("timeUpdate",function(status){onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp(mapToMediaPlayerStatus(status,player));});var playingChangeSub=player.addListener("playingChange",function(_ref2){var playing=_ref2.isPlaying;setIsPlaying(playing);onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp(mapPlayerToMediaPlayerStatus(player));});var playToEndSub=player.addListener("playToEnd",function(){onPlaybackFinish==null||onPlaybackFinish();});var statusChangeSub=player.addListener("statusChange",function(_ref3){var status=_ref3.status,error=_ref3.error;if(status==="readyToPlay"){setShowPoster(false);if(!hasAppliedInitialState.current){hasAppliedInitialState.current=true;if(positionMillisRef.current){player.currentTime=positionMillisRef.current/1000;}if(shouldPlayRef.current){player.play();}}}var mappedStatus=mapPlayerToMediaPlayerStatus(player);onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp(status==="error"&&error?Object.assign({},mappedStatus,{isError:true,error:error.message}):mappedStatus);});return function(){timeUpdateSub.remove();playingChangeSub.remove();playToEndSub.remove();statusChangeSub.remove();};},[]);var isFirstSourceRender=_react.default.useRef(true);(0,_MediaPlayerCommon.useSourceDeepCompareEffect)(function(){if(isFirstSourceRender.current){isFirstSourceRender.current=false;return;}hasAppliedInitialState.current=false;player.replace((0,_MediaPlayerCommon.normalizeBase64Source)(source,"video"));},[source]);var mappedVideoContentFit;switch(resizeMode){case"contain":mappedVideoContentFit="contain";break;case"cover":mappedVideoContentFit="cover";break;case"stretch":mappedVideoContentFit="fill";break;}var onFullscreenUpdate=function onFullscreenUpdate(type){switch(type){case"entered":setIsFullscreen(true);break;case"exited":setIsFullscreen(false);break;}};var toggleFullscreen=_react.default.useCallback((0,_asyncToGenerator2.default)(function*(){if(videoPlayerRef){if(isFullscreen){var _videoPlayerRef$curre;yield(_videoPlayerRef$curre=videoPlayerRef.current)==null?void 0:_videoPlayerRef$curre.exitFullscreen();}else{var _videoPlayerRef$curre2;yield(_videoPlayerRef$curre2=videoPlayerRef.current)==null?void 0:_videoPlayerRef$curre2.enterFullscreen();}}}),[isFullscreen]);var updateAudioMode=_react.default.useCallback((0,_asyncToGenerator2.default)(function*(){try{yield(0,_expoAudio.setAudioModeAsync)({playsInSilentMode:playsInSilentModeIOS});}catch(e){console.error("Failed to set audio mode. Error details:",e);}}),[playsInSilentModeIOS]);_react.default.useImperativeHandle(ref,function(){var _mediaPlaybackWrapper,_mediaPlaybackWrapper2,_mediaPlaybackWrapper3,_mediaPlaybackWrapper4;return{toggleFullscreen:toggleFullscreen,seekToPosition:((_mediaPlaybackWrapper=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper.seekToPosition)||function(){},togglePlayback:((_mediaPlaybackWrapper2=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper2.togglePlayback)||function(){},pause:((_mediaPlaybackWrapper3=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper3.pause)||function(){},play:((_mediaPlaybackWrapper4=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper4.play)||function(){}};},[toggleFullscreen,isPlaying]);return(0,_jsxRuntime.jsx)(_MediaPlaybackWrapper.default,{player:player,isPlaying:isPlaying,ref:mediaPlaybackWrapperRef,onTogglePlayback:updateAudioMode,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[style,styles.container],children:[(0,_jsxRuntime.jsx)(_expoVideo.VideoView,Object.assign({ref:videoPlayerRef,player:player,nativeControls:useNativeControls,style:sizeStyles,contentFit:mappedVideoContentFit,onFullscreenEnter:function onFullscreenEnter(){return onFullscreenUpdate("entered");},onFullscreenExit:function onFullscreenExit(){return onFullscreenUpdate("exited");},allowsFullscreen:allowsFullscreen},rest)),showPoster&&posterSource&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Image,{source:posterSource,resizeMode:posterResizeMode,style:[_reactNative.StyleSheet.absoluteFill,sizeStyles]})})]})});});var styles=_reactNative.StyleSheet.create({container:{overflow:"hidden"}});function mapPlayerToMediaPlayerStatus(player){return{isPlaying:player.playing,isLoading:player.status==="loading",isBuffering:player.status==="loading",currentPositionMillis:player.currentTime*1000,durationMillis:player.duration*1000,bufferedDurationMillis:player.bufferedPosition*1000,isError:player.status==="error"};}function mapToMediaPlayerStatus(status,player){return Object.assign({},mapPlayerToMediaPlayerStatus(player),{currentPositionMillis:status.currentTime*1000,bufferedDurationMillis:status.bufferedPosition*1000});}var _default=exports.default=VideoPlayer;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _expoAv=require("expo-av");var _utilities=require("../../../utilities");var _MediaPlaybackWrapper=_interopRequireDefault(require("../MediaPlaybackWrapper"));var _MediaPlayerCommon=require("../MediaPlayerCommon");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style","resizeMode","posterResizeMode","onPlaybackStatusUpdate","onPlaybackFinish","source","playsInSilentModeIOS"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx";var triggerAudio=function(){var _ref=(0,_asyncToGenerator2.default)(function*(ref){if(ref&&ref!=null&&ref.current&&_reactNative.Platform.OS==="ios"){yield _expoAv.Audio.setAudioModeAsync({playsInSilentModeIOS:true});ref.current.play();}});return function triggerAudio(_x){return _ref.apply(this,arguments);};}();var VideoPlayer=_react.default.forwardRef(function(_ref2,ref){var style=_ref2.style,_ref2$resizeMode=_ref2.resizeMode,resizeMode=_ref2$resizeMode===void 0?"contain":_ref2$resizeMode,_ref2$posterResizeMod=_ref2.posterResizeMode,posterResizeMode=_ref2$posterResizeMod===void 0?"cover":_ref2$posterResizeMod,onPlaybackStatusUpdateProp=_ref2.onPlaybackStatusUpdate,onPlaybackFinish=_ref2.onPlaybackFinish,source=_ref2.source,_ref2$playsInSilentMo=_ref2.playsInSilentModeIOS,playsInSilentModeIOS=_ref2$playsInSilentMo===void 0?false:_ref2$playsInSilentMo,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),videoMediaObject=_React$useState2[0],setVideoMediaObject=_React$useState2[1];var _React$useState3=_react.default.useState(false),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),isPlaying=_React$useState4[0],setIsPlaying=_React$useState4[1];var _React$useState5=_react.default.useState(false),_React$useState6=(0,_slicedToArray2.default)(_React$useState5,2),isFullscreen=_React$useState6[0],setIsFullscreen=_React$useState6[1];var _React$useState7=_react.default.useState(),_React$useState8=(0,_slicedToArray2.default)(_React$useState7,2),currentSource=_React$useState8[0],setCurrentSource=_React$useState8[1];var mediaPlaybackWrapperRef=_react.default.useRef(null);var sizeStyles=(0,_utilities.extractSizeStyles)(style);var mappedResizeMode;switch(resizeMode){case"contain":mappedResizeMode=_expoAv.ResizeMode.CONTAIN;break;case"cover":mappedResizeMode=_expoAv.ResizeMode.COVER;break;case"stretch":mappedResizeMode=_expoAv.ResizeMode.STRETCH;break;}var onPlaybackStatusUpdate=function onPlaybackStatusUpdate(status){var mappedStatus=(0,_MediaPlayerCommon.mapToMediaPlayerStatus)(status);onPlaybackStatusUpdateProp==null||onPlaybackStatusUpdateProp(mappedStatus);if(status.isLoaded){if(status.didJustFinish){onPlaybackFinish==null||onPlaybackFinish();}setIsPlaying(status.isPlaying);}};var _onFullscreenUpdate=function onFullscreenUpdate(fullscreenUpdate){switch(fullscreenUpdate){case _expoAv.VideoFullscreenUpdate.PLAYER_DID_PRESENT:case _expoAv.VideoFullscreenUpdate.PLAYER_WILL_PRESENT:setIsFullscreen(true);break;case _expoAv.VideoFullscreenUpdate.PLAYER_DID_DISMISS:case _expoAv.VideoFullscreenUpdate.PLAYER_WILL_DISMISS:setIsFullscreen(false);break;}};var toggleFullscreen=_react.default.useCallback((0,_asyncToGenerator2.default)(function*(){if(isFullscreen){yield videoMediaObject==null?void 0:videoMediaObject.dismissFullscreenPlayer();}else{yield videoMediaObject==null?void 0:videoMediaObject.presentFullscreenPlayer();}}),[isFullscreen,videoMediaObject]);var updateAudioMode=_react.default.useCallback((0,_asyncToGenerator2.default)(function*(){try{yield _expoAv.Audio.setAudioModeAsync({playsInSilentModeIOS:playsInSilentModeIOS});}catch(e){console.error("Failed to set audio mode. Error details:",e);}}),[playsInSilentModeIOS]);_react.default.useEffect(function(){if(isPlaying)triggerAudio(mediaPlaybackWrapperRef);},[mediaPlaybackWrapperRef,isPlaying]);_react.default.useImperativeHandle(ref,function(){var _mediaPlaybackWrapper,_mediaPlaybackWrapper2,_mediaPlaybackWrapper3,_mediaPlaybackWrapper4;return{toggleFullscreen:toggleFullscreen,seekToPosition:((_mediaPlaybackWrapper=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper.seekToPosition)||function(){},togglePlayback:((_mediaPlaybackWrapper2=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper2.togglePlayback)||function(){},pause:((_mediaPlaybackWrapper3=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper3.pause)||function(){},play:((_mediaPlaybackWrapper4=mediaPlaybackWrapperRef.current)==null?void 0:_mediaPlaybackWrapper4.play)||function(){}};},[toggleFullscreen,isPlaying]);(0,_MediaPlayerCommon.useSourceDeepCompareEffect)(function(){var updateSource=function(){var _ref5=(0,_asyncToGenerator2.default)(function*(){var finalSource=yield(0,_MediaPlayerCommon.normalizeBase64Source)(source,"video");setCurrentSource(finalSource);});return function updateSource(){return _ref5.apply(this,arguments);};}();updateSource();},[source]);return(0,_jsxRuntime.jsx)(_MediaPlaybackWrapper.default,{media:videoMediaObject,isPlaying:isPlaying,ref:mediaPlaybackWrapperRef,onTogglePlayback:updateAudioMode,children:(0,_jsxRuntime.jsx)(_expoAv.Video,Object.assign({ref:function ref(component){return setVideoMediaObject(component);},style:style,videoStyle:sizeStyles,resizeMode:mappedResizeMode,posterStyle:[sizeStyles,{resizeMode:posterResizeMode}],onPlaybackStatusUpdate:onPlaybackStatusUpdate,onFullscreenUpdate:function onFullscreenUpdate(e){return _onFullscreenUpdate(e.fullscreenUpdate);},source:currentSource},rest))});});var _default=exports.default=VideoPlayer;

package/lib/typescript/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.d.ts

@@ -1,11 +1,9 @@
 import * as React from "react";
-import { AudioStatus } from "expo-audio";
 import { HeadlessAudioPlayerProps } from "./AudioPlayerCommon";
-import type { MediaPlayerRef, MediaPlayerStatus } from "../MediaPlayerCommon";
+import type { MediaPlayerRef } from "../MediaPlayerCommon";
 /**
  * Audio Player component without an interface (UI).
  * Only handles playing of the audio and provides callbacks and ref functions
  */
 declare const HeadlessAudioPlayer: React.ForwardRefExoticComponent<HeadlessAudioPlayerProps & React.RefAttributes<MediaPlayerRef>>;
-export declare function mapToMediaPlayerStatus(status: AudioStatus): MediaPlayerStatus;
 export default HeadlessAudioPlayer;

package/lib/typescript/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.js

@@ -1,62 +1,37 @@
 import * as React from "react";
-import { useAudioPlayer, setAudioModeAsync } from "expo-audio";
-import { normalizeBase64Source, useSourceDeepCompareMemoize, useSourceDeepCompareEffect, } from "../MediaPlayerCommon";
+import { Audio, InterruptionModeIOS, InterruptionModeAndroid, } from "expo-av";
+import { mapToMediaPlayerStatus, normalizeBase64Source, useSourceDeepCompareEffect, } from "../MediaPlayerCommon";
 import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
 /**
  * Audio Player component without an interface (UI).
  * Only handles playing of the audio and provides callbacks and ref functions
  */
 const HeadlessAudioPlayer = React.forwardRef(({ source, interruptionMode = "lower volume", playsInBackground = false, playsInSilentModeIOS = false, playThroughEarpieceAndroid = false, onPlaybackStatusUpdate: onPlaybackStatusUpdateProp, onPlaybackFinish, isLooping = false, volume = 1.0, }, ref) => {
-    const stableSource = useSourceDeepCompareMemoize(normalizeBase64Source(source, "audio"));
-    const player = useAudioPlayer(stableSource);
+    const [currentSound, setCurrentSound] = React.useState();
     const [isPlaying, setIsPlaying] = React.useState(false);
     React.useEffect(() => {
-        player.loop = isLooping;
-    }, [player, isLooping]);
-    React.useEffect(() => {
-        player.volume = volume;
-    }, [player, volume]);
-    // Emit loading state immediately
-    React.useEffect(() => {
-        onPlaybackStatusUpdateProp === null || onPlaybackStatusUpdateProp === void 0 ? void 0 : onPlaybackStatusUpdateProp({
-            isPlaying: false,
-            isLoading: true,
-            isBuffering: false,
-            currentPositionMillis: 0,
-            durationMillis: 0,
-            bufferedDurationMillis: 0,
-            isError: false,
-        });
-    }, []);
+        if (currentSound &&
+            typeof (currentSound === null || currentSound === void 0 ? void 0 : currentSound.setIsLoopingAsync) === "function") {
+            currentSound.setIsLoopingAsync(isLooping);
+        }
+    }, [currentSound, isLooping]);
     React.useEffect(() => {
-        const subscription = player.addListener("playbackStatusUpdate", (status) => {
-            const mappedStatus = mapToMediaPlayerStatus(status);
-            onPlaybackStatusUpdateProp === null || onPlaybackStatusUpdateProp === void 0 ? void 0 : onPlaybackStatusUpdateProp(mappedStatus);
-            if (status.isLoaded) {
-                if (status.didJustFinish && !isLooping) {
-                    onPlaybackFinish === null || onPlaybackFinish === void 0 ? void 0 : onPlaybackFinish();
-                }
-                setIsPlaying(status.playing);
-            }
-        });
-        return () => subscription.remove();
-    }, []);
-    // Replace source when it changes (deep comparison on URI to avoid unnecessary reloads)
-    const isFirstSourceRender = React.useRef(true);
-    useSourceDeepCompareEffect(() => {
-        if (isFirstSourceRender.current) {
-            isFirstSourceRender.current = false;
-            return;
+        if (currentSound && typeof (currentSound === null || currentSound === void 0 ? void 0 : currentSound.setVolumeAsync) === "function") {
+            currentSound.setVolumeAsync(volume);
         }
-        player.replace(normalizeBase64Source(source, "audio"));
-    }, [source]);
+    }, [currentSound, volume]);
     const updateAudioMode = React.useCallback(async () => {
         try {
-            await setAudioModeAsync({
-                shouldPlayInBackground: playsInBackground,
-                interruptionMode: interruptionMode === "lower volume" ? "duckOthers" : "doNotMix",
-                playsInSilentMode: playsInSilentModeIOS,
-                shouldRouteThroughEarpiece: playThroughEarpieceAndroid,
+            await Audio.setAudioModeAsync({
+                staysActiveInBackground: playsInBackground,
+                interruptionModeIOS: interruptionMode === "lower volume"
+                    ? InterruptionModeIOS.DuckOthers
+                    : InterruptionModeIOS.DoNotMix,
+                interruptionModeAndroid: interruptionMode === "lower volume"
+                    ? InterruptionModeAndroid.DuckOthers
+                    : InterruptionModeAndroid.DoNotMix,
+                playsInSilentModeIOS,
+                playThroughEarpieceAndroid,
             });
         }
         catch (e) {
@@ -73,33 +48,43 @@ const HeadlessAudioPlayer = React.forwardRef(({ source, interruptionMode = "lowe
         playsInSilentModeIOS,
         playThroughEarpieceAndroid,
     ]);
+    const onPlaybackStatusUpdate = (status) => {
+        const mappedStatus = mapToMediaPlayerStatus(status);
+        onPlaybackStatusUpdateProp === null || onPlaybackStatusUpdateProp === void 0 ? void 0 : onPlaybackStatusUpdateProp(mappedStatus);
+        if (status.isLoaded) {
+            if (status.didJustFinish) {
+                if (isLooping) {
+                    return;
+                }
+                onPlaybackFinish === null || onPlaybackFinish === void 0 ? void 0 : onPlaybackFinish();
+            }
+            setIsPlaying(status.isPlaying);
+        }
+    };
     const onTogglePlayback = () => {
-        // Has to be called everytime a player is played to reconfigure the global Audio config based on each player's configuration
+        //Has to be called everytime a player is played to reconfigure the global Audio config based on each player's configuration
         updateAudioMode();
     };
-    return (React.createElement(MediaPlaybackWrapper, { ref: ref, isPlaying: isPlaying, player: player, onTogglePlayback: onTogglePlayback }));
-});
-export function mapToMediaPlayerStatus(status) {
-    if (status.isLoaded) {
-        return {
-            isPlaying: status.playing,
-            isLoading: false,
-            isBuffering: status.isBuffering,
-            currentPositionMillis: status.currentTime * 1000,
-            durationMillis: status.duration * 1000,
-            bufferedDurationMillis: status.duration * 1000,
+    const loadAudio = async () => {
+        onPlaybackStatusUpdateProp === null || onPlaybackStatusUpdateProp === void 0 ? void 0 : onPlaybackStatusUpdateProp({
+            isPlaying: false,
+            isLoading: true,
+            isBuffering: false,
+            currentPositionMillis: 0,
+            durationMillis: 0,
+            bufferedDurationMillis: 0,
             isError: false,
-        };
-    }
-    return {
-        isPlaying: false,
-        isLoading: true,
-        isBuffering: false,
-        currentPositionMillis: 0,
-        durationMillis: 0,
-        bufferedDurationMillis: 0,
-        isError: false,
+        });
+        const finalSource = await normalizeBase64Source(source, "audio");
+        const { sound } = await Audio.Sound.createAsync(finalSource);
+        setCurrentSound(sound);
+        sound.setOnPlaybackStatusUpdate(onPlaybackStatusUpdate);
     };
-}
+    useSourceDeepCompareEffect(() => {
+        loadAudio();
+        // Ignore dependency of loadAudio
+    }, [source]);
+    return (React.createElement(MediaPlaybackWrapper, { ref: ref, isPlaying: isPlaying, media: currentSound, onTogglePlayback: onTogglePlayback }));
+});
 export default HeadlessAudioPlayer;
 //# sourceMappingURL=HeadlessAudioPlayer.js.map

package/lib/typescript/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadlessAudioPlayer.js","sourceRoot":"","sources":["../../../../../../src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeadlessAudioPlayer.js","sourceRoot":"","sources":["../../../../../../src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/MediaPlayer/MediaPlaybackWrapper.d.ts

@@ -1,9 +1,8 @@
 import * as React from "react";
-import type { AudioPlayer } from "expo-audio";
-import type { VideoPlayer } from "expo-video";
+import type { Playback } from "expo-av/src/AV";
 import type { MediaPlayerRef } from "./MediaPlayerCommon";
 interface MediaPlaybackWrapperProps {
-    player?: AudioPlayer | VideoPlayer;
+    media?: Playback;
     isPlaying?: boolean;
     onTogglePlayback?: () => void;
 }

package/lib/typescript/src/components/MediaPlayer/MediaPlaybackWrapper.js

@@ -2,32 +2,34 @@ import * as React from "react";
 /**
  * Wrapper component that handles common media playback operations that is reusable with audio and video players
  */
-const MediaPlaybackWrapper = React.forwardRef(({ player, isPlaying, onTogglePlayback, children }, ref) => {
-    const togglePlayback = React.useCallback(() => {
+const MediaPlaybackWrapper = React.forwardRef(({ media, isPlaying, onTogglePlayback, children }, ref) => {
+    const togglePlayback = React.useCallback(async () => {
         onTogglePlayback === null || onTogglePlayback === void 0 ? void 0 : onTogglePlayback();
         if (isPlaying) {
-            player === null || player === void 0 ? void 0 : player.pause();
+            await (media === null || media === void 0 ? void 0 : media.pauseAsync());
         }
         else {
-            player === null || player === void 0 ? void 0 : player.play();
+            await (media === null || media === void 0 ? void 0 : media.playAsync());
         }
-    }, [isPlaying, onTogglePlayback]);
-    const pause = React.useCallback(() => {
+    }, [media, isPlaying, onTogglePlayback]);
+    const pause = React.useCallback(async () => {
         onTogglePlayback === null || onTogglePlayback === void 0 ? void 0 : onTogglePlayback();
-        player === null || player === void 0 ? void 0 : player.pause();
-    }, [player, onTogglePlayback]);
-    const play = React.useCallback(() => {
+        await (media === null || media === void 0 ? void 0 : media.pauseAsync());
+    }, [media, onTogglePlayback]);
+    const play = React.useCallback(async () => {
         onTogglePlayback === null || onTogglePlayback === void 0 ? void 0 : onTogglePlayback();
-        player === null || player === void 0 ? void 0 : player.play();
-    }, [player, onTogglePlayback]);
-    const seekToPosition = React.useCallback((positionMillis) => {
-        if (typeof (player === null || player === void 0 ? void 0 : player.seekTo) === "function") {
-            player.seekTo(positionMillis / 1000);
-        }
-        else if (player) {
-            player.currentTime = positionMillis / 1000;
-        }
-    }, [player]);
+        await (media === null || media === void 0 ? void 0 : media.playAsync());
+    }, [media, onTogglePlayback]);
+    const seekToPosition = React.useCallback(async (positionMillis) => {
+        await (media === null || media === void 0 ? void 0 : media.setPositionAsync(positionMillis));
+    }, [media]);
+    React.useEffect(() => {
+        return media
+            ? () => {
+                media.unloadAsync();
+            }
+            : undefined;
+    }, [media]);
     React.useImperativeHandle(ref, () => ({
         seekToPosition,
         togglePlayback,

package/lib/typescript/src/components/MediaPlayer/MediaPlaybackWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlaybackWrapper.js","sourceRoot":"","sources":["../../../../../src/components/MediaPlayer/MediaPlaybackWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QAErB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAElC,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,cAAsB,EAAE,EAAE;QACzB,IAAI,OAAO,CAAC,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,MAAM,CAAA,KAAK,UAAU,EAAE,CAAC;YACjD,MAAsB,CAAC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,MAAM,EAAE,CAAC;YAClB,MAAM,CAAC,WAAW,GAAG,cAAc,GAAG,IAAI,CAAC;QAC7C,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,KAAK,CAAC,mBAAmB,CACvB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,cAAc;QACd,KAAK;QACL,IAAI;KACL,CAAC,EACF,CAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,CAC9C,CAAC;IAEF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"MediaPlaybackWrapper.js","sourceRoot":"","sources":["../../../../../src/components/MediaPlayer/MediaPlaybackWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QAErB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAE,CAAA,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,MAAM,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAE,CAAA,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACrB,MAAM,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAE,CAAA,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9B,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACrB,MAAM,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAE,CAAA,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,KAAK,EAAE,cAAsB,EAAE,EAAE;QAC/B,MAAM,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA,CAAC;IAChD,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,KAAK;YACV,CAAC,CAAC,GAAG,EAAE;gBACH,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,CAAC;YACH,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,mBAAmB,CACvB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,cAAc;QACd,KAAK;QACL,IAAI;KACL,CAAC,EACF,CAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,CAC9C,CAAC;IAEF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/lib/typescript/src/components/MediaPlayer/MediaPlayerCommon.d.ts

@@ -1,5 +1,4 @@
-import { AudioSource } from "expo-audio";
-import { VideoSource } from "expo-video";
+import { AVPlaybackSource, AVPlaybackStatus } from "expo-av";
 import React from "react";
 export interface MediaPlayerStatus {
     isPlaying: boolean;
@@ -20,11 +19,11 @@ export interface MediaPlayerRef {
 export interface MediaPlayerProps {
     onPlaybackStatusUpdate?: (status: MediaPlayerStatus) => void;
     onPlaybackFinish?: () => void;
-    source: AudioSource | VideoSource;
+    source: AVPlaybackSource;
 }
+export declare function mapToMediaPlayerStatus(status: AVPlaybackStatus): MediaPlayerStatus;
 /**
  * Base64 strings are not playable on iOS and needs to be saved to a file before playing
  */
-export declare function normalizeBase64Source(source: AudioSource | VideoSource, type: "audio" | "video"): AudioSource | VideoSource;
-export declare function useSourceDeepCompareMemoize(value: any): any;
+export declare function normalizeBase64Source(source: AVPlaybackSource, type: "audio" | "video"): Promise<AVPlaybackSource>;
 export declare function useSourceDeepCompareEffect(callback: React.EffectCallback, dependencies: React.DependencyList): void;

package/lib/typescript/src/components/MediaPlayer/MediaPlayerCommon.js

@@ -1,14 +1,37 @@
 import { v4 as uuid } from "uuid";
 import { Platform } from "react-native";
 import React from "react";
+export function mapToMediaPlayerStatus(status) {
+    if (status.isLoaded) {
+        return {
+            isPlaying: status.isPlaying,
+            isLoading: false,
+            isBuffering: status.isBuffering,
+            currentPositionMillis: status.positionMillis || 0,
+            durationMillis: status.durationMillis || 0,
+            bufferedDurationMillis: status.playableDurationMillis || 0,
+            isError: false,
+        };
+    }
+    return {
+        isPlaying: false,
+        isLoading: false,
+        isBuffering: false,
+        currentPositionMillis: 0,
+        durationMillis: 0,
+        bufferedDurationMillis: 0,
+        isError: true,
+        error: status.error,
+    };
+}
 const URL_REGEX = /[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/;
 /**
  * Base64 strings are not playable on iOS and needs to be saved to a file before playing
  */
-export function normalizeBase64Source(source, type) {
+export async function normalizeBase64Source(source, type) {
     const uri = source === null || source === void 0 ? void 0 : source.uri;
     if (Platform.OS === "ios" && uri && !uri.match(URL_REGEX)) {
-        const { File, Paths } = require("expo-file-system");
+        const { File, Paths } = await import("expo-file-system");
         const defaultMimeType = type === "audio" ? "wav" : "mp4";
         const mimeType = uri.startsWith(`data:${type}/`)
             ? uri.substring(`data:${type}/`.length, uri.indexOf(";")) //Ex: extract 'mp4' from 'data:video/mp4;base64,....'
@@ -34,7 +57,7 @@ function sourceDeepCompareEquals(a, b) {
     }
     return a === b;
 }
-export function useSourceDeepCompareMemoize(value) {
+function useSourceDeepCompareMemoize(value) {
     const ref = React.useRef(undefined);
     if (!sourceDeepCompareEquals(value, ref.current)) {
         ref.current = value;

package/lib/typescript/src/components/MediaPlayer/MediaPlayerCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayerCommon.js","sourceRoot":"","sources":["../../../../../src/components/MediaPlayer/MediaPlayerCommon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,MAAM,SAAS,GACb,oFAAoF,CAAC;AAEvF;;GAEG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAAiC,EACjC,IAAuB;IAEvB,MAAM,GAAG,GAAwB,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,GAAG,CAAC;IAErD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;QAC1D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAEpD,MAAM,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACzD,MAAM,QAAQ,GAAG,GAAG,CAAC,UAAU,CAAC,QAAQ,IAAI,GAAG,CAAC;YAC9C,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,IAAI,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,qDAAqD;YAC/G,CAAC,CAAC,eAAe,CAAC;QAEpB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,IAAI,EAAE,IAAI,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAE1E,MAAM,aAAa,GAAG,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;YAC3C,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,uCAAuC;YAClG,CAAC,CAAC,GAAG,CAAC;QAER,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClD,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;IAC3B,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,4EAA4E;AAC5E,2IAA2I;AAC3I,0DAA0D;AAC1D,EAAE;AACF,kHAAkH;AAClH,gDAAgD;AAChD,SAAS,uBAAuB,CAAC,CAAM,EAAE,CAAM;IAC7C,IAAI,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,GAAG,MAAI,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,GAAG,CAAA,EAAE,CAAC;QACrB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC;IACzB,CAAC;IACD,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,KAAU;IACpD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAM,SAAS,CAAC,CAAC;IACzC,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACjD,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,QAA8B,EAC9B,YAAkC;IAElC,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CAAC;AAC3E,CAAC"}
+{"version":3,"file":"MediaPlayerCommon.js","sourceRoot":"","sources":["../../../../../src/components/MediaPlayer/MediaPlayerCommon.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/MediaPlayer/VideoPlayer/VideoPlayer.d.ts

@@ -1,26 +1,16 @@
 import React from "react";
-import { ImageProps, ImageResizeMode } from "react-native";
-import { VideoViewProps as ExpoVideoProps, TimeUpdateEventPayload, VideoPlayer as VideoPlayerType } from "expo-video";
-import type { MediaPlayerRef, MediaPlayerProps, MediaPlayerStatus } from "../MediaPlayerCommon";
+import { ImageResizeMode } from "react-native";
+import { VideoProps as ExpoVideoProps } from "expo-av";
+import type { MediaPlayerRef, MediaPlayerProps } from "../MediaPlayerCommon";
 type ResizeMode = "contain" | "cover" | "stretch";
-type ExpoVideoPropsOmitted = Omit<ExpoVideoProps, "player" | "nativeControls">;
+type ExpoVideoPropsOmitted = Omit<ExpoVideoProps, "videoStyle" | "resizeMode" | "onPlaybackStatusUpdate" | "source">;
 interface VideoPlayerProps extends ExpoVideoPropsOmitted, MediaPlayerProps {
     resizeMode?: ResizeMode;
     posterResizeMode?: ImageResizeMode;
-    posterSource?: ImageProps["source"];
-    usePoster?: boolean;
     playsInSilentModeIOS?: boolean;
-    isMuted?: boolean;
-    useNativeControls?: boolean;
-    shouldPlay?: boolean;
-    isLooping?: boolean;
-    positionMillis?: number;
-    rate?: number;
-    volume?: number;
 }
 export interface VideoPlayerRef extends MediaPlayerRef {
     toggleFullscreen: () => void;
 }
 declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<VideoPlayerRef>>;
-export declare function mapToMediaPlayerStatus(status: TimeUpdateEventPayload, player: VideoPlayerType): MediaPlayerStatus;
 export default VideoPlayer;