react-native-audio-player-button 1.0.1

package/lib/commonjs/services/audio_player_service.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativeSound = _interopRequireDefault(require("react-native-sound"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Notice: The audio file must have the Bit Rate Mode as Constant in order to prevent the library from
+// returning invalid audio duration
+
+const audioPlayerService = (() => {
+  return {
+    play,
+    playPause,
+    stop,
+    clearAllAudio
+  };
+  function play(filename, itemUuId, isFromAppBundle, playingUuId, callback) {
+    if (itemUuId == playingUuId) return; // prevent the player from playing the same audio muliple time overlap each other
+
+    const audioPlayer = isFromAppBundle ? new _reactNativeSound.default(filename, _reactNativeSound.default.MAIN_BUNDLE, error => _handlePlayCallback(error, audioPlayer, callback)) : new _reactNativeSound.default(filename, error => _handlePlayCallback(error, audioPlayer, callback));
+  }
+  function playPause(audioPlayer, countInterval, callback) {
+    if (!!countInterval) {
+      clearInterval(countInterval);
+      audioPlayer.pause();
+      audioPlayer.getCurrentTime(seconds => {
+        callback(audioPlayer, seconds, audioPlayer.getDuration(), null);
+      });
+      return;
+    }
+    _playAudio(audioPlayer, callback, countInterval);
+  }
+  function stop(audioPlayer, countInterval) {
+    clearInterval(countInterval);
+    if (!audioPlayer) return;
+    audioPlayer.stop();
+  }
+  function clearAllAudio() {
+    if (!!global.audioPlayer || !!global.countInterval) {
+      global.audioPlayer.release();
+      clearInterval(global.countInterval);
+      global.audioPlayer = null;
+      global.countInterval = null;
+    }
+  }
+
+  // private method
+  function _countPlaySeconds(audioPlayer, callback) {
+    if (!audioPlayer) return null;
+    const countInterval = setInterval(() => {
+      audioPlayer.getCurrentTime(seconds => {
+        if (seconds == audioPlayer.getDuration()) return clearInterval(countInterval);
+        callback(audioPlayer, seconds, audioPlayer.getDuration(), countInterval);
+      });
+    }, 150); // Use 150 ms to make the slider move smoother
+
+    return countInterval;
+  }
+  function _playAudio(audioPlayer, callback) {
+    let countInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    // Clear the previous counting and start a new count when start playing the audio
+    clearInterval(countInterval);
+    const countPlaySeconds = _countPlaySeconds(audioPlayer, callback);
+    audioPlayer.play(success => {
+      if (success) {
+        clearInterval(countPlaySeconds);
+        audioPlayer.release();
+        callback(null, 0, 0, null); // reset the audioPlayer, playSeconds, duration and countInterval
+      } else console.log('playback failed due to audio decoding errors');
+    });
+  }
+  function _handlePlayCallback(error, audioPlayer, callback) {
+    if (!!error) return console.log('failed to play audio = ', error);
+    _playAudio(audioPlayer, callback);
+  }
+})();
+var _default = audioPlayerService;
+exports.default = _default;
+//# sourceMappingURL=audio_player_service.js.map

package/lib/commonjs/services/audio_player_service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["audioPlayerService","play","playPause","stop","clearAllAudio","filename","itemUuId","isFromAppBundle","playingUuId","callback","audioPlayer","Sound","MAIN_BUNDLE","error","_handlePlayCallback","countInterval","clearInterval","pause","getCurrentTime","seconds","getDuration","_playAudio","global","release","_countPlaySeconds","setInterval","countPlaySeconds","success","console","log"],"sourceRoot":"../../src","sources":["audio_player_service.js"],"mappings":"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"}

package/lib/commonjs/utils/responsive_util.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isLowPixelDensityDevice = void 0;
+var _reactNative = require("react-native");
+const XHDPIRatio = 2;
+const isLowPixelDensityDevice = () => {
+  const devicePixelRatio = Math.round(_reactNative.PixelRatio.roundToNearestPixel(_reactNative.PixelRatio.get()));
+  return devicePixelRatio <= XHDPIRatio;
+};
+exports.isLowPixelDensityDevice = isLowPixelDensityDevice;
+//# sourceMappingURL=responsive_util.js.map

package/lib/commonjs/utils/responsive_util.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["XHDPIRatio","isLowPixelDensityDevice","devicePixelRatio","Math","round","PixelRatio","roundToNearestPixel","get"],"sourceRoot":"../../src","sources":["responsive_util.js"],"mappings":";;;;;;AAAA;AAEA,MAAMA,UAAU,GAAG,CAAC;AAEb,MAAMC,uBAAuB,GAAG,MAAM;EAC3C,MAAMC,gBAAgB,GAAGC,IAAI,CAACC,KAAK,CAACC,uBAAU,CAACC,mBAAmB,CAACD,uBAAU,CAACE,GAAG,EAAE,CAAC,CAAC;EACrF,OAAOL,gBAAgB,IAAIF,UAAU;AACvC,CAAC;AAAA"}

