@sendbird/uikit-react-native 3.1.1 → 3.2.0

package/lib/module/hooks/useChannelInputItems.js

@@ -0,0 +1,203 @@
+import { useAlert, useToast } from '@sendbird/uikit-react-native-foundation';
+import { isImage, shouldCompressImage, useIIFE } from '@sendbird/uikit-utils';
+import SBUError from '../libs/SBUError';
+import SBUUtils from '../libs/SBUUtils';
+import { useLocalization, usePlatformService, useSendbirdChat } from './useContext';
+export const useChannelInputItems = (channel, sendFileMessage) => {
+  const {
+    sbOptions,
+    imageCompressionConfig
+  } = useSendbirdChat();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    fileService,
+    mediaService
+  } = usePlatformService();
+  const {
+    alert
+  } = useAlert();
+  const toast = useToast();
+  const sheetItems = [];
+  const input = useIIFE(() => {
+    switch (true) {
+      case channel.isOpenChannel():
+        return sbOptions.uikit.openChannel.channel.input;
+      case channel.isGroupChannel():
+        return sbOptions.uikit.groupChannel.channel.input;
+      default:
+        return {
+          enableDocument: true,
+          camera: {
+            enablePhoto: true,
+            enableVideo: true
+          },
+          gallery: {
+            enablePhoto: true,
+            enableVideo: true
+          }
+        };
+    }
+  });
+  if (input.camera.enablePhoto) {
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO,
+      icon: 'camera',
+      onPress: async () => {
+        const mediaFile = await fileService.openCamera({
+          mediaType: 'photo',
+          onOpenFailure: error => {
+            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
+              alert({
+                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
+                buttons: [{
+                  text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                  onPress: () => SBUUtils.openSettings()
+                }]
+              });
+            } else {
+              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');
+            }
+          }
+        });
+        if (mediaFile) {
+          // Image compression
+          if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)) {
+            await SBUUtils.safeRun(async () => {
+              const compressed = await mediaService.compressImage({
+                uri: mediaFile.uri,
+                maxWidth: imageCompressionConfig.width,
+                maxHeight: imageCompressionConfig.height,
+                compressionRate: imageCompressionConfig.compressionRate
+              });
+              if (compressed) {
+                mediaFile.uri = compressed.uri;
+                mediaFile.size = compressed.size;
+              }
+            });
+          }
+          sendFileMessage(mediaFile);
+        }
+      }
+    });
+  }
+  if (input.camera.enableVideo) {
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO,
+      icon: 'camera',
+      onPress: async () => {
+        const mediaFile = await fileService.openCamera({
+          mediaType: 'video',
+          onOpenFailure: error => {
+            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
+              alert({
+                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
+                buttons: [{
+                  text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                  onPress: () => SBUUtils.openSettings()
+                }]
+              });
+            } else {
+              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');
+            }
+          }
+        });
+        if (mediaFile) {
+          sendFileMessage(mediaFile);
+        }
+      }
+    });
+  }
+  if (input.gallery.enablePhoto || input.gallery.enableVideo) {
+    const mediaType = (() => {
+      switch (true) {
+        case input.gallery.enablePhoto && input.gallery.enableVideo:
+          return 'all';
+        case input.gallery.enablePhoto && !input.gallery.enableVideo:
+          return 'photo';
+        case !input.gallery.enablePhoto && input.gallery.enableVideo:
+          return 'video';
+        default:
+          return 'all';
+      }
+    })();
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,
+      icon: 'photo',
+      onPress: async () => {
+        const mediaFiles = await fileService.openMediaLibrary({
+          selectionLimit: 1,
+          mediaType,
+          onOpenFailure: error => {
+            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
+              alert({
+                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
+                buttons: [{
+                  text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                  onPress: () => SBUUtils.openSettings()
+                }]
+              });
+            } else {
+              toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');
+            }
+          }
+        });
+        if (mediaFiles && mediaFiles[0]) {
+          const mediaFile = mediaFiles[0];
+
+          // Image compression
+          if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)) {
+            await SBUUtils.safeRun(async () => {
+              const compressed = await mediaService.compressImage({
+                uri: mediaFile.uri,
+                maxWidth: imageCompressionConfig.width,
+                maxHeight: imageCompressionConfig.height,
+                compressionRate: imageCompressionConfig.compressionRate
+              });
+              if (compressed) {
+                mediaFile.uri = compressed.uri;
+                mediaFile.size = compressed.size;
+              }
+            });
+          }
+          sendFileMessage(mediaFile);
+        }
+      }
+    });
+  }
+  if (input.enableDocument) {
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,
+      icon: 'document',
+      onPress: async () => {
+        const documentFile = await fileService.openDocument({
+          onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error')
+        });
+        if (documentFile) {
+          // Image compression
+          if (isImage(documentFile.uri, documentFile.type) && shouldCompressImage(documentFile.type, sbOptions.chat.imageCompressionEnabled)) {
+            await SBUUtils.safeRun(async () => {
+              const compressed = await mediaService.compressImage({
+                uri: documentFile.uri,
+                maxWidth: imageCompressionConfig.width,
+                maxHeight: imageCompressionConfig.height,
+                compressionRate: imageCompressionConfig.compressionRate
+              });
+              if (compressed) {
+                documentFile.uri = compressed.uri;
+                documentFile.size = compressed.size;
+              }
+            });
+          }
+          sendFileMessage(documentFile);
+        }
+      }
+    });
+  }
+  return sheetItems;
+};
+//# sourceMappingURL=useChannelInputItems.js.map

