@sendbird/uikit-react-native 2.0.3 → 2.2.0

package/lib/module/fragments/createGroupChannelRegisterOperatorFragment.js

@@ -0,0 +1,94 @@
+import React, { useCallback } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
+import StatusComposition from '../components/StatusComposition';
+import UserSelectableBar from '../components/UserSelectableBar';
+import createUserListModule from '../domain/userList/module/createUserListModule';
+import { useLocalization, useSendbirdChat } from '../hooks/useContext';
+
+const createGroupChannelRegisterOperatorFragment = initModule => {
+  const UserListModule = createUserListModule(initModule);
+  return _ref => {
+    let {
+      channel,
+      onPressHeaderLeft,
+      sortComparator,
+      renderUser,
+      onPressHeaderRight
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = useSendbirdChat();
+    const {
+      STRINGS
+    } = useLocalization();
+    const {
+      users,
+      refreshing,
+      refresh,
+      next,
+      error,
+      loading
+    } = useUserList(sdk, {
+      queryCreator: () => channel.createMemberListQuery({
+        limit: 20
+      }),
+      sortComparator
+    });
+
+    const _renderUser = useCallback((user, selectedUsers, setSelectedUsers) => {
+      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+      const userIdx = selectedUsers.findIndex(u => u.userId === user.userId);
+      const isSelected = userIdx > -1;
+      const isOperator = user.role === 'operator';
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        activeOpacity: 0.7,
+        disabled: isOperator,
+        onPress: () => {
+          setSelectedUsers(_ref2 => {
+            let [...draft] = _ref2;
+            if (isSelected) draft.splice(userIdx, 1);else draft.push(user);
+            return draft;
+          });
+        }
+      }, /*#__PURE__*/React.createElement(UserSelectableBar, {
+        uri: user.profileUrl,
+        name: (user.nickname || STRINGS.LABELS.USER_NO_NAME) + (user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : ''),
+        selected: isOperator || isSelected,
+        disabled: isOperator
+      }));
+    }, [channel, renderUser]);
+
+    return /*#__PURE__*/React.createElement(UserListModule.Provider, {
+      headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({
+        selectedUsers
+      }),
+      headerTitle: STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE
+    }, /*#__PURE__*/React.createElement(UserListModule.Header, {
+      shouldActivateHeaderRight: selectedUsers => selectedUsers.length > 0,
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: async users => {
+        await channel.addOperators(users.map(it => it.userId));
+        onPressHeaderRight(channel);
+      }
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      error: Boolean(error),
+      LoadingComponent: /*#__PURE__*/React.createElement(UserListModule.StatusLoading, null),
+      ErrorComponent: /*#__PURE__*/React.createElement(UserListModule.StatusError, {
+        onPressRetry: () => refresh()
+      })
+    }, /*#__PURE__*/React.createElement(UserListModule.List, {
+      onLoadNext: next,
+      users: users,
+      renderUser: _renderUser,
+      onRefresh: refresh,
+      refreshing: refreshing,
+      ListEmptyComponent: /*#__PURE__*/React.createElement(UserListModule.StatusEmpty, null)
+    })));
+  };
+};
+
+export default createGroupChannelRegisterOperatorFragment;
+//# sourceMappingURL=createGroupChannelRegisterOperatorFragment.js.map

package/lib/module/fragments/createGroupChannelRegisterOperatorFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelRegisterOperatorFragment","initModule","UserListModule","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","sdk","currentUser","STRINGS","users","refreshing","refresh","next","error","loading","queryCreator","createMemberListQuery","limit","_renderUser","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","role","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","GROUP_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","HEADER_TITLE","length","addOperators","map","it","Boolean"],"sources":["createGroupChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelRegisterOperatorFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelRegisterOperatorFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, sortComparator, renderUser, onPressHeaderRight }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = user.role === 'operator';\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={user.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelRegisterOperatorFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelSettingsFragment.js

@@ -11,8 +11,10 @@ const createGroupChannelSettingsFragment = initModule => {
     let {
       onPressHeaderLeft = NOOP,
       channel,
+      onPressMenuModeration,
       onPressMenuMembers,
       onPressMenuLeaveChannel,
+      onPressMenuNotification,
       menuItemsCreator
     } = _ref;
     const {
@@ -36,8 +38,10 @@ const createGroupChannelSettingsFragment = initModule => {
       }
     }, /*#__PURE__*/React.createElement(GroupChannelSettingsModule.Info, null), /*#__PURE__*/React.createElement(GroupChannelSettingsModule.Menu, {
       menuItemsCreator: menuItemsCreator,
+      onPressMenuModeration: onPressMenuModeration,
       onPressMenuMembers: onPressMenuMembers,
-      onPressMenuLeaveChannel: onPressMenuLeaveChannel
+      onPressMenuLeaveChannel: onPressMenuLeaveChannel,
+      onPressMenuNotification: onPressMenuNotification
     })));
   };
 };