package/lib/module/components/AudioIconComponent.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import color from '../constants/color_constant';
+import { defaultIconSize, primaryIconColor, secondaryIconColor } from '../constants/component_constant';
+import audioIconHelper from '../helpers/audio_icon_helper';
+const AudioIconComponent = props => {
+  const getIconColor = () => {
+    const primaryColor = props.iconPrimaryColor || primaryIconColor;
+    const secondaryColor = props.iconSecondaryColor || secondaryIconColor;
+    return props.isPlaying ? secondaryColor : primaryColor;
+  };
+  const iconSize = props.iconSize || defaultIconSize;
+  {/* CloneElement is used so we can pass different type of icon and still using the same configuration */}
+  return /*#__PURE__*/React.cloneElement(audioIconHelper.getIcon(props.customIcon, props.isSpeakerIcon), {
+    name: audioIconHelper.getIconName(props.customIconSet, props.isSpeakerIcon, props.audio, props.isPlaying),
+    size: iconSize,
+    color: !!props.audio ? getIconColor() : color.muted,
+    style: [props.iconStyle, {
+      width: iconSize,
+      marginLeft: props.isPlaying && !props.isSpeakerIcon ? -2 : 0
+    }]
+  });
+};
+export default AudioIconComponent;
+{/*
+ <AudioIconComponent
+  isPlaying={boolean}
+  audio={audio's object}
+  isSpeakerIcon={boolean}
+  iconStyle={{}}
+  iconSize={number}
+  primaryColor={}
+  secondaryColor={}
+  customIcon={Icon component}
+  customIconSet={{play: '', pause: '', mute: ''}}
+ />
+ */}
+//# sourceMappingURL=AudioIconComponent.js.map

package/lib/module/components/AudioIconComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","color","defaultIconSize","primaryIconColor","secondaryIconColor","audioIconHelper","AudioIconComponent","props","getIconColor","primaryColor","iconPrimaryColor","secondaryColor","iconSecondaryColor","isPlaying","iconSize","cloneElement","getIcon","customIcon","isSpeakerIcon","name","getIconName","customIconSet","audio","size","muted","style","iconStyle","width","marginLeft"],"sourceRoot":"../../src","sources":["AudioIconComponent.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,KAAK,MAAM,6BAA6B;AAC/C,SAAQC,eAAe,EAAEC,gBAAgB,EAAEC,kBAAkB,QAAO,iCAAiC;AACrG,OAAOC,eAAe,MAAM,8BAA8B;AAE1D,MAAMC,kBAAkB,GAAIC,KAAK,IAAK;EACpC,MAAMC,YAAY,GAAG,MAAM;IACzB,MAAMC,YAAY,GAAGF,KAAK,CAACG,gBAAgB,IAAIP,gBAAgB;IAC/D,MAAMQ,cAAc,GAAGJ,KAAK,CAACK,kBAAkB,IAAIR,kBAAkB;IACrE,OAAOG,KAAK,CAACM,SAAS,GAAGF,cAAc,GAAGF,YAAY;EACxD,CAAC;EAED,MAAMK,QAAQ,GAAGP,KAAK,CAACO,QAAQ,IAAIZ,eAAe;EAElD,CAAC;EACD,oBACEF,KAAK,CAACe,YAAY,CAACV,eAAe,CAACW,OAAO,CAACT,KAAK,CAACU,UAAU,EAAEV,KAAK,CAACW,aAAa,CAAC,EAAE;IACjFC,IAAI,EAAEd,eAAe,CAACe,WAAW,CAACb,KAAK,CAACc,aAAa,EAAEd,KAAK,CAACW,aAAa,EAAEX,KAAK,CAACe,KAAK,EAAEf,KAAK,CAACM,SAAS,CAAC;IACzGU,IAAI,EAAET,QAAQ;IAAEb,KAAK,EAAE,CAAC,CAACM,KAAK,CAACe,KAAK,GAAGd,YAAY,EAAE,GAAGP,KAAK,CAACuB,KAAK;IACnEC,KAAK,EAAE,CAAClB,KAAK,CAACmB,SAAS,EAAE;MAAEC,KAAK,EAAEb,QAAQ;MAAEc,UAAU,EAAGrB,KAAK,CAACM,SAAS,IAAK,CAACN,KAAK,CAACW,aAAa,GAAI,CAAC,CAAC,GAAG;IAAE,CAAC;EAC/G,CAAC,CAAC;AAEN,CAAC;AAED,eAAeZ,kBAAkB;AAEjC,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAZC"}

package/lib/module/components/AudioPlayerButtonComponent.js