package/lib/module/hooks/useChannelInputItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAlert","useToast","isImage","shouldCompressImage","useIIFE","SBUError","SBUUtils","useLocalization","usePlatformService","useSendbirdChat","useChannelInputItems","channel","sendFileMessage","sbOptions","imageCompressionConfig","STRINGS","fileService","mediaService","alert","toast","sheetItems","input","isOpenChannel","uikit","openChannel","isGroupChannel","groupChannel","enableDocument","camera","enablePhoto","enableVideo","gallery","push","title","LABELS","CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO","icon","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","uri","type","chat","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","size","CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR"],"sources":["useChannelInputItems.ts"],"sourcesContent":["import { BottomSheetItem, useAlert, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdChannel, isImage, shouldCompressImage, useIIFE } from '@sendbird/uikit-utils';\n\nimport SBUError from '../libs/SBUError';\nimport SBUUtils from '../libs/SBUUtils';\nimport { FileType } from '../platform/types';\nimport { useLocalization, usePlatformService, useSendbirdChat } from './useContext';\n\nexport const useChannelInputItems = (channel: SendbirdChannel, sendFileMessage: (file: FileType) => void) => {\n  const { sbOptions, imageCompressionConfig } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { fileService, mediaService } = usePlatformService();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const sheetItems: BottomSheetItem['sheetItems'] = [];\n  const input = useIIFE(() => {\n    switch (true) {\n      case channel.isOpenChannel():\n        return sbOptions.uikit.openChannel.channel.input;\n      case channel.isGroupChannel():\n        return sbOptions.uikit.groupChannel.channel.input;\n      default:\n        return {\n          enableDocument: true,\n          camera: { enablePhoto: true, enableVideo: true },\n          gallery: { enablePhoto: true, enableVideo: true },\n        };\n    }\n  });\n\n  if (input.camera.enablePhoto) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO,\n      icon: 'camera',\n      onPress: async () => {\n        const mediaFile = await fileService.openCamera({\n          mediaType: 'photo',\n          onOpenFailure: (error) => {\n            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n              alert({\n                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                  STRINGS.LABELS.PERMISSION_CAMERA,\n                  STRINGS.LABELS.PERMISSION_APP_NAME,\n                ),\n                buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n              });\n            } else {\n              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n            }\n          },\n        });\n\n        if (mediaFile) {\n          // Image compression\n          if (\n            isImage(mediaFile.uri, mediaFile.type) &&\n            shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n          ) {\n            await SBUUtils.safeRun(async () => {\n              const compressed = await mediaService.compressImage({\n                uri: mediaFile.uri,\n                maxWidth: imageCompressionConfig.width,\n                maxHeight: imageCompressionConfig.height,\n                compressionRate: imageCompressionConfig.compressionRate,\n              });\n\n              if (compressed) {\n                mediaFile.uri = compressed.uri;\n                mediaFile.size = compressed.size;\n              }\n            });\n          }\n\n          sendFileMessage(mediaFile);\n        }\n      },\n    });\n  }\n\n  if (input.camera.enableVideo) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO,\n      icon: 'camera',\n      onPress: async () => {\n        const mediaFile = await fileService.openCamera({\n          mediaType: 'video',\n          onOpenFailure: (error) => {\n            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n              alert({\n                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                  STRINGS.LABELS.PERMISSION_CAMERA,\n                  STRINGS.LABELS.PERMISSION_APP_NAME,\n                ),\n                buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n              });\n            } else {\n              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n            }\n          },\n        });\n\n        if (mediaFile) {\n          sendFileMessage(mediaFile);\n        }\n      },\n    });\n  }\n\n  if (input.gallery.enablePhoto || input.gallery.enableVideo) {\n    const mediaType = (() => {\n      switch (true) {\n        case input.gallery.enablePhoto && input.gallery.enableVideo:\n          return 'all';\n        case input.gallery.enablePhoto && !input.gallery.enableVideo:\n          return 'photo';\n        case !input.gallery.enablePhoto && input.gallery.enableVideo:\n          return 'video';\n        default:\n          return 'all';\n      }\n    })();\n\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,\n      icon: 'photo',\n      onPress: async () => {\n        const mediaFiles = await fileService.openMediaLibrary({\n          selectionLimit: 1,\n          mediaType,\n          onOpenFailure: (error) => {\n            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n              alert({\n                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                  STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                  STRINGS.LABELS.PERMISSION_APP_NAME,\n                ),\n                buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n              });\n            } else {\n              toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n            }\n          },\n        });\n\n        if (mediaFiles && mediaFiles[0]) {\n          const mediaFile = mediaFiles[0];\n\n          // Image compression\n          if (\n            isImage(mediaFile.uri, mediaFile.type) &&\n            shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n          ) {\n            await SBUUtils.safeRun(async () => {\n              const compressed = await mediaService.compressImage({\n                uri: mediaFile.uri,\n                maxWidth: imageCompressionConfig.width,\n                maxHeight: imageCompressionConfig.height,\n                compressionRate: imageCompressionConfig.compressionRate,\n              });\n\n              if (compressed) {\n                mediaFile.uri = compressed.uri;\n                mediaFile.size = compressed.size;\n              }\n            });\n          }\n\n          sendFileMessage(mediaFile);\n        }\n      },\n    });\n  }\n\n  if (input.enableDocument) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,\n      icon: 'document',\n      onPress: async () => {\n        const documentFile = await fileService.openDocument({\n          onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n        });\n\n        if (documentFile) {\n          // Image compression\n          if (\n            isImage(documentFile.uri, documentFile.type) &&\n            shouldCompressImage(documentFile.type, sbOptions.chat.imageCompressionEnabled)\n          ) {\n            await SBUUtils.safeRun(async () => {\n              const compressed = await mediaService.compressImage({\n                uri: documentFile.uri,\n                maxWidth: imageCompressionConfig.width,\n                maxHeight: imageCompressionConfig.height,\n                compressionRate: imageCompressionConfig.compressionRate,\n              });\n\n              if (compressed) {\n                documentFile.uri = compressed.uri;\n                documentFile.size = compressed.size;\n              }\n            });\n          }\n\n          sendFileMessage(documentFile);\n        }\n      },\n    });\n  }\n\n  return sheetItems;\n};\n"],"mappings":"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"}

package/lib/module/hooks/useConnection.js

@@ -63,7 +63,7 @@ const useConnection = () => {
           Logger.warn('[useConnection]', 'clear cached-data');
           await sdk.clearCachedData().catch(e => Logger.warn('[useConnection]', 'clear cached-data failure', e));
         } else if (sdk.currentUser) {
-          await initEmoji(sdk, emojiManager);
+          await Promise.allSettled([initEmoji(sdk, emojiManager), initDashboardConfigs(sdk)]);
           Logger.debug('[useConnection]', 'connected! (offline)');
           setCurrentUser(sdk.currentUser);
           return sdk.currentUser;

package/lib/module/hooks/useConnection.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useUIKitConfig","Logger","useSendbirdChat","usePushTokenRegistration","cacheRestrictCodes","isCacheRestrictedError","error","some","code","initEmoji","sdk","emojiManager","_sdk$appInfo","init","appInfo","emojiHash","container","getAllEmoji","useConnection","initDashboardConfigs","setCurrentUser","sbOptions","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","connect","userId","opts","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","chat","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","Promise","allSettled","isCacheEnabled","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useUIKitConfig } from '@sendbird/uikit-tools';\nimport { Logger, SendbirdChatSDK, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type EmojiManager from '../libs/EmojiManager';\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\n\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\nfunction isCacheRestrictedError(error: SendbirdError) {\n  return cacheRestrictCodes.some((code) => error.code === code);\n}\n\nasync function initEmoji(sdk: SendbirdChatSDK, emojiManager: EmojiManager) {\n  await emojiManager.init();\n  if (sdk.appInfo?.emojiHash !== emojiManager.emojiHash) {\n    try {\n      const container = await sdk.getAllEmoji();\n      await emojiManager.init(container);\n    } catch {}\n  }\n}\n\nconst useConnection = () => {\n  const { initDashboardConfigs } = useUIKitConfig();\n  const { sdk, emojiManager, setCurrentUser, sbOptions } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        } else if (sbOptions.chat.useUserIdForNicknameEnabled) {\n          await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));\n        }\n\n        if (sbOptions.chat.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        await Promise.allSettled([initEmoji(sdk, emojiManager), initDashboardConfigs(sdk)]);\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (isCacheRestrictedError(error)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            await initEmoji(sdk, emojiManager);\n\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, sbOptions.chat.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (sbOptions.chat.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, sbOptions.chat.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","useUIKitConfig","Logger","useSendbirdChat","usePushTokenRegistration","cacheRestrictCodes","isCacheRestrictedError","error","some","code","initEmoji","sdk","emojiManager","_sdk$appInfo","init","appInfo","emojiHash","container","getAllEmoji","useConnection","initDashboardConfigs","setCurrentUser","sbOptions","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","connect","userId","opts","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","chat","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","Promise","allSettled","isCacheEnabled","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useUIKitConfig } from '@sendbird/uikit-tools';\nimport { Logger, SendbirdChatSDK, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type EmojiManager from '../libs/EmojiManager';\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\n\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\nfunction isCacheRestrictedError(error: SendbirdError) {\n  return cacheRestrictCodes.some((code) => error.code === code);\n}\n\nasync function initEmoji(sdk: SendbirdChatSDK, emojiManager: EmojiManager) {\n  await emojiManager.init();\n  if (sdk.appInfo?.emojiHash !== emojiManager.emojiHash) {\n    try {\n      const container = await sdk.getAllEmoji();\n      await emojiManager.init(container);\n    } catch {}\n  }\n}\n\nconst useConnection = () => {\n  const { initDashboardConfigs } = useUIKitConfig();\n  const { sdk, emojiManager, setCurrentUser, sbOptions } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        } else if (sbOptions.chat.useUserIdForNicknameEnabled) {\n          await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));\n        }\n\n        if (sbOptions.chat.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        await Promise.allSettled([initEmoji(sdk, emojiManager), initDashboardConfigs(sdk)]);\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (isCacheRestrictedError(error)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            await Promise.allSettled([initEmoji(sdk, emojiManager), initDashboardConfigs(sdk)]);\n\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, sbOptions.chat.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (sbOptions.chat.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, sbOptions.chat.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}

package/lib/module/hooks/useMentionSuggestion.js

@@ -80,7 +80,7 @@ const useMentionSuggestion = params => {
         return (_a$nickname = a.nickname) === null || _a$nickname === void 0 ? void 0 : _a$nickname.localeCompare(b.nickname);
       }).filter(member => {
         var _member$nickname;
-        return ((_member$nickname = member.nickname) === null || _member$nickname === void 0 ? void 0 : _member$nickname.toLowerCase().startsWith(searchString.toLowerCase())) && member.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
+        return ((_member$nickname = member.nickname) === null || _member$nickname === void 0 ? void 0 : _member$nickname.toLowerCase().startsWith(searchString.toLowerCase())) && member.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && member.isActive;
       }).slice(0, mentionManager.config.suggestionLimit);
     }
   };