package/lib/module/fragments/createGroupChannelSettingsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","onPressHeaderLeft","channel","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","colors","left","right","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,gCAAP,MAA6C,wEAA7C;;AAGA,MAAMC,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAD,CAAnE;EAEA,OAAO,QAA0G;IAAA,IAAzG;MAAEE,iBAAiB,GAAGL,IAAtB;MAA4BM,OAA5B;MAAqCC,kBAArC;MAAyDC,uBAAzD;MAAkFC;IAAlF,CAAyG;IAC/G,MAAM;MAAEC;IAAF,IAAaX,aAAa,EAAhC;IACA,MAAM;MAAEY,IAAF;MAAQC;IAAR,IAAkBf,iBAAiB,EAAzC;IAEA,oBACE,oBAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAES;IAA9C,gBACE,oBAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAED;IAAtD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAEQ,eAAe,EAAEH,MAAM,CAACI;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEJ,IAAI,GAAGK,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEP,KAAK,GAAGI,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,oBAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAET,gBADpB;MAEE,kBAAkB,EAAEF,kBAFtB;MAGE,uBAAuB,EAAEC;IAH3B,EARF,CAFF,CADF;EAmBD,CAvBD;AAwBD,CA7BD;;AA+BA,MAAMQ,MAAM,GAAGlB,gBAAgB,CAAC;EAC9BmB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAehB,kCAAf"}
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","left","right","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,gCAAP,MAA6C,wEAA7C;;AAGA,MAAMC,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAD,CAAnE;EAEA,OAAO,QAQD;IAAA,IARE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,qBAHM;MAINC,kBAJM;MAKNC,uBALM;MAMNC,uBANM;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC;IAAF,IAAab,aAAa,EAAhC;IACA,MAAM;MAAEc,IAAF;MAAQC;IAAR,IAAkBjB,iBAAiB,EAAzC;IAEA,oBACE,oBAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAES;IAA9C,gBACE,oBAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAED;IAAtD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAEU,eAAe,EAAEH,MAAM,CAACI;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEJ,IAAI,GAAGK,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEP,KAAK,GAAGI,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,oBAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAET,gBADpB;MAEE,qBAAqB,EAAEJ,qBAFzB;MAGE,kBAAkB,EAAEC,kBAHtB;MAIE,uBAAuB,EAAEC,uBAJ3B;MAKE,uBAAuB,EAAEC;IAL3B,EARF,CAFF,CADF;EAqBD,CAjCD;AAkCD,CAvCD;;AAyCA,MAAMQ,MAAM,GAAGpB,gBAAgB,CAAC;EAC9BqB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAelB,kCAAf"}

package/lib/module/hooks/useConnection.js