@@ -0,0 +1,158 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import AudioIconComponent from './AudioIconComponent';
+import RippleAnimationComponent from './RippleAnimationComponent';
+import { defaultBtnSize } from '../constants/component_constant';
+import color from '../constants/color_constant';
+import audioPlayerService from '../services/audio_player_service';
+const AudioPlayerButtonComponent = props => {
+  const localAudioPlayer = useRef(null);
+  const [state, setState] = useState({
+    playSeconds: 0,
+    duration: 0,
+    countInterval: null
+  });
+  const [isPlaying, setIsPlaying] = useState(false);
+  useEffect(() => {
+    // Clear the local audio if the user is switching to play another audio
+    if (!!props.playingUuid && props.playingUuid != props.itemUuid) clearLocalAudioPlayer();
+
+    // Clear all the audio if the playingUuid is null (ex: exit the screen)
+    if (!props.playingUuid && !!global.audioPlayer && !!localAudioPlayer.current) {
+      clearLocalAudioPlayer();
+      audioPlayerService.clearAllAudio();
+    }
+  }, [props.playingUuid]);
+  useEffect(() => {
+    return () => {
+      audioPlayerService.clearAllAudio();
+    }; // Clear all the audio when component is unmount
+  }, []);
+  const clearLocalAudioPlayer = () => {
+    localAudioPlayer.current = null;
+    setState({
+      playSeconds: 0,
+      duration: 0,
+      countInterval: null
+    });
+    setIsPlaying(false);
+  };
+  const updateState = (playSeconds, duration, countInterval) => {
+    setState({
+      playSeconds,
+      duration,
+      countInterval
+    });
+  };
+  const handleLocalAudioPlayer = () => {
+    if (!props.allowPause) {
+      audioPlayerService.clearAllAudio();
+      clearLocalAudioPlayer();
+      props.updatePlayingUuid(null);
+      return;
+    }
+    audioPlayerService.playPause(localAudioPlayer.current, state.countInterval, (audioPlayer, playSeconds, duration, countInterval) => {
+      handleAudioCallback(audioPlayer, playSeconds, duration, countInterval);
+    });
+  };
+  const toggleAudio = () => {
+    if (!!localAudioPlayer.current) return handleLocalAudioPlayer();
+    audioPlayerService.clearAllAudio(); // Clear all the playing audio when starting to play a new audio if there is an existing audio is playing
+    audioPlayerService.play(props.audio, props.itemUuid, props.isFromAppBundle || false, props.playingUuid, (audioPlayer, playSeconds, duration, countInterval) => {
+      handleAudioCallback(audioPlayer, playSeconds, duration, countInterval);
+    });
+  };
+  const handleAudioCallback = (audioPlayer, playSeconds, duration, countInterval) => {
+    global.audioPlayer = audioPlayer;
+    global.countInterval = countInterval;
+    localAudioPlayer.current = audioPlayer;
+    updateState(playSeconds, duration, countInterval);
+    handleStopPlaying(countInterval, playSeconds, duration);
+  };
+  const handleStopPlaying = (countInterval, playSeconds, duration) => {
+    if (!countInterval) {
+      setIsPlaying(false);
+      if (playSeconds == 0 && duration == 0) props.updatePlayingUuid(null);
+    }
+  };
+  const onPress = () => {
+    props.updatePlayingUuid(props.itemUuid);
+    setIsPlaying(!isPlaying);
+    toggleAudio();
+  };
+  const renderRippleAnimation = () => {
+    return /*#__PURE__*/React.createElement(RippleAnimationComponent, {
+      rippleColor: props.rippleColor,
+      height: props.rippleHeight,
+      width: props.rippleWidth,
+      radius: props.rippleRadius,
+      isPlaying: isPlaying,
+      rippleStyle: props.rippleStyle
+    });
+  };
+  const renderBtn = () => {
+    const btnStyles = {
+      alignItems: 'center',
+      backgroundColor: props.buttonColor || color.white,
+      borderRadius: 48,
+      elevation: props.hasShadow ? 4 : 0,
+      justifyContent: 'center',
+      height: props.buttonHeight || defaultBtnSize,
+      width: props.buttonWidth || defaultBtnSize,
+      zIndex: 10
+    };
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => onPress(),
+      disabled: !props.audio,
+      style: [btnStyles, props.buttonStyle]
+    }, /*#__PURE__*/React.createElement(AudioIconComponent, {
+      isPlaying: isPlaying,
+      audio: props.audio,
+      isSpeakerIcon: props.isSpeakerIcon,
+      iconStyle: props.iconStyle,
+      iconSize: props.iconSize,
+      iconPrimaryColor: props.iconPrimaryColor,
+      iconSecondaryColor: props.iconSecondaryColor,
+      customIcon: props.customIcon,
+      customIconSet: props.customIconSet
+    }));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, props.containerStyle]
+  }, props.rippled && renderRippleAnimation(), renderBtn());
+};
+export default AudioPlayerButtonComponent;
+
+// How to use
+{/*
+ <AudioPlayerServcie
+  audio={}
+  itemUuid={string}
+  isFromAppBundle={boolean}
+  playingUuid={string}
+  isSpeakerIcon={boolean}
+  buttonColor={}
+  buttonHeight={number}
+  buttonWidth={number}
+  allowPause={boolean}
+  rippled={boolean}
+  rippleColor={}
+  rippleHeight={number}
+  rippleWidth={number}
+  rippleRadius={number}
+  rippleStyle={{}}
+  iconStyle={{}}
+  iconSize={number}
+  iconPrimaryColor={}
+  iconSecondaryColor={}
+  buttonStyle={{}}
+  updatePlayingUuid={(playingUuid) => {}}
+  containerStyle={{}}
+  customIcon={icon component}
+  customIconSet={{play: '', pause: '', mute: ''}}
+ />
+ */}
+//# sourceMappingURL=AudioPlayerButtonComponent.js.map

