stream-chat-react-native-core 6.4.0-beta.1 → 6.4.0-beta.3

package/src/contexts/themeContext/utils/theme.ts

@@ -236,6 +236,7 @@ export type Theme = {
     };
     videoControl: {
       durationTextStyle: TextStyle;
+      progressDurationText: TextStyle;
       roundedView: ViewStyle;
       videoContainer: ViewStyle;
     };
@@ -1007,6 +1008,7 @@ export const defaultTheme: Theme = {
     },
     videoControl: {
       durationTextStyle: {},
+      progressDurationText: {},
       roundedView: {},
       videoContainer: {},
     },

package/src/hooks/useAudioPlayer.ts

@@ -0,0 +1,59 @@
+import { SDK, SoundReturnType } from '../native';
+
+export type UseSoundPlayerProps = {
+  soundRef: React.MutableRefObject<SoundReturnType | null>;
+};
+
+/**
+ * This hook is used to play, pause, seek and change audio speed.
+ * It handles both Expo CLI and Native CLI.
+ */
+export const useAudioPlayer = (props: UseSoundPlayerProps) => {
+  const { soundRef } = props;
+
+  const isExpoCLI = SDK === 'stream-chat-expo';
+
+  const playAudio = async () => {
+    if (isExpoCLI) {
+      if (soundRef.current?.playAsync) await soundRef.current.playAsync();
+    } else {
+      if (soundRef.current?.resume) soundRef.current.resume();
+    }
+  };
+
+  const pauseAudio = async () => {
+    if (isExpoCLI) {
+      if (soundRef.current?.pauseAsync) await soundRef.current.pauseAsync();
+    } else {
+      if (soundRef.current?.pause) soundRef.current.pause();
+    }
+  };
+
+  const seekAudio = async (currentTime: number) => {
+    if (isExpoCLI) {
+      if (currentTime === 0) {
+        // If currentTime is 0, we should replay the video from 0th position.
+        if (soundRef.current?.replayAsync) {
+          await soundRef.current.replayAsync({
+            positionMillis: 0,
+            shouldPlay: false,
+          });
+        }
+      } else {
+        if (soundRef.current?.setPositionAsync) {
+          await soundRef.current.setPositionAsync(currentTime * 1000);
+        }
+      }
+    } else {
+      if (soundRef.current?.seek) soundRef.current.seek(currentTime);
+    }
+  };
+
+  const changeAudioSpeed = async (speed: number) => {
+    // Handled through prop `rate` in `Sound.Player`
+    if (!isExpoCLI) return;
+    if (soundRef.current?.setRateAsync) await soundRef.current.setRateAsync(speed);
+  };
+
+  return { changeAudioSpeed, pauseAudio, playAudio, seekAudio };
+};

package/src/icons/{Archieve.tsx → Archive.tsx}