@@ -7,6 +7,7 @@ const cacheRestrictCodes = [400300, 400301, 400302, 400310];
 const useConnection = () => {
   const {
     sdk,
+    emojiManager,
     setCurrentUser,
     features
   } = useSendbirdChat();
@@ -24,6 +25,10 @@ const useConnection = () => {
         await sdk.updateCurrentUserInfo({
           nickname: opts.nickname
         }).then(updatedUser => user = updatedUser).catch(e => Logger.warn('[useConnection]', 'nickname-sync failure', e));
+      } else if (features.useUserIdForNicknameEnabled) {
+        await sdk.updateCurrentUserInfo({
+          nickname: userId
+        }).then(updatedUser => user = updatedUser);
       }
 
       if (features.autoPushTokenRegistrationEnabled) {
@@ -35,6 +40,7 @@ const useConnection = () => {
 
       Logger.debug('[useConnection]', 'connected! (online)');
       setCurrentUser(user);
+      sdk.getAllEmoji().then(emojiManager.init);
       return user;
     } catch (e) {
       const error = e;
@@ -47,6 +53,7 @@ const useConnection = () => {
         } else if (sdk.currentUser) {
           Logger.debug('[useConnection]', 'connected! (offline)');
           setCurrentUser(sdk.currentUser);
+          sdk.getAllEmoji().finally(emojiManager.init);
           return sdk.currentUser;
         }
       }

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","Logger","useSendbirdChat","usePushTokenRegistration","cacheRestrictCodes","useConnection","sdk","setCurrentUser","features","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","connect","userId","opts","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","autoPushTokenRegistrationEnabled","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, setCurrentUser, features } = 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        }\n\n        if (features.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        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 (cacheRestrictCodes.some((code) => error.code === code)) {\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            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, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.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, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","Logger","useSendbirdChat","usePushTokenRegistration","cacheRestrictCodes","useConnection","sdk","emojiManager","setCurrentUser","features","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","connect","userId","opts","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","getAllEmoji","init","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","finally","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, emojiManager, setCurrentUser, features } = 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 (features.useUserIdForNicknameEnabled) {\n          await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));\n        }\n\n        if (features.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        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n        sdk.getAllEmoji().then(emojiManager.init);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (cacheRestrictCodes.some((code) => error.code === code)) {\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            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            sdk.getAllEmoji().finally(emojiManager.init);\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, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.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, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}

package/lib/module/hooks/useContext.js

@@ -1,7 +1,9 @@
 import { useContext } from 'react';
-import { LocalizationContext } from '../contexts/Localization';
-import { PlatformServiceContext } from '../contexts/PlatformService';
-import { SendbirdChatContext } from '../contexts/SendbirdChat';
+import { LocalizationContext } from '../contexts/LocalizationCtx';
+import { PlatformServiceContext } from '../contexts/PlatformServiceCtx';
+import { ReactionContext } from '../contexts/ReactionCtx';
+import { SendbirdChatContext } from '../contexts/SendbirdChatCtx';
+import { UserProfileContext } from '../contexts/UserProfileCtx';
 export const useLocalization = () => {
   const value = useContext(LocalizationContext);
   if (!value) throw new Error('LocalizationContext is not provided');
@@ -17,4 +19,14 @@ export const useSendbirdChat = () => {
   if (!value) throw new Error('SendbirdChatContext is not provided');
   return value;
 };
+export const useUserProfile = () => {
+  const value = useContext(UserProfileContext);
+  if (!value) throw new Error('UserProfileContext is not provided');
+  return value;
+};
+export const useReaction = () => {
+  const value = useContext(ReactionContext);
+  if (!value) throw new Error('ReactionContext is not provided');
+  return value;
+};
 //# sourceMappingURL=useContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","LocalizationContext","PlatformServiceContext","SendbirdChatContext","useLocalization","value","Error","usePlatformService","useSendbirdChat"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/Localization';\nimport { PlatformServiceContext } from '../contexts/PlatformService';\nimport { SendbirdChatContext } from '../contexts/SendbirdChat';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,mBAAT,QAAoC,0BAApC;AACA,SAASC,sBAAT,QAAuC,6BAAvC;AACA,SAASC,mBAAT,QAAoC,0BAApC;AAEA,OAAO,MAAMC,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAGL,UAAU,CAACC,mBAAD,CAAxB;EACA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAME,kBAAkB,GAAG,MAAM;EACtC,MAAMF,KAAK,GAAGL,UAAU,CAACE,sBAAD,CAAxB;EACA,IAAI,CAACG,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMG,eAAe,GAAG,MAAM;EACnC,MAAMH,KAAK,GAAGL,UAAU,CAACG,mBAAD,CAAxB;EACA,IAAI,CAACE,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM"}
+{"version":3,"names":["useContext","LocalizationContext","PlatformServiceContext","ReactionContext","SendbirdChatContext","UserProfileContext","useLocalization","value","Error","usePlatformService","useSendbirdChat","useUserProfile","useReaction"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { PlatformServiceContext } from '../contexts/PlatformServiceCtx';\nimport { ReactionContext } from '../contexts/ReactionCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { UserProfileContext } from '../contexts/UserProfileCtx';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n\nexport const useUserProfile = () => {\n  const value = useContext(UserProfileContext);\n  if (!value) throw new Error('UserProfileContext is not provided');\n  return value;\n};\n\nexport const useReaction = () => {\n  const value = useContext(ReactionContext);\n  if (!value) throw new Error('ReactionContext is not provided');\n  return value;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,mBAAT,QAAoC,6BAApC;AACA,SAASC,sBAAT,QAAuC,gCAAvC;AACA,SAASC,eAAT,QAAgC,yBAAhC;AACA,SAASC,mBAAT,QAAoC,6BAApC;AACA,SAASC,kBAAT,QAAmC,4BAAnC;AAEA,OAAO,MAAMC,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAGP,UAAU,CAACC,mBAAD,CAAxB;EACA,IAAI,CAACM,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAME,kBAAkB,GAAG,MAAM;EACtC,MAAMF,KAAK,GAAGP,UAAU,CAACE,sBAAD,CAAxB;EACA,IAAI,CAACK,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMG,eAAe,GAAG,MAAM;EACnC,MAAMH,KAAK,GAAGP,UAAU,CAACI,mBAAD,CAAxB;EACA,IAAI,CAACG,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMI,cAAc,GAAG,MAAM;EAClC,MAAMJ,KAAK,GAAGP,UAAU,CAACK,kBAAD,CAAxB;EACA,IAAI,CAACE,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,oCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMK,WAAW,GAAG,MAAM;EAC/B,MAAML,KAAK,GAAGP,UAAU,CAACG,eAAD,CAAxB;EACA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,iCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM"}

package/lib/module/hooks/useKeyboardStatus.js

@@ -0,0 +1,75 @@
+import { useEffect, useState } from 'react';
+import { Keyboard, LayoutAnimation, Platform } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { NOOP } from '@sendbird/uikit-utils';
+
+const configureNextLayoutAnimation = event => {
+  const config = LayoutAnimation.create(event.duration, event.easing);
+  LayoutAnimation.configureNext(config);
+};
+
+const {
+  showEvent,
+  hideEvent
+} = Platform.select({
+  android: {
+    showEvent: 'keyboardDidShow',
+    hideEvent: 'keyboardDidHide'
+  },
+  default: {
+    showEvent: 'keyboardWillShow',
+    hideEvent: 'keyboardWillHide'
+  }
+});
+
+const useKeyboardStatus = () => {
+  const [keyboardStatus, setKeyboardStatus] = useState({
+    visible: false,
+    height: 0,
+    bottomSpace: 0
+  });
+  const {
+    bottom: bottomInset
+  } = useSafeAreaInsets();
+  useEffect(() => {
+    const subscriptions = [Keyboard.addListener(showEvent, event => {
+      const height = event.endCoordinates.height;
+      const bottomSpace = Platform.select({
+        ios: height - bottomInset,
+        default: 0
+      });
+      const nextLayoutAnimation = Platform.select({
+        ios: configureNextLayoutAnimation,
+        default: NOOP
+      });
+      nextLayoutAnimation(event);
+      setKeyboardStatus({
+        visible: true,
+        height,
+        bottomSpace
+      });
+    }), Keyboard.addListener(hideEvent, event => {
+      const height = 0;
+      const bottomSpace = Platform.select({
+        default: height
+      });
+      const nextLayoutAnimation = Platform.select({
+        ios: configureNextLayoutAnimation,
+        default: NOOP
+      });
+      nextLayoutAnimation(event);
+      setKeyboardStatus({
+        visible: false,
+        height,
+        bottomSpace
+      });
+    })];
+    return () => {
+      subscriptions.forEach(it => it.remove());
+    };
+  }, []);
+  return keyboardStatus;
+};
+
+export default useKeyboardStatus;
+//# sourceMappingURL=useKeyboardStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Keyboard","LayoutAnimation","Platform","useSafeAreaInsets","NOOP","configureNextLayoutAnimation","event","config","create","duration","easing","configureNext","showEvent","hideEvent","select","android","default","useKeyboardStatus","keyboardStatus","setKeyboardStatus","visible","height","bottomSpace","bottom","bottomInset","subscriptions","addListener","endCoordinates","ios","nextLayoutAnimation","forEach","it","remove"],"sources":["useKeyboardStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Keyboard, KeyboardEvent, KeyboardEventName, LayoutAnimation, Platform } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\ntype KeyboardEvents = {\n  showEvent: KeyboardEventName;\n  hideEvent: KeyboardEventName;\n};\n\nconst configureNextLayoutAnimation = (event: KeyboardEvent) => {\n  const config = LayoutAnimation.create(event.duration, event.easing);\n  LayoutAnimation.configureNext(config);\n};\n\nconst { showEvent, hideEvent } = Platform.select<KeyboardEvents>({\n  android: { showEvent: 'keyboardDidShow', hideEvent: 'keyboardDidHide' },\n  default: { showEvent: 'keyboardWillShow', hideEvent: 'keyboardWillHide' },\n});\n\nconst useKeyboardStatus = () => {\n  const [keyboardStatus, setKeyboardStatus] = useState({ visible: false, height: 0, bottomSpace: 0 });\n  const { bottom: bottomInset } = useSafeAreaInsets();\n\n  useEffect(() => {\n    const subscriptions = [\n      Keyboard.addListener(showEvent, (event) => {\n        const height = event.endCoordinates.height;\n        const bottomSpace = Platform.select({ ios: height - bottomInset, default: 0 });\n        const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });\n\n        nextLayoutAnimation(event);\n        setKeyboardStatus({ visible: true, height, bottomSpace });\n      }),\n\n      Keyboard.addListener(hideEvent, (event) => {\n        const height = 0;\n        const bottomSpace = Platform.select({ default: height });\n        const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });\n\n        nextLayoutAnimation(event);\n        setKeyboardStatus({ visible: false, height, bottomSpace });\n      }),\n    ];\n    return () => {\n      subscriptions.forEach((it) => it.remove());\n    };\n  }, []);\n\n  return keyboardStatus;\n};\n\nexport default useKeyboardStatus;\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,SAASC,QAAT,EAAqDC,eAArD,EAAsEC,QAAtE,QAAsF,cAAtF;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,IAAT,QAAqB,uBAArB;;AAOA,MAAMC,4BAA4B,GAAIC,KAAD,IAA0B;EAC7D,MAAMC,MAAM,GAAGN,eAAe,CAACO,MAAhB,CAAuBF,KAAK,CAACG,QAA7B,EAAuCH,KAAK,CAACI,MAA7C,CAAf;EACAT,eAAe,CAACU,aAAhB,CAA8BJ,MAA9B;AACD,CAHD;;AAKA,MAAM;EAAEK,SAAF;EAAaC;AAAb,IAA2BX,QAAQ,CAACY,MAAT,CAAgC;EAC/DC,OAAO,EAAE;IAAEH,SAAS,EAAE,iBAAb;IAAgCC,SAAS,EAAE;EAA3C,CADsD;EAE/DG,OAAO,EAAE;IAAEJ,SAAS,EAAE,kBAAb;IAAiCC,SAAS,EAAE;EAA5C;AAFsD,CAAhC,CAAjC;;AAKA,MAAMI,iBAAiB,GAAG,MAAM;EAC9B,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsCpB,QAAQ,CAAC;IAAEqB,OAAO,EAAE,KAAX;IAAkBC,MAAM,EAAE,CAA1B;IAA6BC,WAAW,EAAE;EAA1C,CAAD,CAApD;EACA,MAAM;IAAEC,MAAM,EAAEC;EAAV,IAA0BrB,iBAAiB,EAAjD;EAEAL,SAAS,CAAC,MAAM;IACd,MAAM2B,aAAa,GAAG,CACpBzB,QAAQ,CAAC0B,WAAT,CAAqBd,SAArB,EAAiCN,KAAD,IAAW;MACzC,MAAMe,MAAM,GAAGf,KAAK,CAACqB,cAAN,CAAqBN,MAApC;MACA,MAAMC,WAAW,GAAGpB,QAAQ,CAACY,MAAT,CAAgB;QAAEc,GAAG,EAAEP,MAAM,GAAGG,WAAhB;QAA6BR,OAAO,EAAE;MAAtC,CAAhB,CAApB;MACA,MAAMa,mBAAmB,GAAG3B,QAAQ,CAACY,MAAT,CAAgB;QAAEc,GAAG,EAAEvB,4BAAP;QAAqCW,OAAO,EAAEZ;MAA9C,CAAhB,CAA5B;MAEAyB,mBAAmB,CAACvB,KAAD,CAAnB;MACAa,iBAAiB,CAAC;QAAEC,OAAO,EAAE,IAAX;QAAiBC,MAAjB;QAAyBC;MAAzB,CAAD,CAAjB;IACD,CAPD,CADoB,EAUpBtB,QAAQ,CAAC0B,WAAT,CAAqBb,SAArB,EAAiCP,KAAD,IAAW;MACzC,MAAMe,MAAM,GAAG,CAAf;MACA,MAAMC,WAAW,GAAGpB,QAAQ,CAACY,MAAT,CAAgB;QAAEE,OAAO,EAAEK;MAAX,CAAhB,CAApB;MACA,MAAMQ,mBAAmB,GAAG3B,QAAQ,CAACY,MAAT,CAAgB;QAAEc,GAAG,EAAEvB,4BAAP;QAAqCW,OAAO,EAAEZ;MAA9C,CAAhB,CAA5B;MAEAyB,mBAAmB,CAACvB,KAAD,CAAnB;MACAa,iBAAiB,CAAC;QAAEC,OAAO,EAAE,KAAX;QAAkBC,MAAlB;QAA0BC;MAA1B,CAAD,CAAjB;IACD,CAPD,CAVoB,CAAtB;IAmBA,OAAO,MAAM;MACXG,aAAa,CAACK,OAAd,CAAuBC,EAAD,IAAQA,EAAE,CAACC,MAAH,EAA9B;IACD,CAFD;EAGD,CAvBQ,EAuBN,EAvBM,CAAT;EAyBA,OAAOd,cAAP;AACD,CA9BD;;AAgCA,eAAeD,iBAAf"}

package/lib/module/hooks/useMentionSuggestion.js

@@ -0,0 +1,100 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useAsyncEffect } from '@sendbird/uikit-utils';
+import { useSendbirdChat } from '../hooks/useContext';
+
+const useMentionSuggestion = params => {
+  const {
+    text,
+    selection,
+    channel,
+    mentionedUsers
+  } = params;
+  const [freshChannel, setFreshChannel] = useState(channel);
+  useAsyncEffect(async () => {
+    setFreshChannel(await channel.refresh());
+  }, [channel.url]);
+  const {
+    mentionManager,
+    currentUser
+  } = useSendbirdChat();
+  const [members, setMembers] = useState([]);
+  const timeoutRef = useRef();
+  const searchStringRangeRef = useRef({
+    start: 0,
+    end: 0
+  });
+  const searchLimitedRef = useRef(false);
+
+  const updateSearchStringRange = (selectionIndex, searchString) => {
+    searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);
+    return searchStringRangeRef.current;
+  };
+
+  const updateSearchLimited = (mentionCount, mentionLimit) => {
+    searchLimitedRef.current = mentionCount >= mentionLimit;
+    return searchLimitedRef.current;
+  };
+
+  const resetRefs = () => {
+    searchLimitedRef.current = false;
+    searchStringRangeRef.current = {
+      start: 0,
+      end: 0
+    };
+  };
+
+  const fetchMembers = async () => {
+    resetRefs();
+    const selectionRanged = selection.start !== selection.end;
+    if (selectionRanged) return [];
+    const selectionContainsMentionedUser = mentionedUsers.some(it => mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'));
+    if (selectionContainsMentionedUser) return [];
+    const {
+      isTriggered,
+      isValidSearchString,
+      searchString
+    } = mentionManager.getSearchString(text, selection.start);
+    if (!isTriggered() || !isValidSearchString()) return [];
+    const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);
+    if (limited) return [];
+    updateSearchStringRange(selection.start, searchString);
+
+    if (freshChannel.isSuper) {
+      return freshChannel.createMemberListQuery({
+        nicknameStartsWithFilter: searchString,
+        limit: mentionManager.config.suggestionLimit + 1
+      }).next().then(members => members.filter(member => member.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)));
+    } else {
+      return freshChannel.members.sort((a, b) => {
+        var _a$nickname;
+
+        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);
+      }).slice(0, mentionManager.config.suggestionLimit);
+    }
+  };
+
+  useEffect(() => {
+    timeoutRef.current = setTimeout(async () => {
+      fetchMembers().then(setMembers).catch(() => setMembers([])).finally(() => timeoutRef.current = undefined);
+    }, mentionManager.config.debounceMills);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+      }
+    };
+  }, [text, selection]);
+  return {
+    members,
+    reset: useCallback(() => setMembers([]), []),
+    searchStringRange: searchStringRangeRef.current,
+    searchLimited: searchLimitedRef.current
+  };
+};
+
+export default useMentionSuggestion;
+//# sourceMappingURL=useMentionSuggestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useAsyncEffect","useSendbirdChat","useMentionSuggestion","params","text","selection","channel","mentionedUsers","freshChannel","setFreshChannel","refresh","url","mentionManager","currentUser","members","setMembers","timeoutRef","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","sort","a","b","nickname","localeCompare","toLowerCase","startsWith","slice","setTimeout","catch","finally","undefined","debounceMills","clearTimeout","reset","searchStringRange","searchLimited"],"sources":["useMentionSuggestion.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\nimport { useAsyncEffect } 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  channel: SendbirdGroupChannel;\n  mentionedUsers: { user: SendbirdUser; range: Range }[];\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 { mentionManager, currentUser } = useSendbirdChat();\n  const [members, setMembers] = useState<SendbirdMember[]>([]);\n  const timeoutRef = useRef<NodeJS.Timeout>();\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    } 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  useEffect(() => {\n    timeoutRef.current = setTimeout(async () => {\n      fetchMembers()\n        .then(setMembers)\n        .catch(() => setMembers([]))\n        .finally(() => (timeoutRef.current = undefined));\n    }, mentionManager.config.debounceMills);\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = undefined;\n      }\n    };\n  }, [text, selection]);\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/useMentionTextInput.js