package/lib/module/components/AudioPlayerButtonComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","useRef","TouchableOpacity","View","AudioIconComponent","RippleAnimationComponent","defaultBtnSize","color","audioPlayerService","AudioPlayerButtonComponent","props","localAudioPlayer","state","setState","playSeconds","duration","countInterval","isPlaying","setIsPlaying","playingUuid","itemUuid","clearLocalAudioPlayer","global","audioPlayer","current","clearAllAudio","updateState","handleLocalAudioPlayer","allowPause","updatePlayingUuid","playPause","handleAudioCallback","toggleAudio","play","audio","isFromAppBundle","handleStopPlaying","onPress","renderRippleAnimation","rippleColor","rippleHeight","rippleWidth","rippleRadius","rippleStyle","renderBtn","btnStyles","alignItems","backgroundColor","buttonColor","white","borderRadius","elevation","hasShadow","justifyContent","height","buttonHeight","width","buttonWidth","zIndex","buttonStyle","isSpeakerIcon","iconStyle","iconSize","iconPrimaryColor","iconSecondaryColor","customIcon","customIconSet","containerStyle","rippled"],"sourceRoot":"../../src","sources":["AudioPlayerButtonComponent.js"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAC1D,SAAQC,gBAAgB,EAAEC,IAAI,QAAO,cAAc;AAEnD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,SAAQC,cAAc,QAAO,iCAAiC;AAC9D,OAAOC,KAAK,MAAM,6BAA6B;AAC/C,OAAOC,kBAAkB,MAAM,kCAAkC;AAEjE,MAAMC,0BAA0B,GAAIC,KAAK,IAAK;EAC5C,MAAMC,gBAAgB,GAAGV,MAAM,CAAC,IAAI,CAAC;EACrC,MAAM,CAACW,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAAC;IACjCc,WAAW,EAAE,CAAC;IACdC,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE;EACjB,CAAC,CAAC;EACF,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAEjDD,SAAS,CAAC,MAAM;IACd;IACA,IAAI,CAAC,CAACW,KAAK,CAACS,WAAW,IAAIT,KAAK,CAACS,WAAW,IAAIT,KAAK,CAACU,QAAQ,EAC5DC,qBAAqB,EAAE;;IAEzB;IACA,IAAI,CAACX,KAAK,CAACS,WAAW,IAAI,CAAC,CAACG,MAAM,CAACC,WAAW,IAAI,CAAC,CAACZ,gBAAgB,CAACa,OAAO,EAAE;MAC5EH,qBAAqB,EAAE;MACvBb,kBAAkB,CAACiB,aAAa,EAAE;IACpC;EACF,CAAC,EAAE,CAACf,KAAK,CAACS,WAAW,CAAC,CAAC;EAEvBpB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MAAES,kBAAkB,CAACiB,aAAa,EAAE;IAAE,CAAC,EAAE;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMJ,qBAAqB,GAAG,MAAM;IAClCV,gBAAgB,CAACa,OAAO,GAAG,IAAI;IAC/BX,QAAQ,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE,CAAC;MACXC,aAAa,EAAE;IACjB,CAAC,CAAC;IACFE,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,MAAMQ,WAAW,GAAG,CAACZ,WAAW,EAAEC,QAAQ,EAAEC,aAAa,KAAK;IAC5DH,QAAQ,CAAC;MAAEC,WAAW;MAAEC,QAAQ;MAAEC;IAAc,CAAC,CAAC;EACpD,CAAC;EAED,MAAMW,sBAAsB,GAAG,MAAM;IACnC,IAAI,CAACjB,KAAK,CAACkB,UAAU,EAAE;MACrBpB,kBAAkB,CAACiB,aAAa,EAAE;MAClCJ,qBAAqB,EAAE;MACvBX,KAAK,CAACmB,iBAAiB,CAAC,IAAI,CAAC;MAC7B;IACF;IACArB,kBAAkB,CAACsB,SAAS,CAACnB,gBAAgB,CAACa,OAAO,EAAEZ,KAAK,CAACI,aAAa,EAAE,CAACO,WAAW,EAAET,WAAW,EAAEC,QAAQ,EAAEC,aAAa,KAAK;MACjIe,mBAAmB,CAACR,WAAW,EAAET,WAAW,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACxE,CAAC,CAAC;EACJ,CAAC;EAED,MAAMgB,WAAW,GAAG,MAAM;IACxB,IAAI,CAAC,CAACrB,gBAAgB,CAACa,OAAO,EAC5B,OAAOG,sBAAsB,EAAE;IAEjCnB,kBAAkB,CAACiB,aAAa,EAAE,CAAC,CAAC;IACpCjB,kBAAkB,CAACyB,IAAI,CAACvB,KAAK,CAACwB,KAAK,EAAExB,KAAK,CAACU,QAAQ,EAAEV,KAAK,CAACyB,eAAe,IAAI,KAAK,EAAEzB,KAAK,CAACS,WAAW,EAAE,CAACI,WAAW,EAAET,WAAW,EAAEC,QAAQ,EAAEC,aAAa,KAAK;MAC7Je,mBAAmB,CAACR,WAAW,EAAET,WAAW,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACxE,CAAC,CAAC;EACJ,CAAC;EAED,MAAMe,mBAAmB,GAAG,CAACR,WAAW,EAAET,WAAW,EAAEC,QAAQ,EAAEC,aAAa,KAAK;IACjFM,MAAM,CAACC,WAAW,GAAGA,WAAW;IAChCD,MAAM,CAACN,aAAa,GAAGA,aAAa;IACpCL,gBAAgB,CAACa,OAAO,GAAGD,WAAW;IACtCG,WAAW,CAACZ,WAAW,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACjDoB,iBAAiB,CAACpB,aAAa,EAAEF,WAAW,EAAEC,QAAQ,CAAC;EACzD,CAAC;EAED,MAAMqB,iBAAiB,GAAG,CAACpB,aAAa,EAAEF,WAAW,EAAEC,QAAQ,KAAK;IAClE,IAAI,CAACC,aAAa,EAAE;MAClBE,YAAY,CAAC,KAAK,CAAC;MAEnB,IAAIJ,WAAW,IAAI,CAAC,IAAIC,QAAQ,IAAI,CAAC,EACnCL,KAAK,CAACmB,iBAAiB,CAAC,IAAI,CAAC;IACjC;EACF,CAAC;EAED,MAAMQ,OAAO,GAAG,MAAM;IACpB3B,KAAK,CAACmB,iBAAiB,CAACnB,KAAK,CAACU,QAAQ,CAAC;IACvCF,YAAY,CAAC,CAACD,SAAS,CAAC;IACxBe,WAAW,EAAE;EACf,CAAC;EAED,MAAMM,qBAAqB,GAAG,MAAM;IAClC,oBAAO,oBAAC,wBAAwB;MACtB,WAAW,EAAE5B,KAAK,CAAC6B,WAAY;MAC/B,MAAM,EAAE7B,KAAK,CAAC8B,YAAa;MAC3B,KAAK,EAAE9B,KAAK,CAAC+B,WAAY;MACzB,MAAM,EAAE/B,KAAK,CAACgC,YAAa;MAC3B,SAAS,EAAEzB,SAAU;MACrB,WAAW,EAAEP,KAAK,CAACiC;IAAY,EAChC;EACX,CAAC;EAED,MAAMC,SAAS,GAAG,MAAM;IACtB,MAAMC,SAAS,GAAG;MAChBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAErC,KAAK,CAACsC,WAAW,IAAIzC,KAAK,CAAC0C,KAAK;MACjDC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAEzC,KAAK,CAAC0C,SAAS,GAAG,CAAC,GAAG,CAAC;MAClCC,cAAc,EAAE,QAAQ;MACxBC,MAAM,EAAE5C,KAAK,CAAC6C,YAAY,IAAIjD,cAAc;MAC5CkD,KAAK,EAAE9C,KAAK,CAAC+C,WAAW,IAAInD,cAAc;MAC1CoD,MAAM,EAAE;IACV,CAAC;IAED,oBAAO,oBAAC,gBAAgB;MAAC,OAAO,EAAE,MAAMrB,OAAO,EAAG;MAAC,QAAQ,EAAE,CAAC3B,KAAK,CAACwB,KAAM;MAAC,KAAK,EAAE,CAACW,SAAS,EAAEnC,KAAK,CAACiD,WAAW;IAAE,gBACzG,oBAAC,kBAAkB;MACjB,SAAS,EAAE1C,SAAU;MACrB,KAAK,EAAEP,KAAK,CAACwB,KAAM;MACnB,aAAa,EAAExB,KAAK,CAACkD,aAAc;MACnC,SAAS,EAAElD,KAAK,CAACmD,SAAU;MAC3B,QAAQ,EAAEnD,KAAK,CAACoD,QAAS;MACzB,gBAAgB,EAAEpD,KAAK,CAACqD,gBAAiB;MACzC,kBAAkB,EAAErD,KAAK,CAACsD,kBAAmB;MAC7C,UAAU,EAAEtD,KAAK,CAACuD,UAAW;MAC7B,aAAa,EAAEvD,KAAK,CAACwD;IAAc,EACnC,CACe;EAC3B,CAAC;EAED,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC;MAACb,cAAc,EAAE,QAAQ;MAAEP,UAAU,EAAE;IAAQ,CAAC,EAAEpC,KAAK,CAACyD,cAAc;EAAE,GAClFzD,KAAK,CAAC0D,OAAO,IAAI9B,qBAAqB,EAAE,EACxCM,SAAS,EAAE,CACR;AAEX,CAAC;AAED,eAAenC,0BAA0B;;AAEzC;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GA3BC"}

