@sendbird/uikit-react-native 1.0.0 → 1.1.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","Logger","PASS","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, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdUser } 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> = useCallback(\n      (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      [renderUser, queryCreator],\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","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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"}

package/lib/module/fragments/createGroupChannelFragment.js

@@ -1,6 +1,6 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';
-import { NOOP, PASS, messageComparator } from '@sendbird/uikit-utils';
+import { NOOP, PASS, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';
 import MessageRenderer from '../components/MessageRenderer';
 import NewMessagesButton from '../components/NewMessagesButton';
 import ScrollToBottomButton from '../components/ScrollToBottomButton';
@@ -19,7 +19,8 @@ const createGroupChannelFragment = initModule => {
       enableTypingIndicator = true,
       onPressHeaderLeft = NOOP,
       onPressHeaderRight = NOOP,
-      onPressImageMessage = NOOP,
+      onPressImageMessage,
+      onPressMediaMessage = NOOP,
       onChannelDeleted = NOOP,
       onBeforeSendFileMessage = PASS,
       onBeforeSendUserMessage = PASS,
@@ -56,10 +57,10 @@ const createGroupChannelFragment = initModule => {
       enableCollectionWithoutLocalCache: true
     });
 
-    const _renderMessage = useCallback(props => {
+    const _renderMessage = useFreshCallback(props => {
       if (renderMessage) return renderMessage(props);
       return /*#__PURE__*/React.createElement(MessageRenderer, props);
-    }, [renderMessage]);
+    });
 
     const memoizedFlatListProps = useMemo(() => ({
       ListEmptyComponent: /*#__PURE__*/React.createElement(GroupChannelModule.StatusEmpty, null),
@@ -68,30 +69,30 @@ const createGroupChannelFragment = initModule => {
       },
       ...flatListProps
     }), [loading, flatListProps]);
-    const onSendFileMessage = useCallback(async file => {
+    const onSendFileMessage = useFreshCallback(async file => {
       const params = new sdk.FileMessageParams();
       params.file = file;
       const processedParams = await onBeforeSendFileMessage(params);
       await sendFileMessage(processedParams);
-    }, [sdk, sendFileMessage, onBeforeSendFileMessage]);
-    const onSendUserMessage = useCallback(async text => {
+    });
+    const onSendUserMessage = useFreshCallback(async text => {
       const params = new sdk.UserMessageParams();
       params.message = text;
       const processedParams = await onBeforeSendUserMessage(params);
       await sendUserMessage(processedParams);
-    }, [sdk, sendUserMessage, onBeforeSendUserMessage]);
-    const onUpdateFileMessage = useCallback(async (editedFile, message) => {
+    });
+    const onUpdateFileMessage = useFreshCallback(async (editedFile, message) => {
       const params = new sdk.FileMessageParams();
       params.file = editedFile;
       const processedParams = await onBeforeSendFileMessage(params);
       await updateFileMessage(message.messageId, processedParams);
-    }, [sdk, updateFileMessage, onBeforeSendFileMessage]);
-    const onUpdateUserMessage = useCallback(async (editedText, message) => {
+    });
+    const onUpdateUserMessage = useFreshCallback(async (editedText, message) => {
       const params = new sdk.UserMessageParams();
       params.message = editedText;
       const processedParams = await onBeforeSendUserMessage(params);
       await updateUserMessage(message.messageId, processedParams);
-    }, [sdk, updateUserMessage, onBeforeSendUserMessage]);
+    });
     return /*#__PURE__*/React.createElement(GroupChannelModule.Provider, {
       channel: activeChannel,
       enableTypingIndicator: enableTypingIndicator,
@@ -117,6 +118,7 @@ const createGroupChannelFragment = initModule => {
       onResendFailedMessage: resendMessage,
       onDeleteMessage: deleteMessage,
       onPressImageMessage: onPressImageMessage,
+      onPressMediaMessage: onPressMediaMessage,
       flatListProps: memoizedFlatListProps
     }), /*#__PURE__*/React.createElement(GroupChannelModule.Input, {
       channel: activeChannel,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useGroupChannelMessages","NOOP","PASS","messageComparator","MessageRenderer","NewMessagesButton","ScrollToBottomButton","StatusComposition","createGroupChannelModule","useSendbirdChat","createGroupChannelFragment","initModule","GroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","onPressHeaderRight","onPressImageMessage","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, { useCallback, useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, messageComparator } 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 = 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: true,\n    });\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useCallback(\n      (props) => {\n        if (renderMessage) return renderMessage(props);\n        return <MessageRenderer {...props} />;\n      },\n      [renderMessage],\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'] = useCallback(\n      async (file) => {\n        const params = new sdk.FileMessageParams();\n        params.file = file;\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n      [sdk, sendFileMessage, onBeforeSendFileMessage],\n    );\n\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useCallback(\n      async (text) => {\n        const params = new sdk.UserMessageParams();\n        params.message = text;\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n      [sdk, sendUserMessage, onBeforeSendUserMessage],\n    );\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useCallback(\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      [sdk, updateFileMessage, onBeforeSendFileMessage],\n    );\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useCallback(\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      [sdk, updateUserMessage, onBeforeSendUserMessage],\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            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","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: true,\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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"}

package/lib/module/fragments/createGroupChannelListFragment.js

@@ -1,19 +1,11 @@
-import React, { useCallback, useEffect } from 'react';
-import { AppState, Pressable } from 'react-native';
+import React, { useEffect } from 'react';
+import { AppState } from 'react-native';
 import { useGroupChannelList } from '@sendbird/uikit-chat-hooks';
-import { GroupChannelPreview } from '@sendbird/uikit-react-native-foundation';
-import { Logger, PASS, channelComparator, getFileExtension, getFileType } from '@sendbird/uikit-utils';
-import ChannelCover from '../components/ChannelCover';
+import { Logger, PASS, channelComparator, useFreshCallback } from '@sendbird/uikit-utils';
+import GroupChannelPreviewContainer from '../components/GroupChannelPreviewContainer';
 import StatusComposition from '../components/StatusComposition';
-import { DEFAULT_LONG_PRESS_DELAY } from '../constants';
 import createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';
-import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-const iconMapper = {
-  audio: 'file-audio',
-  image: 'photo',
-  video: 'play',
-  file: 'file-document'
-};
+import { useSendbirdChat } from '../hooks/useContext';
 
 const createGroupChannelListFragment = initModule => {
   const GroupChannelListModule = createGroupChannelListModule(initModule);
@@ -35,9 +27,6 @@ const createGroupChannelListFragment = initModule => {
       features,
       markAsDeliveredWithChannel
     } = useSendbirdChat();
-    const {
-      STRINGS
-    } = useLocalization();
     const {
       groupChannels,
       next,
@@ -57,30 +46,14 @@ const createGroupChannelListFragment = initModule => {
       }, []);
     }
 
-    const _renderGroupChannelPreview = useCallback((channel, onLongPressChannel) => {
-      var _channel$lastMessage;
-
+    const _renderGroupChannelPreview = useFreshCallback((channel, onLongPressChannel) => {
       if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);
-      return /*#__PURE__*/React.createElement(Pressable, {
+      return /*#__PURE__*/React.createElement(GroupChannelPreviewContainer, {
+        channel: channel,
         onPress: () => onPressChannel(channel),
-        onLongPress: onLongPressChannel,
-        delayLongPress: DEFAULT_LONG_PRESS_DELAY
-      }, /*#__PURE__*/React.createElement(GroupChannelPreview, {
-        customCover: /*#__PURE__*/React.createElement(ChannelCover, {
-          channel: channel,
-          size: 56
-        }),
-        coverUrl: channel.coverUrl,
-        title: STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),
-        titleCaption: STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel),
-        body: STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel),
-        badgeCount: channel.unreadMessageCount,
-        bodyIcon: (_channel$lastMessage = channel.lastMessage) !== null && _channel$lastMessage !== void 0 && _channel$lastMessage.isFileMessage() ? iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))] : undefined,
-        frozen: channel.isFrozen,
-        notificationOff: channel.myPushTriggerOption === 'off',
-        memberCount: channel.memberCount > 2 ? channel.memberCount : undefined
-      }));
-    }, [STRINGS, onPressChannel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId]);
+        onLongPress: () => onLongPressChannel()
+      });
+    });
 
     if (!currentUser) {
       Logger.warn('Cannot render GroupChannelListFragment, User is not connected');

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","AppState","Pressable","useGroupChannelList","GroupChannelPreview","Logger","PASS","channelComparator","getFileExtension","getFileType","ChannelCover","StatusComposition","DEFAULT_LONG_PRESS_DELAY","createGroupChannelListModule","useLocalization","useSendbirdChat","iconMapper","audio","image","video","file","createGroupChannelListFragment","initModule","GroupChannelListModule","TypeSelectorHeader","onPressChannel","onPressCreateChannel","queryCreator","sortComparator","renderGroupChannelPreview","flatListProps","menuItemCreator","sdk","currentUser","features","markAsDeliveredWithChannel","STRINGS","groupChannels","next","loading","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","listener","addEventListener","status","forEach","remove","_renderGroupChannelPreview","channel","onLongPressChannel","coverUrl","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","CHANNEL_PREVIEW_BODY","unreadMessageCount","lastMessage","isFileMessage","type","name","undefined","isFrozen","myPushTriggerOption","memberCount","warn","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { AppState, Pressable } from 'react-native';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { GroupChannelPreview } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, PASS, channelComparator, getFileExtension, getFileType } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport StatusComposition from '../components/StatusComposition';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    TypeSelectorHeader,\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    sortComparator = channelComparator,\n    renderGroupChannelPreview,\n    // skipTypeSelection = true,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      enableCollectionWithoutLocalCache: true,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useEffect(() => {\n        const listener = AppState.addEventListener('change', (status) => {\n          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n        });\n        return () => listener.remove();\n      }, []);\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <Pressable\n            onPress={() => onPressChannel(channel)}\n            onLongPress={onLongPressChannel}\n            delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n          >\n            <GroupChannelPreview\n              customCover={<ChannelCover channel={channel} size={56} />}\n              coverUrl={channel.coverUrl}\n              title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n              titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n              body={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel)}\n              badgeCount={channel.unreadMessageCount}\n              bodyIcon={\n                channel.lastMessage?.isFileMessage()\n                  ? iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))]\n                  : undefined\n              }\n              frozen={channel.isFrozen}\n              notificationOff={channel.myPushTriggerOption === 'off'}\n              memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n            />\n          </Pressable>\n        );\n      },\n      [STRINGS, onPressChannel, currentUser?.userId],\n    );\n\n    if (!currentUser) {\n      Logger.warn('Cannot render GroupChannelListFragment, User is not connected');\n      return null;\n    }\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          // NOTE: not included in first iteration\n          skipTypeSelection\n          Header={TypeSelectorHeader}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","AppState","useGroupChannelList","Logger","PASS","channelComparator","useFreshCallback","GroupChannelPreviewContainer","StatusComposition","createGroupChannelListModule","useSendbirdChat","createGroupChannelListFragment","initModule","GroupChannelListModule","TypeSelectorHeader","onPressChannel","onPressCreateChannel","queryCreator","sortComparator","renderGroupChannelPreview","flatListProps","menuItemCreator","sdk","currentUser","features","markAsDeliveredWithChannel","groupChannels","next","loading","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","listener","addEventListener","status","forEach","remove","_renderGroupChannelPreview","channel","onLongPressChannel","warn","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { AppState } from 'react-native';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, channelComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport GroupChannelPreviewContainer from '../components/GroupChannelPreviewContainer';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    TypeSelectorHeader,\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    sortComparator = channelComparator,\n    renderGroupChannelPreview,\n    // skipTypeSelection = true,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      enableCollectionWithoutLocalCache: true,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useEffect(() => {\n        const listener = AppState.addEventListener('change', (status) => {\n          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n        });\n        return () => listener.remove();\n      }, []);\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <GroupChannelPreviewContainer\n            channel={channel}\n            onPress={() => onPressChannel(channel)}\n            onLongPress={() => onLongPressChannel()}\n          />\n        );\n      },\n    );\n\n    if (!currentUser) {\n      Logger.warn('Cannot render GroupChannelListFragment, User is not connected');\n      return null;\n    }\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          // NOTE: not included in first iteration\n          skipTypeSelection\n          Header={TypeSelectorHeader}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,mBAAT,QAAoC,4BAApC;AACA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,iBAAvB,EAA0CC,gBAA1C,QAAkE,uBAAlE;AAEA,OAAOC,4BAAP,MAAyC,4CAAzC;AACA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,4BAAP,MAAyC,gEAAzC;AAMA,SAASC,eAAT,QAAgC,qBAAhC;;AAEA,MAAMC,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAGJ,4BAA4B,CAACG,UAAD,CAA3D;EACA,OAAO,QAUD;IAAA,IAVE;MACNE,kBADM;MAENC,cAFM;MAGNC,oBAHM;MAINC,YAJM;MAKNC,cAAc,GAAGb,iBALX;MAMNc,yBANM;MAON;MACAC,aAAa,GAAG,EARV;MASNC,eAAe,GAAGjB;IATZ,CAUF;IACJ,MAAM;MAAEkB,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6Df,eAAe,EAAlF;IACA,MAAM;MAAEgB,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmC1B,mBAAmB,CAACoB,GAAD,EAAMC,WAAN,aAAMA,WAAN,uBAAMA,WAAW,CAAEM,MAAnB,EAA2B;MACrFZ,YADqF;MAErFC,cAFqF;MAGrFY,iCAAiC,EAAE;IAHkD,CAA3B,CAA5D;;IAMA,IAAIN,QAAQ,CAACO,sBAAb,EAAqC;MACnC/B,SAAS,CAAC,MAAM;QACd,MAAMgC,QAAQ,GAAG/B,QAAQ,CAACgC,gBAAT,CAA0B,QAA1B,EAAqCC,MAAD,IAAY;UAC/D,IAAIA,MAAM,KAAK,QAAf,EAAyBR,aAAa,CAACS,OAAd,CAAsBV,0BAAtB;QAC1B,CAFgB,CAAjB;QAGA,OAAO,MAAMO,QAAQ,CAACI,MAAT,EAAb;MACD,CALQ,EAKN,EALM,CAAT;IAMD;;IAED,MAAMC,0BAAsF,GAAG/B,gBAAgB,CAC7G,CAACgC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAIpB,yBAAJ,EAA+B,OAAOA,yBAAyB,CAACmB,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,oBAAC,4BAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAMvB,cAAc,CAACuB,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4G,CAA/G;;IAaA,IAAI,CAAChB,WAAL,EAAkB;MAChBpB,MAAM,CAACqC,IAAP,CAAY,+DAAZ;MACA,OAAO,IAAP;IACD;;IAED,oBACE,oBAAC,sBAAD,CAAwB,QAAxB,qBACE,oBAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,oBAAC,iBAAD;MAAmB,OAAO,EAAEZ,OAA5B;MAAqC,gBAAgB,eAAE,oBAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,oBAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAEP,eADnB;MAEE,yBAAyB,EAAEgB,0BAF7B;MAGE,aAAa,EAAEX,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACbc,kBAAkB,eAAE,oBAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGvB;MAHU;IALjB,EADF,CAFF,eAeE,oBAAC,sBAAD,CAAwB,YAAxB;MACE;MACA,iBAAiB,MAFnB;MAGE,MAAM,EAAEN,kBAHV;MAIE,YAAY,EAAEE;IAJhB,EAfF,CADF;EAwBD,CArED;AAsED,CAxED;;AA0EA,eAAeL,8BAAf"}