@@ -0,0 +1,128 @@
+import { useEffect, useRef, useState } from 'react';
+import { Platform } from 'react-native';
+import { replace, useFreshCallback } from '@sendbird/uikit-utils';
+import { useSendbirdChat } from './useContext';
+
+const useMentionTextInput = params => {
+  const {
+    mentionManager
+  } = useSendbirdChat();
+  const mentionedUsersRef = useRef([]);
+  const textInputRef = useRef();
+  const [text, setText] = useState('');
+  const [selection, setSelection] = useState({
+    start: 0,
+    end: 0
+  }); // TODO: Refactor text edit logic more clearly
+
+  useEffect(() => {
+    if (mentionManager.shouldUseMentionedMessageTemplate(params.messageToEdit)) {
+      const result = mentionManager.templateToTextAndMentionedUsers(params.messageToEdit.mentionedMessageTemplate, params.messageToEdit.mentionedUsers);
+      mentionedUsersRef.current = result.mentionedUsers;
+      setText(result.mentionedText);
+    } else {
+      var _params$messageToEdit;
+
+      mentionedUsersRef.current = [];
+
+      if ((_params$messageToEdit = params.messageToEdit) !== null && _params$messageToEdit !== void 0 && _params$messageToEdit.isUserMessage()) {
+        setText(params.messageToEdit.message);
+      }
+    }
+  }, [params.messageToEdit]);
+  const onChangeText = useFreshCallback((_nextText, addedMentionedUser) => {
+    const prevText = text;
+    let nextText = _nextText;
+    let offset = nextText.length - prevText.length; // Text clear
+
+    if (nextText === '') {
+      mentionedUsersRef.current = [];
+    } // Text add
+    else if (offset > 0) {
+      /** Add mentioned user **/
+      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);
+      /** Reconcile mentioned users range on the right side of the selection **/
+
+      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, selection.end, mentionedUsersRef.current);
+    } // Text remove
+    else if (offset < 0) {
+      // Ranged remove
+      if (selection.start !== selection.end) {
+        /** Filter mentioned users in selection range **/
+        const {
+          filtered,
+          lastSelection
+        } = mentionManager.removeMentionedUsersInSelection(selection, mentionedUsersRef.current);
+        /** Reconcile mentioned users range on the right side of the selection **/
+
+        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, Math.max(selection.end, lastSelection), filtered);
+      } // Single remove
+      else {
+        /** Find mentioned user who ranges in removed selection **/
+        const foundIndex = mentionedUsersRef.current.findIndex(it => mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'));
+        /** If found, remove from the mentioned user list and remove remainder text **/
+
+        if (foundIndex > -1) {
+          const it = mentionedUsersRef.current[foundIndex];
+          const remainderLength = it.range.end - it.range.start + offset;
+          offset = -remainderLength + offset;
+          nextText = replace(nextText, it.range.start, it.range.start + remainderLength, '');
+          mentionedUsersRef.current.splice(foundIndex, 1);
+        }
+        /** Reconcile mentioned users range on the right side of the selection **/
+
+
+        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, selection.end, mentionedUsersRef.current);
+      }
+    }
+
+    setText(nextText);
+  });
+  return {
+    textInputRef,
+    selection,
+    onSelectionChange: useFreshCallback(e => {
+      const nativeSelection = { ...e.nativeEvent.selection
+      }; // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.
+
+      setTimeout(() => {
+        const mentionedUser = mentionedUsersRef.current.find(it => mentionManager.rangeHelpers.overlaps(it.range, nativeSelection)); // Selection should be blocked if changed into mentioned area
+
+        if (mentionedUser) {
+          var _textInputRef$current;
+
+          const selectionBlock = {
+            start: mentionedUser.range.start,
+            end: mentionedUser.range.end
+          };
+          (_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 ? void 0 : _textInputRef$current.setNativeProps({
+            selection: selectionBlock
+          }); // BUG: setNativeProps called again when invoked onChangeText
+          //  https://github.com/facebook/react-native/issues/33520
+
+          if (Platform.OS === 'android') {
+            setTimeout(() => {
+              var _textInputRef$current2;
+
+              (_textInputRef$current2 = textInputRef.current) === null || _textInputRef$current2 === void 0 ? void 0 : _textInputRef$current2.setNativeProps({
+                selection: {
+                  start: 0
+                }
+              });
+            }, 250);
+          }
+
+          setSelection(selectionBlock);
+        } else {
+          setSelection(nativeSelection);
+        }
+      }, 10);
+    }),
+    text,
+    onChangeText,
+    mentionedUsers: mentionedUsersRef.current
+  };
+};
+
+export default useMentionTextInput;
+//# sourceMappingURL=useMentionTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Platform","replace","useFreshCallback","useSendbirdChat","useMentionTextInput","params","mentionManager","mentionedUsersRef","textInputRef","text","setText","selection","setSelection","start","end","shouldUseMentionedMessageTemplate","messageToEdit","result","templateToTextAndMentionedUsers","mentionedMessageTemplate","mentionedUsers","current","mentionedText","isUserMessage","message","onChangeText","_nextText","addedMentionedUser","prevText","nextText","offset","length","push","reconcileRangeOfMentionedUsers","filtered","lastSelection","removeMentionedUsersInSelection","Math","max","foundIndex","findIndex","it","rangeHelpers","overlaps","range","remainderLength","splice","onSelectionChange","e","nativeSelection","nativeEvent","setTimeout","mentionedUser","find","selectionBlock","setNativeProps","OS"],"sources":["useMentionTextInput.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { NativeSyntheticEvent, TextInput, TextInputSelectionChangeEventData } from 'react-native';\nimport { Platform } from 'react-native';\n\nimport { SendbirdFileMessage, SendbirdUserMessage, replace, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { MentionedUser } from '../types';\nimport { useSendbirdChat } from './useContext';\n\nconst useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | SendbirdFileMessage }) => {\n  const { mentionManager } = useSendbirdChat();\n\n  const mentionedUsersRef = useRef<MentionedUser[]>([]);\n  const textInputRef = useRef<TextInput>();\n\n  const [text, setText] = useState('');\n  const [selection, setSelection] = useState({ start: 0, end: 0 });\n\n  // TODO: Refactor text edit logic more clearly\n  useEffect(() => {\n    if (mentionManager.shouldUseMentionedMessageTemplate(params.messageToEdit)) {\n      const result = mentionManager.templateToTextAndMentionedUsers(\n        params.messageToEdit.mentionedMessageTemplate,\n        params.messageToEdit.mentionedUsers,\n      );\n\n      mentionedUsersRef.current = result.mentionedUsers;\n      setText(result.mentionedText);\n    } else {\n      mentionedUsersRef.current = [];\n      if (params.messageToEdit?.isUserMessage()) {\n        setText(params.messageToEdit.message);\n      }\n    }\n  }, [params.messageToEdit]);\n\n  const onChangeText = useFreshCallback((_nextText: string, addedMentionedUser?: MentionedUser) => {\n    const prevText = text;\n    let nextText = _nextText;\n    let offset = nextText.length - prevText.length;\n\n    // Text clear\n    if (nextText === '') {\n      mentionedUsersRef.current = [];\n    }\n    // Text add\n    else if (offset > 0) {\n      /** Add mentioned user **/\n      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);\n\n      /** Reconcile mentioned users range on the right side of the selection **/\n      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n        offset,\n        selection.end,\n        mentionedUsersRef.current,\n      );\n    }\n    // Text remove\n    else if (offset < 0) {\n      // Ranged remove\n      if (selection.start !== selection.end) {\n        /** Filter mentioned users in selection range **/\n        const { filtered, lastSelection } = mentionManager.removeMentionedUsersInSelection(\n          selection,\n          mentionedUsersRef.current,\n        );\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          Math.max(selection.end, lastSelection),\n          filtered,\n        );\n      }\n      // Single remove\n      else {\n        /** Find mentioned user who ranges in removed selection **/\n        const foundIndex = mentionedUsersRef.current.findIndex((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n        );\n        /** If found, remove from the mentioned user list and remove remainder text **/\n        if (foundIndex > -1) {\n          const it = mentionedUsersRef.current[foundIndex];\n          const remainderLength = it.range.end - it.range.start + offset;\n\n          offset = -remainderLength + offset;\n          nextText = replace(nextText, it.range.start, it.range.start + remainderLength, '');\n\n          mentionedUsersRef.current.splice(foundIndex, 1);\n        }\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          selection.end,\n          mentionedUsersRef.current,\n        );\n      }\n    }\n\n    setText(nextText);\n  });\n\n  return {\n    textInputRef,\n    selection,\n    onSelectionChange: useFreshCallback((e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => {\n      const nativeSelection = { ...e.nativeEvent.selection };\n\n      // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.\n      setTimeout(() => {\n        const mentionedUser = mentionedUsersRef.current.find((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, nativeSelection),\n        );\n\n        // Selection should be blocked if changed into mentioned area\n        if (mentionedUser) {\n          const selectionBlock = { start: mentionedUser.range.start, end: mentionedUser.range.end };\n          textInputRef.current?.setNativeProps({ selection: selectionBlock });\n          // BUG: setNativeProps called again when invoked onChangeText\n          //  https://github.com/facebook/react-native/issues/33520\n          if (Platform.OS === 'android') {\n            setTimeout(() => {\n              textInputRef.current?.setNativeProps({ selection: { start: 0 } });\n            }, 250);\n          }\n          setSelection(selectionBlock);\n        } else {\n          setSelection(nativeSelection);\n        }\n      }, 10);\n    }),\n    text,\n    onChangeText,\n    mentionedUsers: mentionedUsersRef.current,\n  };\n};\n\nexport default useMentionTextInput;\n"],"mappings":"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"}