@sendbird/uikit-react-native 1.1.2 → 2.0.0

package/lib/module/domain/groupChannel/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageParams,\n    ) => SendbirdFileMessageParams | Promise<SendbirdFileMessageParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageParams,\n    ) => SendbirdUserMessageParams | Promise<SendbirdUserMessageParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    channel: SendbirdGroupChannel;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    editMessage?: SendbirdUserMessage | SendbirdFileMessage;\n    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageCreateParams,\n    ) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageCreateParams,\n    ) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    channel: SendbirdGroupChannel;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    editMessage?: SendbirdUserMessage | SendbirdFileMessage;\n    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelList/component/GroupChannelListList.js

@@ -3,6 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useCallback } from 'react';
 import { FlatList } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { PushTriggerOption } from '@sendbird/chat';
 import { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';
 import { PASS, useFreshCallback } from '@sendbird/uikit-utils';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
@@ -34,9 +35,9 @@ const GroupChannelListList = _ref => {
         title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),
         onPress: async () => {
           if (action === 'on') {
-            await channel.setMyPushTriggerOption('default');
+            await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);
           } else {
-            await channel.setMyPushTriggerOption('off');
+            await channel.setMyPushTriggerOption(PushTriggerOption.OFF);
           }
         },
         onError: () => {

package/lib/module/domain/groupChannelList/component/GroupChannelListList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","FlatList","useSafeAreaInsets","useActionMenu","useToast","PASS","useFreshCallback","useLocalization","useSendbirdChat","GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","toast","openMenu","STRINGS","sdk","currentUser","onLongPress","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","item","left","right","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption('default');\n            } else {\n              await channel.setMyPushTriggerOption('off');\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,yCAAxC;AACA,SAASC,IAAT,EAAqCC,gBAArC,QAA6D,uBAA7D;AAEA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;;AAGA,MAAMC,oBAAoB,GAAG,QAMQ;EAAA,IANP;IAC5BC,yBAD4B;IAE5BC,aAF4B;IAG5BC,UAH4B;IAI5BC,aAJ4B;IAK5BC,eAAe,GAAGT;EALU,CAMO;EACnC,MAAMU,KAAK,GAAGX,QAAQ,EAAtB;EACA,MAAM;IAAEY;EAAF,IAAeb,aAAa,EAAlC;EACA,MAAM;IAAEc;EAAF,IAAcV,eAAe,EAAnC;EACA,MAAM;IAAEW,GAAF;IAAOC;EAAP,IAAuBX,eAAe,EAA5C;EAEA,MAAMY,WAAW,GAAGd,gBAAgB,CAAEe,OAAD,IAAmC;IACtE,MAAMC,MAAM,GAAGD,OAAO,CAACE,mBAAR,KAAgC,KAAhC,GAAwC,IAAxC,GAA+C,KAA9D;IACA,MAAMC,QAAQ,GAAGV,eAAe,CAAC;MAC/BW,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2BC,oBAA3B,CAAgD,CAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAES,MAAb,KAAuB,EAAvE,EAA2EP,OAA3E,CADwB;MAE/BQ,SAAS,EAAE,CACT;QACEJ,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2BI,2BAA3B,CAAuDT,OAAvD,CADT;QAEEU,OAAO,EAAE,YAAY;UACnB,IAAIT,MAAM,KAAK,IAAf,EAAqB;YACnB,MAAMD,OAAO,CAACW,sBAAR,CAA+B,SAA/B,CAAN;UACD,CAFD,MAEO;YACL,MAAMX,OAAO,CAACW,sBAAR,CAA+B,KAA/B,CAAN;UACD;QACF,CARH;QASEC,OAAO,EAAE,MAAM;UACblB,KAAK,CAACmB,IAAN,CACEZ,MAAM,KAAK,IAAX,GAAkBL,OAAO,CAACkB,KAAR,CAAcC,2BAAhC,GAA8DnB,OAAO,CAACkB,KAAR,CAAcE,4BAD9E,EAEE,OAFF;QAID;MAdH,CADS,EAiBT;QACEZ,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2BY,oBADpC;QAEEP,OAAO,EAAE,YAAY;UACnBV,OAAO,CAACkB,KAAR,GAAgBC,IAAhB,CAAqB,MAAMtB,GAAG,CAACuB,mBAAJ,CAAwB,CAACpB,OAAO,CAACqB,GAAT,CAAxB,EAAuCC,KAAvC,EAA3B;QACD,CAJH;QAKEV,OAAO,EAAE,MAAMlB,KAAK,CAACmB,IAAN,CAAWjB,OAAO,CAACkB,KAAR,CAAcS,mBAAzB,EAA8C,OAA9C;MALjB,CAjBS;IAFoB,CAAD,CAAhC;IA6BA5B,QAAQ,CAACQ,QAAD,CAAR;EACD,CAhCmC,CAApC;EAkCA,MAAMqB,UAAgD,GAAG7C,WAAW,CAClE;IAAA,IAAC;MAAE8C;IAAF,CAAD;IAAA,OAAcpC,yBAAd,aAAcA,yBAAd,uBAAcA,yBAAyB,CAAGoC,IAAH,EAAS,MAAM1B,WAAW,CAAC0B,IAAD,CAA1B,CAAvC;EAAA,CADkE,EAElE,CAACpC,yBAAD,EAA4BU,WAA5B,CAFkE,CAApE;EAKA,MAAM;IAAE2B,IAAF;IAAQC;EAAR,IAAkB9C,iBAAiB,EAAzC;EACA,oBACE,oBAAC,QAAD;IACE,OAAO,EAAE,KADX;IAEE,IAAI,EAAES,aAFR;IAGE,UAAU,EAAEkC,UAHd;IAIE,YAAY,EAAEjC;EAJhB,GAKMC,aALN;IAME,qBAAqB,EAAE,CAACA,aAAD,aAACA,aAAD,uBAACA,aAAa,CAAEoC,qBAAhB,EAAuC;MAAEC,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH;IAAnC,CAAvC;EANzB,GADF;AAUD,CA9DD;;AAgEA,eAAevC,oBAAf"}
+{"version":3,"names":["React","useCallback","FlatList","useSafeAreaInsets","PushTriggerOption","useActionMenu","useToast","PASS","useFreshCallback","useLocalization","useSendbirdChat","GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","toast","openMenu","STRINGS","sdk","currentUser","onLongPress","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","item","left","right","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,iBAAT,QAAkC,gBAAlC;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,yCAAxC;AACA,SAASC,IAAT,EAAqCC,gBAArC,QAA6D,uBAA7D;AAEA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;;AAGA,MAAMC,oBAAoB,GAAG,QAMQ;EAAA,IANP;IAC5BC,yBAD4B;IAE5BC,aAF4B;IAG5BC,UAH4B;IAI5BC,aAJ4B;IAK5BC,eAAe,GAAGT;EALU,CAMO;EACnC,MAAMU,KAAK,GAAGX,QAAQ,EAAtB;EACA,MAAM;IAAEY;EAAF,IAAeb,aAAa,EAAlC;EACA,MAAM;IAAEc;EAAF,IAAcV,eAAe,EAAnC;EACA,MAAM;IAAEW,GAAF;IAAOC;EAAP,IAAuBX,eAAe,EAA5C;EAEA,MAAMY,WAAW,GAAGd,gBAAgB,CAAEe,OAAD,IAAmC;IACtE,MAAMC,MAAM,GAAGD,OAAO,CAACE,mBAAR,KAAgC,KAAhC,GAAwC,IAAxC,GAA+C,KAA9D;IACA,MAAMC,QAAQ,GAAGV,eAAe,CAAC;MAC/BW,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2BC,oBAA3B,CAAgD,CAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAES,MAAb,KAAuB,EAAvE,EAA2EP,OAA3E,CADwB;MAE/BQ,SAAS,EAAE,CACT;QACEJ,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2BI,2BAA3B,CAAuDT,OAAvD,CADT;QAEEU,OAAO,EAAE,YAAY;UACnB,IAAIT,MAAM,KAAK,IAAf,EAAqB;YACnB,MAAMD,OAAO,CAACW,sBAAR,CAA+B9B,iBAAiB,CAAC+B,OAAjD,CAAN;UACD,CAFD,MAEO;YACL,MAAMZ,OAAO,CAACW,sBAAR,CAA+B9B,iBAAiB,CAACgC,GAAjD,CAAN;UACD;QACF,CARH;QASEC,OAAO,EAAE,MAAM;UACbpB,KAAK,CAACqB,IAAN,CACEd,MAAM,KAAK,IAAX,GAAkBL,OAAO,CAACoB,KAAR,CAAcC,2BAAhC,GAA8DrB,OAAO,CAACoB,KAAR,CAAcE,4BAD9E,EAEE,OAFF;QAID;MAdH,CADS,EAiBT;QACEd,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2Bc,oBADpC;QAEET,OAAO,EAAE,YAAY;UACnBV,OAAO,CAACoB,KAAR,GAAgBC,IAAhB,CAAqB,MAAMxB,GAAG,CAACyB,mBAAJ,CAAwB,CAACtB,OAAO,CAACuB,GAAT,CAAxB,EAAuCC,KAAvC,EAA3B;QACD,CAJH;QAKEV,OAAO,EAAE,MAAMpB,KAAK,CAACqB,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAcS,mBAAzB,EAA8C,OAA9C;MALjB,CAjBS;IAFoB,CAAD,CAAhC;IA6BA9B,QAAQ,CAACQ,QAAD,CAAR;EACD,CAhCmC,CAApC;EAkCA,MAAMuB,UAAgD,GAAGhD,WAAW,CAClE;IAAA,IAAC;MAAEiD;IAAF,CAAD;IAAA,OAActC,yBAAd,aAAcA,yBAAd,uBAAcA,yBAAyB,CAAGsC,IAAH,EAAS,MAAM5B,WAAW,CAAC4B,IAAD,CAA1B,CAAvC;EAAA,CADkE,EAElE,CAACtC,yBAAD,EAA4BU,WAA5B,CAFkE,CAApE;EAKA,MAAM;IAAE6B,IAAF;IAAQC;EAAR,IAAkBjD,iBAAiB,EAAzC;EACA,oBACE,oBAAC,QAAD;IACE,OAAO,EAAE,KADX;IAEE,IAAI,EAAEU,aAFR;IAGE,UAAU,EAAEoC,UAHd;IAIE,YAAY,EAAEnC;EAJhB,GAKMC,aALN;IAME,qBAAqB,EAAE,CAACA,aAAD,aAACA,aAAD,uBAACA,aAAa,CAAEsC,qBAAhB,EAAuC;MAAEC,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH;IAAnC,CAAvC;EANzB,GADF;AAUD,CA9DD;;AAgEA,eAAezC,oBAAf"}

package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import { View } from 'react-native';
+import { PushTriggerOption } from '@sendbird/chat';
 import { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelSettingsContexts } from '../module/moduleContext';
@@ -25,9 +26,9 @@ const GroupChannelSettingsMenu = _ref => {
 
   const toggleNotification = async () => {
     if (channel.myPushTriggerOption === 'off') {
-      await channel.setMyPushTriggerOption('default');
+      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);
     } else {
-      await channel.setMyPushTriggerOption('off');
+      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);
     }
   };
 

package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","Icon","MenuBar","Switch","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","GroupChannelSettingsMenu","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","menu","sdk","channel","Fragment","STRINGS","colors","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","menuItems","icon","name","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION","onPress","actionItem","MENU_MEMBERS","actionLabel","String","memberCount","onBackground01","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption('default');\n    } else {\n      await channel.setMyPushTriggerOption('off');\n    }\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: toggleNotification,\n      actionItem: <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n      onPress: () => {\n        channel.leave().then(() => {\n          onPressMenuLeaveChannel();\n          sdk.clearCachedMessages([channel.url]).catch();\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAGA,SAASC,IAAT,EAAeC,OAAf,EAAwBC,MAAxB,EAAgCC,aAAhC,QAAqD,yCAArD;AAEA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AACA,SAASC,4BAAT,QAA6C,yBAA7C;;AAGA,MAAMC,wBAAwB,GAAG,QAIQ;EAAA,IAJP;IAChCC,kBADgC;IAEhCC,uBAFgC;IAGhCC,gBAAgB,GAAIC,IAAD,IAAUA;EAHG,CAIO;EACvC,MAAM;IAAEC;EAAF,IAAUP,eAAe,EAA/B;EACA,MAAM;IAAEQ;EAAF,IAAcf,UAAU,CAACQ,4BAA4B,CAACQ,QAA9B,CAA9B;EACA,MAAM;IAAEC;EAAF,IAAcX,eAAe,EAAnC;EACA,MAAM;IAAEY;EAAF,IAAab,aAAa,EAAhC;;EAEA,MAAMc,kBAAkB,GAAG,YAAY;IACrC,IAAIJ,OAAO,CAACK,mBAAR,KAAgC,KAApC,EAA2C;MACzC,MAAML,OAAO,CAACM,sBAAR,CAA+B,SAA/B,CAAN;IACD,CAFD,MAEO;MACL,MAAMN,OAAO,CAACM,sBAAR,CAA+B,KAA/B,CAAN;IACD;EACF,CAND;;EAQA,MAAMC,SAAyB,GAAGV,gBAAgB,CAAC,CACjD;IACEW,IAAI,EAAE,eADR;IAEEC,IAAI,EAAEP,OAAO,CAACQ,sBAAR,CAA+BC,iBAFvC;IAGEC,OAAO,EAAER,kBAHX;IAIES,UAAU,eAAE,oBAAC,MAAD;MAAQ,KAAK,EAAEb,OAAO,CAACK,mBAAR,KAAgC,KAA/C;MAAsD,aAAa,EAAED;IAArE;EAJd,CADiD,EAOjD;IACEI,IAAI,EAAE,SADR;IAEEC,IAAI,EAAEP,OAAO,CAACQ,sBAAR,CAA+BI,YAFvC;IAGEF,OAAO,EAAE,MAAMjB,kBAAkB,EAHnC;IAIEoB,WAAW,EAAEC,MAAM,CAAChB,OAAO,CAACiB,WAAT,CAJrB;IAKEJ,UAAU,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAEV,MAAM,CAACe;IAA3C;EALd,CAPiD,EAcjD;IACEV,IAAI,EAAE,OADR;IAEEW,SAAS,EAAEhB,MAAM,CAACiB,KAFpB;IAGEX,IAAI,EAAEP,OAAO,CAACQ,sBAAR,CAA+BW,kBAHvC;IAIET,OAAO,EAAE,MAAM;MACbZ,OAAO,CAACsB,KAAR,GAAgBC,IAAhB,CAAqB,MAAM;QACzB3B,uBAAuB;QACvBG,GAAG,CAACyB,mBAAJ,CAAwB,CAACxB,OAAO,CAACyB,GAAT,CAAxB,EAAuCC,KAAvC;MACD,CAHD;IAID;EATH,CAdiD,CAAD,CAAlD;EA2BA,oBACE,oBAAC,IAAD,QACGnB,SAAS,CAACoB,GAAV,CAAe7B,IAAD,IAAU;IACvB,oBACE,oBAAC,OAAD;MACE,GAAG,EAAEA,IAAI,CAACW,IADZ;MAEE,OAAO,EAAEX,IAAI,CAACc,OAFhB;MAGE,IAAI,EAAEd,IAAI,CAACW,IAHb;MAIE,QAAQ,EAAEX,IAAI,CAAC8B,QAJjB;MAKE,IAAI,EAAE9B,IAAI,CAACU,IALb;MAME,SAAS,EAAEV,IAAI,CAACqB,SANlB;MAOE,mBAAmB,EAAErB,IAAI,CAAC+B,mBAP5B;MAQE,WAAW,EAAE/B,IAAI,CAACiB,WARpB;MASE,UAAU,EAAEjB,IAAI,CAACe;IATnB,EADF;EAaD,CAdA,CADH,CADF;AAmBD,CAhED;;AAkEA,eAAenB,wBAAf"}
+{"version":3,"names":["React","useContext","View","PushTriggerOption","Icon","MenuBar","Switch","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","GroupChannelSettingsMenu","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","menu","sdk","channel","Fragment","STRINGS","colors","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","DEFAULT","OFF","menuItems","icon","name","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION","onPress","actionItem","MENU_MEMBERS","actionLabel","String","memberCount","onBackground01","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: toggleNotification,\n      actionItem: <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n      onPress: () => {\n        channel.leave().then(() => {\n          onPressMenuLeaveChannel();\n          sdk.clearCachedMessages([channel.url]).catch();\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"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"}

package/lib/module/domain/groupChannelSettings/module/moduleContext.js

@@ -71,11 +71,9 @@ export const GroupChannelSettingsContextsProvider = _ref => {
       submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
       placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
       defaultValue: activeChannel.name,
-      onSubmit: async channelName => {
-        const params = new sdk.GroupChannelParams();
-        params.name = channelName;
-        await updateChannel(params);
-      }
+      onSubmit: channelName => updateChannel({
+        name: channelName
+      })
     });
   }, [STRINGS, updateChannel, activeChannel.name]);
   const changeChannelImage = useCallback(() => {
@@ -102,9 +100,9 @@ export const GroupChannelSettingsContextsProvider = _ref => {
             }
           });
           if (!file) return;
-          const params = new sdk.GroupChannelParams();
-          params.coverImage = file;
-          await updateChannel(params);
+          await updateChannel({
+            coverImage: file
+          });
         }
       }, {
         title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,
@@ -128,9 +126,9 @@ export const GroupChannelSettingsContextsProvider = _ref => {
             }
           });
           if (!files || !files[0]) return;