@@ -3,7 +3,7 @@ import Svg, { Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
-export const Archieve: React.FC<IconProps> = ({ height = 512, width = 512, ...rest }) => (
+export const Archive: React.FC<IconProps> = ({ height = 512, width = 512, ...rest }) => (
   <Svg height={height} viewBox={'0 0 512 512'} width={width} {...rest}>
     <Path d='M32 32l448 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96L0 64C0 46.3 14.3 32 32 32zm0 128l448 0 0 256c0 35.3-28.7 64-64 64L96 480c-35.3 0-64-28.7-64-64l0-256zm128 80c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16z' />
   </Svg>

package/src/icons/Pause.tsx

@@ -6,10 +6,7 @@ import { IconProps } from './utils/base';
 type Props = IconProps;
 
 export const Pause = ({ height, width, ...rest }: Props) => (
-  <Svg height={height} viewBox={`0 0 ${height} ${width}`} width={width} {...rest}>
-    <Path
-      d='M8 25.3333H13.3333V6.66663H8V25.3333ZM18.6667 6.66663V25.3333H24V6.66663H18.6667Z'
-      {...rest}
-    />
+  <Svg height={height} viewBox={`0 0 24 24`} width={width} {...rest}>
+    <Path d='M6 19H10V5H6V19ZM14 5V19H18V5H14Z' {...rest} />
   </Svg>
 );

package/src/icons/Play.tsx

@@ -7,7 +7,7 @@ import { IconProps } from './utils/base';
 type Props = IconProps;
 
 export const Play = ({ height, width, ...rest }: Props) => (
-  <Svg height={height} viewBox={`0 0 ${height} ${width}`} width={width} {...rest}>
-    <Path d='M8.66602 6.66663V25.3333L23.3327 16L8.66602 6.66663Z' {...rest} />
+  <Svg height={height} viewBox={`0 0 24 24`} width={width} {...rest}>
+    <Path d='M6.5 5V19L17.5 12L6.5 5Z' {...rest} />
   </Svg>
 );

package/src/icons/index.ts

@@ -1,6 +1,6 @@
 export * from './utils/base';
 
-export * from './Archieve';
+export * from './Archive';
 export * from './ArrowRight';
 export * from './ArrowLeft';
 export * from './ArrowUp';

package/src/native.ts

@@ -114,6 +114,7 @@ export type PlaybackStatus = {
   isLooping: boolean;
   isMuted: boolean;
   isPlaying: boolean;
+  isSeeking: boolean;
   positionMillis: number;
   shouldPlay: boolean;
 };
@@ -141,7 +142,6 @@ export type SoundOptions = {
 };
 
 export type SoundReturnType = {
-  paused: boolean;
   testID: string;
   getDuration?: () => number;
   isPlaying?: () => boolean;
@@ -149,18 +149,21 @@ export type SoundReturnType = {
   onEnd?: () => void;
   onLoad?: (payload: VideoPayloadData) => void;
   onLoadStart?: () => void;
+  onPlaybackStateChanged?: (playbackState: PlaybackStatus) => void;
   onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void;
   onProgress?: (data: VideoProgressData) => void;
   onReadyForDisplay?: () => void;
+  onSeek?: (seekResponse: VideoSeekResponse) => void;
   pause?: () => void;
   pauseAsync?: () => void;
+  paused?: boolean;
   play?: () => void;
   playAsync?: () => void;
   rate?: number;
-  replayAsync?: () => void;
+  replayAsync?: (status: Partial<AVPlaybackStatusToSet>) => void;
   resizeMode?: string;
   resume?: () => void;
-  seek?: (progress: number) => void;
+  seek?: (progress: number, tolerance?: number) => void;
   setPositionAsync?: (millis: number) => void;
   setProgressUpdateIntervalAsync?: (progressUpdateIntervalMillis: number) => void;
   setRateAsync?: (rate: number) => void;
@@ -241,6 +244,11 @@ export let Audio: AudioType | undefined;
 
 export let Sound: SoundType;
 
+export type VideoSeekResponse = {
+  currentTime: number;
+  seekTime: number;
+};
+
 export type VideoProgressData = {
   currentTime: number;
   seekableDuration: number;

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "6.4.0-beta.1"
+  "version": "6.4.0-beta.3"
 }

package/lib/commonjs/icons/Archieve.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","_excluded","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Archieve","_ref","_ref$height","height","_ref$width","width","rest","_objectWithoutProperties2","jsx","assign","viewBox","children","Path","d","exports"],"sourceRoot":"../../../src","sources":["icons/Archieve.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,SAAA;AAAA,IAAAC,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAItC,IAAMW,QAA6B,GAAG,SAAhCA,QAA6BA,CAAAC,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAME,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,GAAG,GAAAA,WAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,GAAG,GAAAA,UAAA;IAAKE,IAAI,OAAAC,yBAAA,aAAAN,IAAA,EAAAxB,SAAA;EAAA,OAChF,IAAAD,WAAA,CAAAgC,GAAA,EAAClC,eAAA,WAAG,EAAAkB,MAAA,CAAAiB,MAAA;IAACN,MAAM,EAAEA,MAAO;IAACO,OAAO,EAAE,aAAc;IAACL,KAAK,EAAEA;EAAM,GAAKC,IAAI;IAAAK,QAAA,EACjE,IAAAnC,WAAA,CAAAgC,GAAA,EAAClC,eAAA,CAAAsC,IAAI;MAACC,CAAC,EAAC;IAA6R,CAAE;EAAC,EACrS,CAAC;AAAA,CACP;AAACC,OAAA,CAAAd,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/module/icons/Archieve.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","_excluded","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Archieve","_ref","_ref$height","height","_ref$width","width","rest","_objectWithoutProperties2","jsx","assign","viewBox","children","Path","d","exports"],"sourceRoot":"../../../src","sources":["icons/Archieve.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,SAAA;AAAA,IAAAC,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAItC,IAAMW,QAA6B,GAAG,SAAhCA,QAA6BA,CAAAC,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAME,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,GAAG,GAAAA,WAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,GAAG,GAAAA,UAAA;IAAKE,IAAI,OAAAC,yBAAA,aAAAN,IAAA,EAAAxB,SAAA;EAAA,OAChF,IAAAD,WAAA,CAAAgC,GAAA,EAAClC,eAAA,WAAG,EAAAkB,MAAA,CAAAiB,MAAA;IAACN,MAAM,EAAEA,MAAO;IAACO,OAAO,EAAE,aAAc;IAACL,KAAK,EAAEA;EAAM,GAAKC,IAAI;IAAAK,QAAA,EACjE,IAAAnC,WAAA,CAAAgC,GAAA,EAAClC,eAAA,CAAAsC,IAAI;MAACC,CAAC,EAAC;IAA6R,CAAE;EAAC,EACrS,CAAC;AAAA,CACP;AAACC,OAAA,CAAAd,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/typescript/icons/Archieve.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './utils/base';
-export declare const Archieve: React.FC<IconProps>;
-//# sourceMappingURL=Archieve.d.ts.map

package/lib/typescript/icons/Archieve.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Archieve.d.ts","sourceRoot":"","sources":["../../../src/icons/Archieve.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIxC,CAAC"}