package/lib/module/components/RippleAnimationComponent.js

@@ -0,0 +1,70 @@
+import React, { useEffect, useState } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import color from '../constants/color_constant';
+import { defaultRippleSize } from '../constants/component_constant';
+import rippleAnimationHelper from '../helpers/ripple_animation_helper';
+const RippleAnimationComponent = props => {
+  const [componentDidMount, setComponentDidMount] = useState(false);
+  const [state] = useState({
+    opacity1: new Animated.Value(1),
+    opacity2: new Animated.Value(1),
+    opacity3: new Animated.Value(1),
+    scale1: new Animated.Value(0),
+    scale2: new Animated.Value(0),
+    scale3: new Animated.Value(0)
+  });
+  const animations = [{
+    scale: state.scale1,
+    opacity: state.opacity1
+  }, {
+    scale: state.scale2,
+    opacity: state.opacity2
+  }, {
+    scale: state.scale3,
+    opacity: state.opacity3
+  }];
+  useEffect(() => {
+    if (!componentDidMount) {
+      setComponentDidMount(true);
+      return;
+    }
+    props.isPlaying ? rippleAnimationHelper.start(animations) : rippleAnimationHelper.reset(animations);
+  }, [props.isPlaying]);
+  const rippleView = index => {
+    const rippleStyle = {
+      backgroundColor: props.rippleColor || color.black,
+      radius: props.radius || defaultRippleSize,
+      height: props.height || defaultRippleSize,
+      width: props.width || defaultRippleSize
+    };
+    return /*#__PURE__*/React.createElement(Animated.View, {
+      key: index,
+      style: [StyleSheet.absoluteFillObject, {
+        backgroundColor: rippleStyle.backgroundColor
+      }, props.rippleStyle, {
+        opacity: animations[index].opacity,
+        transform: [{
+          scale: animations[index].scale
+        }],
+        height: rippleStyle.height,
+        width: rippleStyle.width,
+        borderRadius: rippleStyle.radius
+      }]
+    });
+  };
+  return [...Array(3).keys()].map(index => rippleView(index));
+};
+export default RippleAnimationComponent;
+
+// How to use
+{/*
+ <Ripple
+  color={}
+  height={number}
+  width={number}
+  radius={number}
+  isPlaying={boolean}
+  rippleStyle={{}}
+ />
+ */}
+//# sourceMappingURL=RippleAnimationComponent.js.map