-          const params = new sdk.GroupChannelParams();
-          params.coverImage = files[0];
-          await updateChannel(params);
+          await updateChannel({
+            coverImage: files[0]
+          });
         }
       }]
     });

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useActiveGroupChannel","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","GroupChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","forceUpdate","STRINGS","sdk","fileService","alert","activeChannel","setActiveChannel","onChannelChanged","isGroupChannel","onChannelFrozen","onChannelUnfrozen","toast","openSheet","openPrompt","openMenu","updateChannel","params","updatedChannel","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","GroupChannelParams","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelParams,\n  SendbirdOpenChannel,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdGroupChannel | SendbirdOpenChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelParams) => {\n      const updatedChannel = await activeChannel.updateChannel(params);\n      setActiveChannel(updatedChannel);\n      forceUpdate();\n    },\n    [activeChannel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: activeChannel.name,\n      onSubmit: async (channelName) => {\n        const params = new sdk.GroupChannelParams();\n        params.name = channelName;\n        await updateChannel(params);\n      },\n    });\n  }, [STRINGS, updateChannel, activeChannel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = file;\n            await updateChannel(params);\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = files[0];\n            await updateChannel(params);\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel: activeChannel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,WAA/B,QAAkD,OAAlD;AAEA,SAASC,qBAAT,EAAgCC,iBAAhC,QAAyD,4BAAzD;AACA,SAASC,aAAT,EAAwBC,QAAxB,EAAkCC,cAAlC,EAAkDC,SAAlD,EAA6DC,QAA7D,QAA6E,yCAA7E;AACA,SACEC,IADF,EAKEC,kBALF,EAMEC,cANF,EAOEC,SAPF,QAQO,uBARP;AAUA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,EAA0BC,kBAA1B,EAA8CC,eAA9C,QAAqE,2BAArE;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AAGA,OAAO,MAAMC,4BAA8D,GAAG;EAC5EC,QAAQ,eAAEpB,aAAa,CAAC;IACtBqB,OAAO,EAAE,EADa;IAEtBC,WAAW,EAAE,EAFS;IAGtBC,WAAW,EAAE,EAHS;IAItBC,kBAAkB,EAAEf;EAJE,CAAD;AADqD,CAAvE;AASP,MAAMgB,SAAS,GAAG,sCAAlB;AACA,OAAO,MAAMC,oCAA4E,GAAG,QAA2B;EAAA,IAA1B;IAAEC,QAAF;IAAYN;EAAZ,CAA0B;EACrH,MAAMO,MAAM,GAAGhB,SAAS,CAACa,SAAD,CAAxB;EACA,MAAMI,WAAW,GAAGlB,cAAc,EAAlC;EACA,MAAM;IAAEmB;EAAF,IAAchB,eAAe,EAAnC;EACA,MAAM;IAAEiB;EAAF,IAAUf,eAAe,EAA/B;EACA,MAAM;IAAEgB;EAAF,IAAkBjB,kBAAkB,EAA1C;EACA,MAAM;IAAEkB;EAAF,IAAY5B,QAAQ,EAA1B;EAEA,MAAM;IAAE6B,aAAF;IAAiBC;EAAjB,IAAsCjC,qBAAqB,CAAC6B,GAAD,EAAMV,OAAN,CAAjE;;EAEA,MAAMe,gBAAgB,GAAIf,OAAD,IAAyD;IAChF,IAAIX,kBAAkB,CAACW,OAAD,EAAUa,aAAV,CAAlB,IAA8C,CAACb,OAAO,CAACgB,cAAR,EAAnD,EAA6E;IAC7EF,gBAAgB,CAACd,OAAD,CAAhB;IACAQ,WAAW;EACZ,CAJD;;EAMA1B,iBAAiB,CAAC4B,GAAD,EAAO,GAAEN,SAAU,IAAGG,MAAO,EAA7B,EAAgC;IAC/CQ,gBAAgB,EAAEA,gBAD6B;IAE/CE,eAAe,EAAEF,gBAF8B;IAG/CG,iBAAiB,EAAEH;EAH4B,CAAhC,CAAjB;EAMA,MAAMI,KAAK,GAAGhC,QAAQ,EAAtB;EACA,MAAM;IAAEiC;EAAF,IAAgBnC,cAAc,EAApC;EACA,MAAM;IAAEoC;EAAF,IAAiBnC,SAAS,EAAhC;EACA,MAAM;IAAEoC;EAAF,IAAevC,aAAa,EAAlC;EAEA,MAAMwC,aAAa,GAAG3C,WAAW,CAC/B,MAAO4C,MAAP,IAA8C;IAC5C,MAAMC,cAAc,GAAG,MAAMZ,aAAa,CAACU,aAAd,CAA4BC,MAA5B,CAA7B;IACAV,gBAAgB,CAACW,cAAD,CAAhB;IACAjB,WAAW;EACZ,CAL8B,EAM/B,CAACK,aAAD,CAN+B,CAAjC;EASA,MAAMa,iBAAiB,GAAG9C,WAAW,CAAC,MAAM;IAC1CyC,UAAU,CAAC;MACTM,KAAK,EAAElB,OAAO,CAACmB,sBAAR,CAA+BC,+BAD7B;MAETC,WAAW,EAAErB,OAAO,CAACmB,sBAAR,CAA+BG,4BAFnC;MAGTC,WAAW,EAAEvB,OAAO,CAACmB,sBAAR,CAA+BK,qCAHnC;MAITC,YAAY,EAAErB,aAAa,CAACsB,IAJnB;MAKTC,QAAQ,EAAE,MAAOC,WAAP,IAAuB;QAC/B,MAAMb,MAAM,GAAG,IAAId,GAAG,CAAC4B,kBAAR,EAAf;QACAd,MAAM,CAACW,IAAP,GAAcE,WAAd;QACA,MAAMd,aAAa,CAACC,MAAD,CAAnB;MACD;IATQ,CAAD,CAAV;EAWD,CAZoC,EAYlC,CAACf,OAAD,EAAUc,aAAV,EAAyBV,aAAa,CAACsB,IAAvC,CAZkC,CAArC;EAcA,MAAMI,kBAAkB,GAAG3D,WAAW,CAAC,MAAM;IAC3C0C,QAAQ,CAAC;MACPK,KAAK,EAAElB,OAAO,CAACmB,sBAAR,CAA+BY,8BAD/B;MAEPC,SAAS,EAAE,CACT;QACEd,KAAK,EAAElB,OAAO,CAACmB,sBAAR,CAA+Bc,+BADxC;QAEEC,OAAO,EAAE,YAAY;UACnB,MAAMC,IAAI,GAAG,MAAMjC,WAAW,CAACkC,UAAZ,CAAuB;YACxCC,SAAS,EAAE,OAD6B;YAExCC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAerD,QAAQ,CAACsD,IAAT,CAAcC,sBAAjC,EAAyD;gBACvDvC,KAAK,CAAC;kBACJe,KAAK,EAAElB,OAAO,CAAC2C,MAAR,CAAeC,uBADlB;kBAEJC,OAAO,EAAE7C,OAAO,CAAC2C,MAAR,CAAeG,yBAAf,CAAyC,QAAzC,EAAmD,aAAnD,CAFL;kBAGJC,OAAO,EAAE,CAAC;oBAAEC,IAAI,EAAEhD,OAAO,CAAC2C,MAAR,CAAeM,oBAAvB;oBAA6Cf,OAAO,EAAE,MAAM9C,QAAQ,CAAC8D,YAAT;kBAA5D,CAAD;gBAHL,CAAD,CAAL;cAKD,CAND,MAMO;gBACLxC,KAAK,CAACyC,IAAN,CAAWnD,OAAO,CAACoD,KAAR,CAAcC,iBAAzB,EAA4C,OAA5C;cACD;YACF;UAZuC,CAAvB,CAAnB;UAcA,IAAI,CAAClB,IAAL,EAAW;UAEX,MAAMpB,MAAM,GAAG,IAAId,GAAG,CAAC4B,kBAAR,EAAf;UACAd,MAAM,CAACuC,UAAP,GAAoBnB,IAApB;UACA,MAAMrB,aAAa,CAACC,MAAD,CAAnB;QACD;MAtBH,CADS,EAyBT;QACEG,KAAK,EAAElB,OAAO,CAACmB,sBAAR,CAA+BoC,sCADxC;QAEErB,OAAO,EAAE,YAAY;UACnB,MAAMsB,KAAK,GAAG,MAAMtD,WAAW,CAACuD,gBAAZ,CAA6B;YAC/CC,cAAc,EAAE,CAD+B;YAE/CrB,SAAS,EAAE,OAFoC;YAG/CC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAerD,QAAQ,CAACsD,IAAT,CAAcC,sBAAjC,EAAyD;gBACvDvC,KAAK,CAAC;kBACJe,KAAK,EAAElB,OAAO,CAAC2C,MAAR,CAAeC,uBADlB;kBAEJC,OAAO,EAAE7C,OAAO,CAAC2C,MAAR,CAAeG,yBAAf,CAAyC,gBAAzC,EAA2D,aAA3D,CAFL;kBAGJC,OAAO,EAAE,CAAC;oBAAEC,IAAI,EAAEhD,OAAO,CAAC2C,MAAR,CAAeM,oBAAvB;oBAA6Cf,OAAO,EAAE,MAAM9C,QAAQ,CAAC8D,YAAT;kBAA5D,CAAD;gBAHL,CAAD,CAAL;cAKD,CAND,MAMO;gBACLxC,KAAK,CAACyC,IAAN,CAAWnD,OAAO,CAACoD,KAAR,CAAcO,wBAAzB,EAAmD,OAAnD;cACD;YACF;UAb8C,CAA7B,CAApB;UAeA,IAAI,CAACH,KAAD,IAAU,CAACA,KAAK,CAAC,CAAD,CAApB,EAAyB;UAEzB,MAAMzC,MAAM,GAAG,IAAId,GAAG,CAAC4B,kBAAR,EAAf;UACAd,MAAM,CAACuC,UAAP,GAAoBE,KAAK,CAAC,CAAD,CAAzB;UACA,MAAM1C,aAAa,CAACC,MAAD,CAAnB;QACD;MAvBH,CAzBS;IAFJ,CAAD,CAAR;EAsDD,CAvDqC,EAuDnC,CAACf,OAAD,EAAUc,aAAV,CAvDmC,CAAtC;EAyDA,MAAMpB,kBAAkB,GAAGvB,WAAW,CAAC,MAAM;IAC3CwC,SAAS,CAAC;MACRiD,UAAU,EAAE,CACV;QAAE1C,KAAK,EAAElB,OAAO,CAACmB,sBAAR,CAA+B0C,kBAAxC;QAA4D3B,OAAO,EAAEjB;MAArE,CADU,EAEV;QAAEC,KAAK,EAAElB,OAAO,CAACmB,sBAAR,CAA+B2C,mBAAxC;QAA6D5B,OAAO,EAAEJ;MAAtE,CAFU;IADJ,CAAD,CAAT;EAMD,CAPqC,EAOnC,CAAC9B,OAAD,EAAU8B,kBAAV,EAA8Bb,iBAA9B,CAPmC,CAAtC;EASA,oBACE,oBAAC,cAAD,qBACE,oBAAC,4BAAD,CAA8B,QAA9B,CAAuC,QAAvC;IACE,KAAK,EAAE;MACL1B,OAAO,EAAEa,aADJ;MAELZ,WAAW,EAAEQ,OAAO,CAACmB,sBAAR,CAA+B4C,YAFvC;MAGLtE,WAAW,EAAEO,OAAO,CAACmB,sBAAR,CAA+B6C,YAHvC;MAILtE;IAJK;EADT,GAQGG,QARH,CADF,CADF;AAcD,CAlIM"}
+{"version":3,"names":["React","createContext","useCallback","useActiveGroupChannel","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","GroupChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","forceUpdate","STRINGS","sdk","fileService","alert","activeChannel","setActiveChannel","onChannelChanged","isGroupChannel","onChannelFrozen","onChannelUnfrozen","toast","openSheet","openPrompt","openMenu","updateChannel","params","updatedChannel","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelUpdateParams) => {\n      const updatedChannel = await activeChannel.updateChannel(params);\n      setActiveChannel(updatedChannel);\n      forceUpdate();\n    },\n    [activeChannel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: activeChannel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, activeChannel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel: activeChannel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}

package/lib/module/domain/groupChannelUserList/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdGroupChannel, SendbirdGroupChannelParams } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\nimport type { GroupChannelType } from '../groupChannelList/types';\nimport type { UserListProps } from '../userList/types';\n\ntype UserIds = string[];\n\nexport interface GroupChannelCreateProps<User> {\n  Fragment: {\n    onPressHeaderLeft: () => void;\n    onCreateChannel: (channel: SendbirdGroupChannel) => void;\n    channelType?: GroupChannelType;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    onBeforeCreateChannel?: (\n      params: SendbirdGroupChannelParams,\n      users: User[],\n    ) => SendbirdGroupChannelParams | Promise<SendbirdGroupChannelParams>;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelCreateFragment<User> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;\n\nexport interface GroupChannelInviteProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onInviteMembers: (channel: SendbirdGroupChannel) => void;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n  };\n}\nexport type GroupChannelInviteFragment<User> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;\n\nexport interface GroupChannelMembersProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelMembersFragment<User> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\nimport type { GroupChannelType } from '../groupChannelList/types';\nimport type { UserListProps } from '../userList/types';\n\ntype UserIds = string[];\n\nexport interface GroupChannelCreateProps<User> {\n  Fragment: {\n    onPressHeaderLeft: () => void;\n    onCreateChannel: (channel: SendbirdGroupChannel) => void;\n    channelType?: GroupChannelType;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    onBeforeCreateChannel?: (\n      params: SendbirdGroupChannelCreateParams,\n      users: User[],\n    ) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelCreateFragment<User> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;\n\nexport interface GroupChannelInviteProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onInviteMembers: (channel: SendbirdGroupChannel) => void;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n  };\n}\nexport type GroupChannelInviteFragment<User> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;\n\nexport interface GroupChannelMembersProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelMembersFragment<User> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;\n"],"mappings":""}

package/lib/module/fragments/createGroupChannelCreateFragment.js

@@ -90,16 +90,17 @@ const createGroupChannelCreateFragment = initModule => {
     }, /*#__PURE__*/React.createElement(UserListModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: async users => {
-        const params = new sdk.GroupChannelParams();
+        const params = {
+          invitedUserIds: userIdsGenerator(users),
+          name: '',
+          coverUrl: '',
+          isDistinct: false
+        };
         if (channelType === 'BROADCAST') params.isBroadcast = true;
         if (channelType === 'SUPER_GROUP') params.isSuper = true;
         if (currentUser) params.operatorUserIds = [currentUser.userId];
-        params.addUserIds(userIdsGenerator(users));
-        params.name = '';
-        params.coverUrl = '';
-        params.isDistinct = false;
         const processedParams = await onBeforeCreateChannel(params, users);
-        const channel = await sdk.GroupChannel.createChannel(processedParams);
+        const channel = await sdk.groupChannel.createChannel(processedParams);
         onCreateChannel(channel);
       }
     }), /*#__PURE__*/React.createElement(StatusComposition, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","useUserList","Logger","PASS","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","warn","createGroupChannelCreateFragment","initModule","UserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","refreshing","loading","error","refresh","next","_renderUser","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","GroupChannelParams","isBroadcast","isSuper","operatorUserIds","addUserIds","name","coverUrl","isDistinct","processedParams","channel","GroupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdUser, useFreshCallback } 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 defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\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        throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const sbUser = user as unknown as SendbirdUser;\n      const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n      const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n      const isMe = sbUser.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\n          onPress={() => {\n            sbSetSelectedUsers(([...draft]) => {\n              if (isSelected) draft.splice(userIdx, 1);\n              else draft.push(sbUser);\n              return draft;\n            });\n          }}\n        >\n          <UserSelectableBar\n            uri={sbUser.profileUrl}\n            name={sbUser.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 = new sdk.GroupChannelParams();\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n            params.addUserIds(userIdsGenerator(users));\n            params.name = '';\n            params.coverUrl = '';\n            params.isDistinct = false;\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","Logger","PASS","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","warn","createGroupChannelCreateFragment","initModule","UserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","refreshing","loading","error","refresh","next","_renderUser","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","invitedUserIds","name","coverUrl","isDistinct","isBroadcast","isSuper","operatorUserIds","processedParams","channel","groupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdGroupChannelCreateParams, SendbirdUser, useFreshCallback } 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 defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\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        throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const sbUser = user as unknown as SendbirdUser;\n      const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n      const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n      const isMe = sbUser.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\n          onPress={() => {\n            sbSetSelectedUsers(([...draft]) => {\n              if (isSelected) draft.splice(userIdx, 1);\n              else draft.push(sbUser);\n              return draft;\n            });\n          }}\n        >\n          <UserSelectableBar\n            uri={sbUser.profileUrl}\n            name={sbUser.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: SendbirdGroupChannelCreateParams = {\n              invitedUserIds: userIdsGenerator(users),\n              name: '',\n              coverUrl: '',\n              isDistinct: false,\n            };\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\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

@@ -70,27 +70,27 @@ const createGroupChannelFragment = initModule => {
       ...flatListProps
     }), [loading, flatListProps]);
     const onSendFileMessage = useFreshCallback(async file => {
-      const params = new sdk.FileMessageParams();
-      params.file = file;
-      const processedParams = await onBeforeSendFileMessage(params);
+      const processedParams = await onBeforeSendFileMessage({
+        file
+      });
       await sendFileMessage(processedParams);
     });
     const onSendUserMessage = useFreshCallback(async text => {
-      const params = new sdk.UserMessageParams();
-      params.message = text;
-      const processedParams = await onBeforeSendUserMessage(params);
+      const processedParams = await onBeforeSendUserMessage({
+        message: text
+      });
       await sendUserMessage(processedParams);
     });
     const onUpdateFileMessage = useFreshCallback(async (editedFile, message) => {
-      const params = new sdk.FileMessageParams();
-      params.file = editedFile;
-      const processedParams = await onBeforeSendFileMessage(params);
+      const processedParams = await onBeforeSendFileMessage({
+        file: editedFile
+      });
       await updateFileMessage(message.messageId, processedParams);
     });
     const onUpdateUserMessage = useFreshCallback(async (editedText, message) => {
-      const params = new sdk.UserMessageParams();
-      params.message = editedText;
-      const processedParams = await onBeforeSendUserMessage(params);
+      const processedParams = await onBeforeSendUserMessage({
+        message: editedText
+      });
       await updateUserMessage(message.messageId, processedParams);
     });
     return /*#__PURE__*/React.createElement(GroupChannelModule.Provider, {

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","onPressImageMessage","onPressMediaMessage","onChannelDeleted","onBeforeSendFileMessage","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","flatListProps","sdk","currentUser","activeChannel","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","enableCollectionWithoutLocalCache","_renderMessage","memoizedFlatListProps","ListEmptyComponent","contentContainerStyle","flexGrow","onSendFileMessage","file","params","FileMessageParams","processedParams","onSendUserMessage","text","UserMessageParams","message","onUpdateFileMessage","editedFile","messageId","onUpdateUserMessage","editedText"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, 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    onPressImageMessage,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendFileMessage = PASS,\n    onBeforeSendUserMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const {\n      activeChannel,\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 onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const params = new sdk.FileMessageParams();\n      params.file = file;\n      const processedParams = await onBeforeSendFileMessage(params);\n      await sendFileMessage(processedParams);\n    });\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(async (text) => {\n      const params = new sdk.UserMessageParams();\n      params.message = text;\n      const processedParams = await onBeforeSendUserMessage(params);\n      await sendUserMessage(processedParams);\n    });\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n      async (editedFile, message) => {\n        const params = new sdk.FileMessageParams();\n        params.file = editedFile;\n        const processedParams = await onBeforeSendFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message) => {\n        const params = new sdk.UserMessageParams();\n        params.message = editedText;\n        const processedParams = await onBeforeSendUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={activeChannel}\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            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            channel={activeChannel}\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            channel={activeChannel}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}
+{"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","onPressImageMessage","onPressMediaMessage","onChannelDeleted","onBeforeSendFileMessage","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","flatListProps","sdk","currentUser","activeChannel","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","enableCollectionWithoutLocalCache","_renderMessage","memoizedFlatListProps","ListEmptyComponent","contentContainerStyle","flexGrow","onSendFileMessage","file","processedParams","onSendUserMessage","text","message","onUpdateFileMessage","editedFile","messageId","onUpdateUserMessage","editedText"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, 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    onPressImageMessage,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendFileMessage = PASS,\n    onBeforeSendUserMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const {\n      activeChannel,\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 onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      await sendFileMessage(processedParams);\n    });\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(async (text) => {\n      const processedParams = await onBeforeSendUserMessage({ message: text });\n      await sendUserMessage(processedParams);\n    });\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    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message) => {\n        const processedParams = await onBeforeSendUserMessage({ message: editedText });\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={activeChannel}\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            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            channel={activeChannel}\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            channel={activeChannel}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelMembersFragment.js

@@ -32,10 +32,10 @@ const createGroupChannelMembersFragment = initModule => {
       STRINGS
     } = useLocalization();
     useChannelHandler(sdk, `${name}_${uniqId}`, {
-      onUserEntered(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
-
+      // Note: Removed from v4
+      // onUserEntered(channel) {
+      //   if (channel.url === activeChannel.url) forceUpdate();
+      // },
       onUserLeft(channel) {
         if (channel.url === activeChannel.url) forceUpdate();
       },

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useActiveGroupChannel","useChannelHandler","Icon","useForceUpdate","useUniqId","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","noop","name","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","forceUpdate","sdk","currentUser","activeChannel","STRINGS","onUserEntered","url","onUserLeft","onUserJoined","onUserUnmuted","onUserUnbanned","onUserBanned","onUserMuted","onChannelMemberCountChanged","channels","find","c","onChannelChanged","onChannelFrozen","onChannelUnfrozen","_renderUser","user","selectedUsers","setSelectedUsers","isMuted","profileUrl","role","GROUP_CHANNEL_MEMBERS","USER_BAR_OPERATOR","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","undefined","HEADER_TITLE","members"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { useForceUpdate, useUniqId } from '@sendbird/uikit-utils';\n\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } 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 noop = () => '';\nconst name = 'createGroupChannelMembersFragment';\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(name);\n    const forceUpdate = useForceUpdate();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    const { STRINGS } = useLocalization();\n\n    useChannelHandler(sdk, `${name}_${uniqId}`, {\n      onUserEntered(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserLeft(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserJoined(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnmuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnbanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserBanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserMuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelMemberCountChanged(channels) {\n        if (channels.find((c) => c.url === channel.url)) forceUpdate();\n      },\n      onChannelChanged(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelFrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelUnfrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        return (\n          <UserActionBar\n            muted={user.isMuted}\n            uri={user.profileUrl}\n            label={user.role === 'operator' ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR : ''}\n            name={\n              (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n              (user.userId === currentUser?.userId ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX : '')\n            }\n            disabled={user.userId === currentUser?.userId}\n            // TODO: implement ban/mute actions, use channel.members with handlers instead member query\n            onPressActionMenu={undefined}\n          />\n        );\n      },\n      [renderUser],\n    );\n\n    return (\n      <UserListModule.Provider headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n\n        <UserListModule.List\n          users={activeChannel.members}\n          renderUser={_renderUser}\n          onLoadNext={async () => void 0}\n          ListEmptyComponent={<UserListModule.StatusEmpty />}\n        />\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useActiveGroupChannel","useChannelHandler","Icon","useForceUpdate","useUniqId","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","noop","name","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","forceUpdate","sdk","currentUser","activeChannel","STRINGS","onUserLeft","url","onUserJoined","onUserUnmuted","onUserUnbanned","onUserBanned","onUserMuted","onChannelMemberCountChanged","channels","find","c","onChannelChanged","onChannelFrozen","onChannelUnfrozen","_renderUser","user","selectedUsers","setSelectedUsers","isMuted","profileUrl","role","GROUP_CHANNEL_MEMBERS","USER_BAR_OPERATOR","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","undefined","HEADER_TITLE","members"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { useForceUpdate, useUniqId } from '@sendbird/uikit-utils';\n\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } 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 noop = () => '';\nconst name = 'createGroupChannelMembersFragment';\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(name);\n    const forceUpdate = useForceUpdate();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    const { STRINGS } = useLocalization();\n\n    useChannelHandler(sdk, `${name}_${uniqId}`, {\n      // Note: Removed from v4\n      // onUserEntered(channel) {\n      //   if (channel.url === activeChannel.url) forceUpdate();\n      // },\n      onUserLeft(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserJoined(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnmuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnbanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserBanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserMuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelMemberCountChanged(channels) {\n        if (channels.find((c) => c.url === channel.url)) forceUpdate();\n      },\n      onChannelChanged(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelFrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelUnfrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        return (\n          <UserActionBar\n            muted={user.isMuted}\n            uri={user.profileUrl}\n            label={user.role === 'operator' ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR : ''}\n            name={\n              (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n              (user.userId === currentUser?.userId ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX : '')\n            }\n            disabled={user.userId === currentUser?.userId}\n            // TODO: implement ban/mute actions, use channel.members with handlers instead member query\n            onPressActionMenu={undefined}\n          />\n        );\n      },\n      [renderUser],\n    );\n\n    return (\n      <UserListModule.Provider headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n\n        <UserListModule.List\n          users={activeChannel.members}\n          renderUser={_renderUser}\n          onLoadNext={async () => void 0}\n          ListEmptyComponent={<UserListModule.StatusEmpty />}\n        />\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}

package/lib/module/hooks/useConnection.js

@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 import { Logger } from '@sendbird/uikit-utils';
 import { useSendbirdChat } from './useContext';
 import usePushTokenRegistration from './usePushTokenRegistration';
-const cacheStrictCodes = [400300, 400301, 400302, 400310];
+const cacheRestrictCodes = [400300, 400301, 400302, 400310];
 
 const useConnection = () => {
   const {
@@ -15,44 +15,45 @@ const useConnection = () => {
     unregisterPushTokenForCurrentUser
   } = usePushTokenRegistration();
   const connect = useCallback(async (userId, opts) => {
-    return new Promise((resolve, reject) => {
-      const callback = async (user, error) => {
-        if (error && sdk.isCacheEnabled && cacheStrictCodes.some(code => error.code === code)) {
-          Logger.warn('[useConnection]', 'connect failure', error.message, error.code);
-          Logger.warn('[useConnection]', 'clear cached-data');
-          await sdk.clearCachedData().catch(e => Logger.warn('[useConnection]', 'clear cached-data failure', e));
-          return reject(error);
-        }
-
-        if (user) {
-          let _user = user;
+    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(opts.nickname, sdk.currentUser.profileUrl).then(updatedUser => _user = updatedUser).catch(e => Logger.warn('[useConnection]', 'nickname-sync failure', e));
-          }
+      if (opts !== null && opts !== void 0 && opts.nickname) {
+        Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);
+        await sdk.updateCurrentUserInfo({
+          nickname: opts.nickname
+        }).then(updatedUser => user = updatedUser).catch(e => Logger.warn('[useConnection]', 'nickname-sync failure', e));
+      }
 
-          if (features.autoPushTokenRegistrationEnabled) {
-            Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');
-            await registerPushTokenForCurrentUser().catch(e => {
-              Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);
-            });
-          }
+      if (features.autoPushTokenRegistrationEnabled) {
+        Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');
+        await registerPushTokenForCurrentUser().catch(e => {
+          Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);
+        });
+      }
 
-          Logger.debug('[useConnection]', 'connected!');
-          setCurrentUser(_user);
-          return resolve(_user);
-        }
+      Logger.debug('[useConnection]', 'connected! (online)');
+      setCurrentUser(user);
+      return user;
+    } catch (e) {
+      const error = e;
 
-        if (error) {
-          Logger.warn('[useConnection]', 'connect failure', error.message, error.code);
-          return reject(error);
+      if (sdk.isCacheEnabled) {
+        if (cacheRestrictCodes.some(code => error.code === code)) {
+          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) {
+          Logger.debug('[useConnection]', 'connected! (offline)');
+          setCurrentUser(sdk.currentUser);
+          return sdk.currentUser;
         }
-      };
+      }
 
-      Logger.debug('[useConnection]', 'connect start:', userId);
-      if (opts !== null && opts !== void 0 && opts.accessToken) sdk.connect(userId, opts.accessToken, callback);else sdk.connect(userId, callback);
-    });
+      Logger.warn('[useConnection]', 'connect failure', error.message, error.code);
+      throw error;
+    }
   }, [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);
   const disconnect = useCallback(async () => {
     Logger.debug('[useConnection]', 'disconnect start');
@@ -64,8 +65,7 @@ const useConnection = () => {
       });
     }
 
-    await sdk.disconnect();
-    setCurrentUser(undefined);
+    await sdk.disconnect().then(() => setCurrentUser(undefined));
     Logger.debug('[useConnection]', 'disconnected!');
   }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);
   return {