stream-chat-react-native-core 5.0.0-offline-support.12 → 5.0.0

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

@@ -247,12 +247,12 @@ export type Theme = {
       editingBoxHeaderTitle: TextStyle;
     };
     fileUploadPreview: {
-      audioAttachmentFileContainer: ViewStyle;
-      audioAttachmentUploadPreview: {
+      audioAttachment: {
         progressControlView: ViewStyle;
         progressDurationText: TextStyle;
         roundedView: ViewStyle;
       };
+      audioAttachmentFileContainer: ViewStyle;
       dismiss: ViewStyle;
       fileContainer: ViewStyle;
       fileContentContainer: ViewStyle;
@@ -746,12 +746,12 @@ export const defaultTheme: Theme = {
       editingBoxHeaderTitle: {},
     },
     fileUploadPreview: {
-      audioAttachmentFileContainer: {},
-      audioAttachmentUploadPreview: {
+      audioAttachment: {
         progressControlView: {},
         progressDurationText: {},
         roundedView: {},
       },
+      audioAttachmentFileContainer: {},
       dismiss: {},
       fileContainer: {},
       fileContentContainer: {},

package/src/index.ts

@@ -22,3 +22,6 @@ export { default as heTranslations } from './i18n/he.json';
 
 export { QuickSqliteClient } from './store/QuickSqliteClient';
 export { version } from './version.json';
+
+import * as OfflineStoreApis from './store/apis';
+export { OfflineStoreApis };

package/src/mock-builders/DB/mock.ts

@@ -1,8 +1,8 @@
-import Database from 'better-sqlite3';
+import Sqlite3 from 'better-sqlite3';
 
 import type { PreparedQueries } from '../../store/types';
 
-export let db: Database;
+export let db: Sqlite3.Database;
 
 export const sqliteMock = {
   close: () => {
@@ -15,7 +15,7 @@ export const sqliteMock = {
   executeSql: (dbName: string, queryInput: string, params: unknown[]) => {
     const query = queryInput.trim().toLowerCase();
     const stmt = db.prepare(query);
-    let result = [];
+    let result: unknown[] = [];
 
     if (query.indexOf('select') === 0) {
       if (params) {
@@ -98,15 +98,10 @@ export const sqliteMock = {
     };
   },
   open: () => {
-    db = new Database('foobar.db');
+    db = new Sqlite3('foobar.db');
     return {
       message: '',
       status: 0,
     };
   },
 };
-
-export const initializeDBMocking = () => {
-  global.sqlite = sqliteMock;
-};
-export const resetDBMocking = () => (global.sqlite = undefined);

package/src/mock-builders/event/messageNew.js

@@ -1,6 +1,8 @@
 export default (client, newMessage, channel = {}) => {
   client.dispatchEvent({
     channel,
+    channel_id: channel.id,
+    channel_type: channel.type,
     cid: channel.cid,
     message: newMessage,
     type: 'message.new',

package/src/store/QuickSqliteClient.ts

@@ -1,11 +1,9 @@
 /* eslint-disable no-underscore-dangle */
-// Importing following package just to avoid errors using sqlite global.
-// @ts-ignore
-// eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-import types from 'react-native-quick-sqlite';
+import type { QuickSQLite } from 'react-native-quick-sqlite';
+let sqlite: typeof QuickSQLite;
 
 try {
-  require('react-native-quick-sqlite');
+  sqlite = require('react-native-quick-sqlite')?.QuickSQLite;
 } catch (e) {
   // Failed for one of the reason
   // 1. Running on expo, where we don't support offline storage yet.
@@ -17,13 +15,18 @@ import { tables } from './schema';
 import { createCreateTableQuery } from './sqlite-utils/createCreateTableQuery';
 import type { PreparedQueries, Table } from './types';
 
+/**
+ * QuickSqliteClient takes care of any direct interaction with sqlite.
+ * This way usage react-native-quick-sqlite package is scoped to a single class/file.
+ */
 export class QuickSqliteClient {
-  static dbVersion = 0;
+  static dbVersion = 2;
 
   static dbName = DB_NAME;
   static dbLocation = DB_LOCATION;
 
   static getDbVersion = () => this.dbVersion;
+  // Force a specific db version. This is mainly useful for testsuit.
   static setDbVersion = (version: number) => (this.dbVersion = version);
 
   static openDB = () => {
@@ -89,13 +92,14 @@ export class QuickSqliteClient {
 
   static initializeDatabase = () => {
     // @ts-ignore
-    if (window.sqlite === undefined) {
+    if (sqlite === undefined) {
       throw new Error(
         'Please install "react-native-quick-sqlite" package to enable offline support',
       );
     }
 
     const version = this.getUserPragmaVersion();
+
     if (version !== this.dbVersion) {
       this.dropTables();
       this.updateUserPragmaVersion(this.dbVersion);

package/src/store/apis/getChannels.ts

@@ -1,36 +1,39 @@
-import type { DefaultStreamChatGenerics } from 'src/types/types';
-import type { ChannelAPIResponse, ChannelFilters, ChannelSort } from 'stream-chat';
+import type { ChannelAPIResponse } from 'stream-chat';
 
 import { getMessages } from './getChannelMessages';
 import { getMembers } from './getMembers';
 import { getReads } from './getReads';
-import { selectChannelIdsForFilterSort } from './queries/selectChannelIdsForFilterSort';
 import { selectChannels } from './queries/selectChannels';
 
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { mapStorableToChannel } from '../mappers/mapStorableToChannel';
 
+/**
+ * Returns the list of channels with state enriched for given channel ids.
+ *
+ * @param {Object} param
+ * @param {Array} param.channelIds List of channel ids to fetch.
+ * @param {Array} param.currentUserId Id of the current logged in user.
+ *
+ * @returns {Array} Channels with enriched state.
+ */
 export const getChannels = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
+  channelIds,
   currentUserId,
-  filters,
-  sort,
 }: {
+  channelIds: string[];
   currentUserId: string;
-  filters?: ChannelFilters<StreamChatGenerics>;
-  sort?: ChannelSort<StreamChatGenerics>;
 }): Omit<ChannelAPIResponse<StreamChatGenerics>, 'duration'>[] => {
-  if (!filters && !sort) {
-    console.warn('Please provide the query (filters/sort) to fetch channels from DB');
-    return [];
-  }
-
-  const channelIds = selectChannelIdsForFilterSort({ filters, sort });
   const channels = selectChannels({ channelIds });
 
   const cidVsMembers = getMembers<StreamChatGenerics>({ channelIds });
   const cidVsReads = getReads<StreamChatGenerics>({ channelIds });
-  const cidVsMessages = getMessages<StreamChatGenerics>({ channelIds, currentUserId });
+  const cidVsMessages = getMessages<StreamChatGenerics>({
+    channelIds,
+    currentUserId,
+  });
 
   // Enrich the channels with state
   return channels.map((c) => ({

package/src/store/apis/getChannelsForFilterSort.ts

@@ -0,0 +1,45 @@
+import type { DefaultStreamChatGenerics } from 'src/types/types';
+import type { ChannelAPIResponse, ChannelFilters, ChannelSort } from 'stream-chat';
+
+import { getChannels } from './getChannels';
+import { selectChannelIdsForFilterSort } from './queries/selectChannelIdsForFilterSort';
+
+/**
+ * Gets the channels from database for given filter and sort query.
+ *
+ * @param {Object} param
+ * @param {string} param.currentUserId Id of current logged in user
+ * @param {Object} param.filters Filters for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ * @param {Object} param.sort Sort for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ *
+ * @returns Array of channels corresponding to filters & sort. Returns null if filters + sort query doesn't exist in "channelQueries" table.
+ */
+export const getChannelsForFilterSort = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>({
+  currentUserId,
+  filters,
+  sort,
+}: {
+  currentUserId: string;
+  filters?: ChannelFilters<StreamChatGenerics>;
+  sort?: ChannelSort<StreamChatGenerics>;
+}): Omit<ChannelAPIResponse<StreamChatGenerics>, 'duration'>[] | null => {
+  if (!filters && !sort) {
+    console.warn('Please provide the query (filters/sort) to fetch channels from DB');
+    return null;
+  }
+
+  const channelIds = selectChannelIdsForFilterSort({ filters, sort });
+
+  if (!channelIds) return null;
+
+  if (channelIds.length === 0) {
+    return [];
+  }
+
+  return getChannels({
+    channelIds,
+    currentUserId,
+  });
+};

package/src/store/apis/index.ts

@@ -0,0 +1,20 @@
+export * from './deleteChannel';
+export * from './deleteMember';
+export * from './deleteMessagesForChannel';
+export * from './deleteReactions';
+export * from './getAllChannelIds';
+export * from './getChannelMessages';
+export * from './getChannels';
+export * from './getChannelsForFilterSort';
+export * from './getLastSyncedAt';
+export * from './getMembers';
+export * from './getReads';
+export * from './updateMessage';
+export * from './updateReaction';
+export * from './upsertChannelData';
+export * from './upsertChannels';
+export * from './upsertCidsForQuery';
+export * from './upsertLastSyncedAt';
+export * from './upsertMembers';
+export * from './upsertMessages';
+export * from './upsertReads';

package/src/store/apis/queries/selectChannelIdsForFilterSort.ts

@@ -6,6 +6,16 @@ import { createSelectQuery } from '../../sqlite-utils/createSelectQuery';
 
 import { convertFilterSortToQuery } from '../utils/convertFilterSortToQuery';
 
+/**
+ * Gets the channel ids from database for given filter and sort query.
+ *
+ * @param {Object} param
+ * @param {Object} param.filters Filters for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ * @param {Object} param.sort Sort for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ *
+ * @returns Array of channel ids corresponding to filters & sort. Returns null if filters + sort query doesn't exist in "channelQueries" table.
+ */
+
 export const selectChannelIdsForFilterSort = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
@@ -14,7 +24,7 @@ export const selectChannelIdsForFilterSort = <
 }: {
   filters?: ChannelFilters<StreamChatGenerics>;
   sort?: ChannelSort<StreamChatGenerics>;
-}): string[] => {
+}): string[] | null => {
   const query = convertFilterSortToQuery({ filters, sort });
   const results = QuickSqliteClient.executeSql.apply(
     null,
@@ -24,5 +34,5 @@ export const selectChannelIdsForFilterSort = <
   );
 
   const channelIdsStr = results?.[0]?.cids;
-  return channelIdsStr ? JSON.parse(channelIdsStr) : [];
+  return channelIdsStr ? JSON.parse(channelIdsStr) : null;
 };

package/src/store/apis/queries/selectChannels.ts

@@ -5,9 +5,15 @@ import type { TableRowJoinedUser } from '../../types';
 export const selectChannels = ({
   channelIds,
 }: { channelIds?: string[] } = {}): TableRowJoinedUser<'channels'>[] => {
-  const query = createSelectQuery('channels', ['*'], {
-    cid: channelIds,
-  });
+  const query = createSelectQuery(
+    'channels',
+    ['*'],
+    channelIds
+      ? {
+          cid: channelIds,
+        }
+      : undefined,
+  );
 
   const result = QuickSqliteClient.executeSql.apply(null, query);
 

package/src/store/sqlite-utils/appendWhereCluase.ts

@@ -15,7 +15,6 @@ export const appendWhereClause = <T extends keyof Schema>(
     if (value === undefined) continue;
 
     if (Array.isArray(value)) {
-      if (value.length === 0) continue;
       const questionMarks = Array(Object.keys(value).length).fill('?').join(',');
       whereClause.push(`${key} in (${questionMarks})`);
       whereParams.push(...value);
@@ -25,7 +24,7 @@ export const appendWhereClause = <T extends keyof Schema>(
     }
   }
 
-  if (!whereParams.length) {
+  if (!whereParams.length && !whereClause.length) {
     return [selectQuery, []];
   }
 

package/src/{__tests__/utils → test-utils}/BetterSqlite.js

@@ -1,6 +1,6 @@
 import Database from 'better-sqlite3';
 
-import { tables } from '../../store/schema';
+import { tables } from '../store/schema';
 
 export class BetterSqlite {
   db = null;

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.0.0-offline-support.12"
+  "version": "5.0.0"
 }

package/lib/commonjs/components/MessageInput/AudioAttachmentUploadPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["AudioAttachmentUploadPreview.tsx"],"names":["dayjs","extend","duration","FILE_PREVIEW_HEIGHT","styles","StyleSheet","create","fileContainer","borderRadius","borderWidth","flexDirection","height","paddingLeft","paddingRight","fileContentContainer","filenameText","fontSize","fontWeight","fileTextContainer","justifyContent","flatList","marginBottom","maxHeight","overlay","marginLeft","marginRight","progressControlView","flex","progressDurationText","roundedView","alignItems","alignSelf","display","elevation","shadowOffset","width","shadowOpacity","shadowRadius","AudioAttachmentUploadPreviewWithContext","props","soundRef","React","useRef","fileUploads","index","item","onLoad","onPlayPause","onProgress","handleLoad","payload","id","handleProgress","data","currentTime","seekableDuration","handlePlayPause","isPausedStatusAvailable","current","undefined","progress","seek","setPositionAsync","paused","playAsync","pauseAsync","handleProgressDrag","position","handleEnd","onPlaybackStatusUpdate","playbackStatus","isLoaded","error","console","log","durationMillis","positionMillis","isPlaying","isBuffering","didJustFinish","isLooping","Sound","Player","initiateSound","file","uri","initializeSound","stopAsync","unloadAsync","initalPlayPause","theme","colors","accent_blue","black","grey_dark","grey_whisper","static_black","static_white","messageInput","fileUploadPreview","audioAttachmentUploadPreview","progressValueInSeconds","progressDuration","format","lastIndexOfDot","name","lastIndexOf","length","borderColor","backgroundColor","shadowColor","color","I18nManager","isRTL","writingDirection","slice","AudioAttachmentUploadPreview","removeFile","uploadFile","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport { I18nManager, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport dayjs from 'dayjs';\nimport duration from 'dayjs/plugin/duration';\n\nimport {\n  FileUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n  useTheme,\n} from '../../contexts';\nimport { Pause, Play } from '../../icons';\nimport {\n  PlaybackStatus,\n  Sound,\n  SoundReturnType,\n  VideoPayloadData,\n  VideoProgressData,\n} from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { ProgressControl } from '../ProgressControl/ProgressControl';\n\ndayjs.extend(duration);\n\nconst FILE_PREVIEW_HEIGHT = 70;\n\nconst styles = StyleSheet.create({\n  fileContainer: {\n    borderRadius: 12,\n    borderWidth: 1,\n    flexDirection: 'row',\n    height: FILE_PREVIEW_HEIGHT,\n    paddingLeft: 8,\n    paddingRight: 8,\n  },\n  fileContentContainer: { flexDirection: 'row' },\n  filenameText: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingLeft: 10,\n  },\n  fileTextContainer: {\n    justifyContent: 'space-around',\n  },\n  flatList: { marginBottom: 12, maxHeight: FILE_PREVIEW_HEIGHT * 2.5 + 16 },\n  overlay: {\n    borderRadius: 12,\n    marginLeft: 8,\n    marginRight: 8,\n  },\n  progressControlView: {\n    flex: 8,\n  },\n  progressDurationText: {\n    flex: 4,\n    fontSize: 12,\n    paddingLeft: 10,\n    paddingRight: 8,\n  },\n  roundedView: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 4,\n    height: 36,\n    justifyContent: 'center',\n    shadowOffset: {\n      height: 2,\n      width: 0,\n    },\n    shadowOpacity: 0.23,\n    shadowRadius: 2.62,\n    width: 36,\n  },\n});\n\nexport type AudioAttachmentUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'fileUploads' | 'removeFile' | 'uploadFile'\n> & {\n  index: number;\n  item: FileUpload;\n  onLoad: (index: string, duration: number) => void;\n  onPlayPause: (index: string, status?: boolean) => void;\n  onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;\n  testID: string;\n};\n\nconst AudioAttachmentUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AudioAttachmentUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const soundRef = React.useRef<SoundReturnType | null>(null);\n  const { fileUploads, index, item, onLoad, onPlayPause, onProgress } = props;\n\n  const handleLoad = (payload: VideoPayloadData) => {\n    onLoad(item.id, payload.duration);\n  };\n\n  const handleProgress = (data: VideoProgressData) => {\n    if (data.currentTime && data.seekableDuration) {\n      onProgress(item.id, data.currentTime);\n    }\n  };\n\n  const handlePlayPause = async (isPausedStatusAvailable?: boolean) => {\n    if (soundRef.current) {\n      if (isPausedStatusAvailable === undefined) {\n        if (item.progress === 1) {\n          // For native CLI\n          if (soundRef.current.seek) soundRef.current.seek(0);\n          // For expo CLI\n          if (soundRef.current.setPositionAsync) soundRef.current.setPositionAsync(0);\n        }\n        if (item.paused) {\n          if (soundRef.current.playAsync) await soundRef.current.playAsync();\n          onPlayPause(item.id, false);\n        } else {\n          if (soundRef.current.pauseAsync) await soundRef.current.pauseAsync();\n          onPlayPause(item.id, true);\n        }\n      } else {\n        onPlayPause(item.id, isPausedStatusAvailable);\n      }\n    }\n  };\n\n  const handleProgressDrag = async (position: number) => {\n    onProgress(item.id, position);\n    if (soundRef.current?.seek) soundRef.current.seek(position);\n    if (soundRef.current?.setPositionAsync) {\n      await soundRef.current.setPositionAsync(position * 1000);\n    }\n  };\n\n  const handleEnd = () => {\n    onPlayPause(item.id, true);\n    onProgress(item.id, item.duration, true);\n  };\n\n  const onPlaybackStatusUpdate = (playbackStatus: PlaybackStatus) => {\n    if (!playbackStatus.isLoaded) {\n      // Update your UI for the unloaded state\n      if (playbackStatus.error) {\n        console.log(`Encountered a fatal error during playback: ${playbackStatus.error}`);\n      }\n    } else {\n      const { durationMillis, positionMillis } = playbackStatus;\n      onLoad(item.id, durationMillis / 1000);\n      // Update your UI for the loaded state\n      if (playbackStatus.isPlaying) {\n        // Update your UI for the playing state\n        onProgress(item.id, positionMillis / 1000);\n      } else {\n        // Update your UI for the paused state\n      }\n\n      if (playbackStatus.isBuffering) {\n        // Update your UI for the buffering state\n      }\n\n      if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {\n        // The player has just finished playing and will stop. Maybe you want to play something else?\n        // status: opposite of pause,says i am playing\n        handleEnd();\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (Sound.Player === null) {\n      const initiateSound = async () => {\n        if (item && item.file && item.file.uri) {\n          soundRef.current = await Sound.initializeSound(\n            { uri: item.file.uri },\n            {},\n            onPlaybackStatusUpdate,\n          );\n        }\n      };\n      initiateSound();\n    }\n\n    return () => {\n      if (soundRef.current?.stopAsync && soundRef.current.unloadAsync) {\n        soundRef.current.stopAsync();\n        soundRef.current.unloadAsync();\n      }\n    };\n  }, []);\n\n  // This is needed for expo applications where the rerender doesn't occur on time thefore you need to update the state of the sound.\n  useEffect(() => {\n    const initalPlayPause = async () => {\n      if (soundRef.current) {\n        if (item.paused) {\n          if (soundRef.current.pauseAsync) await soundRef.current.pauseAsync();\n        } else {\n          if (soundRef.current.playAsync) await soundRef.current.playAsync();\n        }\n      }\n    };\n    if (!Sound.Player) {\n      initalPlayPause();\n    }\n  }, [item.paused]);\n\n  const {\n    theme: {\n      colors: { accent_blue, black, grey_dark, grey_whisper, static_black, static_white },\n      messageInput: {\n        fileUploadPreview: {\n          audioAttachmentUploadPreview: { progressControlView, progressDurationText, roundedView },\n          fileContainer,\n          fileContentContainer,\n          filenameText,\n          fileTextContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const progressValueInSeconds = (item.duration as number) * (item.progress as number);\n\n  const progressDuration = progressValueInSeconds\n    ? progressValueInSeconds / 3600 >= 1\n      ? dayjs.duration(progressValueInSeconds, 'second').format('HH:mm:ss')\n      : dayjs.duration(progressValueInSeconds, 'second').format('mm:ss')\n    : '00:00';\n\n  const lastIndexOfDot = item.file.name.lastIndexOf('.');\n\n  return (\n    <View\n      style={[\n        styles.fileContainer,\n        index === fileUploads.length - 1\n          ? {\n              marginBottom: 0,\n            }\n          : {},\n        {\n          borderColor: grey_whisper,\n          width: -16,\n        },\n        fileContainer,\n      ]}\n      testID='audio-attachment-upload-preview'\n    >\n      <View style={[styles.fileContentContainer, fileContentContainer]}>\n        <TouchableOpacity\n          accessibilityLabel='Play Pause Button'\n          onPress={() => handlePlayPause()}\n          style={[\n            styles.roundedView,\n            roundedView,\n            { backgroundColor: static_white, shadowColor: black },\n          ]}\n        >\n          {item.paused ? (\n            <Play height={24} pathFill={static_black} width={24} />\n          ) : (\n            <Pause height={24} pathFill={static_black} width={24} />\n          )}\n        </TouchableOpacity>\n        <View style={[styles.fileTextContainer, fileTextContainer]}>\n          <Text\n            accessibilityLabel='File Name'\n            numberOfLines={1}\n            style={[\n              styles.filenameText,\n              {\n                color: black,\n                width:\n                  16 - // 16 = horizontal padding\n                  40 - // 40 = file icon size\n                  24 - // 24 = close icon size\n                  24, // 24 = internal padding\n              },\n              I18nManager.isRTL ? { writingDirection: 'rtl' } : { writingDirection: 'ltr' },\n              filenameText,\n            ]}\n          >\n            {item.file.name.slice(0, 12) + '...' + item.file.name.slice(lastIndexOfDot)}\n          </Text>\n          <View\n            style={{\n              alignItems: 'center',\n              display: 'flex',\n              flexDirection: 'row',\n            }}\n          >\n            {/* <ExpoSoundPlayer filePaused={!!item.paused} soundRef={soundRef} /> */}\n            {Sound.Player && (\n              <Sound.Player\n                onEnd={handleEnd}\n                onLoad={handleLoad}\n                onProgress={handleProgress}\n                paused={item.paused as boolean}\n                soundRef={soundRef}\n                testID='sound-player'\n                uri={item.file.uri}\n              />\n            )}\n            <Text style={[styles.progressDurationText, { color: grey_dark }, progressDurationText]}>\n              {progressDuration}\n            </Text>\n            <View style={[styles.progressControlView, progressControlView]}>\n              <ProgressControl\n                duration={item.duration as number}\n                filledColor={accent_blue}\n                onPlayPause={handlePlayPause}\n                onProgressDrag={handleProgressDrag}\n                progress={item.progress as number}\n                testID='progress-control'\n                width={110}\n              />\n            </View>\n          </View>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport type AudioAttachmentUploadPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<AudioAttachmentUploadPreviewPropsWithContext<StreamChatGenerics>> & {\n  index: number;\n  item: FileUpload;\n  onLoad: (index: string, duration: number) => void;\n  onPlayPause: (index: string, status?: boolean) => void;\n  onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;\n  testID: string;\n};\n\n/**\n * AudioAttachmentUploadPreview\n * UI Component to preview the audio files set for upload\n */\nexport const AudioAttachmentUploadPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AudioAttachmentUploadPreviewProps<StreamChatGenerics>,\n) => {\n  const { fileUploads, removeFile, uploadFile } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <AudioAttachmentUploadPreviewWithContext\n      {...{ fileUploads, removeFile, uploadFile }}\n      {...props}\n    />\n  );\n};\n\nAudioAttachmentUploadPreview.displayName =\n  'AudioAttachmentUploadPreview{messageInput{autoAttachmentUploadPreview}}';\n"]}

package/lib/module/components/MessageInput/AudioAttachmentUploadPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["AudioAttachmentUploadPreview.tsx"],"names":["dayjs","extend","duration","FILE_PREVIEW_HEIGHT","styles","StyleSheet","create","fileContainer","borderRadius","borderWidth","flexDirection","height","paddingLeft","paddingRight","fileContentContainer","filenameText","fontSize","fontWeight","fileTextContainer","justifyContent","flatList","marginBottom","maxHeight","overlay","marginLeft","marginRight","progressControlView","flex","progressDurationText","roundedView","alignItems","alignSelf","display","elevation","shadowOffset","width","shadowOpacity","shadowRadius","AudioAttachmentUploadPreviewWithContext","props","soundRef","React","useRef","fileUploads","index","item","onLoad","onPlayPause","onProgress","handleLoad","payload","id","handleProgress","data","currentTime","seekableDuration","handlePlayPause","isPausedStatusAvailable","current","undefined","progress","seek","setPositionAsync","paused","playAsync","pauseAsync","handleProgressDrag","position","handleEnd","onPlaybackStatusUpdate","playbackStatus","isLoaded","error","console","log","durationMillis","positionMillis","isPlaying","isBuffering","didJustFinish","isLooping","Sound","Player","initiateSound","file","uri","initializeSound","stopAsync","unloadAsync","initalPlayPause","theme","colors","accent_blue","black","grey_dark","grey_whisper","static_black","static_white","messageInput","fileUploadPreview","audioAttachmentUploadPreview","progressValueInSeconds","progressDuration","format","lastIndexOfDot","name","lastIndexOf","length","borderColor","backgroundColor","shadowColor","color","I18nManager","isRTL","writingDirection","slice","AudioAttachmentUploadPreview","removeFile","uploadFile","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport { I18nManager, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport dayjs from 'dayjs';\nimport duration from 'dayjs/plugin/duration';\n\nimport {\n  FileUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n  useTheme,\n} from '../../contexts';\nimport { Pause, Play } from '../../icons';\nimport {\n  PlaybackStatus,\n  Sound,\n  SoundReturnType,\n  VideoPayloadData,\n  VideoProgressData,\n} from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { ProgressControl } from '../ProgressControl/ProgressControl';\n\ndayjs.extend(duration);\n\nconst FILE_PREVIEW_HEIGHT = 70;\n\nconst styles = StyleSheet.create({\n  fileContainer: {\n    borderRadius: 12,\n    borderWidth: 1,\n    flexDirection: 'row',\n    height: FILE_PREVIEW_HEIGHT,\n    paddingLeft: 8,\n    paddingRight: 8,\n  },\n  fileContentContainer: { flexDirection: 'row' },\n  filenameText: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingLeft: 10,\n  },\n  fileTextContainer: {\n    justifyContent: 'space-around',\n  },\n  flatList: { marginBottom: 12, maxHeight: FILE_PREVIEW_HEIGHT * 2.5 + 16 },\n  overlay: {\n    borderRadius: 12,\n    marginLeft: 8,\n    marginRight: 8,\n  },\n  progressControlView: {\n    flex: 8,\n  },\n  progressDurationText: {\n    flex: 4,\n    fontSize: 12,\n    paddingLeft: 10,\n    paddingRight: 8,\n  },\n  roundedView: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 4,\n    height: 36,\n    justifyContent: 'center',\n    shadowOffset: {\n      height: 2,\n      width: 0,\n    },\n    shadowOpacity: 0.23,\n    shadowRadius: 2.62,\n    width: 36,\n  },\n});\n\nexport type AudioAttachmentUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'fileUploads' | 'removeFile' | 'uploadFile'\n> & {\n  index: number;\n  item: FileUpload;\n  onLoad: (index: string, duration: number) => void;\n  onPlayPause: (index: string, status?: boolean) => void;\n  onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;\n  testID: string;\n};\n\nconst AudioAttachmentUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AudioAttachmentUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const soundRef = React.useRef<SoundReturnType | null>(null);\n  const { fileUploads, index, item, onLoad, onPlayPause, onProgress } = props;\n\n  const handleLoad = (payload: VideoPayloadData) => {\n    onLoad(item.id, payload.duration);\n  };\n\n  const handleProgress = (data: VideoProgressData) => {\n    if (data.currentTime && data.seekableDuration) {\n      onProgress(item.id, data.currentTime);\n    }\n  };\n\n  const handlePlayPause = async (isPausedStatusAvailable?: boolean) => {\n    if (soundRef.current) {\n      if (isPausedStatusAvailable === undefined) {\n        if (item.progress === 1) {\n          // For native CLI\n          if (soundRef.current.seek) soundRef.current.seek(0);\n          // For expo CLI\n          if (soundRef.current.setPositionAsync) soundRef.current.setPositionAsync(0);\n        }\n        if (item.paused) {\n          if (soundRef.current.playAsync) await soundRef.current.playAsync();\n          onPlayPause(item.id, false);\n        } else {\n          if (soundRef.current.pauseAsync) await soundRef.current.pauseAsync();\n          onPlayPause(item.id, true);\n        }\n      } else {\n        onPlayPause(item.id, isPausedStatusAvailable);\n      }\n    }\n  };\n\n  const handleProgressDrag = async (position: number) => {\n    onProgress(item.id, position);\n    if (soundRef.current?.seek) soundRef.current.seek(position);\n    if (soundRef.current?.setPositionAsync) {\n      await soundRef.current.setPositionAsync(position * 1000);\n    }\n  };\n\n  const handleEnd = () => {\n    onPlayPause(item.id, true);\n    onProgress(item.id, item.duration, true);\n  };\n\n  const onPlaybackStatusUpdate = (playbackStatus: PlaybackStatus) => {\n    if (!playbackStatus.isLoaded) {\n      // Update your UI for the unloaded state\n      if (playbackStatus.error) {\n        console.log(`Encountered a fatal error during playback: ${playbackStatus.error}`);\n      }\n    } else {\n      const { durationMillis, positionMillis } = playbackStatus;\n      onLoad(item.id, durationMillis / 1000);\n      // Update your UI for the loaded state\n      if (playbackStatus.isPlaying) {\n        // Update your UI for the playing state\n        onProgress(item.id, positionMillis / 1000);\n      } else {\n        // Update your UI for the paused state\n      }\n\n      if (playbackStatus.isBuffering) {\n        // Update your UI for the buffering state\n      }\n\n      if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {\n        // The player has just finished playing and will stop. Maybe you want to play something else?\n        // status: opposite of pause,says i am playing\n        handleEnd();\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (Sound.Player === null) {\n      const initiateSound = async () => {\n        if (item && item.file && item.file.uri) {\n          soundRef.current = await Sound.initializeSound(\n            { uri: item.file.uri },\n            {},\n            onPlaybackStatusUpdate,\n          );\n        }\n      };\n      initiateSound();\n    }\n\n    return () => {\n      if (soundRef.current?.stopAsync && soundRef.current.unloadAsync) {\n        soundRef.current.stopAsync();\n        soundRef.current.unloadAsync();\n      }\n    };\n  }, []);\n\n  // This is needed for expo applications where the rerender doesn't occur on time thefore you need to update the state of the sound.\n  useEffect(() => {\n    const initalPlayPause = async () => {\n      if (soundRef.current) {\n        if (item.paused) {\n          if (soundRef.current.pauseAsync) await soundRef.current.pauseAsync();\n        } else {\n          if (soundRef.current.playAsync) await soundRef.current.playAsync();\n        }\n      }\n    };\n    if (!Sound.Player) {\n      initalPlayPause();\n    }\n  }, [item.paused]);\n\n  const {\n    theme: {\n      colors: { accent_blue, black, grey_dark, grey_whisper, static_black, static_white },\n      messageInput: {\n        fileUploadPreview: {\n          audioAttachmentUploadPreview: { progressControlView, progressDurationText, roundedView },\n          fileContainer,\n          fileContentContainer,\n          filenameText,\n          fileTextContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const progressValueInSeconds = (item.duration as number) * (item.progress as number);\n\n  const progressDuration = progressValueInSeconds\n    ? progressValueInSeconds / 3600 >= 1\n      ? dayjs.duration(progressValueInSeconds, 'second').format('HH:mm:ss')\n      : dayjs.duration(progressValueInSeconds, 'second').format('mm:ss')\n    : '00:00';\n\n  const lastIndexOfDot = item.file.name.lastIndexOf('.');\n\n  return (\n    <View\n      style={[\n        styles.fileContainer,\n        index === fileUploads.length - 1\n          ? {\n              marginBottom: 0,\n            }\n          : {},\n        {\n          borderColor: grey_whisper,\n          width: -16,\n        },\n        fileContainer,\n      ]}\n      testID='audio-attachment-upload-preview'\n    >\n      <View style={[styles.fileContentContainer, fileContentContainer]}>\n        <TouchableOpacity\n          accessibilityLabel='Play Pause Button'\n          onPress={() => handlePlayPause()}\n          style={[\n            styles.roundedView,\n            roundedView,\n            { backgroundColor: static_white, shadowColor: black },\n          ]}\n        >\n          {item.paused ? (\n            <Play height={24} pathFill={static_black} width={24} />\n          ) : (\n            <Pause height={24} pathFill={static_black} width={24} />\n          )}\n        </TouchableOpacity>\n        <View style={[styles.fileTextContainer, fileTextContainer]}>\n          <Text\n            accessibilityLabel='File Name'\n            numberOfLines={1}\n            style={[\n              styles.filenameText,\n              {\n                color: black,\n                width:\n                  16 - // 16 = horizontal padding\n                  40 - // 40 = file icon size\n                  24 - // 24 = close icon size\n                  24, // 24 = internal padding\n              },\n              I18nManager.isRTL ? { writingDirection: 'rtl' } : { writingDirection: 'ltr' },\n              filenameText,\n            ]}\n          >\n            {item.file.name.slice(0, 12) + '...' + item.file.name.slice(lastIndexOfDot)}\n          </Text>\n          <View\n            style={{\n              alignItems: 'center',\n              display: 'flex',\n              flexDirection: 'row',\n            }}\n          >\n            {/* <ExpoSoundPlayer filePaused={!!item.paused} soundRef={soundRef} /> */}\n            {Sound.Player && (\n              <Sound.Player\n                onEnd={handleEnd}\n                onLoad={handleLoad}\n                onProgress={handleProgress}\n                paused={item.paused as boolean}\n                soundRef={soundRef}\n                testID='sound-player'\n                uri={item.file.uri}\n              />\n            )}\n            <Text style={[styles.progressDurationText, { color: grey_dark }, progressDurationText]}>\n              {progressDuration}\n            </Text>\n            <View style={[styles.progressControlView, progressControlView]}>\n              <ProgressControl\n                duration={item.duration as number}\n                filledColor={accent_blue}\n                onPlayPause={handlePlayPause}\n                onProgressDrag={handleProgressDrag}\n                progress={item.progress as number}\n                testID='progress-control'\n                width={110}\n              />\n            </View>\n          </View>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport type AudioAttachmentUploadPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<AudioAttachmentUploadPreviewPropsWithContext<StreamChatGenerics>> & {\n  index: number;\n  item: FileUpload;\n  onLoad: (index: string, duration: number) => void;\n  onPlayPause: (index: string, status?: boolean) => void;\n  onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;\n  testID: string;\n};\n\n/**\n * AudioAttachmentUploadPreview\n * UI Component to preview the audio files set for upload\n */\nexport const AudioAttachmentUploadPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AudioAttachmentUploadPreviewProps<StreamChatGenerics>,\n) => {\n  const { fileUploads, removeFile, uploadFile } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <AudioAttachmentUploadPreviewWithContext\n      {...{ fileUploads, removeFile, uploadFile }}\n      {...props}\n    />\n  );\n};\n\nAudioAttachmentUploadPreview.displayName =\n  'AudioAttachmentUploadPreview{messageInput{autoAttachmentUploadPreview}}';\n"]}

package/lib/typescript/components/MessageInput/AudioAttachmentUploadPreview.d.ts

@@ -1,26 +0,0 @@
-import { FileUpload, MessageInputContextValue } from '../../contexts';
-import type { DefaultStreamChatGenerics } from '../../types/types';
-export declare type AudioAttachmentUploadPreviewPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageInputContextValue<StreamChatGenerics>, 'fileUploads' | 'removeFile' | 'uploadFile'> & {
-    index: number;
-    item: FileUpload;
-    onLoad: (index: string, duration: number) => void;
-    onPlayPause: (index: string, status?: boolean) => void;
-    onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;
-    testID: string;
-};
-export declare type AudioAttachmentUploadPreviewProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<AudioAttachmentUploadPreviewPropsWithContext<StreamChatGenerics>> & {
-    index: number;
-    item: FileUpload;
-    onLoad: (index: string, duration: number) => void;
-    onPlayPause: (index: string, status?: boolean) => void;
-    onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;
-    testID: string;
-};
-/**
- * AudioAttachmentUploadPreview
- * UI Component to preview the audio files set for upload
- */
-export declare const AudioAttachmentUploadPreview: {
-    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AudioAttachmentUploadPreviewProps<StreamChatGenerics>): JSX.Element;
-    displayName: string;
-};