package/lib/module/components/RippleAnimationComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Animated","StyleSheet","color","defaultRippleSize","rippleAnimationHelper","RippleAnimationComponent","props","componentDidMount","setComponentDidMount","state","opacity1","Value","opacity2","opacity3","scale1","scale2","scale3","animations","scale","opacity","isPlaying","start","reset","rippleView","index","rippleStyle","backgroundColor","rippleColor","black","radius","height","width","absoluteFillObject","transform","borderRadius","Array","keys","map"],"sourceRoot":"../../src","sources":["RippleAnimationComponent.js"],"mappings":"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"}

package/lib/module/constants/color_constant.js

@@ -0,0 +1,8 @@
+const color = {
+  black: '#000000',
+  gray: '#808080',
+  muted: '#6c757d',
+  white: '#ffffff'
+};
+export default color;
+//# sourceMappingURL=color_constant.js.map

package/lib/module/constants/color_constant.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["color","black","gray","muted","white"],"sourceRoot":"../../src","sources":["color_constant.js"],"mappings":"AAAA,MAAMA,KAAK,GAAG;EACZC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE;AACT,CAAC;AAED,eAAeJ,KAAK"}

package/lib/module/constants/component_constant.js

@@ -0,0 +1,8 @@
+import { isLowPixelDensityDevice } from '../utils/responsive_util';
+import color from './color_constant';
+export const defaultBtnSize = isLowPixelDensityDevice() ? 48 : 56;
+export const defaultRippleSize = isLowPixelDensityDevice() ? 48 : 56;
+export const defaultIconSize = isLowPixelDensityDevice() ? 24 : 26;
+export const primaryIconColor = color.black;
+export const secondaryIconColor = color.gray;
+//# sourceMappingURL=component_constant.js.map

package/lib/module/constants/component_constant.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isLowPixelDensityDevice","color","defaultBtnSize","defaultRippleSize","defaultIconSize","primaryIconColor","black","secondaryIconColor","gray"],"sourceRoot":"../../src","sources":["component_constant.js"],"mappings":"AAAA,SAAQA,uBAAuB,QAAO,0BAA0B;AAChE,OAAOC,KAAK,MAAM,kBAAkB;AAEpC,OAAO,MAAMC,cAAc,GAAGF,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AACjE,OAAO,MAAMG,iBAAiB,GAAGH,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AACpE,OAAO,MAAMI,eAAe,GAAGJ,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AAClE,OAAO,MAAMK,gBAAgB,GAAGJ,KAAK,CAACK,KAAK;AAC3C,OAAO,MAAMC,kBAAkB,GAAGN,KAAK,CAACO,IAAI"}

package/lib/module/constants/icon_constant.js

@@ -0,0 +1,13 @@
+export const defaultAudioIconSet = {
+  'ion_icon': {
+    play: 'volume-high-outline',
+    pause: 'pause',
+    mute: 'volume-mute-outline'
+  },
+  'feather': {
+    play: 'play',
+    pause: 'pause',
+    mute: 'play'
+  }
+};
+//# sourceMappingURL=icon_constant.js.map

package/lib/module/constants/icon_constant.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultAudioIconSet","play","pause","mute"],"sourceRoot":"../../src","sources":["icon_constant.js"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG;EACjC,UAAU,EAAE;IACVC,IAAI,EAAE,qBAAqB;IAC3BC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE;EACR,CAAC;EACD,SAAS,EAAE;IACTF,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE;EACR;AACF,CAAC"}

package/lib/module/helpers/audio_icon_helper.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import FeatherIcon from 'react-native-vector-icons/Feather';
+import IonIcon from 'react-native-vector-icons/Ionicons';
+import { defaultAudioIconSet } from '../constants/icon_constant';
+const audioIconHelper = (() => {
+  return {
+    getIcon,
+    getIconName
+  };
+  function getIcon(customIcon, isSpeakerIcon) {
+    return customIcon ? customIcon : isSpeakerIcon ? /*#__PURE__*/React.createElement(IonIcon, null) : /*#__PURE__*/React.createElement(FeatherIcon, null);
+  }
+  function getIconName(customIconSet, isSpeakerIcon, audio, isPlaying) {
+    const icon = customIconSet ? customIconSet : isSpeakerIcon ? defaultAudioIconSet['ion_icon'] : defaultAudioIconSet['feather'];
+    if (!audio) return icon.mute;
+    return isPlaying ? icon.pause : icon.play;
+  }
+})();
+export default audioIconHelper;
+//# sourceMappingURL=audio_icon_helper.js.map

