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

package/lib/module/domain/userList/component/UserListStatusLoading.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","UserListStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["UserListStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst UserListStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,qBAAqB,GAAG,MAAM;EAClC,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,qBAAf"}
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","UserListStatusLoading","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["UserListStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst UserListStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EAClC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAU,EAAG,CAChC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,qBAAqB"}

package/lib/module/domain/userList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","UserListList","UserListHeader","UserListStatusEmpty","UserListStatusError","UserListStatusLoading","createUserListModule","UserListContextsProvider","UserListContexts"],"sources":["index.ts"],"sourcesContent":["export { default as UserListList } from './component/UserListList';\nexport { default as UserListHeader } from './component/UserListHeader';\nexport { default as UserListStatusEmpty } from './component/UserListStatusEmpty';\nexport { default as UserListStatusError } from './component/UserListStatusError';\nexport { default as UserListStatusLoading } from './component/UserListStatusLoading';\nexport { default as createUserListModule } from './module/createUserListModule';\nexport { UserListContextsProvider, UserListContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,YAApB,QAAwC,0BAAxC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,4BAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,iCAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,iCAA/C;AACA,SAASJ,OAAO,IAAIK,qBAApB,QAAiD,mCAAjD;AACA,SAASL,OAAO,IAAIM,oBAApB,QAAgD,+BAAhD;AACA,SAASC,wBAAT,EAAmCC,gBAAnC,QAA2D,wBAA3D"}
+{"version":3,"names":["default","UserListList","UserListHeader","UserListStatusEmpty","UserListStatusError","UserListStatusLoading","createUserListModule","UserListContextsProvider","UserListContexts"],"sources":["index.ts"],"sourcesContent":["export { default as UserListList } from './component/UserListList';\nexport { default as UserListHeader } from './component/UserListHeader';\nexport { default as UserListStatusEmpty } from './component/UserListStatusEmpty';\nexport { default as UserListStatusError } from './component/UserListStatusError';\nexport { default as UserListStatusLoading } from './component/UserListStatusLoading';\nexport { default as createUserListModule } from './module/createUserListModule';\nexport { UserListContextsProvider, UserListContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,YAAY,QAAQ,0BAA0B;AAClE,SAASD,OAAO,IAAIE,cAAc,QAAQ,4BAA4B;AACtE,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,iCAAiC;AAChF,SAASH,OAAO,IAAII,mBAAmB,QAAQ,iCAAiC;AAChF,SAASJ,OAAO,IAAIK,qBAAqB,QAAQ,mCAAmC;AACpF,SAASL,OAAO,IAAIM,oBAAoB,QAAQ,+BAA+B;AAC/E,SAASC,wBAAwB,EAAEC,gBAAgB,QAAQ,wBAAwB"}

package/lib/module/domain/userList/module/createUserListModule.js

@@ -4,7 +4,6 @@ import UserListStatusEmpty from '../component/UserListStatusEmpty';
 import UserListStatusError from '../component/UserListStatusError';
 import UserListStatusLoading from '../component/UserListStatusLoading';
 import { UserListContextsProvider } from './moduleContext';
-
 const createUserListModule = function () {
   let {
     Header = UserListHeader,
@@ -25,6 +24,5 @@ const createUserListModule = function () {
     ...module
   };
 };
-
 export default createUserListModule;
 //# sourceMappingURL=createUserListModule.js.map

package/lib/module/domain/userList/module/createUserListModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["UserListHeader","UserListList","UserListStatusEmpty","UserListStatusError","UserListStatusLoading","UserListContextsProvider","createUserListModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module"],"sources":["createUserListModule.tsx"],"sourcesContent":["import type { UserStruct } from '@sendbird/uikit-utils';\n\nimport UserListHeader from '../component/UserListHeader';\nimport UserListList from '../component/UserListList';\nimport UserListStatusEmpty from '../component/UserListStatusEmpty';\nimport UserListStatusError from '../component/UserListStatusError';\nimport UserListStatusLoading from '../component/UserListStatusLoading';\nimport type { UserListModule } from '../types';\nimport { UserListContextsProvider } from './moduleContext';\n\nconst createUserListModule = <T extends UserStruct>({\n  Header = UserListHeader,\n  List = UserListList,\n  StatusLoading = UserListStatusLoading,\n  StatusEmpty = UserListStatusEmpty,\n  StatusError = UserListStatusError,\n  Provider = UserListContextsProvider,\n  ...module\n}: Partial<UserListModule<T>> = {}): UserListModule<T> => {\n  return { Header, List, StatusLoading, StatusEmpty, StatusError, Provider, ...module };\n};\n\nexport default createUserListModule;\n"],"mappings":"AAEA,OAAOA,cAAP,MAA2B,6BAA3B;AACA,OAAOC,YAAP,MAAyB,2BAAzB;AACA,OAAOC,mBAAP,MAAgC,kCAAhC;AACA,OAAOC,mBAAP,MAAgC,kCAAhC;AACA,OAAOC,qBAAP,MAAkC,oCAAlC;AAEA,SAASC,wBAAT,QAAyC,iBAAzC;;AAEA,MAAMC,oBAAoB,GAAG,YAQ6B;EAAA,IARN;IAClDC,MAAM,GAAGP,cADyC;IAElDQ,IAAI,GAAGP,YAF2C;IAGlDQ,aAAa,GAAGL,qBAHkC;IAIlDM,WAAW,GAAGR,mBAJoC;IAKlDS,WAAW,GAAGR,mBALoC;IAMlDS,QAAQ,GAAGP,wBANuC;IAOlD,GAAGQ;EAP+C,CAQM,uEAA1B,EAA0B;EACxD,OAAO;IAAEN,MAAF;IAAUC,IAAV;IAAgBC,aAAhB;IAA+BC,WAA/B;IAA4CC,WAA5C;IAAyDC,QAAzD;IAAmE,GAAGC;EAAtE,CAAP;AACD,CAVD;;AAYA,eAAeP,oBAAf"}
+{"version":3,"names":["UserListHeader","UserListList","UserListStatusEmpty","UserListStatusError","UserListStatusLoading","UserListContextsProvider","createUserListModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module","arguments","length","undefined"],"sources":["createUserListModule.tsx"],"sourcesContent":["import type { UserStruct } from '@sendbird/uikit-utils';\n\nimport UserListHeader from '../component/UserListHeader';\nimport UserListList from '../component/UserListList';\nimport UserListStatusEmpty from '../component/UserListStatusEmpty';\nimport UserListStatusError from '../component/UserListStatusError';\nimport UserListStatusLoading from '../component/UserListStatusLoading';\nimport type { UserListModule } from '../types';\nimport { UserListContextsProvider } from './moduleContext';\n\nconst createUserListModule = <T extends UserStruct>({\n  Header = UserListHeader,\n  List = UserListList,\n  StatusLoading = UserListStatusLoading,\n  StatusEmpty = UserListStatusEmpty,\n  StatusError = UserListStatusError,\n  Provider = UserListContextsProvider,\n  ...module\n}: Partial<UserListModule<T>> = {}): UserListModule<T> => {\n  return { Header, List, StatusLoading, StatusEmpty, StatusError, Provider, ...module };\n};\n\nexport default createUserListModule;\n"],"mappings":"AAEA,OAAOA,cAAc,MAAM,6BAA6B;AACxD,OAAOC,YAAY,MAAM,2BAA2B;AACpD,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,OAAOC,qBAAqB,MAAM,oCAAoC;AAEtE,SAASC,wBAAwB,QAAQ,iBAAiB;AAE1D,MAAMC,oBAAoB,GAAG,SAAAA,CAAA,EAQ6B;EAAA,IARN;IAClDC,MAAM,GAAGP,cAAc;IACvBQ,IAAI,GAAGP,YAAY;IACnBQ,aAAa,GAAGL,qBAAqB;IACrCM,WAAW,GAAGR,mBAAmB;IACjCS,WAAW,GAAGR,mBAAmB;IACjCS,QAAQ,GAAGP,wBAAwB;IACnC,GAAGQ;EACuB,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAChC,OAAO;IAAEP,MAAM;IAAEC,IAAI;IAAEC,aAAa;IAAEC,WAAW;IAAEC,WAAW;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC;AACvF,CAAC;AAED,eAAeP,oBAAoB"}

package/lib/module/domain/userList/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useState","NOOP","ProviderLayout","UserListContexts","Fragment","headerTitle","headerRight","List","selectedUsers","setSelectedUsers","UserListContextsProvider","children"],"sources":["moduleContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { createContext, useState } from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport type { UserListContextsType, UserListModule } from '../types';\n\nexport const UserListContexts: UserListContextsType<unknown> = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n  List: createContext<ContextValue<UserListContextsType<unknown>['List']>>({\n    selectedUsers: [],\n    setSelectedUsers: NOOP,\n  }),\n};\nexport const UserListContextsProvider: UserListModule<any>['Provider'] = ({ children, headerTitle, headerRight }) => {\n  const [selectedUsers, setSelectedUsers] = useState<unknown[]>([]);\n\n  return (\n    <ProviderLayout>\n      <UserListContexts.Fragment.Provider value={{ headerTitle, headerRight: headerRight(selectedUsers) }}>\n        <UserListContexts.List.Provider value={{ selectedUsers, setSelectedUsers }}>\n          {children}\n        </UserListContexts.List.Provider>\n      </UserListContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA;AACA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,OAA/C;AAGA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,cAAP,MAA2B,oCAA3B;AAGA,OAAO,MAAMC,gBAA+C,GAAG;EAC7DC,QAAQ,eAAEL,aAAa,CAAC;IACtBM,WAAW,EAAE,EADS;IAEtBC,WAAW,EAAE;EAFS,CAAD,CADsC;EAK7DC,IAAI,eAAER,aAAa,CAAsD;IACvES,aAAa,EAAE,EADwD;IAEvEC,gBAAgB,EAAER;EAFqD,CAAtD;AAL0C,CAAxD;AAUP,OAAO,MAAMS,wBAAyD,GAAG,QAA4C;EAAA,IAA3C;IAAEC,QAAF;IAAYN,WAAZ;IAAyBC;EAAzB,CAA2C;EACnH,MAAM,CAACE,aAAD,EAAgBC,gBAAhB,IAAoCT,QAAQ,CAAY,EAAZ,CAAlD;EAEA,oBACE,oBAAC,cAAD,qBACE,oBAAC,gBAAD,CAAkB,QAAlB,CAA2B,QAA3B;IAAoC,KAAK,EAAE;MAAEK,WAAF;MAAeC,WAAW,EAAEA,WAAW,CAACE,aAAD;IAAvC;EAA3C,gBACE,oBAAC,gBAAD,CAAkB,IAAlB,CAAuB,QAAvB;IAAgC,KAAK,EAAE;MAAEA,aAAF;MAAiBC;IAAjB;EAAvC,GACGE,QADH,CADF,CADF,CADF;AASD,CAZM"}
+{"version":3,"names":["React","createContext","useState","NOOP","ProviderLayout","UserListContexts","Fragment","headerTitle","headerRight","List","selectedUsers","setSelectedUsers","UserListContextsProvider","_ref","children","createElement","Provider","value"],"sources":["moduleContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { createContext, useState } from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport type { UserListContextsType, UserListModule } from '../types';\n\nexport const UserListContexts: UserListContextsType<unknown> = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n  List: createContext<ContextValue<UserListContextsType<unknown>['List']>>({\n    selectedUsers: [],\n    setSelectedUsers: NOOP,\n  }),\n};\nexport const UserListContextsProvider: UserListModule<any>['Provider'] = ({ children, headerTitle, headerRight }) => {\n  const [selectedUsers, setSelectedUsers] = useState<unknown[]>([]);\n\n  return (\n    <ProviderLayout>\n      <UserListContexts.Fragment.Provider value={{ headerTitle, headerRight: headerRight(selectedUsers) }}>\n        <UserListContexts.List.Provider value={{ selectedUsers, setSelectedUsers }}>\n          {children}\n        </UserListContexts.List.Provider>\n      </UserListContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,QAAQ,QAAQ,OAAO;AAGtD,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,OAAOC,cAAc,MAAM,oCAAoC;AAG/D,OAAO,MAAMC,gBAA+C,GAAG;EAC7DC,QAAQ,eAAEL,aAAa,CAAC;IACtBM,WAAW,EAAE,EAAE;IACfC,WAAW,EAAE;EACf,CAAC,CAAC;EACFC,IAAI,eAAER,aAAa,CAAsD;IACvES,aAAa,EAAE,EAAE;IACjBC,gBAAgB,EAAER;EACpB,CAAC;AACH,CAAC;AACD,OAAO,MAAMS,wBAAyD,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,QAAQ;IAAEP,WAAW;IAAEC;EAAY,CAAC,GAAAK,IAAA;EAC9G,MAAM,CAACH,aAAa,EAAEC,gBAAgB,CAAC,GAAGT,QAAQ,CAAY,EAAE,CAAC;EAEjE,oBACEF,KAAA,CAAAe,aAAA,CAACX,cAAc,qBACbJ,KAAA,CAAAe,aAAA,CAACV,gBAAgB,CAACC,QAAQ,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAEV,WAAW;MAAEC,WAAW,EAAEA,WAAW,CAACE,aAAa;IAAE;EAAE,gBAClGV,KAAA,CAAAe,aAAA,CAACV,gBAAgB,CAACI,IAAI,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAEP,aAAa;MAAEC;IAAiB;EAAE,GACxEG,QAAQ,CACsB,CACE,CACtB;AAErB,CAAC"}

package/lib/module/fragments/createGroupChannelBannedUsersFragment.js

@@ -1,19 +1,21 @@
 import React from 'react';
 import { useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, useFreshCallback } from '@sendbird/uikit-utils';
+import { useFreshCallback } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelBannedUsersModule } from '../domain/groupChannelBannedUsers';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createGroupChannelBannedUsersFragment = initModule => {
   const GroupChannelBannedUsersModule = createGroupChannelBannedUsersModule(initModule);
   return _ref => {
     let {
-      onPressHeaderLeft = NOOP,
+      onPressHeaderLeft,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createBannedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       STRINGS
@@ -33,11 +35,8 @@ const createGroupChannelBannedUsersFragment = initModule => {
       refresh,
       error
     } = useUserList(sdk, {
-      queryCreator: () => channel.createBannedUserListQuery({
-        limit: 20
-      })
+      queryCreator
     });
-
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -59,7 +58,6 @@ const createGroupChannelBannedUsersFragment = initModule => {
         }
       });
     });
-
     return /*#__PURE__*/React.createElement(GroupChannelBannedUsersModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(GroupChannelBannedUsersModule.Header, {
@@ -79,6 +77,5 @@ const createGroupChannelBannedUsersFragment = initModule => {
     })));
   };
 };