package/lib/module/hooks/useMentionSuggestion.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useRef","useState","useChannelHandler","isDifferentChannel","useAsyncEffect","useDebounceEffect","useUniqHandlerId","useSendbirdChat","useMentionSuggestion","params","text","selection","channel","mentionedUsers","freshChannel","setFreshChannel","refresh","url","id","sdk","onUserJoined","eventChannel","onUserLeft","onUserBanned","isGroupChannel","mentionManager","currentUser","members","setMembers","searchStringRangeRef","start","end","searchLimitedRef","updateSearchStringRange","selectionIndex","searchString","current","getSearchStringRangeInText","updateSearchLimited","mentionCount","mentionLimit","resetRefs","fetchMembers","selectionRanged","selectionContainsMentionedUser","some","it","rangeHelpers","overlaps","range","isTriggered","isValidSearchString","getSearchString","limited","length","config","isSuper","createMemberListQuery","nicknameStartsWithFilter","limit","suggestionLimit","next","then","filter","member","userId","slice","sort","a","b","_a$nickname","nickname","localeCompare","_member$nickname","toLowerCase","startsWith","catch","debounceMills","reset","searchStringRange","searchLimited"],"sources":["useMentionSuggestion.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useAsyncEffect, useDebounceEffect, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { Range } from '../types';\n\nconst useMentionSuggestion = (params: {\n  text: string;\n  selection: Range;\n  mentionedUsers: { user: SendbirdUser; range: Range }[];\n  sdk: SendbirdChatSDK;\n  channel: SendbirdGroupChannel;\n}) => {\n  const { text, selection, channel, mentionedUsers } = params;\n\n  const [freshChannel, setFreshChannel] = useState(channel);\n\n  useAsyncEffect(async () => {\n    setFreshChannel(await channel.refresh());\n  }, [channel.url]);\n\n  const id = useUniqHandlerId('useMentionSuggestion');\n\n  useChannelHandler(params.sdk, id, {\n    onUserJoined(eventChannel) {\n      if (isDifferentChannel(eventChannel, channel)) return;\n      setFreshChannel(eventChannel);\n    },\n    onUserLeft(eventChannel) {\n      if (isDifferentChannel(eventChannel, channel)) return;\n      setFreshChannel(eventChannel);\n    },\n    onUserBanned(eventChannel) {\n      if (isDifferentChannel(eventChannel, channel)) return;\n      if (!eventChannel.isGroupChannel()) return;\n      setFreshChannel(eventChannel);\n    },\n  });\n\n  const { mentionManager, currentUser } = useSendbirdChat();\n  const [members, setMembers] = useState<SendbirdMember[]>([]);\n\n  const searchStringRangeRef = useRef<Range>({ start: 0, end: 0 });\n  const searchLimitedRef = useRef(false);\n\n  const updateSearchStringRange = (selectionIndex: number, searchString: string) => {\n    searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);\n    return searchStringRangeRef.current;\n  };\n  const updateSearchLimited = (mentionCount: number, mentionLimit: number) => {\n    searchLimitedRef.current = mentionCount >= mentionLimit;\n    return searchLimitedRef.current;\n  };\n  const resetRefs = () => {\n    searchLimitedRef.current = false;\n    searchStringRangeRef.current = { start: 0, end: 0 };\n  };\n\n  const fetchMembers = async (): Promise<SendbirdMember[]> => {\n    resetRefs();\n\n    const selectionRanged = selection.start !== selection.end;\n    if (selectionRanged) return [];\n\n    const selectionContainsMentionedUser = mentionedUsers.some((it) =>\n      mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n    );\n    if (selectionContainsMentionedUser) return [];\n\n    const { isTriggered, isValidSearchString, searchString } = mentionManager.getSearchString(text, selection.start);\n    if (!isTriggered() || !isValidSearchString()) return [];\n\n    const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);\n    if (limited) return [];\n\n    updateSearchStringRange(selection.start, searchString);\n\n    if (freshChannel.isSuper) {\n      return freshChannel\n        .createMemberListQuery({\n          nicknameStartsWithFilter: searchString,\n          limit: mentionManager.config.suggestionLimit + 1,\n        })\n        .next()\n        .then((members) => members.filter((member) => member.userId !== currentUser?.userId))\n        .then((members) => members.slice(0, mentionManager.config.suggestionLimit));\n    } else {\n      return freshChannel.members\n        .sort((a, b) => a.nickname?.localeCompare(b.nickname))\n        .filter(\n          (member) =>\n            member.nickname?.toLowerCase().startsWith(searchString.toLowerCase()) &&\n            member.userId !== currentUser?.userId,\n        )\n        .slice(0, mentionManager.config.suggestionLimit);\n    }\n  };\n\n  useDebounceEffect(\n    () => {\n      return fetchMembers()\n        .then(setMembers)\n        .catch(() => setMembers([]));\n    },\n    mentionManager.config.debounceMills,\n    [text, selection],\n  );\n\n  return {\n    members,\n    reset: useCallback(() => setMembers([]), []),\n    searchStringRange: searchStringRangeRef.current,\n    searchLimited: searchLimitedRef.current,\n  };\n};\n\nexport default useMentionSuggestion;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAErD,SAASC,iBAAiB,QAAQ,4BAA4B;AAE9D,SAASC,kBAAkB,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAE/G,SAASC,eAAe,QAAQ,qBAAqB;AAGrD,MAAMC,oBAAoB,GAAIC,MAM7B,IAAK;EACJ,MAAM;IAAEC,IAAI;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAe,CAAC,GAAGJ,MAAM;EAE3D,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGd,QAAQ,CAACW,OAAO,CAAC;EAEzDR,cAAc,CAAC,YAAY;IACzBW,eAAe,CAAC,MAAMH,OAAO,CAACI,OAAO,EAAE,CAAC;EAC1C,CAAC,EAAE,CAACJ,OAAO,CAACK,GAAG,CAAC,CAAC;EAEjB,MAAMC,EAAE,GAAGZ,gBAAgB,CAAC,sBAAsB,CAAC;EAEnDJ,iBAAiB,CAACO,MAAM,CAACU,GAAG,EAAED,EAAE,EAAE;IAChCE,YAAYA,CAACC,YAAY,EAAE;MACzB,IAAIlB,kBAAkB,CAACkB,YAAY,EAAET,OAAO,CAAC,EAAE;MAC/CG,eAAe,CAACM,YAAY,CAAC;IAC/B,CAAC;IACDC,UAAUA,CAACD,YAAY,EAAE;MACvB,IAAIlB,kBAAkB,CAACkB,YAAY,EAAET,OAAO,CAAC,EAAE;MAC/CG,eAAe,CAACM,YAAY,CAAC;IAC/B,CAAC;IACDE,YAAYA,CAACF,YAAY,EAAE;MACzB,IAAIlB,kBAAkB,CAACkB,YAAY,EAAET,OAAO,CAAC,EAAE;MAC/C,IAAI,CAACS,YAAY,CAACG,cAAc,EAAE,EAAE;MACpCT,eAAe,CAACM,YAAY,CAAC;IAC/B;EACF,CAAC,CAAC;EAEF,MAAM;IAAEI,cAAc;IAAEC;EAAY,CAAC,GAAGnB,eAAe,EAAE;EACzD,MAAM,CAACoB,OAAO,EAAEC,UAAU,CAAC,GAAG3B,QAAQ,CAAmB,EAAE,CAAC;EAE5D,MAAM4B,oBAAoB,GAAG7B,MAAM,CAAQ;IAAE8B,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAE,CAAC,CAAC;EAChE,MAAMC,gBAAgB,GAAGhC,MAAM,CAAC,KAAK,CAAC;EAEtC,MAAMiC,uBAAuB,GAAGA,CAACC,cAAsB,EAAEC,YAAoB,KAAK;IAChFN,oBAAoB,CAACO,OAAO,GAAGX,cAAc,CAACY,0BAA0B,CAACH,cAAc,EAAEC,YAAY,CAAC;IACtG,OAAON,oBAAoB,CAACO,OAAO;EACrC,CAAC;EACD,MAAME,mBAAmB,GAAGA,CAACC,YAAoB,EAAEC,YAAoB,KAAK;IAC1ER,gBAAgB,CAACI,OAAO,GAAGG,YAAY,IAAIC,YAAY;IACvD,OAAOR,gBAAgB,CAACI,OAAO;EACjC,CAAC;EACD,MAAMK,SAAS,GAAGA,CAAA,KAAM;IACtBT,gBAAgB,CAACI,OAAO,GAAG,KAAK;IAChCP,oBAAoB,CAACO,OAAO,GAAG;MAAEN,KAAK,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAE,CAAC;EACrD,CAAC;EAED,MAAMW,YAAY,GAAG,MAAAA,CAAA,KAAuC;IAC1DD,SAAS,EAAE;IAEX,MAAME,eAAe,GAAGhC,SAAS,CAACmB,KAAK,KAAKnB,SAAS,CAACoB,GAAG;IACzD,IAAIY,eAAe,EAAE,OAAO,EAAE;IAE9B,MAAMC,8BAA8B,GAAG/B,cAAc,CAACgC,IAAI,CAAEC,EAAE,IAC5DrB,cAAc,CAACsB,YAAY,CAACC,QAAQ,CAACF,EAAE,CAACG,KAAK,EAAEtC,SAAS,EAAE,WAAW,CAAC,CACvE;IACD,IAAIiC,8BAA8B,EAAE,OAAO,EAAE;IAE7C,MAAM;MAAEM,WAAW;MAAEC,mBAAmB;MAAEhB;IAAa,CAAC,GAAGV,cAAc,CAAC2B,eAAe,CAAC1C,IAAI,EAAEC,SAAS,CAACmB,KAAK,CAAC;IAChH,IAAI,CAACoB,WAAW,EAAE,IAAI,CAACC,mBAAmB,EAAE,EAAE,OAAO,EAAE;IAEvD,MAAME,OAAO,GAAGf,mBAAmB,CAACzB,cAAc,CAACyC,MAAM,EAAE7B,cAAc,CAAC8B,MAAM,CAACf,YAAY,CAAC;IAC9F,IAAIa,OAAO,EAAE,OAAO,EAAE;IAEtBpB,uBAAuB,CAACtB,SAAS,CAACmB,KAAK,EAAEK,YAAY,CAAC;IAEtD,IAAIrB,YAAY,CAAC0C,OAAO,EAAE;MACxB,OAAO1C,YAAY,CAChB2C,qBAAqB,CAAC;QACrBC,wBAAwB,EAAEvB,YAAY;QACtCwB,KAAK,EAAElC,cAAc,CAAC8B,MAAM,CAACK,eAAe,GAAG;MACjD,CAAC,CAAC,CACDC,IAAI,EAAE,CACNC,IAAI,CAAEnC,OAAO,IAAKA,OAAO,CAACoC,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,MAAM,MAAKvC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEuC,MAAM,EAAC,CAAC,CACpFH,IAAI,CAAEnC,OAAO,IAAKA,OAAO,CAACuC,KAAK,CAAC,CAAC,EAAEzC,cAAc,CAAC8B,MAAM,CAACK,eAAe,CAAC,CAAC;IAC/E,CAAC,MAAM;MACL,OAAO9C,YAAY,CAACa,OAAO,CACxBwC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC;QAAA,IAAAC,WAAA;QAAA,QAAAA,WAAA,GAAKF,CAAC,CAACG,QAAQ,cAAAD,WAAA,uBAAVA,WAAA,CAAYE,aAAa,CAACH,CAAC,CAACE,QAAQ,CAAC;MAAA,EAAC,CACrDR,MAAM,CACJC,MAAM;QAAA,IAAAS,gBAAA;QAAA,OACL,EAAAA,gBAAA,GAAAT,MAAM,CAACO,QAAQ,cAAAE,gBAAA,uBAAfA,gBAAA,CAAiBC,WAAW,EAAE,CAACC,UAAU,CAACxC,YAAY,CAACuC,WAAW,EAAE,CAAC,KACrEV,MAAM,CAACC,MAAM,MAAKvC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEuC,MAAM;MAAA,EACxC,CACAC,KAAK,CAAC,CAAC,EAAEzC,cAAc,CAAC8B,MAAM,CAACK,eAAe,CAAC;IACpD;EACF,CAAC;EAEDvD,iBAAiB,CACf,MAAM;IACJ,OAAOqC,YAAY,EAAE,CAClBoB,IAAI,CAAClC,UAAU,CAAC,CAChBgD,KAAK,CAAC,MAAMhD,UAAU,CAAC,EAAE,CAAC,CAAC;EAChC,CAAC,EACDH,cAAc,CAAC8B,MAAM,CAACsB,aAAa,EACnC,CAACnE,IAAI,EAAEC,SAAS,CAAC,CAClB;EAED,OAAO;IACLgB,OAAO;IACPmD,KAAK,EAAE/E,WAAW,CAAC,MAAM6B,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAC5CmD,iBAAiB,EAAElD,oBAAoB,CAACO,OAAO;IAC/C4C,aAAa,EAAEhD,gBAAgB,CAACI;EAClC,CAAC;AACH,CAAC;AAED,eAAe5B,oBAAoB"}
+{"version":3,"names":["useCallback","useRef","useState","useChannelHandler","isDifferentChannel","useAsyncEffect","useDebounceEffect","useUniqHandlerId","useSendbirdChat","useMentionSuggestion","params","text","selection","channel","mentionedUsers","freshChannel","setFreshChannel","refresh","url","id","sdk","onUserJoined","eventChannel","onUserLeft","onUserBanned","isGroupChannel","mentionManager","currentUser","members","setMembers","searchStringRangeRef","start","end","searchLimitedRef","updateSearchStringRange","selectionIndex","searchString","current","getSearchStringRangeInText","updateSearchLimited","mentionCount","mentionLimit","resetRefs","fetchMembers","selectionRanged","selectionContainsMentionedUser","some","it","rangeHelpers","overlaps","range","isTriggered","isValidSearchString","getSearchString","limited","length","config","isSuper","createMemberListQuery","nicknameStartsWithFilter","limit","suggestionLimit","next","then","filter","member","userId","slice","sort","a","b","_a$nickname","nickname","localeCompare","_member$nickname","toLowerCase","startsWith","isActive","catch","debounceMills","reset","searchStringRange","searchLimited"],"sources":["useMentionSuggestion.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useAsyncEffect, useDebounceEffect, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { Range } from '../types';\n\nconst useMentionSuggestion = (params: {\n  text: string;\n  selection: Range;\n  mentionedUsers: { user: SendbirdUser; range: Range }[];\n  sdk: SendbirdChatSDK;\n  channel: SendbirdGroupChannel;\n}) => {\n  const { text, selection, channel, mentionedUsers } = params;\n\n  const [freshChannel, setFreshChannel] = useState(channel);\n\n  useAsyncEffect(async () => {\n    setFreshChannel(await channel.refresh());\n  }, [channel.url]);\n\n  const id = useUniqHandlerId('useMentionSuggestion');\n\n  useChannelHandler(params.sdk, id, {\n    onUserJoined(eventChannel) {\n      if (isDifferentChannel(eventChannel, channel)) return;\n      setFreshChannel(eventChannel);\n    },\n    onUserLeft(eventChannel) {\n      if (isDifferentChannel(eventChannel, channel)) return;\n      setFreshChannel(eventChannel);\n    },\n    onUserBanned(eventChannel) {\n      if (isDifferentChannel(eventChannel, channel)) return;\n      if (!eventChannel.isGroupChannel()) return;\n      setFreshChannel(eventChannel);\n    },\n  });\n\n  const { mentionManager, currentUser } = useSendbirdChat();\n  const [members, setMembers] = useState<SendbirdMember[]>([]);\n\n  const searchStringRangeRef = useRef<Range>({ start: 0, end: 0 });\n  const searchLimitedRef = useRef(false);\n\n  const updateSearchStringRange = (selectionIndex: number, searchString: string) => {\n    searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);\n    return searchStringRangeRef.current;\n  };\n  const updateSearchLimited = (mentionCount: number, mentionLimit: number) => {\n    searchLimitedRef.current = mentionCount >= mentionLimit;\n    return searchLimitedRef.current;\n  };\n  const resetRefs = () => {\n    searchLimitedRef.current = false;\n    searchStringRangeRef.current = { start: 0, end: 0 };\n  };\n\n  const fetchMembers = async (): Promise<SendbirdMember[]> => {\n    resetRefs();\n\n    const selectionRanged = selection.start !== selection.end;\n    if (selectionRanged) return [];\n\n    const selectionContainsMentionedUser = mentionedUsers.some((it) =>\n      mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n    );\n    if (selectionContainsMentionedUser) return [];\n\n    const { isTriggered, isValidSearchString, searchString } = mentionManager.getSearchString(text, selection.start);\n    if (!isTriggered() || !isValidSearchString()) return [];\n\n    const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);\n    if (limited) return [];\n\n    updateSearchStringRange(selection.start, searchString);\n\n    if (freshChannel.isSuper) {\n      return freshChannel\n        .createMemberListQuery({\n          nicknameStartsWithFilter: searchString,\n          limit: mentionManager.config.suggestionLimit + 1,\n        })\n        .next()\n        .then((members) => members.filter((member) => member.userId !== currentUser?.userId))\n        .then((members) => members.slice(0, mentionManager.config.suggestionLimit));\n    } else {\n      return freshChannel.members\n        .sort((a, b) => a.nickname?.localeCompare(b.nickname))\n        .filter(\n          (member) =>\n            member.nickname?.toLowerCase().startsWith(searchString.toLowerCase()) &&\n            member.userId !== currentUser?.userId &&\n            member.isActive,\n        )\n        .slice(0, mentionManager.config.suggestionLimit);\n    }\n  };\n\n  useDebounceEffect(\n    () => {\n      return fetchMembers()\n        .then(setMembers)\n        .catch(() => setMembers([]));\n    },\n    mentionManager.config.debounceMills,\n    [text, selection],\n  );\n\n  return {\n    members,\n    reset: useCallback(() => setMembers([]), []),\n    searchStringRange: searchStringRangeRef.current,\n    searchLimited: searchLimitedRef.current,\n  };\n};\n\nexport default useMentionSuggestion;\n"],"mappings":"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"}