package/lib/module/helpers/audio_icon_helper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FeatherIcon","IonIcon","defaultAudioIconSet","audioIconHelper","getIcon","getIconName","customIcon","isSpeakerIcon","customIconSet","audio","isPlaying","icon","mute","pause","play"],"sourceRoot":"../../src","sources":["audio_icon_helper.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,mCAAmC;AAC3D,OAAOC,OAAO,MAAM,oCAAoC;AACxD,SAAQC,mBAAmB,QAAO,4BAA4B;AAE9D,MAAMC,eAAe,GAAG,CAAC,MAAM;EAC7B,OAAO;IACLC,OAAO;IACPC;EACF,CAAC;EAED,SAASD,OAAO,CAACE,UAAU,EAAEC,aAAa,EAAE;IAC1C,OAAOD,UAAU,GAAGA,UAAU,GAAGC,aAAa,gBAAG,oBAAC,OAAO,OAAE,gBAAG,oBAAC,WAAW,OAAE;EAC9E;EAEA,SAASF,WAAW,CAACG,aAAa,EAAED,aAAa,EAAEE,KAAK,EAAEC,SAAS,EAAE;IACnE,MAAMC,IAAI,GAAGH,aAAa,GAAGA,aAAa,GAAGD,aAAa,GAAGL,mBAAmB,CAAC,UAAU,CAAC,GAAGA,mBAAmB,CAAC,SAAS,CAAC;IAC7H,IAAI,CAACO,KAAK,EACR,OAAOE,IAAI,CAACC,IAAI;IAElB,OAAOF,SAAS,GAAGC,IAAI,CAACE,KAAK,GAAGF,IAAI,CAACG,IAAI;EAC3C;AACF,CAAC,GAAG;AAEJ,eAAeX,eAAe"}

package/lib/module/helpers/ripple_animation_helper.js

@@ -0,0 +1,37 @@
+import { Animated } from 'react-native';
+const rippleAnimationHelper = (() => {
+  return {
+    start,
+    reset
+  };
+  function start(animations) {
+    animations.map((animation, index) => {
+      Animated.loop(Animated.parallel([_animatedTiming(animation.scale, 1.8, index * 400), _animatedTiming(animation.opacity, 0, index * 400)], {
+        useNativeDriver: true
+      })).start();
+    });
+  }
+  function reset(animations) {
+    Animated.loop(Animated.parallel(_allAnimatedTimings(animations))).reset();
+  }
+
+  // private methods
+  function _animatedTiming(type, toValue, delay) {
+    return Animated.timing(type, {
+      toValue: toValue,
+      duration: 2000,
+      delay: delay,
+      useNativeDriver: true
+    });
+  }
+  function _allAnimatedTimings(animations) {
+    const animated = [];
+    animations.map(animation => {
+      animated.push(Animated.timing(animation.scale));
+      animated.push(Animated.timing(animation.opacity));
+    });
+    return animated;
+  }
+})();
+export default rippleAnimationHelper;
+//# sourceMappingURL=ripple_animation_helper.js.map

package/lib/module/helpers/ripple_animation_helper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","rippleAnimationHelper","start","reset","animations","map","animation","index","loop","parallel","_animatedTiming","scale","opacity","useNativeDriver","_allAnimatedTimings","type","toValue","delay","timing","duration","animated","push"],"sourceRoot":"../../src","sources":["ripple_animation_helper.js"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,qBAAqB,GAAG,CAAC,MAAM;EACnC,OAAO;IACLC,KAAK;IACLC;EACF,CAAC;EAED,SAASD,KAAK,CAACE,UAAU,EAAE;IACzBA,UAAU,CAACC,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;MACnCP,QAAQ,CAACQ,IAAI,CACXR,QAAQ,CAACS,QAAQ,CAAC,CAChBC,eAAe,CAACJ,SAAS,CAACK,KAAK,EAAE,GAAG,EAAEJ,KAAK,GAAG,GAAG,CAAC,EAClDG,eAAe,CAACJ,SAAS,CAACM,OAAO,EAAE,CAAC,EAAEL,KAAK,GAAG,GAAG,CAAC,CACnD,EAAE;QAAEM,eAAe,EAAE;MAAK,CAAC,CAAC,CAC9B,CAACX,KAAK,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,SAASC,KAAK,CAACC,UAAU,EAAE;IACzBJ,QAAQ,CAACQ,IAAI,CACXR,QAAQ,CAACS,QAAQ,CAACK,mBAAmB,CAACV,UAAU,CAAC,CAAC,CACnD,CAACD,KAAK,EAAE;EACX;;EAEA;EACA,SAASO,eAAe,CAACK,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE;IAC7C,OAAOjB,QAAQ,CAACkB,MAAM,CAACH,IAAI,EAAE;MACrBC,OAAO,EAAEA,OAAO;MAChBG,QAAQ,EAAE,IAAI;MACdF,KAAK,EAAEA,KAAK;MACZJ,eAAe,EAAE;IACnB,CAAC,CAAC;EACV;EAEA,SAASC,mBAAmB,CAACV,UAAU,EAAE;IACvC,MAAMgB,QAAQ,GAAG,EAAE;IACnBhB,UAAU,CAACC,GAAG,CAACC,SAAS,IAAI;MAC1Bc,QAAQ,CAACC,IAAI,CAACrB,QAAQ,CAACkB,MAAM,CAACZ,SAAS,CAACK,KAAK,CAAC,CAAC;MAC/CS,QAAQ,CAACC,IAAI,CAACrB,QAAQ,CAACkB,MAAM,CAACZ,SAAS,CAACM,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC;IACF,OAAOQ,QAAQ;EACjB;AACF,CAAC,GAAG;AAEJ,eAAenB,qBAAqB"}

