@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

package/lib/module/fragments/createOpenChannelParticipantsFragment.js

@@ -7,16 +7,18 @@ import UserActionBar from '../components/UserActionBar';
 import { UNKNOWN_USER_ID } from '../constants';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-
 const RETURN_EMPTY_STRING = () => '';
-
 const createOpenChannelParticipantsFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
   return _ref => {
     let {
       channel,
       onPressHeaderLeft,
-      renderUser
+      renderUser,
+      sortComparator,
+      queryCreator = () => channel.createParticipantListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');
     const refreshSchedule = useRef();
@@ -42,43 +44,36 @@ const createOpenChannelParticipantsFragment = initModule => {
       upsertUser,
       deleteUser
     } = useUserList(sdk, {
-      queryCreator: () => channel.createParticipantListQuery({
-        limit: 20
-      })
+      queryCreator,
+      sortComparator
     });
     useChannelHandler(sdk, handlerId, {
       onUserExited(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
-
       onUserBanned(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
-
       onOperatorUpdated(eventChannel) {
         if (isDifferentChannel(eventChannel, channel)) return;
         if (refreshSchedule.current) clearTimeout(refreshSchedule.current);
         refreshSchedule.current = setTimeout(() => refresh(), 500);
       },
-
       onUserMuted(eventChannel, user) {
-        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return; // @ts-ignore - SDK should migrate User to Participant
-
+        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
+        // @ts-ignore - SDK should migrate User to Participant
         user.isMuted = true;
         upsertUser(user);
       },
-
       onUserUnmuted(eventChannel, user) {
-        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return; // @ts-ignore - SDK should migrate User to Participant
-
+        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
+        // @ts-ignore - SDK should migrate User to Participant
         user.isMuted = false;
         upsertUser(user);
       }
-
     }, 'open');
-
     const _renderUser = useFreshCallback((user, selectedUsers, setSelectedUsers) => {
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
       const isUserMuted = user.isMuted;
@@ -113,7 +108,6 @@ const createOpenChannelParticipantsFragment = initModule => {
         onPressAvatar: () => show(user)
       });
     });
-
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
       headerRight: RETURN_EMPTY_STRING,
       headerTitle: STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE
@@ -135,6 +129,5 @@ const createOpenChannelParticipantsFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelParticipantsFragment;
 //# sourceMappingURL=createOpenChannelParticipantsFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useChannelHandler","useUserList","useActionMenu","ASYNC_NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createOpenChannelParticipantsFragment","initModule","UserListModule","channel","onPressHeaderLeft","renderUser","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","queryCreator","createParticipantListQuery","limit","onUserExited","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","profileUrl","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","Boolean"],"sources":["createOpenChannelParticipantsFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment<SendbirdParticipant> => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({ channel, onPressHeaderLeft, renderUser }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\n\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator: () => channel.createParticipantListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserExited(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n          refreshSchedule.current = setTimeout(() => refresh(), 500);\n        },\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\n              ),\n            });\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useChannelHandler","useUserList","useActionMenu","ASYNC_NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createOpenChannelParticipantsFragment","initModule","UserListModule","_ref","channel","onPressHeaderLeft","renderUser","sortComparator","queryCreator","createParticipantListQuery","limit","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserExited","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelParticipantsFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\n\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserExited(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n          refreshSchedule.current = setTimeout(() => refresh(), 500);\n        },\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\n              ),\n            });\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelRegisterOperatorFragment.js

@@ -5,7 +5,6 @@ import StatusComposition from '../components/StatusComposition';
 import UserSelectableBar from '../components/UserSelectableBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelRegisterOperatorFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
   return _ref => {
@@ -14,7 +13,10 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
       onPressHeaderLeft,
       sortComparator,
       renderUser,
-      onPressHeaderRight
+      onPressHeaderRight,
+      queryCreator = () => channel.createParticipantListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       sdk,
@@ -31,14 +33,9 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
       error,
       loading
     } = useUserList(sdk, {
-      queryCreator: () => {
-        return channel.createParticipantListQuery({
-          limit: 20
-        });
-      },
+      queryCreator,
       sortComparator
     });
-
     const _renderUser = useCallback((user, selectedUsers, setSelectedUsers) => {
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
       const userIdx = selectedUsers.findIndex(u => u.userId === user.userId);
@@ -61,7 +58,6 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
         disabled: isOperator
       }));
     }, [channel, renderUser]);