package/lib/module/fragments/createGroupChannelMembersFragment.js

@@ -76,7 +76,7 @@ const createGroupChannelMembersFragment = initModule => {
         if (channel.url === activeChannel.url) forceUpdate();
       }
 
-    }, [activeChannel]);
+    });
 
     const _renderUser = useCallback((user, selectedUsers, setSelectedUsers) => {
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);

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(\n      sdk,\n      `${name}_${uniqId}`,\n      {\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      [activeChannel],\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","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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"}

package/lib/module/fragments/createGroupChannelSettingsFragment.js

@@ -13,8 +13,7 @@ const createGroupChannelSettingsFragment = initModule => {
       channel,
       onPressMenuMembers,
       onPressMenuLeaveChannel,
-      menuItemsCreator,
-      children
+      menuItemsCreator
     } = _ref;
     const {
       colors
@@ -39,7 +38,7 @@ const createGroupChannelSettingsFragment = initModule => {
       menuItemsCreator: menuItemsCreator,
       onPressMenuMembers: onPressMenuMembers,
       onPressMenuLeaveChannel: onPressMenuLeaveChannel
-    }), children));
+    })));
   };
 };
 

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","LocalizationContext","PlatformServiceContext","SendbirdChatContext","useLocalization","value","Error","usePlatformService","useSendbirdChat"],"sources":["useContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { LocalizationContext, LocalizationContextType } from '../contexts/Localization';\nimport { PlatformServiceContext } from '../contexts/PlatformService';\nimport { SendbirdChatContext } from '../contexts/SendbirdChat';\n\nexport const useLocalization = () => {\n  const value = useContext<LocalizationContextType | null>(\n    LocalizationContext as React.Context<LocalizationContextType | null>,\n  );\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n"],"mappings":"AAAA,SAAgBA,UAAhB,QAAkC,OAAlC;AAEA,SAASC,mBAAT,QAA6D,0BAA7D;AACA,SAASC,sBAAT,QAAuC,6BAAvC;AACA,SAASC,mBAAT,QAAoC,0BAApC;AAEA,OAAO,MAAMC,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAGL,UAAU,CACtBC,mBADsB,CAAxB;EAGA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CANM;AAQP,OAAO,MAAME,kBAAkB,GAAG,MAAM;EACtC,MAAMF,KAAK,GAAGL,UAAU,CAACE,sBAAD,CAAxB;EACA,IAAI,CAACG,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMG,eAAe,GAAG,MAAM;EACnC,MAAMH,KAAK,GAAGL,UAAU,CAACG,mBAAD,CAAxB;EACA,IAAI,CAACE,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM"}
+{"version":3,"names":["useContext","LocalizationContext","PlatformServiceContext","SendbirdChatContext","useLocalization","value","Error","usePlatformService","useSendbirdChat"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/Localization';\nimport { PlatformServiceContext } from '../contexts/PlatformService';\nimport { SendbirdChatContext } from '../contexts/SendbirdChat';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,mBAAT,QAAoC,0BAApC;AACA,SAASC,sBAAT,QAAuC,6BAAvC;AACA,SAASC,mBAAT,QAAoC,0BAApC;AAEA,OAAO,MAAMC,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAGL,UAAU,CAACC,mBAAD,CAAxB;EACA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAME,kBAAkB,GAAG,MAAM;EACtC,MAAMF,KAAK,GAAGL,UAAU,CAACE,sBAAD,CAAxB;EACA,IAAI,CAACG,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMG,eAAe,GAAG,MAAM;EACnC,MAAMH,KAAK,GAAGL,UAAU,CAACG,mBAAD,CAAxB;EACA,IAAI,CAACE,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM"}

package/lib/module/index.js

@@ -4,6 +4,7 @@ import { Logger } from '@sendbird/uikit-utils';
 export { default as MessageRenderer } from './components/MessageRenderer';
 export { default as ChannelCover } from './components/ChannelCover';
 export { default as ChatFlatList } from './components/ChatFlatList';
+export { default as FileViewer } from './components/FileViewer';
 export { default as NewMessagesButton } from './components/NewMessagesButton';
 export { default as ProviderLayout } from './components/ProviderLayout';
 export { default as ScrollToBottomButton } from './components/ScrollToBottomButton';
@@ -38,9 +39,11 @@ export { createBaseStringSet } from './localization/StringSet.type';
 export { default as createNativeFileService } from './platform/createFileService.native';
 export { default as createNativeClipboardService } from './platform/createClipboardService.native';
 export { default as createNativeNotificationService } from './platform/createNotificationService.native';
+export { default as createNativeMediaService } from './platform/createMediaService.native';
 export { default as createExpoFileService } from './platform/createFileService.expo';
 export { default as createExpoClipboardService } from './platform/createClipboardService.expo';
 export { default as createExpoNotificationService } from './platform/createNotificationService.expo';
+export { default as createExpoMediaService } from './platform/createMediaService.expo';
 
 /** Domain **/
 export * from './domain/groupChannel';
@@ -52,6 +55,6 @@ export * from './domain/groupChannelUserList/types';
 
 export { default as SendbirdUIKitContainer, SendbirdUIKit, SendbirdUIKitContainerProps } from './SendbirdUIKitContainer';
 export * from './types';
+Logger.setLogLevel(__DEV__ ? 'warn' : 'none');
 Logger.setTitle(`[UIKIT_${Platform.OS}]`);
-__DEV__ && Logger.setLogLevel('none');
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","Logger","default","MessageRenderer","ChannelCover","ChatFlatList","NewMessagesButton","ProviderLayout","ScrollToBottomButton","StatusComposition","TypedPlaceholder","UserActionBar","UserSelectableBar","createGroupChannelCreateFragment","createGroupChannelFragment","createGroupChannelSettingsFragment","createGroupChannelInviteFragment","createGroupChannelListFragment","createGroupChannelMembersFragment","SendbirdChatContext","SendbirdChatProvider","PlatformServiceContext","PlatformServiceProvider","LocalizationContext","LocalizationProvider","useConnection","usePushTokenRegistration","useLocalization","usePlatformService","useSendbirdChat","StringSetEn","createBaseStringSet","createNativeFileService","createNativeClipboardService","createNativeNotificationService","createExpoFileService","createExpoClipboardService","createExpoNotificationService","SendbirdUIKitContainer","SendbirdUIKit","SendbirdUIKitContainerProps","setTitle","OS","__DEV__","setLogLevel"],"sources":["index.ts"],"sourcesContent":["/** Components **/\nimport { Platform } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nexport { default as MessageRenderer } from './components/MessageRenderer';\nexport { default as ChannelCover } from './components/ChannelCover';\nexport { default as ChatFlatList } from './components/ChatFlatList';\nexport { default as NewMessagesButton } from './components/NewMessagesButton';\nexport { default as ProviderLayout } from './components/ProviderLayout';\nexport { default as ScrollToBottomButton } from './components/ScrollToBottomButton';\nexport { default as StatusComposition } from './components/StatusComposition';\nexport { default as TypedPlaceholder } from './components/TypedPlaceholder';\nexport { default as UserActionBar } from './components/UserActionBar';\nexport { default as UserSelectableBar } from './components/UserSelectableBar';\n\n/** Fragments **/\nexport { default as createGroupChannelCreateFragment } from './fragments/createGroupChannelCreateFragment';\nexport { default as createGroupChannelFragment } from './fragments/createGroupChannelFragment';\nexport { default as createGroupChannelSettingsFragment } from './fragments/createGroupChannelSettingsFragment';\nexport { default as createGroupChannelInviteFragment } from './fragments/createGroupChannelInviteFragment';\nexport { default as createGroupChannelListFragment } from './fragments/createGroupChannelListFragment';\nexport { default as createGroupChannelMembersFragment } from './fragments/createGroupChannelMembersFragment';\n\n/** Context **/\nexport { SendbirdChatContext, SendbirdChatProvider } from './contexts/SendbirdChat';\nexport { PlatformServiceContext, PlatformServiceProvider } from './contexts/PlatformService';\nexport { LocalizationContext, LocalizationProvider } from './contexts/Localization';\n\n/** Hooks **/\nexport { default as useConnection } from './hooks/useConnection';\nexport { default as usePushTokenRegistration } from './hooks/usePushTokenRegistration';\nexport { useLocalization, usePlatformService, useSendbirdChat } from './hooks/useContext';\n\n/** Localization **/\nexport { default as StringSetEn } from './localization/StringSet.en';\nexport { createBaseStringSet } from './localization/StringSet.type';\nexport type { StringSet } from './localization/StringSet.type';\n\n/** Platform API **/\nexport { default as createNativeFileService } from './platform/createFileService.native';\nexport { default as createNativeClipboardService } from './platform/createClipboardService.native';\nexport { default as createNativeNotificationService } from './platform/createNotificationService.native';\nexport { default as createExpoFileService } from './platform/createFileService.expo';\nexport { default as createExpoClipboardService } from './platform/createClipboardService.expo';\nexport { default as createExpoNotificationService } from './platform/createNotificationService.expo';\nexport type {\n  FileServiceInterface,\n  ClipboardServiceInterface,\n  FilePickerServiceInterface,\n  FileSystemServiceInterface,\n  SaveOptions,\n  OpenDocumentOptions,\n  OpenCameraOptions,\n  OpenMediaLibraryOptions,\n  OpenResultListener,\n  DownloadedPath,\n  Unsubscribe,\n  FilePickerResponse,\n  FileType,\n  NotificationServiceInterface,\n} from './platform/types';\n\n/** Domain **/\nexport * from './domain/groupChannel';\nexport type {\n  GroupChannelProps,\n  GroupChannelModule,\n  GroupChannelFragment,\n  GroupChannelContextsType,\n} from './domain/groupChannel/types';\n\nexport * from './domain/groupChannelSettings';\nexport type {\n  GroupChannelSettingsProps,\n  GroupChannelSettingsModule,\n  GroupChannelSettingsFragment,\n  GroupChannelSettingsContextsType,\n} from './domain/groupChannelSettings/types';\n\nexport * from './domain/groupChannelList';\nexport type {\n  GroupChannelType,\n  GroupChannelListProps,\n  GroupChannelListModule,\n  GroupChannelListFragment,\n  GroupChannelListContextsType,\n} from './domain/groupChannelList/types';\n\nexport * from './domain/userList';\nexport type { UserListProps, UserListModule, UserListContextsType } from './domain/userList/types';\nexport * from './domain/groupChannelUserList/types';\n\n/** UIKit **/\nexport {\n  default as SendbirdUIKitContainer,\n  SendbirdUIKit,\n  SendbirdUIKitContainerProps,\n} from './SendbirdUIKitContainer';\n\nexport * from './types';\n\nLogger.setTitle(`[UIKIT_${Platform.OS}]`);\n__DEV__ && Logger.setLogLevel('none');\n"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,cAAzB;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AAEA,SAASC,OAAO,IAAIC,eAApB,QAA2C,8BAA3C;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,2BAAxC;AACA,SAASF,OAAO,IAAIG,YAApB,QAAwC,2BAAxC;AACA,SAASH,OAAO,IAAII,iBAApB,QAA6C,gCAA7C;AACA,SAASJ,OAAO,IAAIK,cAApB,QAA0C,6BAA1C;AACA,SAASL,OAAO,IAAIM,oBAApB,QAAgD,mCAAhD;AACA,SAASN,OAAO,IAAIO,iBAApB,QAA6C,gCAA7C;AACA,SAASP,OAAO,IAAIQ,gBAApB,QAA4C,+BAA5C;AACA,SAASR,OAAO,IAAIS,aAApB,QAAyC,4BAAzC;AACA,SAAST,OAAO,IAAIU,iBAApB,QAA6C,gCAA7C;AAEA;;AACA,SAASV,OAAO,IAAIW,gCAApB,QAA4D,8CAA5D;AACA,SAASX,OAAO,IAAIY,0BAApB,QAAsD,wCAAtD;AACA,SAASZ,OAAO,IAAIa,kCAApB,QAA8D,gDAA9D;AACA,SAASb,OAAO,IAAIc,gCAApB,QAA4D,8CAA5D;AACA,SAASd,OAAO,IAAIe,8BAApB,QAA0D,4CAA1D;AACA,SAASf,OAAO,IAAIgB,iCAApB,QAA6D,+CAA7D;AAEA;;AACA,SAASC,mBAAT,EAA8BC,oBAA9B,QAA0D,yBAA1D;AACA,SAASC,sBAAT,EAAiCC,uBAAjC,QAAgE,4BAAhE;AACA,SAASC,mBAAT,EAA8BC,oBAA9B,QAA0D,yBAA1D;AAEA;;AACA,SAAStB,OAAO,IAAIuB,aAApB,QAAyC,uBAAzC;AACA,SAASvB,OAAO,IAAIwB,wBAApB,QAAoD,kCAApD;AACA,SAASC,eAAT,EAA0BC,kBAA1B,EAA8CC,eAA9C,QAAqE,oBAArE;AAEA;;AACA,SAAS3B,OAAO,IAAI4B,WAApB,QAAuC,6BAAvC;AACA,SAASC,mBAAT,QAAoC,+BAApC;;AAGA;AACA,SAAS7B,OAAO,IAAI8B,uBAApB,QAAmD,qCAAnD;AACA,SAAS9B,OAAO,IAAI+B,4BAApB,QAAwD,0CAAxD;AACA,SAAS/B,OAAO,IAAIgC,+BAApB,QAA2D,6CAA3D;AACA,SAAShC,OAAO,IAAIiC,qBAApB,QAAiD,mCAAjD;AACA,SAASjC,OAAO,IAAIkC,0BAApB,QAAsD,wCAAtD;AACA,SAASlC,OAAO,IAAImC,6BAApB,QAAyD,2CAAzD;;AAkBA;AACA,cAAc,uBAAd;AAQA,cAAc,+BAAd;AAQA,cAAc,2BAAd;AASA,cAAc,mBAAd;AAEA,cAAc,qCAAd;AAEA;;AACA,SACEnC,OAAO,IAAIoC,sBADb,EAEEC,aAFF,EAGEC,2BAHF,QAIO,0BAJP;AAMA,cAAc,SAAd;AAEAvC,MAAM,CAACwC,QAAP,CAAiB,UAASzC,QAAQ,CAAC0C,EAAG,GAAtC;AACAC,OAAO,IAAI1C,MAAM,CAAC2C,WAAP,CAAmB,MAAnB,CAAX"}
+{"version":3,"names":["Platform","Logger","default","MessageRenderer","ChannelCover","ChatFlatList","FileViewer","NewMessagesButton","ProviderLayout","ScrollToBottomButton","StatusComposition","TypedPlaceholder","UserActionBar","UserSelectableBar","createGroupChannelCreateFragment","createGroupChannelFragment","createGroupChannelSettingsFragment","createGroupChannelInviteFragment","createGroupChannelListFragment","createGroupChannelMembersFragment","SendbirdChatContext","SendbirdChatProvider","PlatformServiceContext","PlatformServiceProvider","LocalizationContext","LocalizationProvider","useConnection","usePushTokenRegistration","useLocalization","usePlatformService","useSendbirdChat","StringSetEn","createBaseStringSet","createNativeFileService","createNativeClipboardService","createNativeNotificationService","createNativeMediaService","createExpoFileService","createExpoClipboardService","createExpoNotificationService","createExpoMediaService","SendbirdUIKitContainer","SendbirdUIKit","SendbirdUIKitContainerProps","setLogLevel","__DEV__","setTitle","OS"],"sources":["index.ts"],"sourcesContent":["/** Components **/\nimport { Platform } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nexport { default as MessageRenderer } from './components/MessageRenderer';\nexport { default as ChannelCover } from './components/ChannelCover';\nexport { default as ChatFlatList } from './components/ChatFlatList';\nexport { default as FileViewer } from './components/FileViewer';\nexport { default as NewMessagesButton } from './components/NewMessagesButton';\nexport { default as ProviderLayout } from './components/ProviderLayout';\nexport { default as ScrollToBottomButton } from './components/ScrollToBottomButton';\nexport { default as StatusComposition } from './components/StatusComposition';\nexport { default as TypedPlaceholder } from './components/TypedPlaceholder';\nexport { default as UserActionBar } from './components/UserActionBar';\nexport { default as UserSelectableBar } from './components/UserSelectableBar';\n\n/** Fragments **/\nexport { default as createGroupChannelCreateFragment } from './fragments/createGroupChannelCreateFragment';\nexport { default as createGroupChannelFragment } from './fragments/createGroupChannelFragment';\nexport { default as createGroupChannelSettingsFragment } from './fragments/createGroupChannelSettingsFragment';\nexport { default as createGroupChannelInviteFragment } from './fragments/createGroupChannelInviteFragment';\nexport { default as createGroupChannelListFragment } from './fragments/createGroupChannelListFragment';\nexport { default as createGroupChannelMembersFragment } from './fragments/createGroupChannelMembersFragment';\n\n/** Context **/\nexport { SendbirdChatContext, SendbirdChatProvider } from './contexts/SendbirdChat';\nexport { PlatformServiceContext, PlatformServiceProvider } from './contexts/PlatformService';\nexport { LocalizationContext, LocalizationProvider } from './contexts/Localization';\n\n/** Hooks **/\nexport { default as useConnection } from './hooks/useConnection';\nexport { default as usePushTokenRegistration } from './hooks/usePushTokenRegistration';\nexport { useLocalization, usePlatformService, useSendbirdChat } from './hooks/useContext';\n\n/** Localization **/\nexport { default as StringSetEn } from './localization/StringSet.en';\nexport { createBaseStringSet } from './localization/StringSet.type';\nexport type { StringSet } from './localization/StringSet.type';\n\n/** Platform API **/\nexport { default as createNativeFileService } from './platform/createFileService.native';\nexport { default as createNativeClipboardService } from './platform/createClipboardService.native';\nexport { default as createNativeNotificationService } from './platform/createNotificationService.native';\nexport { default as createNativeMediaService } from './platform/createMediaService.native';\nexport { default as createExpoFileService } from './platform/createFileService.expo';\nexport { default as createExpoClipboardService } from './platform/createClipboardService.expo';\nexport { default as createExpoNotificationService } from './platform/createNotificationService.expo';\nexport { default as createExpoMediaService } from './platform/createMediaService.expo';\n\nexport type {\n  FileServiceInterface,\n  ClipboardServiceInterface,\n  FilePickerServiceInterface,\n  FileSystemServiceInterface,\n  SaveOptions,\n  OpenDocumentOptions,\n  OpenCameraOptions,\n  OpenMediaLibraryOptions,\n  OpenResultListener,\n  DownloadedPath,\n  Unsubscribe,\n  FilePickerResponse,\n  FileType,\n  NotificationServiceInterface,\n} from './platform/types';\n\n/** Domain **/\nexport * from './domain/groupChannel';\nexport type {\n  GroupChannelProps,\n  GroupChannelModule,\n  GroupChannelFragment,\n  GroupChannelContextsType,\n} from './domain/groupChannel/types';\n\nexport * from './domain/groupChannelSettings';\nexport type {\n  GroupChannelSettingsProps,\n  GroupChannelSettingsModule,\n  GroupChannelSettingsFragment,\n  GroupChannelSettingsContextsType,\n} from './domain/groupChannelSettings/types';\n\nexport * from './domain/groupChannelList';\nexport type {\n  GroupChannelType,\n  GroupChannelListProps,\n  GroupChannelListModule,\n  GroupChannelListFragment,\n  GroupChannelListContextsType,\n} from './domain/groupChannelList/types';\n\nexport * from './domain/userList';\nexport type { UserListProps, UserListModule, UserListContextsType } from './domain/userList/types';\nexport * from './domain/groupChannelUserList/types';\n\n/** UIKit **/\nexport {\n  default as SendbirdUIKitContainer,\n  SendbirdUIKit,\n  SendbirdUIKitContainerProps,\n} from './SendbirdUIKitContainer';\n\nexport * from './types';\n\nLogger.setLogLevel(__DEV__ ? 'warn' : 'none');\nLogger.setTitle(`[UIKIT_${Platform.OS}]`);\n"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,cAAzB;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AAEA,SAASC,OAAO,IAAIC,eAApB,QAA2C,8BAA3C;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,2BAAxC;AACA,SAASF,OAAO,IAAIG,YAApB,QAAwC,2BAAxC;AACA,SAASH,OAAO,IAAII,UAApB,QAAsC,yBAAtC;AACA,SAASJ,OAAO,IAAIK,iBAApB,QAA6C,gCAA7C;AACA,SAASL,OAAO,IAAIM,cAApB,QAA0C,6BAA1C;AACA,SAASN,OAAO,IAAIO,oBAApB,QAAgD,mCAAhD;AACA,SAASP,OAAO,IAAIQ,iBAApB,QAA6C,gCAA7C;AACA,SAASR,OAAO,IAAIS,gBAApB,QAA4C,+BAA5C;AACA,SAAST,OAAO,IAAIU,aAApB,QAAyC,4BAAzC;AACA,SAASV,OAAO,IAAIW,iBAApB,QAA6C,gCAA7C;AAEA;;AACA,SAASX,OAAO,IAAIY,gCAApB,QAA4D,8CAA5D;AACA,SAASZ,OAAO,IAAIa,0BAApB,QAAsD,wCAAtD;AACA,SAASb,OAAO,IAAIc,kCAApB,QAA8D,gDAA9D;AACA,SAASd,OAAO,IAAIe,gCAApB,QAA4D,8CAA5D;AACA,SAASf,OAAO,IAAIgB,8BAApB,QAA0D,4CAA1D;AACA,SAAShB,OAAO,IAAIiB,iCAApB,QAA6D,+CAA7D;AAEA;;AACA,SAASC,mBAAT,EAA8BC,oBAA9B,QAA0D,yBAA1D;AACA,SAASC,sBAAT,EAAiCC,uBAAjC,QAAgE,4BAAhE;AACA,SAASC,mBAAT,EAA8BC,oBAA9B,QAA0D,yBAA1D;AAEA;;AACA,SAASvB,OAAO,IAAIwB,aAApB,QAAyC,uBAAzC;AACA,SAASxB,OAAO,IAAIyB,wBAApB,QAAoD,kCAApD;AACA,SAASC,eAAT,EAA0BC,kBAA1B,EAA8CC,eAA9C,QAAqE,oBAArE;AAEA;;AACA,SAAS5B,OAAO,IAAI6B,WAApB,QAAuC,6BAAvC;AACA,SAASC,mBAAT,QAAoC,+BAApC;;AAGA;AACA,SAAS9B,OAAO,IAAI+B,uBAApB,QAAmD,qCAAnD;AACA,SAAS/B,OAAO,IAAIgC,4BAApB,QAAwD,0CAAxD;AACA,SAAShC,OAAO,IAAIiC,+BAApB,QAA2D,6CAA3D;AACA,SAASjC,OAAO,IAAIkC,wBAApB,QAAoD,sCAApD;AACA,SAASlC,OAAO,IAAImC,qBAApB,QAAiD,mCAAjD;AACA,SAASnC,OAAO,IAAIoC,0BAApB,QAAsD,wCAAtD;AACA,SAASpC,OAAO,IAAIqC,6BAApB,QAAyD,2CAAzD;AACA,SAASrC,OAAO,IAAIsC,sBAApB,QAAkD,oCAAlD;;AAmBA;AACA,cAAc,uBAAd;AAQA,cAAc,+BAAd;AAQA,cAAc,2BAAd;AASA,cAAc,mBAAd;AAEA,cAAc,qCAAd;AAEA;;AACA,SACEtC,OAAO,IAAIuC,sBADb,EAEEC,aAFF,EAGEC,2BAHF,QAIO,0BAJP;AAMA,cAAc,SAAd;AAEA1C,MAAM,CAAC2C,WAAP,CAAmBC,OAAO,GAAG,MAAH,GAAY,MAAtC;AACA5C,MAAM,CAAC6C,QAAP,CAAiB,UAAS9C,QAAQ,CAAC+C,EAAG,GAAtC"}

package/lib/module/localization/StringSet.type.js

@@ -130,6 +130,14 @@ export const createBaseStringSet = _ref => {
       },
       ...(overrides === null || overrides === void 0 ? void 0 : overrides.LABELS)
     },
+    FILE_VIEWER: {
+      TITLE: message => {
+        var _message$sender;
+
+        return ((_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.nickname) || USER_NO_NAME;
+      },
+      SUBTITLE: message => messageTime(new Date(message.createdAt), dateLocale)
+    },
     PLACEHOLDER: {
       NO_BANNED_MEMBERS: 'No banned members',
       NO_USERS: 'No users',