-
 export default createGroupChannelBannedUsersFragment;
 //# sourceMappingURL=createGroupChannelBannedUsersFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useUserList","useActionMenu","NOOP","useFreshCallback","StatusComposition","UserActionBar","createGroupChannelBannedUsersModule","useLocalization","useSendbirdChat","createGroupChannelBannedUsersFragment","initModule","GroupChannelBannedUsersModule","onPressHeaderLeft","channel","renderUser","STRINGS","currentUser","sdk","openMenu","users","deleteUser","loading","next","refresh","error","queryCreator","createBannedUserListQuery","limit","_renderUser","props","user","profileUrl","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","title","menuItems","UNBAN","onPress","unbanUser","then","Boolean"],"sources":["createGroupChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelBannedUsersModule } from '../domain/groupChannelBannedUsers';\nimport type {\n  GroupChannelBannedUsersFragment,\n  GroupChannelBannedUsersModule,\n} from '../domain/groupChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelBannedUsersFragment = (\n  initModule?: Partial<GroupChannelBannedUsersModule>,\n): GroupChannelBannedUsersFragment => {\n  const GroupChannelBannedUsersModule = createGroupChannelBannedUsersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, {\n      queryCreator: () => channel.createBannedUserListQuery({ limit: 20 }),\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\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          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <GroupChannelBannedUsersModule.Provider channel={channel}>\n        <GroupChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelBannedUsersModule.List\n            bannedUsers={users}\n            renderUser={_renderUser}\n            ListEmptyComponent={<GroupChannelBannedUsersModule.StatusEmpty />}\n            onLoadNext={next}\n          />\n        </StatusComposition>\n      </GroupChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelBannedUsersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useUserList","useActionMenu","useFreshCallback","StatusComposition","UserActionBar","createGroupChannelBannedUsersModule","useLocalization","useSendbirdChat","createGroupChannelBannedUsersFragment","initModule","GroupChannelBannedUsersModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createBannedUserListQuery","limit","STRINGS","currentUser","sdk","openMenu","users","deleteUser","loading","next","refresh","error","_renderUser","props","user","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNBAN","onPress","unbanUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","bannedUsers","ListEmptyComponent","StatusEmpty","onLoadNext"],"sources":["createGroupChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelBannedUsersModule } from '../domain/groupChannelBannedUsers';\nimport type {\n  GroupChannelBannedUsersFragment,\n  GroupChannelBannedUsersModule,\n} from '../domain/groupChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelBannedUsersFragment = (\n  initModule?: Partial<GroupChannelBannedUsersModule>,\n): GroupChannelBannedUsersFragment => {\n  const GroupChannelBannedUsersModule = createGroupChannelBannedUsersModule(initModule);\n\n  return ({\n    onPressHeaderLeft,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createBannedUserListQuery({ limit: 20 }),\n  }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, { queryCreator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\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          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <GroupChannelBannedUsersModule.Provider channel={channel}>\n        <GroupChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelBannedUsersModule.List\n            bannedUsers={users}\n            renderUser={_renderUser}\n            ListEmptyComponent={<GroupChannelBannedUsersModule.StatusEmpty />}\n            onLoadNext={next}\n          />\n        </StatusComposition>\n      </GroupChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelBannedUsersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelCreateFragment.js