package/lib/module/hooks/useVoiceMessageInput.js

@@ -0,0 +1,199 @@
+import { useRef, useState } from 'react';
+import { useAlert } from '@sendbird/uikit-react-native-foundation';
+import { Logger, getVoiceMessageFileObject, matchesOneOf } from '@sendbird/uikit-utils';
+import SBUUtils from '../libs/SBUUtils';
+import { useLocalization, usePlatformService } from './useContext';
+const useVoiceMessageInput = _ref => {
+  let {
+    onSend,
+    onClose
+  } = _ref;
+  const {
+    alert
+  } = useAlert();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    recorderService,
+    playerService,
+    fileService
+  } = usePlatformService();
+  const [status, setStatus] = useState('idle');
+  const [recordingTime, setRecordingTime] = useState({
+    currentTime: 0,
+    minDuration: recorderService.options.minDuration,
+    maxDuration: recorderService.options.maxDuration
+  });
+  const [playingTime, setPlayingTime] = useState({
+    currentTime: 0,
+    duration: 0
+  });
+  const recordingPath = useRef();
+  const getVoiceMessageRecordingPath = () => {
+    if (!recordingPath.current) throw new Error('No recording path');
+    return recordingPath.current;
+  };
+  const setVoiceMessageRecordingPath = path => {
+    recordingPath.current = path;
+  };
+  const clear = async () => {
+    recordingPath.current = undefined;
+    await playerService.reset();
+    await recorderService.reset();
+    setRecordingTime({
+      currentTime: 0,
+      minDuration: recorderService.options.minDuration,
+      maxDuration: recorderService.options.maxDuration
+    });
+    setPlayingTime({
+      currentTime: 0,
+      duration: 0
+    });
+    setStatus('idle');
+  };
+  return {
+    state: {
+      status,
+      recordingTime,
+      playingTime
+    },
+    actions: {
+      async cancel() {
+        await clear();
+      },
+      async startRecording() {
+        const granted = await recorderService.requestPermission();
+        if (!granted) {
+          await onClose();
+          alert({
+            title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+            message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_MICROPHONE, STRINGS.LABELS.PERMISSION_APP_NAME),
+            buttons: [{
+              text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+              onPress: () => SBUUtils.openSettings()
+            }]
+          });
+          Logger.error('Failed to request permission for recorder');
+          return;
+        }
+        if (matchesOneOf(status, ['idle'])) {
+          // Before start recording, if player is not idle, reset it.
+          if (playerService.state !== 'idle') {
+            await playerService.reset();
+          }
+          const unsubscribeRecording = recorderService.addRecordingListener(_ref2 => {
+            let {
+              currentTime
+            } = _ref2;
+            setRecordingTime({
+              currentTime,
+              maxDuration: recorderService.options.maxDuration,
+              minDuration: recorderService.options.minDuration
+            });
+            setPlayingTime(prev => ({
+              ...prev,
+              duration: currentTime
+            }));
+          });
+          const unsubscribeState = recorderService.addStateListener(state => {
+            switch (state) {
+              case 'recording':
+                setStatus('recording');
+                break;
+              case 'completed':
+                setStatus('recording_completed');
+                unsubscribeRecording();
+                unsubscribeState();
+                break;
+            }
+          });
+          if (SBUUtils.isExpo()) {
+            await recorderService.record();
+            if (recorderService.uri) {
+              setVoiceMessageRecordingPath({
+                recordFilePath: recorderService.uri,
+                uri: recorderService.uri
+              });
+            }
+          } else {
+            setVoiceMessageRecordingPath(fileService.createRecordFilePath(recorderService.options.extension));
+            await recorderService.record(getVoiceMessageRecordingPath().recordFilePath);
+          }
+        }
+      },
+      async stopRecording() {
+        if (matchesOneOf(status, ['recording'])) {
+          await recorderService.stop();
+        }
+      },
+      async playPlayer() {
+        const granted = await playerService.requestPermission();
+        if (!granted) {
+          alert({
+            title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+            message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
+            buttons: [{
+              text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+              onPress: () => SBUUtils.openSettings()
+            }]
+          });
+          Logger.error('Failed to request permission for player');
+          return;
+        }
+        if (matchesOneOf(status, ['recording_completed', 'playing_paused'])) {
+          const unsubscribePlayback = playerService.addPlaybackListener(_ref3 => {
+            let {
+              currentTime,
+              duration
+            } = _ref3;
+            setPlayingTime({
+              currentTime,
+              duration
+            });
+          });
+          const unsubscribeState = playerService.addStateListener(state => {
+            switch (state) {
+              case 'playing':
+                setStatus('playing');
+                break;
+              case 'paused':
+                {
+                  setStatus('playing_paused');
+                  unsubscribeState();
+                  unsubscribePlayback();
+                  break;
+                }
+              case 'stopped':
+                {
+                  setStatus('playing_paused');
+                  unsubscribeState();
+                  unsubscribePlayback();
+                  setPlayingTime(prev => ({
+                    ...prev,
+                    currentTime: 0
+                  }));
+                  break;
+                }
+            }
+          });
+          await playerService.play(getVoiceMessageRecordingPath().recordFilePath);
+        }
+      },
+      async pausePlayer() {
+        if (matchesOneOf(status, ['playing'])) {
+          await playerService.pause();
+        }
+      },
+      async send() {
+        if (matchesOneOf(status, ['recording', 'recording_completed', 'playing', 'playing_paused']) && recordingPath.current) {
+          const voiceFile = getVoiceMessageFileObject(recordingPath.current.uri, recorderService.options.extension);
+          onSend(voiceFile, Math.floor(recordingTime.currentTime));
+          await clear();
+        }
+      }
+    }
+  };
+};
+export default useVoiceMessageInput;
+//# sourceMappingURL=useVoiceMessageInput.js.map