package/lib/module/index.js

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

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AudioPlayerButton"],"sourceRoot":"../../src","sources":["index.js"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,yCAAyC;AACvE,eAAeA,iBAAiB"}

package/lib/module/services/audio_player_service.js

@@ -0,0 +1,74 @@
+import Sound from 'react-native-sound';
+
+// Notice: The audio file must have the Bit Rate Mode as Constant in order to prevent the library from
+// returning invalid audio duration
+
+const audioPlayerService = (() => {
+  return {
+    play,
+    playPause,
+    stop,
+    clearAllAudio
+  };
+  function play(filename, itemUuId, isFromAppBundle, playingUuId, callback) {
+    if (itemUuId == playingUuId) return; // prevent the player from playing the same audio muliple time overlap each other
+
+    const audioPlayer = isFromAppBundle ? new Sound(filename, Sound.MAIN_BUNDLE, error => _handlePlayCallback(error, audioPlayer, callback)) : new Sound(filename, error => _handlePlayCallback(error, audioPlayer, callback));
+  }
+  function playPause(audioPlayer, countInterval, callback) {
+    if (!!countInterval) {
+      clearInterval(countInterval);
+      audioPlayer.pause();
+      audioPlayer.getCurrentTime(seconds => {
+        callback(audioPlayer, seconds, audioPlayer.getDuration(), null);
+      });
+      return;
+    }
+    _playAudio(audioPlayer, callback, countInterval);
+  }
+  function stop(audioPlayer, countInterval) {
+    clearInterval(countInterval);
+    if (!audioPlayer) return;
+    audioPlayer.stop();
+  }
+  function clearAllAudio() {
+    if (!!global.audioPlayer || !!global.countInterval) {
+      global.audioPlayer.release();
+      clearInterval(global.countInterval);
+      global.audioPlayer = null;
+      global.countInterval = null;
+    }
+  }
+
+  // private method
+  function _countPlaySeconds(audioPlayer, callback) {
+    if (!audioPlayer) return null;
+    const countInterval = setInterval(() => {
+      audioPlayer.getCurrentTime(seconds => {
+        if (seconds == audioPlayer.getDuration()) return clearInterval(countInterval);
+        callback(audioPlayer, seconds, audioPlayer.getDuration(), countInterval);
+      });
+    }, 150); // Use 150 ms to make the slider move smoother
+
+    return countInterval;
+  }
+  function _playAudio(audioPlayer, callback) {
+    let countInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    // Clear the previous counting and start a new count when start playing the audio
+    clearInterval(countInterval);
+    const countPlaySeconds = _countPlaySeconds(audioPlayer, callback);
+    audioPlayer.play(success => {
+      if (success) {
+        clearInterval(countPlaySeconds);
+        audioPlayer.release();
+        callback(null, 0, 0, null); // reset the audioPlayer, playSeconds, duration and countInterval
+      } else console.log('playback failed due to audio decoding errors');
+    });
+  }
+  function _handlePlayCallback(error, audioPlayer, callback) {
+    if (!!error) return console.log('failed to play audio = ', error);
+    _playAudio(audioPlayer, callback);
+  }
+})();
+export default audioPlayerService;
+//# sourceMappingURL=audio_player_service.js.map

package/lib/module/services/audio_player_service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Sound","audioPlayerService","play","playPause","stop","clearAllAudio","filename","itemUuId","isFromAppBundle","playingUuId","callback","audioPlayer","MAIN_BUNDLE","error","_handlePlayCallback","countInterval","clearInterval","pause","getCurrentTime","seconds","getDuration","_playAudio","global","release","_countPlaySeconds","setInterval","countPlaySeconds","success","console","log"],"sourceRoot":"../../src","sources":["audio_player_service.js"],"mappings":"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"}

package/lib/module/utils/responsive_util.js

@@ -0,0 +1,7 @@
+import { PixelRatio } from 'react-native';
+const XHDPIRatio = 2;
+export const isLowPixelDensityDevice = () => {
+  const devicePixelRatio = Math.round(PixelRatio.roundToNearestPixel(PixelRatio.get()));
+  return devicePixelRatio <= XHDPIRatio;
+};
+//# sourceMappingURL=responsive_util.js.map

package/lib/module/utils/responsive_util.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PixelRatio","XHDPIRatio","isLowPixelDensityDevice","devicePixelRatio","Math","round","roundToNearestPixel","get"],"sourceRoot":"../../src","sources":["responsive_util.js"],"mappings":"AAAA,SAAQA,UAAU,QAAQ,cAAc;AAExC,MAAMC,UAAU,GAAG,CAAC;AAEpB,OAAO,MAAMC,uBAAuB,GAAG,MAAM;EAC3C,MAAMC,gBAAgB,GAAGC,IAAI,CAACC,KAAK,CAACL,UAAU,CAACM,mBAAmB,CAACN,UAAU,CAACO,GAAG,EAAE,CAAC,CAAC;EACrF,OAAOJ,gBAAgB,IAAIF,UAAU;AACvC,CAAC"}

package/lib/typescript/index.test.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.test.d.ts.map

package/lib/typescript/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/index.test.tsx"],"names":[],"mappings":""}