@@ -6,7 +6,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 createGroupChannelCreateFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
   return _ref => {
@@ -37,13 +36,11 @@ const createGroupChannelCreateFragment = initModule => {
       queryCreator,
       sortComparator
     });
-
     const _renderUser = useFreshCallback((user, selectedUsers, setSelectedUsers) => {
       if (queryCreator && !renderUser) {
         const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');
         if (!hasRequiredKey) throw new Error('You should provide "renderUser" when providing "queryCreator"');
       }
-
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
       const isMe = user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
       if (isMe) return null;
@@ -65,7 +62,6 @@ const createGroupChannelCreateFragment = initModule => {
         disabled: false
       }));
     });
-
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({
         selectedUsers
@@ -101,6 +97,5 @@ const createGroupChannelCreateFragment = initModule => {
     })));
   };
 };
-
 export default createGroupChannelCreateFragment;
 //# sourceMappingURL=createGroupChannelCreateFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","useUserList","PASS","getDefaultGroupChannelCreateParams","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelCreateFragment","initModule","UserListModule","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","users","refreshing","loading","error","refresh","next","_renderUser","user","selectedUsers","setSelectedUsers","hasRequiredKey","Object","hasOwn","Error","isMe","userId","userIdx","findIndex","u","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","invitedUserIds","map","it","currentUserId","isBroadcast","isSuper","processedParams","channel","groupChannel","createChannel","Boolean"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport {\n  PASS,\n  SendbirdUser,\n  UserStruct,\n  getDefaultGroupChannelCreateParams,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } 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 createGroupChannelCreateFragment = <UserType extends UserStruct>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (queryCreator && !renderUser) {\n        const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');\n        if (!hasRequiredKey) throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isMe = user.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\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 as unknown as SendbirdUser).profileUrl}\n            name={(user as unknown as SendbirdUser).nickname || STRINGS.LABELS.USER_NO_NAME}\n            selected={isSelected}\n            disabled={false}\n          />\n        </TouchableOpacity>\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params = getDefaultGroupChannelCreateParams({\n              invitedUserIds: users.map((it) => it.userId),\n              currentUserId: currentUser?.userId,\n            });\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.groupChannel.createChannel(processedParams);\n            onCreateChannel(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 createGroupChannelCreateFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","TouchableOpacity","useUserList","PASS","getDefaultGroupChannelCreateParams","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelCreateFragment","initModule","UserListModule","_ref","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","users","refreshing","loading","error","refresh","next","_renderUser","user","selectedUsers","setSelectedUsers","hasRequiredKey","Object","hasOwn","Error","isMe","userId","userIdx","findIndex","u","isSelected","createElement","activeOpacity","onPress","_ref2","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","selected","disabled","Provider","headerRight","GROUP_CHANNEL_CREATE","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","onPressHeaderRight","params","invitedUserIds","map","it","currentUserId","isBroadcast","isSuper","processedParams","channel","groupChannel","createChannel","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport {\n  PASS,\n  SendbirdUser,\n  UserStruct,\n  getDefaultGroupChannelCreateParams,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } 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 createGroupChannelCreateFragment = <UserType extends UserStruct>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (queryCreator && !renderUser) {\n        const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');\n        if (!hasRequiredKey) throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isMe = user.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\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 as unknown as SendbirdUser).profileUrl}\n            name={(user as unknown as SendbirdUser).nickname || STRINGS.LABELS.USER_NO_NAME}\n            selected={isSelected}\n            disabled={false}\n          />\n        </TouchableOpacity>\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params = getDefaultGroupChannelCreateParams({\n              invitedUserIds: users.map((it) => it.userId),\n              currentUserId: currentUser?.userId,\n            });\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.groupChannel.createChannel(processedParams);\n            onCreateChannel(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 createGroupChannelCreateFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelFragment.js