package/lib/module/hooks/useVoiceMessageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","useAlert","Logger","getVoiceMessageFileObject","matchesOneOf","SBUUtils","useLocalization","usePlatformService","useVoiceMessageInput","_ref","onSend","onClose","alert","STRINGS","recorderService","playerService","fileService","status","setStatus","recordingTime","setRecordingTime","currentTime","minDuration","options","maxDuration","playingTime","setPlayingTime","duration","recordingPath","getVoiceMessageRecordingPath","current","Error","setVoiceMessageRecordingPath","path","clear","undefined","reset","state","actions","cancel","startRecording","granted","requestPermission","title","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_MICROPHONE","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","onPress","openSettings","error","unsubscribeRecording","addRecordingListener","_ref2","prev","unsubscribeState","addStateListener","isExpo","record","uri","recordFilePath","createRecordFilePath","extension","stopRecording","stop","playPlayer","PERMISSION_DEVICE_STORAGE","unsubscribePlayback","addPlaybackListener","_ref3","play","pausePlayer","pause","send","voiceFile","Math","floor"],"sources":["useVoiceMessageInput.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useAlert } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, getVoiceMessageFileObject, matchesOneOf } from '@sendbird/uikit-utils';\n\nimport SBUUtils from '../libs/SBUUtils';\nimport { FileType } from '../platform/types';\nimport { useLocalization, usePlatformService } from './useContext';\n\ntype State = {\n  /**\n   * Status\n   *\n   * idle:\n   *   - cancel(): idle\n   *   - startRecording(): recording\n   * recording:\n   *   - cancel(): idle\n   *   - stopRecording(): recording_completed\n   *   - send(): recording_completed > idle\n   * recording_completed:\n   *   - cancel(): idle\n   *   - playPlayer(): playing\n   *   - send(): idle\n   * playing:\n   *   - cancel(): idle\n   *   - pausePlayer(): playing_paused\n   *   - send(): idle\n   * playing_paused:\n   *   - cancel(): idle\n   *   - playPlayer(): playing\n   *   - send(): idle\n   * */\n  status: 'idle' | 'recording' | 'recording_completed' | 'playing' | 'playing_paused';\n  recordingTime: {\n    currentTime: number;\n    minDuration: number;\n    maxDuration: number;\n  };\n  playingTime: {\n    currentTime: number;\n    duration: number;\n  };\n};\n\nexport interface VoiceMessageInputResult {\n  actions: {\n    cancel: () => Promise<void>;\n    startRecording: () => Promise<void>;\n    stopRecording: () => Promise<void>;\n    playPlayer: () => Promise<void>;\n    pausePlayer: () => Promise<void>;\n    send: () => Promise<void>;\n  };\n  state: State;\n}\n\ntype Props = {\n  onClose: () => Promise<void>;\n  onSend: (voiceFile: FileType, duration: number) => void;\n};\n\nconst useVoiceMessageInput = ({ onSend, onClose }: Props): VoiceMessageInputResult => {\n  const { alert } = useAlert();\n  const { STRINGS } = useLocalization();\n  const { recorderService, playerService, fileService } = usePlatformService();\n  const [status, setStatus] = useState<State['status']>('idle');\n\n  const [recordingTime, setRecordingTime] = useState({\n    currentTime: 0,\n    minDuration: recorderService.options.minDuration,\n    maxDuration: recorderService.options.maxDuration,\n  });\n  const [playingTime, setPlayingTime] = useState({\n    currentTime: 0,\n    duration: 0,\n  });\n\n  const recordingPath = useRef<{ recordFilePath: string; uri: string }>();\n  const getVoiceMessageRecordingPath = () => {\n    if (!recordingPath.current) throw new Error('No recording path');\n    return recordingPath.current;\n  };\n  const setVoiceMessageRecordingPath = (path: { recordFilePath: string; uri: string }) => {\n    recordingPath.current = path;\n  };\n\n  const clear = async () => {\n    recordingPath.current = undefined;\n    await playerService.reset();\n    await recorderService.reset();\n    setRecordingTime({\n      currentTime: 0,\n      minDuration: recorderService.options.minDuration,\n      maxDuration: recorderService.options.maxDuration,\n    });\n    setPlayingTime({\n      currentTime: 0,\n      duration: 0,\n    });\n    setStatus('idle');\n  };\n\n  return {\n    state: {\n      status,\n      recordingTime,\n      playingTime,\n    },\n    actions: {\n      async cancel() {\n        await clear();\n      },\n      async startRecording() {\n        const granted = await recorderService.requestPermission();\n        if (!granted) {\n          await onClose();\n          alert({\n            title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n            message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n              STRINGS.LABELS.PERMISSION_MICROPHONE,\n              STRINGS.LABELS.PERMISSION_APP_NAME,\n            ),\n            buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n          });\n          Logger.error('Failed to request permission for recorder');\n          return;\n        }\n\n        if (matchesOneOf(status, ['idle'])) {\n          // Before start recording, if player is not idle, reset it.\n          if (playerService.state !== 'idle') {\n            await playerService.reset();\n          }\n\n          const unsubscribeRecording = recorderService.addRecordingListener(({ currentTime }) => {\n            setRecordingTime({\n              currentTime,\n              maxDuration: recorderService.options.maxDuration,\n              minDuration: recorderService.options.minDuration,\n            });\n            setPlayingTime((prev) => ({ ...prev, duration: currentTime }));\n          });\n\n          const unsubscribeState = recorderService.addStateListener((state) => {\n            switch (state) {\n              case 'recording':\n                setStatus('recording');\n                break;\n              case 'completed':\n                setStatus('recording_completed');\n                unsubscribeRecording();\n                unsubscribeState();\n                break;\n            }\n          });\n\n          if (SBUUtils.isExpo()) {\n            await recorderService.record();\n            if (recorderService.uri) {\n              setVoiceMessageRecordingPath({ recordFilePath: recorderService.uri, uri: recorderService.uri });\n            }\n          } else {\n            setVoiceMessageRecordingPath(fileService.createRecordFilePath(recorderService.options.extension));\n            await recorderService.record(getVoiceMessageRecordingPath().recordFilePath);\n          }\n        }\n      },\n      async stopRecording() {\n        if (matchesOneOf(status, ['recording'])) {\n          await recorderService.stop();\n        }\n      },\n      async playPlayer() {\n        const granted = await playerService.requestPermission();\n        if (!granted) {\n          alert({\n            title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n            message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n              STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n              STRINGS.LABELS.PERMISSION_APP_NAME,\n            ),\n            buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n          });\n          Logger.error('Failed to request permission for player');\n          return;\n        }\n\n        if (matchesOneOf(status, ['recording_completed', 'playing_paused'])) {\n          const unsubscribePlayback = playerService.addPlaybackListener(({ currentTime, duration }) => {\n            setPlayingTime({ currentTime, duration });\n          });\n\n          const unsubscribeState = playerService.addStateListener((state) => {\n            switch (state) {\n              case 'playing':\n                setStatus('playing');\n                break;\n              case 'paused': {\n                setStatus('playing_paused');\n                unsubscribeState();\n                unsubscribePlayback();\n                break;\n              }\n              case 'stopped': {\n                setStatus('playing_paused');\n                unsubscribeState();\n                unsubscribePlayback();\n                setPlayingTime((prev) => ({ ...prev, currentTime: 0 }));\n                break;\n              }\n            }\n          });\n\n          await playerService.play(getVoiceMessageRecordingPath().recordFilePath);\n        }\n      },\n      async pausePlayer() {\n        if (matchesOneOf(status, ['playing'])) {\n          await playerService.pause();\n        }\n      },\n      async send() {\n        if (\n          matchesOneOf(status, ['recording', 'recording_completed', 'playing', 'playing_paused']) &&\n          recordingPath.current\n        ) {\n          const voiceFile = getVoiceMessageFileObject(recordingPath.current.uri, recorderService.options.extension);\n          onSend(voiceFile, Math.floor(recordingTime.currentTime));\n          await clear();\n        }\n      },\n    },\n  };\n};\n\nexport default useVoiceMessageInput;\n"],"mappings":"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"}

package/lib/module/index.js

@@ -68,10 +68,14 @@ export { default as createNativeFileService } from './platform/createFileService
 export { default as createNativeClipboardService } from './platform/createClipboardService.native';
 export { default as createNativeNotificationService } from './platform/createNotificationService.native';
 export { default as createNativeMediaService } from './platform/createMediaService.native';
+export { default as createNativePlayerService } from './platform/createPlayerService.native';
+export { default as createNativeRecorderService } from './platform/createRecorderService.native';
 export { default as createExpoFileService } from './platform/createFileService.expo';
 export { default as createExpoClipboardService } from './platform/createClipboardService.expo';
 export { default as createExpoNotificationService } from './platform/createNotificationService.expo';
 export { default as createExpoMediaService } from './platform/createMediaService.expo';
+export { default as createExpoPlayerService } from './platform/createPlayerService.expo';
+export { default as createExpoRecorderService } from './platform/createRecorderService.expo';
 export * from './platform/types';
 
 /** Feature - shared **/