-
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({
         selectedUsers
@@ -91,6 +87,5 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelRegisterOperatorFragment;
 //# sourceMappingURL=createOpenChannelRegisterOperatorFragment.js.map

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

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

package/lib/module/fragments/createOpenChannelSettingsFragment.js

@@ -4,7 +4,6 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { NOOP } from '@sendbird/uikit-utils';
 import { createOpenChannelSettingsModule } from '../domain/openChannelSettings';
-
 const createOpenChannelSettingsFragment = initModule => {
   const OpenChannelSettingsModule = createOpenChannelSettingsModule(initModule);
   return _ref => {
@@ -45,7 +44,6 @@ const createOpenChannelSettingsFragment = initModule => {
     })));
   };
 };
-
 const styles = createStyleSheet({
   viewContainer: {
     paddingHorizontal: 16

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createOpenChannelSettingsModule","createOpenChannelSettingsFragment","initModule","OpenChannelSettingsModule","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuParticipants","onPressMenuDeleteChannel","onNavigateToOpenChannel","menuItemsCreator","colors","left","right","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createOpenChannelSettingsFragment.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 { createOpenChannelSettingsModule } from '../domain/openChannelSettings';\nimport type { OpenChannelSettingsFragment, OpenChannelSettingsModule } from '../domain/openChannelSettings/types';\n\nconst createOpenChannelSettingsFragment = (\n  initModule?: Partial<OpenChannelSettingsModule>,\n): OpenChannelSettingsFragment => {\n  const OpenChannelSettingsModule = createOpenChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuParticipants,\n    onPressMenuDeleteChannel,\n    onNavigateToOpenChannel,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <OpenChannelSettingsModule.Provider channel={channel} onNavigateToOpenChannel={onNavigateToOpenChannel}>\n        <OpenChannelSettingsModule.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          <OpenChannelSettingsModule.Info />\n          <OpenChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuParticipants={onPressMenuParticipants}\n            onPressMenuDeleteChannel={onPressMenuDeleteChannel}\n          />\n        </ScrollView>\n      </OpenChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelSettingsFragment;\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,SAASC,+BAAT,QAAgD,+BAAhD;;AAGA,MAAMC,iCAAiC,GACrCC,UADwC,IAER;EAChC,MAAMC,yBAAyB,GAAGH,+BAA+B,CAACE,UAAD,CAAjE;EAEA,OAAO,QAQD;IAAA,IARE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,qBAHM;MAINC,uBAJM;MAKNC,wBALM;MAMNC,uBANM;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC;IAAF,IAAab,aAAa,EAAhC;IACA,MAAM;MAAEc,IAAF;MAAQC;IAAR,IAAkBjB,iBAAiB,EAAzC;IAEA,oBACE,oBAAC,yBAAD,CAA2B,QAA3B;MAAoC,OAAO,EAAES,OAA7C;MAAsD,uBAAuB,EAAEI;IAA/E,gBACE,oBAAC,yBAAD,CAA2B,MAA3B;MAAkC,iBAAiB,EAAEL;IAArD,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,yBAAD,CAA2B,IAA3B,OAPF,eAQE,oBAAC,yBAAD,CAA2B,IAA3B;MACE,gBAAgB,EAAET,gBADpB;MAEE,qBAAqB,EAAEJ,qBAFzB;MAGE,uBAAuB,EAAEC,uBAH3B;MAIE,wBAAwB,EAAEC;IAJ5B,EARF,CAFF,CADF;EAoBD,CAhCD;AAiCD,CAtCD;;AAwCA,MAAMS,MAAM,GAAGpB,gBAAgB,CAAC;EAC9BqB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAelB,iCAAf"}
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createOpenChannelSettingsModule","createOpenChannelSettingsFragment","initModule","OpenChannelSettingsModule","_ref","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuParticipants","onPressMenuDeleteChannel","onNavigateToOpenChannel","menuItemsCreator","colors","left","right","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Info","Menu"],"sources":["createOpenChannelSettingsFragment.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 { createOpenChannelSettingsModule } from '../domain/openChannelSettings';\nimport type { OpenChannelSettingsFragment, OpenChannelSettingsModule } from '../domain/openChannelSettings/types';\n\nconst createOpenChannelSettingsFragment = (\n  initModule?: Partial<OpenChannelSettingsModule>,\n): OpenChannelSettingsFragment => {\n  const OpenChannelSettingsModule = createOpenChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuParticipants,\n    onPressMenuDeleteChannel,\n    onNavigateToOpenChannel,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <OpenChannelSettingsModule.Provider channel={channel} onNavigateToOpenChannel={onNavigateToOpenChannel}>\n        <OpenChannelSettingsModule.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          <OpenChannelSettingsModule.Info />\n          <OpenChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuParticipants={onPressMenuParticipants}\n            onPressMenuDeleteChannel={onPressMenuDeleteChannel}\n          />\n        </ScrollView>\n      </OpenChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,SAASC,+BAA+B,QAAQ,+BAA+B;AAG/E,MAAMC,iCAAiC,GACrCC,UAA+C,IACf;EAChC,MAAMC,yBAAyB,GAAGH,+BAA+B,CAACE,UAAU,CAAC;EAE7E,OAAOE,IAAA,IAQD;IAAA,IARE;MACNC,iBAAiB,GAAGN,IAAI;MACxBO,OAAO;MACPC,qBAAqB;MACrBC,uBAAuB;MACvBC,wBAAwB;MACxBC,uBAAuB;MACvBC;IACF,CAAC,GAAAP,IAAA;IACC,MAAM;MAAEQ;IAAO,CAAC,GAAGd,aAAa,EAAE;IAClC,MAAM;MAAEe,IAAI;MAAEC;IAAM,CAAC,GAAGlB,iBAAiB,EAAE;IAE3C,oBACEF,KAAA,CAAAqB,aAAA,CAACZ,yBAAyB,CAACa,QAAQ;MAACV,OAAO,EAAEA,OAAQ;MAACI,uBAAuB,EAAEA;IAAwB,gBACrGhB,KAAA,CAAAqB,aAAA,CAACZ,yBAAyB,CAACc,MAAM;MAACZ,iBAAiB,EAAEA;IAAkB,EAAG,eAC1EX,KAAA,CAAAqB,aAAA,CAACpB,UAAU;MACTuB,KAAK,EAAE;QAAEC,eAAe,EAAEP,MAAM,CAACQ;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAET,IAAI,GAAGU,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEZ,KAAK,GAAGS,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEF/B,KAAA,CAAAqB,aAAA,CAACZ,yBAAyB,CAACwB,IAAI,OAAG,eAClCjC,KAAA,CAAAqB,aAAA,CAACZ,yBAAyB,CAACyB,IAAI;MAC7BjB,gBAAgB,EAAEA,gBAAiB;MACnCJ,qBAAqB,EAAEA,qBAAsB;MAC7CC,uBAAuB,EAAEA,uBAAwB;MACjDC,wBAAwB,EAAEA;IAAyB,EACnD,CACS,CACsB;EAEzC,CAAC;AACH,CAAC;AAED,MAAMc,MAAM,GAAG1B,gBAAgB,CAAC;EAC9B2B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAexB,iCAAiC"}

package/lib/module/hooks/useConnection.js

@@ -3,7 +3,18 @@ import { Logger } from '@sendbird/uikit-utils';
 import { useSendbirdChat } from './useContext';
 import usePushTokenRegistration from './usePushTokenRegistration';
 const cacheRestrictCodes = [400300, 400301, 400302, 400310];
-
+function isCacheRestrictedError(error) {
+  return cacheRestrictCodes.some(code => error.code === code);
+}
+async function initEmoji(sdk, emojiManager) {
+  await emojiManager.init();
+  if (sdk.appInfo.emojiHash !== emojiManager.emojiHash) {
+    try {
+      const container = await sdk.getAllEmoji();
+      await emojiManager.init(container);
+    } catch {}
+  }
+}
 const useConnection = () => {
   const {
     sdk,
@@ -19,7 +30,6 @@ const useConnection = () => {
     try {
       Logger.debug('[useConnection]', 'connect start:', userId);
       let user = await sdk.connect(userId, opts === null || opts === void 0 ? void 0 : opts.accessToken);
-
       if (opts !== null && opts !== void 0 && opts.nickname) {
         Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);
         await sdk.updateCurrentUserInfo({
@@ -30,48 +40,42 @@ const useConnection = () => {
           nickname: userId
         }).then(updatedUser => user = updatedUser);
       }
-
       if (features.autoPushTokenRegistrationEnabled) {
         Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');
         await registerPushTokenForCurrentUser().catch(e => {
           Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);
         });
       }
-
+      await initEmoji(sdk, emojiManager);
       Logger.debug('[useConnection]', 'connected! (online)');
       setCurrentUser(user);
-      sdk.getAllEmoji().then(emojiManager.init);
       return user;
     } catch (e) {
       const error = e;
-
       if (sdk.isCacheEnabled) {
-        if (cacheRestrictCodes.some(code => error.code === code)) {
+        if (isCacheRestrictedError(error)) {
           Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);
           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);
           Logger.debug('[useConnection]', 'connected! (offline)');
           setCurrentUser(sdk.currentUser);
-          sdk.getAllEmoji().finally(emojiManager.init);
           return sdk.currentUser;
         }
       }
-
       Logger.warn('[useConnection]', 'connect failure', error.message, error.code);
       throw error;
     }
   }, [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);
   const disconnect = useCallback(async () => {
     Logger.debug('[useConnection]', 'disconnect start');
-
     if (features.autoPushTokenRegistrationEnabled) {
       Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');
       await unregisterPushTokenForCurrentUser().catch(e => {
         Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);
       });
     }
-
     await sdk.disconnect().then(() => setCurrentUser(undefined));
     Logger.debug('[useConnection]', 'disconnected!');
   }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);
@@ -81,6 +85,5 @@ const useConnection = () => {
     reconnect: () => sdk.reconnect()
   };
 };
-
 export default useConnection;
 //# sourceMappingURL=useConnection.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["useCallback","Logger","useSendbirdChat","usePushTokenRegistration","cacheRestrictCodes","isCacheRestrictedError","error","some","code","initEmoji","sdk","emojiManager","init","appInfo","emojiHash","container","getAllEmoji","useConnection","setCurrentUser","features","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","connect","userId","opts","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","isCacheEnabled","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\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 { 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        await initEmoji(sdk, emojiManager);\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, 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.map

@@ -1 +1 @@
-{"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"}
+{"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,UAAU,QAAQ,OAAO;AAElC,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,sBAAsB,QAAQ,gCAAgC;AACvE,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,kBAAkB,QAAQ,4BAA4B;AAE/D,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,KAAK,GAAGP,UAAU,CAACC,mBAAmB,CAAC;EAC7C,IAAI,CAACM,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,qCAAqC,CAAC;EAClE,OAAOD,KAAK;AACd,CAAC;AAED,OAAO,MAAME,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMF,KAAK,GAAGP,UAAU,CAACE,sBAAsB,CAAC;EAChD,IAAI,CAACK,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,wCAAwC,CAAC;EACrE,OAAOD,KAAK;AACd,CAAC;AAED,OAAO,MAAMG,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMH,KAAK,GAAGP,UAAU,CAACI,mBAAmB,CAAC;EAC7C,IAAI,CAACG,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,qCAAqC,CAAC;EAClE,OAAOD,KAAK;AACd,CAAC;AAED,OAAO,MAAMI,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMJ,KAAK,GAAGP,UAAU,CAACK,kBAAkB,CAAC;EAC5C,IAAI,CAACE,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,oCAAoC,CAAC;EACjE,OAAOD,KAAK;AACd,CAAC;AAED,OAAO,MAAMK,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAML,KAAK,GAAGP,UAAU,CAACG,eAAe,CAAC;EACzC,IAAI,CAACI,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,iCAAiC,CAAC;EAC9D,OAAOD,KAAK;AACd,CAAC"}

package/lib/module/hooks/useKeyboardStatus.js

@@ -3,17 +3,13 @@ import { Keyboard, LayoutAnimation, Platform } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { NOOP } from '@sendbird/uikit-utils';
 let isLayoutAnimationConfigured = false;
-
 const configureNextLayoutAnimation = event => {
   if (isLayoutAnimationConfigured) return;
   const config = LayoutAnimation.create(event.duration, event.easing, LayoutAnimation.Properties.scaleY);
   isLayoutAnimationConfigured = true;
-
   const onEnd = () => isLayoutAnimationConfigured = false;
-
   LayoutAnimation.configureNext(config, onEnd, onEnd);
 };
-
 const {
   showEvent,
   hideEvent
@@ -27,7 +23,6 @@ const {
     hideEvent: 'keyboardWillHide'
   }
 });
-
 const useKeyboardStatus = () => {
   const [keyboardStatus, setKeyboardStatus] = useState({
     visible: false,
@@ -58,9 +53,10 @@ const useKeyboardStatus = () => {
       const height = 0;
       const bottomSpace = Platform.select({
         default: height
-      }); // const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });
-      // nextLayoutAnimation(event);
+      });
+      // const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });
 
+      // nextLayoutAnimation(event);
       setKeyboardStatus({
         visible: false,
         height,
@@ -73,6 +69,5 @@ const useKeyboardStatus = () => {
   }, []);
   return keyboardStatus;
 };
-
 export default useKeyboardStatus;
 //# sourceMappingURL=useKeyboardStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","Keyboard","LayoutAnimation","Platform","useSafeAreaInsets","NOOP","isLayoutAnimationConfigured","configureNextLayoutAnimation","event","config","create","duration","easing","Properties","scaleY","onEnd","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\nlet isLayoutAnimationConfigured = false;\n\nconst configureNextLayoutAnimation = (event: KeyboardEvent) => {\n  if (isLayoutAnimationConfigured) return;\n  const config = LayoutAnimation.create(event.duration, event.easing, LayoutAnimation.Properties.scaleY);\n  isLayoutAnimationConfigured = true;\n  const onEnd = () => (isLayoutAnimationConfigured = false);\n  LayoutAnimation.configureNext(config, onEnd, onEnd);\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, () => {\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,IAAIC,2BAA2B,GAAG,KAAlC;;AAEA,MAAMC,4BAA4B,GAAIC,KAAD,IAA0B;EAC7D,IAAIF,2BAAJ,EAAiC;EACjC,MAAMG,MAAM,GAAGP,eAAe,CAACQ,MAAhB,CAAuBF,KAAK,CAACG,QAA7B,EAAuCH,KAAK,CAACI,MAA7C,EAAqDV,eAAe,CAACW,UAAhB,CAA2BC,MAAhF,CAAf;EACAR,2BAA2B,GAAG,IAA9B;;EACA,MAAMS,KAAK,GAAG,MAAOT,2BAA2B,GAAG,KAAnD;;EACAJ,eAAe,CAACc,aAAhB,CAA8BP,MAA9B,EAAsCM,KAAtC,EAA6CA,KAA7C;AACD,CAND;;AAQA,MAAM;EAAEE,SAAF;EAAaC;AAAb,IAA2Bf,QAAQ,CAACgB,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,IAAsCxB,QAAQ,CAAC;IAAEyB,OAAO,EAAE,KAAX;IAAkBC,MAAM,EAAE,CAA1B;IAA6BC,WAAW,EAAE;EAA1C,CAAD,CAApD;EACA,MAAM;IAAEC,MAAM,EAAEC;EAAV,IAA0BzB,iBAAiB,EAAjD;EAEAL,SAAS,CAAC,MAAM;IACd,MAAM+B,aAAa,GAAG,CACpB7B,QAAQ,CAAC8B,WAAT,CAAqBd,SAArB,EAAiCT,KAAD,IAAW;MACzC,MAAMkB,MAAM,GAAGlB,KAAK,CAACwB,cAAN,CAAqBN,MAApC;MACA,MAAMC,WAAW,GAAGxB,QAAQ,CAACgB,MAAT,CAAgB;QAAEc,GAAG,EAAEP,MAAM,GAAGG,WAAhB;QAA6BR,OAAO,EAAE;MAAtC,CAAhB,CAApB;MACA,MAAMa,mBAAmB,GAAG/B,QAAQ,CAACgB,MAAT,CAAgB;QAAEc,GAAG,EAAE1B,4BAAP;QAAqCc,OAAO,EAAEhB;MAA9C,CAAhB,CAA5B;MAEA6B,mBAAmB,CAAC1B,KAAD,CAAnB;MACAgB,iBAAiB,CAAC;QAAEC,OAAO,EAAE,IAAX;QAAiBC,MAAjB;QAAyBC;MAAzB,CAAD,CAAjB;IACD,CAPD,CADoB,EAUpB1B,QAAQ,CAAC8B,WAAT,CAAqBb,SAArB,EAAgC,MAAM;MACpC,MAAMQ,MAAM,GAAG,CAAf;MACA,MAAMC,WAAW,GAAGxB,QAAQ,CAACgB,MAAT,CAAgB;QAAEE,OAAO,EAAEK;MAAX,CAAhB,CAApB,CAFoC,CAGpC;MAEA;;MACAF,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"}
+{"version":3,"names":["useEffect","useState","Keyboard","LayoutAnimation","Platform","useSafeAreaInsets","NOOP","isLayoutAnimationConfigured","configureNextLayoutAnimation","event","config","create","duration","easing","Properties","scaleY","onEnd","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\nlet isLayoutAnimationConfigured = false;\n\nconst configureNextLayoutAnimation = (event: KeyboardEvent) => {\n  if (isLayoutAnimationConfigured) return;\n  const config = LayoutAnimation.create(event.duration, event.easing, LayoutAnimation.Properties.scaleY);\n  isLayoutAnimationConfigured = true;\n  const onEnd = () => (isLayoutAnimationConfigured = false);\n  LayoutAnimation.configureNext(config, onEnd, onEnd);\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, () => {\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,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,EAAoCC,eAAe,EAAEC,QAAQ,QAAQ,cAAc;AACpG,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,IAAI,QAAQ,uBAAuB;AAO5C,IAAIC,2BAA2B,GAAG,KAAK;AAEvC,MAAMC,4BAA4B,GAAIC,KAAoB,IAAK;EAC7D,IAAIF,2BAA2B,EAAE;EACjC,MAAMG,MAAM,GAAGP,eAAe,CAACQ,MAAM,CAACF,KAAK,CAACG,QAAQ,EAAEH,KAAK,CAACI,MAAM,EAAEV,eAAe,CAACW,UAAU,CAACC,MAAM,CAAC;EACtGR,2BAA2B,GAAG,IAAI;EAClC,MAAMS,KAAK,GAAGA,CAAA,KAAOT,2BAA2B,GAAG,KAAM;EACzDJ,eAAe,CAACc,aAAa,CAACP,MAAM,EAAEM,KAAK,EAAEA,KAAK,CAAC;AACrD,CAAC;AAED,MAAM;EAAEE,SAAS;EAAEC;AAAU,CAAC,GAAGf,QAAQ,CAACgB,MAAM,CAAiB;EAC/DC,OAAO,EAAE;IAAEH,SAAS,EAAE,iBAAiB;IAAEC,SAAS,EAAE;EAAkB,CAAC;EACvEG,OAAO,EAAE;IAAEJ,SAAS,EAAE,kBAAkB;IAAEC,SAAS,EAAE;EAAmB;AAC1E,CAAC,CAAC;AAEF,MAAMI,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGxB,QAAQ,CAAC;IAAEyB,OAAO,EAAE,KAAK;IAAEC,MAAM,EAAE,CAAC;IAAEC,WAAW,EAAE;EAAE,CAAC,CAAC;EACnG,MAAM;IAAEC,MAAM,EAAEC;EAAY,CAAC,GAAGzB,iBAAiB,EAAE;EAEnDL,SAAS,CAAC,MAAM;IACd,MAAM+B,aAAa,GAAG,CACpB7B,QAAQ,CAAC8B,WAAW,CAACd,SAAS,EAAGT,KAAK,IAAK;MACzC,MAAMkB,MAAM,GAAGlB,KAAK,CAACwB,cAAc,CAACN,MAAM;MAC1C,MAAMC,WAAW,GAAGxB,QAAQ,CAACgB,MAAM,CAAC;QAAEc,GAAG,EAAEP,MAAM,GAAGG,WAAW;QAAER,OAAO,EAAE;MAAE,CAAC,CAAC;MAC9E,MAAMa,mBAAmB,GAAG/B,QAAQ,CAACgB,MAAM,CAAC;QAAEc,GAAG,EAAE1B,4BAA4B;QAAEc,OAAO,EAAEhB;MAAK,CAAC,CAAC;MAEjG6B,mBAAmB,CAAC1B,KAAK,CAAC;MAC1BgB,iBAAiB,CAAC;QAAEC,OAAO,EAAE,IAAI;QAAEC,MAAM;QAAEC;MAAY,CAAC,CAAC;IAC3D,CAAC,CAAC,EAEF1B,QAAQ,CAAC8B,WAAW,CAACb,SAAS,EAAE,MAAM;MACpC,MAAMQ,MAAM,GAAG,CAAC;MAChB,MAAMC,WAAW,GAAGxB,QAAQ,CAACgB,MAAM,CAAC;QAAEE,OAAO,EAAEK;MAAO,CAAC,CAAC;MACxD;;MAEA;MACAF,iBAAiB,CAAC;QAAEC,OAAO,EAAE,KAAK;QAAEC,MAAM;QAAEC;MAAY,CAAC,CAAC;IAC5D,CAAC,CAAC,CACH;IACD,OAAO,MAAM;MACXG,aAAa,CAACK,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAACC,MAAM,EAAE,CAAC;IAC5C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOd,cAAc;AACvB,CAAC;AAED,eAAeD,iBAAiB"}