@@ -1,17 +1,20 @@
-import React, { useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Easing } from 'react-native';
 import { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';
-import { NOOP, PASS, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';
+import { NOOP, PASS, messageComparator, useFreshCallback, useRefTracker } from '@sendbird/uikit-utils';
 import MessageRenderer from '../components/MessageRenderer';
 import NewMessagesButton from '../components/NewMessagesButton';
 import ScrollToBottomButton from '../components/ScrollToBottomButton';
 import StatusComposition from '../components/StatusComposition';
+import { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../constants';
 import createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';
 import { useSendbirdChat } from '../hooks/useContext';
-
+import pubsub from '../utils/pubsub';
 const createGroupChannelFragment = initModule => {
   const GroupChannelModule = createGroupChannelModule(initModule);
   return _ref => {
     let {
+      searchItem,
       renderNewMessagesButton = props => /*#__PURE__*/React.createElement(NewMessagesButton, props),
       renderScrollToBottomButton = props => /*#__PURE__*/React.createElement(ScrollToBottomButton, props),
       renderMessage,
@@ -37,46 +40,83 @@ const createGroupChannelFragment = initModule => {
       sdk,
       currentUser
     } = useSendbirdChat();
+    const [internalSearchItem, setInternalSearchItem] = useState(searchItem);
+    const navigateFromMessageSearch = useCallback(() => Boolean(searchItem), []);
+    const [groupChannelPubSub] = useState(() => pubsub());
+    const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);
+    const scrolledAwayFromBottomRef = useRefTracker(scrolledAwayFromBottom);
     const {
+      loading,
       messages,
-      nextMessages,
-      newMessagesFromMembers,
+      newMessages,
+      resetNewMessages,
       next,
       prev,
+      hasNext,
       sendFileMessage,
       sendUserMessage,
       updateFileMessage,
       updateUserMessage,
       resendMessage,
       deleteMessage,
-      loading
+      resetWithStartingPoint
     } = useGroupChannelMessages(sdk, channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
       collectionCreator,
       queryCreator,
       sortComparator,
       onChannelDeleted,
-      enableCollectionWithoutLocalCache: !queryCreator
+      enableCollectionWithoutLocalCache: !queryCreator,
+      shouldCountNewMessages: () => scrolledAwayFromBottomRef.current,
+      onMessagesReceived(messages) {
+        groupChannelPubSub.publish({
+          type: 'MESSAGES_RECEIVED',
+          data: {
+            messages
+          }
+        });
+      },
+      startingPoint: internalSearchItem === null || internalSearchItem === void 0 ? void 0 : internalSearchItem.startingPoint
     });
-
+    const MessageComponent = useCallback(withFocusingAnimation(renderMessage ? props => /*#__PURE__*/React.createElement(React.Fragment, null, renderMessage(props)) : MessageRenderer), [renderMessage]);
     const _renderMessage = useFreshCallback(props => {
-      if (renderMessage) return renderMessage(props);
-      return /*#__PURE__*/React.createElement(MessageRenderer, props);
+      return /*#__PURE__*/React.createElement(MessageComponent, props);
     });
-
     const memoizedFlatListProps = useMemo(() => ({
       ListEmptyComponent: /*#__PURE__*/React.createElement(GroupChannelModule.StatusEmpty, null),
       contentContainerStyle: {
         flexGrow: 1
       },
       ...flatListProps
-    }), [loading, flatListProps]);
+    }), [flatListProps]);
+    const onResetMessageList = useCallback(callback => {
+      resetWithStartingPoint(Number.MAX_SAFE_INTEGER, callback);
+      setInternalSearchItem(undefined);
+    }, []);
+    const onPending = message => {
+      groupChannelPubSub.publish({
+        type: 'MESSAGE_SENT_PENDING',
+        data: {
+          message
+        }
+      });
+    };
+    const onSent = message => {
+      groupChannelPubSub.publish({
+        type: 'MESSAGE_SENT_SUCCESS',
+        data: {
+          message
+        }
+      });
+    };
     const onPressSendUserMessage = useFreshCallback(async params => {
       const processedParams = await onBeforeSendUserMessage(params);
-      await sendUserMessage(processedParams);
+      const message = await sendUserMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressSendFileMessage = useFreshCallback(async params => {
       const processedParams = await onBeforeSendFileMessage(params);
-      await sendFileMessage(processedParams);
+      const message = await sendFileMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressUpdateUserMessage = useFreshCallback(async (message, params) => {
       const processedParams = await onBeforeUpdateUserMessage(params);
@@ -86,16 +126,20 @@ const createGroupChannelFragment = initModule => {
       const processedParams = await onBeforeUpdateFileMessage(params);
       await updateFileMessage(message.messageId, processedParams);
     });
-    /** @deprecated **/
+    const onScrolledAwayFromBottom = useFreshCallback(value => {
+      if (!value) resetNewMessages();
+      setScrolledAwayFromBottom(value);
+    });
 
+    /** @deprecated **/
     const onSendFileMessage = useFreshCallback(async file => {
       const processedParams = await onBeforeSendFileMessage({
         file
       });
-      await sendFileMessage(processedParams);
+      const message = await sendFileMessage(processedParams, onPending);
+      onSent(message);
     });
     /** @deprecated **/
-
     const onSendUserMessage = useFreshCallback(async (text, mention) => {
       const processedParams = await onBeforeSendUserMessage({
         message: text,
@@ -103,10 +147,10 @@ const createGroupChannelFragment = initModule => {
         mentionedMessageTemplate: mention === null || mention === void 0 ? void 0 : mention.messageTemplate,
         mentionType: mention === null || mention === void 0 ? void 0 : mention.type
       });
-      await sendUserMessage(processedParams);
+      const message = await sendUserMessage(processedParams, onPending);
+      onSent(message);
     });
     /** @deprecated **/
-
     const onUpdateFileMessage = useFreshCallback(async (editedFile, message) => {
       const processedParams = await onBeforeSendFileMessage({
         file: editedFile
@@ -114,7 +158,6 @@ const createGroupChannelFragment = initModule => {
       await updateFileMessage(message.messageId, processedParams);
     });
     /** @deprecated **/
-
     const onUpdateUserMessage = useFreshCallback(async (editedText, message, mention) => {
       const processedParams = await onBeforeSendUserMessage({
         message: editedText,
@@ -126,9 +169,11 @@ const createGroupChannelFragment = initModule => {
     });
     return /*#__PURE__*/React.createElement(GroupChannelModule.Provider, {
       channel: channel,
+      groupChannelPubSub: groupChannelPubSub,
       enableTypingIndicator: enableTypingIndicator,
       keyboardAvoidOffset: keyboardAvoidOffset
     }, /*#__PURE__*/React.createElement(GroupChannelModule.Header, {
+      shouldHideRight: navigateFromMessageSearch,
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: onPressHeaderRight
     }), /*#__PURE__*/React.createElement(StatusComposition, {
@@ -136,21 +181,27 @@ const createGroupChannelFragment = initModule => {
       LoadingComponent: /*#__PURE__*/React.createElement(GroupChannelModule.StatusLoading, null)
     }, /*#__PURE__*/React.createElement(GroupChannelModule.MessageList, {
       channel: channel,
+      searchItem: internalSearchItem,
+      onResetMessageList: onResetMessageList,
       enableMessageGrouping: enableMessageGrouping,
       currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
       renderMessage: _renderMessage,
       messages: messages,
-      nextMessages: nextMessages,
-      newMessagesFromMembers: newMessagesFromMembers,
+      newMessages: newMessages,
       onTopReached: prev,
       onBottomReached: next,
+      hasNext: hasNext,
+      scrolledAwayFromBottom: scrolledAwayFromBottom,
+      onScrolledAwayFromBottom: onScrolledAwayFromBottom,
       renderNewMessagesButton: renderNewMessagesButton,
       renderScrollToBottomButton: renderScrollToBottomButton,
       onResendFailedMessage: resendMessage,
       onDeleteMessage: deleteMessage,
-      onPressImageMessage: onPressImageMessage,
       onPressMediaMessage: onPressMediaMessage,
-      flatListProps: memoizedFlatListProps
+      flatListProps: memoizedFlatListProps,
+      nextMessages: newMessages,
+      newMessagesFromMembers: newMessages,
+      onPressImageMessage: onPressImageMessage
     }), /*#__PURE__*/React.createElement(GroupChannelModule.Input, {
       SuggestedMentionList: GroupChannelModule.SuggestedMentionList,
       shouldRenderInput: shouldRenderInput(channel),
@@ -165,14 +216,46 @@ const createGroupChannelFragment = initModule => {
     })));
   };
 };
-
 function shouldRenderInput(channel) {
   if (channel.isBroadcast) {
     return channel.myRole === 'operator';
   }
-
   return true;
 }
-
+function withFocusingAnimation(Component) {
+  return /*#__PURE__*/React.memo(props => {
+    const translateY = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+      if (props.focused) {
+        setTimeout(() => {
+          Animated.sequence([{
+            toValue: -10,
+            duration: 500
+          }, {
+            toValue: 0,
+            duration: 100
+          }, {
+            toValue: -10,
+            duration: 200
+          }, {
+            toValue: 0,
+            duration: 100
+          }].map(value => Animated.timing(translateY, {
+            ...value,
+            useNativeDriver: true,
+            easing: Easing.inOut(Easing.ease)
+          }))).start();
+        }, MESSAGE_SEARCH_SAFE_SCROLL_DELAY + MESSAGE_FOCUS_ANIMATION_DELAY);
+      }
+    }, [props.focused]);
+    return /*#__PURE__*/React.createElement(Animated.View, {
+      style: {
+        transform: [{
+          translateY
+        }]
+      }
+    }, /*#__PURE__*/React.createElement(Component, props));
+  });
+}
 export default createGroupChannelFragment;
 //# sourceMappingURL=createGroupChannelFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useGroupChannelMessages","NOOP","PASS","messageComparator","useFreshCallback","MessageRenderer","NewMessagesButton","ScrollToBottomButton","StatusComposition","createGroupChannelModule","useSendbirdChat","createGroupChannelFragment","initModule","GroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","onPressHeaderRight","onPressMediaMessage","onChannelDeleted","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","flatListProps","onPressImageMessage","sdk","currentUser","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","enableCollectionWithoutLocalCache","_renderMessage","memoizedFlatListProps","ListEmptyComponent","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage","onSendFileMessage","file","onSendUserMessage","text","mention","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","type","onUpdateFileMessage","editedFile","onUpdateUserMessage","editedText","SuggestedMentionList","shouldRenderInput","isBroadcast","myRole"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, SendbirdGroupChannel, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type { GroupChannelFragment, GroupChannelModule, GroupChannelProps } from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n  const GroupChannelModule = createGroupChannelModule(initModule);\n\n  return ({\n    renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n    renderMessage,\n    enableMessageGrouping = true,\n    enableTypingIndicator = true,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n    onPressImageMessage,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const {\n      messages,\n      nextMessages,\n      newMessagesFromMembers,\n      next,\n      prev,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n      collectionCreator,\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <MessageRenderer {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPressSendUserMessage: GroupChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n    );\n    const onPressSendFileMessage: GroupChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n    );\n    const onPressUpdateUserMessage: GroupChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: GroupChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    /** @deprecated **/\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      await sendFileMessage(processedParams);\n    });\n    /** @deprecated **/\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(\n      async (text, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: text,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await sendUserMessage(processedParams);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n      async (editedFile, message) => {\n        const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: editedText,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={channel}\n        enableTypingIndicator={enableTypingIndicator}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <GroupChannelModule.Header onPressHeaderLeft={onPressHeaderLeft} onPressHeaderRight={onPressHeaderRight} />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n          <GroupChannelModule.MessageList\n            channel={channel}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            nextMessages={nextMessages}\n            newMessagesFromMembers={newMessagesFromMembers}\n            onTopReached={prev}\n            onBottomReached={next}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressImageMessage={onPressImageMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <GroupChannelModule.Input\n            SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\n            shouldRenderInput={shouldRenderInput(channel)}\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n  if (channel.isBroadcast) {\n    return channel.myRole === 'operator';\n  }\n\n  return true;\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","Animated","Easing","useGroupChannelMessages","NOOP","PASS","messageComparator","useFreshCallback","useRefTracker","MessageRenderer","NewMessagesButton","ScrollToBottomButton","StatusComposition","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","createGroupChannelModule","useSendbirdChat","pubsub","createGroupChannelFragment","initModule","GroupChannelModule","_ref","searchItem","renderNewMessagesButton","props","createElement","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","onPressHeaderRight","onPressMediaMessage","onChannelDeleted","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","flatListProps","onPressImageMessage","sdk","currentUser","internalSearchItem","setInternalSearchItem","navigateFromMessageSearch","Boolean","groupChannelPubSub","scrolledAwayFromBottom","setScrolledAwayFromBottom","scrolledAwayFromBottomRef","loading","messages","newMessages","resetNewMessages","next","prev","hasNext","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","resetWithStartingPoint","userId","enableCollectionWithoutLocalCache","shouldCountNewMessages","current","onMessagesReceived","publish","type","data","startingPoint","MessageComponent","withFocusingAnimation","Fragment","_renderMessage","memoizedFlatListProps","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onResetMessageList","callback","Number","MAX_SAFE_INTEGER","undefined","onPending","message","onSent","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","messageId","onPressUpdateFileMessage","onScrolledAwayFromBottom","value","onSendFileMessage","file","onSendUserMessage","text","mention","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","onUpdateFileMessage","editedFile","onUpdateUserMessage","editedText","Provider","Header","shouldHideRight","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","onResendFailedMessage","onDeleteMessage","nextMessages","newMessagesFromMembers","Input","SuggestedMentionList","shouldRenderInput","isBroadcast","myRole","Component","memo","translateY","Value","focused","setTimeout","sequence","toValue","duration","map","timing","useNativeDriver","easing","inOut","ease","start","View","style","transform"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Animated, Easing } from 'react-native';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  PASS,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUserMessage,\n  messageComparator,\n  useFreshCallback,\n  useRefTracker,\n} from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../constants';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type {\n  GroupChannelFragment,\n  GroupChannelModule,\n  GroupChannelProps,\n  GroupChannelPubSubContextPayload,\n} from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport pubsub from '../utils/pubsub';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n  const GroupChannelModule = createGroupChannelModule(initModule);\n\n  return ({\n    searchItem,\n    renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n    renderMessage,\n    enableMessageGrouping = true,\n    enableTypingIndicator = true,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n    onPressImageMessage,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const [internalSearchItem, setInternalSearchItem] = useState(searchItem);\n    const navigateFromMessageSearch = useCallback(() => Boolean(searchItem), []);\n\n    const [groupChannelPubSub] = useState(() => pubsub<GroupChannelPubSubContextPayload>());\n    const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);\n    const scrolledAwayFromBottomRef = useRefTracker(scrolledAwayFromBottom);\n\n    const {\n      loading,\n      messages,\n      newMessages,\n      resetNewMessages,\n      next,\n      prev,\n      hasNext,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      resetWithStartingPoint,\n    } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n      collectionCreator,\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      enableCollectionWithoutLocalCache: !queryCreator,\n      shouldCountNewMessages: () => scrolledAwayFromBottomRef.current,\n      onMessagesReceived(messages) {\n        groupChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });\n      },\n      startingPoint: internalSearchItem?.startingPoint,\n    });\n\n    const MessageComponent: GroupChannelProps['MessageList']['renderMessage'] = useCallback(\n      withFocusingAnimation(renderMessage ? (props) => <>{renderMessage(props)}</> : MessageRenderer),\n      [renderMessage],\n    );\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      return <MessageComponent {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [flatListProps],\n    );\n\n    const onResetMessageList = useCallback((callback?: () => void) => {\n      resetWithStartingPoint(Number.MAX_SAFE_INTEGER, callback);\n      setInternalSearchItem(undefined);\n    }, []);\n\n    const onPending = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      groupChannelPubSub.publish({ type: 'MESSAGE_SENT_PENDING', data: { message } });\n    };\n\n    const onSent = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      groupChannelPubSub.publish({ type: 'MESSAGE_SENT_SUCCESS', data: { message } });\n    };\n\n    const onPressSendUserMessage: GroupChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressSendFileMessage: GroupChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        const message = await sendFileMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressUpdateUserMessage: GroupChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: GroupChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    const onScrolledAwayFromBottom = useFreshCallback((value: boolean) => {\n      if (!value) resetNewMessages();\n      setScrolledAwayFromBottom(value);\n    });\n\n    /** @deprecated **/\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      const message = await sendFileMessage(processedParams, onPending);\n      onSent(message);\n    });\n    /** @deprecated **/\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(\n      async (text, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: text,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n      async (editedFile, message) => {\n        const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    /** @deprecated **/\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: editedText,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={channel}\n        groupChannelPubSub={groupChannelPubSub}\n        enableTypingIndicator={enableTypingIndicator}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <GroupChannelModule.Header\n          shouldHideRight={navigateFromMessageSearch}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n          <GroupChannelModule.MessageList\n            channel={channel}\n            searchItem={internalSearchItem}\n            onResetMessageList={onResetMessageList}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            newMessages={newMessages}\n            onTopReached={prev}\n            onBottomReached={next}\n            hasNext={hasNext}\n            scrolledAwayFromBottom={scrolledAwayFromBottom}\n            onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n            nextMessages={newMessages}\n            newMessagesFromMembers={newMessages}\n            onPressImageMessage={onPressImageMessage}\n          />\n          <GroupChannelModule.Input\n            SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\n            shouldRenderInput={shouldRenderInput(channel)}\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n  if (channel.isBroadcast) {\n    return channel.myRole === 'operator';\n  }\n\n  return true;\n}\n\nfunction withFocusingAnimation<P extends unknown & { focused: boolean }>(Component: React.ComponentType<P>) {\n  return React.memo<P>((props) => {\n    const translateY = useRef(new Animated.Value(0)).current;\n\n    useEffect(() => {\n      if (props.focused) {\n        setTimeout(() => {\n          Animated.sequence(\n            [\n              { toValue: -10, duration: 500 },\n              { toValue: 0, duration: 100 },\n              { toValue: -10, duration: 200 },\n              { toValue: 0, duration: 100 },\n            ].map((value) =>\n              Animated.timing(translateY, { ...value, useNativeDriver: true, easing: Easing.inOut(Easing.ease) }),\n            ),\n          ).start();\n        }, MESSAGE_SEARCH_SAFE_SCROLL_DELAY + MESSAGE_FOCUS_ANIMATION_DELAY);\n      }\n    }, [props.focused]);\n\n    return (\n      <Animated.View style={{ transform: [{ translateY }] }}>\n        <Component {...props} />\n      </Animated.View>\n    );\n  });\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}