npm - @sendbird/uikit-react-native - Versions diffs - 2.3.0 → 2.4.0 - Mend

@sendbird/uikit-react-native 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (706) hide show

package/lib/module/fragments/createGroupChannelMembersFragment.js CHANGED Viewed

@@ -1,15 +1,13 @@
 import React, { useRef } from 'react';
 import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
 import { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { ifMuted, ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-const noop = () => '';
-const HOOK_NAME = 'createGroupChannelMembersFragment';
+const RETURN_EMPTY_STRING = () => '';
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
@@ -20,7 +18,7 @@ const createGroupChannelMembersFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(HOOK_NAME);
+    const handlerId = useUniqHandlerId('GroupChannelMembersFragment');
     const refreshSchedule = useRef();
     const {
       STRINGS
@@ -48,7 +46,7 @@ const createGroupChannelMembersFragment = initModule => {
         limit: 20
       })
     });
-    useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
+    useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
@@ -108,8 +106,8 @@ const createGroupChannelMembersFragment = initModule => {
           if (!channel.isBroadcast) {
             menuItems.push({
-              title: ifMuted(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
-              onPress: ifMuted(user.isMuted, () => channel.unmuteUser(user), () => channel.muteUser(user))
+              title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
+              onPress: ifThenOr(user.isMuted, () => channel.unmuteUser(user), () => channel.muteUser(user))
             });
           }
@@ -128,7 +126,7 @@ const createGroupChannelMembersFragment = initModule => {
     });
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
-      headerRight: noop,
+      headerRight: RETURN_EMPTY_STRING,
       headerTitle: STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE
     }, /*#__PURE__*/React.createElement(UserListModule.Header, {
       shouldActivateHeaderRight: () => true,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useRef","useChannelHandler","useUserList","Icon","useActionMenu","ifMuted","ifOperator","isDifferentChannel","useFreshCallback","useUniqId","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","noop","HOOK_NAME","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","queryCreator","createMemberListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","profileUrl","role","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Boolean"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifMuted, ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\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, useUserProfile } from '../hooks/useContext';\n\nconst noop = () => '';\nconst HOOK_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(HOOK_NAME);\n\n const refreshSchedule = useRef<NodeJS.Timeout>();\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n const { show } = useUserProfile();\n\n const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n });\n\n useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n onUserLeft(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onUserBanned(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onOperatorUpdated(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n refreshSchedule.current = setTimeout(() => refresh(), 500);\n },\n onUserMuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = true;\n upsertUser(memberFromList);\n }\n },\n onUserUnmuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = false;\n upsertUser(memberFromList);\n }\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((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.LABELS.USER_BAR_OPERATOR : ''}\n name={\n (user.nickname \|\| STRINGS.LABELS.USER_NO_NAME) +\n (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n }\n disabled={user.userId === currentUser?.userId}\n onPressActionMenu={ifOperator(channel.myRole, () => {\n const menuItems: ActionMenuItem['menuItems'] = [];\n\n menuItems.push({\n title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n onPress: ifOperator(\n user.role,\n () => channel.removeOperators([user.userId]),\n () => channel.addOperators([user.userId]),\n ),\n });\n\n if (!channel.isBroadcast) {\n menuItems.push({\n title: ifMuted(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n onPress: ifMuted(\n user.isMuted,\n () => channel.unmuteUser(user),\n () => channel.muteUser(user),\n ),\n });\n }\n\n menuItems.push({\n title: STRINGS.LABELS.BAN,\n style: 'destructive',\n onPress: () => channel.banUser(user),\n });\n\n openMenu({ title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME, menuItems });\n })}\n onPressAvatar={() => show(user)}\n />\n );\n });\n\n return (\n <UserListModule.Provider 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 <StatusComposition\n loading={loading}\n LoadingComponent={<UserListModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n >\n <UserListModule.List\n users={users}\n renderUser={_renderUser}\n onLoadNext={next}\n ListEmptyComponent={<UserListModule.StatusEmpty />}\n />\n </StatusComposition>\n </UserListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useRef","useChannelHandler","useUserList","Icon","useActionMenu","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","queryCreator","createMemberListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","profileUrl","role","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Boolean"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\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, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\n\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 handlerId = useUniqHandlerId('GroupChannelMembersFragment');\n\n const refreshSchedule = useRef<NodeJS.Timeout>();\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n const { show } = useUserProfile();\n\n const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n });\n\n useChannelHandler(sdk, handlerId, {\n onUserLeft(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onUserBanned(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onOperatorUpdated(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n refreshSchedule.current = setTimeout(() => refresh(), 500);\n },\n onUserMuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = true;\n upsertUser(memberFromList);\n }\n },\n onUserUnmuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = false;\n upsertUser(memberFromList);\n }\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((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.LABELS.USER_BAR_OPERATOR : ''}\n name={\n (user.nickname \|\| STRINGS.LABELS.USER_NO_NAME) +\n (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n }\n disabled={user.userId === currentUser?.userId}\n onPressActionMenu={ifOperator(channel.myRole, () => {\n const menuItems: ActionMenuItem['menuItems'] = [];\n\n menuItems.push({\n title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n onPress: ifOperator(\n user.role,\n () => channel.removeOperators([user.userId]),\n () => channel.addOperators([user.userId]),\n ),\n });\n\n if (!channel.isBroadcast) {\n menuItems.push({\n title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n onPress: ifThenOr(\n user.isMuted,\n () => channel.unmuteUser(user),\n () => channel.muteUser(user),\n ),\n });\n }\n\n menuItems.push({\n title: STRINGS.LABELS.BAN,\n style: 'destructive',\n onPress: () => channel.banUser(user),\n });\n\n openMenu({ title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME, menuItems });\n })}\n onPressAvatar={() => show(user)}\n />\n );\n });\n\n return (\n <UserListModule.Provider\n headerRight={RETURN_EMPTY_STRING}\n headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n >\n <UserListModule.Header\n shouldActivateHeaderRight={() => true}\n onPressHeaderLeft={onPressHeaderLeft}\n right={<Icon icon={'plus'} />}\n onPressHeaderRight={async () => onPressHeaderRight()}\n />\n <StatusComposition\n loading={loading}\n LoadingComponent={<UserListModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n >\n <UserListModule.List\n users={users}\n renderUser={_renderUser}\n onLoadNext={next}\n ListEmptyComponent={<UserListModule.StatusEmpty />}\n />\n </StatusComposition>\n </UserListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelMutedMembersFragment.js CHANGED Viewed

@@ -1,12 +1,11 @@
 import React from 'react';
 import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import { NOOP, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-const HOOK_NAME = 'createGroupChannelMutedMembersFragment';
 const createGroupChannelMutedMembersFragment = initModule => {
   const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);
@@ -16,7 +15,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
       channel,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(HOOK_NAME);
+    const handlerId = useUniqHandlerId('GroupChannelMutedMembersFragment');
     const {
       STRINGS
     } = useLocalization();
@@ -30,6 +29,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
     const {
       users,
       deleteUser,
+      upsertUser,
       loading,
       refresh,
       error,
@@ -39,7 +39,17 @@ const createGroupChannelMutedMembersFragment = initModule => {
         limit: 20
       })
     });
-    useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
+    useChannelHandler(sdk, handlerId, {
+      onUserMuted(eventChannel, user) {
+        if (isDifferentChannel(eventChannel, channel)) return;
+        upsertUser(user);
+      },
+      onUserUnmuted(eventChannel, user) {
+        if (isDifferentChannel(eventChannel, channel)) return;
+        deleteUser(user.userId);
+      },
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);

package/lib/module/fragments/createGroupChannelMutedMembersFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","~~useUniqId~~","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","~~HOOK_NAME","~~createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","onPressHeaderLeft","channel","renderUser","~~uniqId~~","STRINGS","sdk","currentUser","openMenu","users","deleteUser","loading","refresh","error","next","queryCreator","createMutedUserListQuery","limit","~~onUserLeft~~","eventChannel","user","userId","onUserBanned","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","title","menuItems","UNMUTE","onPress","unmuteUser","then","Boolean"],"sources":["createGroupChannelMutedMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, isDifferentChannel, useFreshCallback, ~~useUniqId~~ } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';\nimport type {\n GroupChannelMutedMembersFragment,\n GroupChannelMutedMembersModule,\n} from '../domain/groupChannelMutedMembers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst ~~HOOK_NAME = '~~createGroupChannelMutedMembersFragment~~';\nconst~~ ~~createGroupChannelMutedMembersFragment~~ = (\n initModule?: Partial<GroupChannelMutedMembersModule>,\n): GroupChannelMutedMembersFragment => {\n const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);\n\n return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n const ~~uniqId~~ = ~~useUniqId~~(~~HOOK_NAME~~);\n\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n\n const { users, deleteUser, loading, refresh, error, next } = useUserList(sdk, {\n queryCreator: () => channel.createMutedUserListQuery({ limit: 20 }),\n });\n\n useChannelHandler(sdk, `${~~HOOK_NAME}_$~~{~~uniqId~~}`, {\n onUserLeft(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onUserBanned(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n if (renderUser) return renderUser(props);\n\n const { user } = props;\n return (\n <UserActionBar\n muted\n uri={user.profileUrl}\n name={\n (user.nickname \|\| STRINGS.LABELS.USER_NO_NAME) +\n (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n }\n disabled={user.userId === currentUser?.userId}\n onPressActionMenu={() => {\n openMenu({\n title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME,\n menuItems: [\n {\n title: STRINGS.LABELS.UNMUTE,\n onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n },\n ],\n });\n }}\n />\n );\n });\n\n return (\n <GroupChannelMutedMembersModule.Provider channel={channel}>\n <GroupChannelMutedMembersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n <StatusComposition\n loading={loading}\n LoadingComponent={<GroupChannelMutedMembersModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<GroupChannelMutedMembersModule.StatusError onPressRetry={refresh} />}\n >\n <GroupChannelMutedMembersModule.List\n mutedMembers={users}\n onLoadNext={next}\n renderUser={_renderUser}\n ListEmptyComponent={<GroupChannelMutedMembersModule.StatusEmpty />}\n />\n </StatusComposition>\n </GroupChannelMutedMembersModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelMutedMembersFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,EAA4BC,WAA5B,QAA+C,4BAA/C;AACA,SAASC,aAAT,QAA8B,yCAA9B;AACA,SAASC,IAAT,EAAeC,kBAAf,EAAmCC,gBAAnC,EAAqDC,~~SAArD~~,~~QAAsE~~,~~uBAAtE~~;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AACA,SAASC,oCAAT,QAAqD,oCAArD;AAKA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,qBAAjD;AAEA,MAAMC,~~SAAS,GAAG,wCAAlB;;AACA,MAAMC,~~sCAAsC,GAC1CC,UAD6C,IAER;EACrC,MAAMC,8BAA8B,~~GAAGN~~,oCAAoC,~~CAACK~~,UAAD,CAA3E;EAEA,OAAO,QAAuD;IAAA,IAAtD;MAAEE,iBAAiB,~~GAAGb~~,IAAtB;~~MAA4Bc~~,OAA5B;MAAqCC;IAArC,CAAsD;IAC5D,MAAMC,~~MAAM~~,~~GAAGb~~,~~SAAS~~,~~CAACM~~,~~SAAD~~,~~CAAxB~~;IAEA,MAAM;~~MAAEQ~~;IAAF,~~IAAcV~~,eAAe,EAAnC;IACA,MAAM;~~MAAEW~~,GAAF;MAAOC;IAAP,~~IAAuBX~~,eAAe,EAA5C;IACA,MAAM;~~MAAEY~~;IAAF,~~IAAerB~~,aAAa,EAAlC;IAEA,MAAM;~~MAAEsB~~,KAAF;MAASC,UAAT;MAAqBC,~~OAArB~~;~~MAA8BC~~,~~OAA9B~~;~~MAAuCC~~,~~KAAvC~~;~~MAA8CC~~;~~IAA9C~~,~~IAAuD5B~~,WAAW,~~CAACoB~~,GAAD,EAAM;~~MAC5ES~~,YAAY,EAAE,~~MAAMb~~,OAAO,~~CAACc~~,wBAAR,CAAiC;QAAEC,KAAK,EAAE;MAAT,CAAjC;~~IADwD~~,CAAN,~~CAAxE~~;IAIAhC,iBAAiB,~~CAACqB~~,GAAD,~~EAAO~~,~~GAAET~~,~~SAAU~~,~~IAAGO~~,~~MAAO~~,~~EAA7B~~,~~EAAgC~~;~~MAC~~/Cc,UAAU,~~CAACC~~,YAAD,EAAeC,IAAf,EAAqB;~~QAC7B~~,IAAI/B,kBAAkB,CAAC8B,YAAD,~~EAAejB~~,OAAf,CAAtB,EAA+C;QAC/CQ,UAAU,~~CAACU~~,IAAI,~~CAACC~~,MAAN,CAAV;MACD,~~CAJ8C~~;;~~MAK~~/CC,YAAY,~~CAACH~~,YAAD,EAAeC,IAAf,EAAqB;QAC/B,IAAI/B,kBAAkB,CAAC8B,YAAD,~~EAAejB~~,OAAf,CAAtB,EAA+C;QAC/CQ,UAAU,~~CAACU~~,IAAI,~~CAACC~~,MAAN,CAAV;MACD;;~~IAR8C~~,~~CAAhC~~,CAAjB;;~~IAWA~~,~~MAAME~~,WAA2C,~~GAAGjC~~,gBAAgB,~~CAAEkC~~,KAAD,IAAW;MAC9E,~~IAAIrB~~,UAAJ,EAAgB,OAAOA,UAAU,~~CAACqB~~,KAAD,CAAjB;MAEhB,MAAM;~~QAAEJ~~;MAAF,~~IAAWI~~,KAAjB;MACA,oBACE,oBAAC,aAAD;QACE,KAAK,MADP;QAEE,GAAG,~~EAAEJ~~,IAAI,~~CAACK~~,UAFZ;QAGE,IAAI,EACF,~~CAACL~~,IAAI,~~CAACM~~,QAAL,~~IAAiBrB~~,OAAO,~~CAACsB~~,MAAR,CAAeC,YAAjC,~~KACCR~~,IAAI,~~CAACC~~,MAAL,~~MAAgBd~~,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,~~CAAEc~~,MAA7B,~~IAAsChB~~,OAAO,~~CAACsB~~,MAAR,CAAeE,mBAArD,GAA2E,EAD5E,CAJJ;QAOE,QAAQ,~~EAAET~~,IAAI,~~CAACC~~,MAAL,~~MAAgBd~~,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,~~CAAEc~~,MAA7B,CAPZ;QAQE,iBAAiB,EAAE,MAAM;~~UACvBb~~,QAAQ,CAAC;~~YACPsB~~,KAAK,~~EAAEV~~,IAAI,~~CAACM~~,QAAL,~~IAAiBrB~~,OAAO,~~CAACsB~~,MAAR,CAAeC,YADhC;YAEPG,SAAS,EAAE,CACT;cACED,KAAK,~~EAAEzB~~,OAAO,~~CAACsB~~,MAAR,CAAeK,MADxB;cAEEC,OAAO,EAAE,~~MAAM/B~~,OAAO,~~CAACgC~~,UAAR,~~CAAmBd~~,IAAnB,~~EAAyBe~~,IAAzB,CAA8B,~~MAAMzB~~,UAAU,~~CAACU~~,IAAI,~~CAACC~~,MAAN,CAA9C;YAFjB,CADS;UAFJ,CAAD,CAAR;QASD;MAlBH,EADF;IAsBD,CA1BmE,CAApE;;IA4BA,oBACE,oBAAC,8BAAD,CAAgC,QAAhC;MAAyC,OAAO,~~EAAEnB~~;IAAlD,gBACE,oBAAC,8BAAD,CAAgC,MAAhC;MAAuC,iBAAiB,EAAED;IAA1D,EADF,eAEE,oBAAC,iBAAD;MACE,OAAO,~~EAAEU~~,OADX;MAEE,gBAAgB,eAAE,oBAAC,8BAAD,CAAgC,aAAhC,OAFpB;MAGE,KAAK,~~EAAEyB~~,OAAO,~~CAACvB~~,KAAD,CAHhB;MAIE,cAAc,eAAE,oBAAC,8BAAD,CAAgC,WAAhC;QAA4C,YAAY,EAAED;MAA1D;IAJlB,gBAME,oBAAC,8BAAD,CAAgC,IAAhC;MACE,YAAY,~~EAAEH~~,KADhB;MAEE,UAAU,~~EAAEK~~,IAFd;MAGE,UAAU,~~EAAES~~,WAHd;MAIE,kBAAkB,eAAE,oBAAC,8BAAD,CAAgC,WAAhC;IAJtB,EANF,CAFF,CADF;EAkBD,~~CApED~~;~~AAqED~~,~~CA1ED~~;;~~AA4EA~~,~~eAAezB~~,sCAAf"}
1	+ {"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","onPressHeaderLeft","channel","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","queryCreator","createMutedUserListQuery","limit","onUserMuted","eventChannel","user","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","title","menuItems","UNMUTE","onPress","unmuteUser","then","Boolean"],"sources":["createGroupChannelMutedMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';\nimport type {\n GroupChannelMutedMembersFragment,\n GroupChannelMutedMembersModule,\n} from '../domain/groupChannelMutedMembers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelMutedMembersFragment = (\n initModule?: Partial<GroupChannelMutedMembersModule>,\n): GroupChannelMutedMembersFragment => {\n const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);\n\n return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n const handlerId = useUniqHandlerId('GroupChannelMutedMembersFragment');\n\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n\n const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, {\n queryCreator: () => channel.createMutedUserListQuery({ limit: 20 }),\n });\n\n useChannelHandler(sdk, handlerId, {\n onUserMuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n upsertUser(user);\n },\n onUserUnmuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onUserLeft(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onUserBanned(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n if (renderUser) return renderUser(props);\n\n const { user } = props;\n return (\n <UserActionBar\n muted\n uri={user.profileUrl}\n name={\n (user.nickname \|\| STRINGS.LABELS.USER_NO_NAME) +\n (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n }\n disabled={user.userId === currentUser?.userId}\n onPressActionMenu={() => {\n openMenu({\n title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME,\n menuItems: [\n {\n title: STRINGS.LABELS.UNMUTE,\n onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n },\n ],\n });\n }}\n />\n );\n });\n\n return (\n <GroupChannelMutedMembersModule.Provider channel={channel}>\n <GroupChannelMutedMembersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n <StatusComposition\n loading={loading}\n LoadingComponent={<GroupChannelMutedMembersModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<GroupChannelMutedMembersModule.StatusError onPressRetry={refresh} />}\n >\n <GroupChannelMutedMembersModule.List\n mutedMembers={users}\n onLoadNext={next}\n renderUser={_renderUser}\n ListEmptyComponent={<GroupChannelMutedMembersModule.StatusEmpty />}\n />\n </StatusComposition>\n </GroupChannelMutedMembersModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelMutedMembersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelOperatorsFragment.js CHANGED Viewed

@@ -1,12 +1,11 @@
 import React from 'react';
 import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-const name = 'createGroupChannelOperatorsFragment';
 const createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);
@@ -17,7 +16,7 @@ const createGroupChannelOperatorsFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(name);
+    const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');
     const {
       STRINGS
     } = useLocalization();
@@ -44,7 +43,7 @@ const createGroupChannelOperatorsFragment = initModule => {
         limit: 20
       })
     });
-    useChannelHandler(sdk, `${name}_${uniqId}`, {
+    useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);

package/lib/module/fragments/createGroupChannelOperatorsFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","~~useUniqId~~","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","~~name","~~createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","~~uniqId~~","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","queryCreator","createOperatorListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Boolean"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { ifOperator, isDifferentChannel, useFreshCallback, ~~useUniqId~~ } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';\nimport type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst ~~name = '~~createGroupChannelOperatorsFragment~~';\nconst~~ ~~createGroupChannelOperatorsFragment~~ = (\n initModule?: Partial<GroupChannelOperatorsModule>,\n): GroupChannelOperatorsFragment => {\n const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);\n\n return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n const ~~uniqId~~ = ~~useUniqId~~(~~name~~);\n\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n const { show } = useUserProfile();\n\n const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {\n queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),\n });\n\n useChannelHandler(sdk, ~~`${name}_${uniqId}`,~~ {\n onUserLeft(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onUserBanned(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onOperatorUpdated(eventChannel, updatedUsers) {\n if (isDifferentChannel(eventChannel, channel)) return;\n const operatorsAdded = users.length < updatedUsers.length;\n if (operatorsAdded) updatedUsers.forEach(upsertUser);\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n if (renderUser) return renderUser(props);\n\n const { user } = props;\n return (\n <UserActionBar\n muted={false}\n uri={user.profileUrl}\n name={\n (user.nickname \|\| STRINGS.LABELS.USER_NO_NAME) +\n (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n }\n disabled={user.userId === currentUser?.userId}\n onPressAvatar={() => show(user)}\n onPressActionMenu={ifOperator(channel.myRole, () => {\n openMenu({\n title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME,\n menuItems: [\n {\n title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n },\n ],\n });\n })}\n />\n );\n });\n\n return (\n <GroupChannelOperatorsModule.Provider channel={channel}>\n <GroupChannelOperatorsModule.Header\n onPressHeaderLeft={onPressHeaderLeft}\n onPressHeaderRight={onPressHeaderRight}\n />\n\n <StatusComposition\n loading={loading}\n LoadingComponent={<GroupChannelOperatorsModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<GroupChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n >\n <GroupChannelOperatorsModule.List\n operators={users}\n renderUser={_renderUser}\n onLoadNext={next}\n ListEmptyComponent={<GroupChannelOperatorsModule.StatusEmpty />}\n />\n </StatusComposition>\n </GroupChannelOperatorsModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelOperatorsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,EAA4BC,WAA5B,QAA+C,4BAA/C;AACA,SAASC,aAAT,QAA8B,yCAA9B;AACA,SAASC,UAAT,EAAqBC,kBAArB,EAAyCC,gBAAzC,EAA2DC,~~SAA3D~~,~~QAA4E~~,~~uBAA5E~~;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AACA,SAASC,iCAAT,QAAkD,iCAAlD;AAEA,SAASC,eAAT,EAA0BC,eAA1B,EAA2CC,cAA3C,QAAiE,qBAAjE;AAEA,MAAMC,~~IAAI,GAAG,qCAAb;;AACA,MAAMC,~~mCAAmC,GACvCC,UAD0C,IAER;EAClC,MAAMC,2BAA2B,~~GAAGP~~,iCAAiC,~~CAACM~~,UAAD,CAArE;EAEA,OAAO,QAAoE;IAAA,IAAnE;MAAEE,OAAF;MAAWC,iBAAX;MAA8BC,kBAA9B;MAAkDC;IAAlD,CAAmE;IACzE,MAAMC,~~MAAM~~,~~GAAGf~~,~~SAAS~~,~~CAACO~~,~~IAAD,CAAxB~~;IAEA,MAAM;~~MAAES~~;IAAF,~~IAAcZ~~,eAAe,EAAnC;IACA,MAAM;~~MAAEa~~,GAAF;MAAOC;IAAP,~~IAAuBb~~,eAAe,EAA5C;IACA,MAAM;~~MAAEc~~;IAAF,~~IAAevB~~,aAAa,EAAlC;IACA,MAAM;~~MAAEwB~~;IAAF,~~IAAWd~~,cAAc,EAA/B;IAEA,MAAM;~~MAAEe~~,KAAF;MAASC,UAAT;MAAqBC,UAArB;MAAiCC,OAAjC;MAA0CC,OAA1C;MAAmDC,IAAnD;MAAyDC;IAAzD,~~IAAmEhC~~,WAAW,~~CAACsB~~,GAAD,EAAM;MACxFW,YAAY,EAAE,MAAMjB,OAAO,CAACkB,uBAAR,CAAgC;QAAEC,KAAK,EAAE;MAAT,CAAhC;IADoE,CAAN,CAApF;~~IAIApC~~,iBAAiB,~~CAACuB~~,GAAD,~~EAAO~~,~~GAAEV~~,~~IAAK,IAAGQ,MAAO,EAAxB,EAA2B~~;~~MAC1CgB~~,UAAU,CAACC,YAAD,EAAeC,IAAf,EAAqB;QAC7B,~~IAAInC~~,kBAAkB,~~CAACkC~~,YAAD,EAAerB,OAAf,CAAtB,EAA+C;QAC/CW,UAAU,CAACW,IAAI,CAACC,MAAN,CAAV;MACD,~~CAJyC~~;;~~MAK1CC~~,YAAY,CAACH,YAAD,EAAeC,IAAf,EAAqB;QAC/B,~~IAAInC~~,kBAAkB,~~CAACkC~~,YAAD,EAAerB,OAAf,CAAtB,EAA+C;QAC/CW,UAAU,CAACW,IAAI,CAACC,MAAN,CAAV;MACD,~~CARyC~~;;~~MAS1CE~~,iBAAiB,CAACJ,YAAD,EAAeK,YAAf,EAA6B;QAC5C,~~IAAIvC~~,kBAAkB,~~CAACkC~~,YAAD,EAAerB,OAAf,CAAtB,EAA+C;QAC/C,MAAM2B,cAAc,GAAGjB,KAAK,CAACkB,MAAN,GAAeF,YAAY,CAACE,MAAnD;QACA,IAAID,cAAJ,EAAoBD,YAAY,CAACG,OAAb,CAAqBjB,UAArB;MACrB;;~~IAbyC~~,~~CAA3B~~,CAAjB;;IAgBA,MAAMkB,WAA2C,~~GAAG1C~~,gBAAgB,~~CAAE2C~~,KAAD,IAAW;MAC9E,IAAI5B,UAAJ,EAAgB,OAAOA,UAAU,CAAC4B,KAAD,CAAjB;MAEhB,MAAM;QAAET;MAAF,IAAWS,KAAjB;MACA,oBACE,oBAAC,aAAD;QACE,KAAK,EAAE,KADT;QAEE,GAAG,EAAET,IAAI,CAACU,UAFZ;QAGE,IAAI,EACF,CAACV,IAAI,CAACW,QAAL,IAAiB5B,OAAO,CAAC6B,MAAR,CAAeC,YAAjC,KACCb,IAAI,CAACC,MAAL,MAAgBhB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEgB,MAA7B,IAAsClB,OAAO,CAAC6B,MAAR,CAAeE,mBAArD,GAA2E,EAD5E,CAJJ;QAOE,QAAQ,EAAEd,IAAI,CAACC,MAAL,MAAgBhB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEgB,MAA7B,CAPZ;QAQE,aAAa,EAAE,MAAMd,IAAI,CAACa,IAAD,CAR3B;QASE,iBAAiB,~~EAAEpC~~,UAAU,~~CAACc~~,OAAO,CAACqC,MAAT,EAAiB,MAAM;UAClD7B,QAAQ,CAAC;YACP8B,KAAK,EAAEhB,IAAI,CAACW,QAAL,IAAiB5B,OAAO,CAAC6B,MAAR,CAAeC,YADhC;YAEPI,SAAS,EAAE,CACT;cACED,KAAK,EAAEjC,OAAO,CAAC6B,MAAR,CAAeM,mBADxB;cAEEC,OAAO,EAAE,MAAMzC,OAAO,CAAC0C,eAAR,CAAwB,CAACpB,IAAI,CAACC,MAAN,CAAxB,EAAuCoB,IAAvC,CAA4C,MAAMhC,UAAU,CAACW,IAAI,CAACC,MAAN,CAA5D;YAFjB,CADS;UAFJ,CAAD,CAAR;QASD,CAV4B;MAT/B,EADF;IAuBD,CA3BmE,CAApE;;IA6BA,oBACE,oBAAC,2BAAD,CAA6B,QAA7B;MAAsC,OAAO,EAAEvB;IAA/C,gBACE,oBAAC,2BAAD,CAA6B,MAA7B;MACE,iBAAiB,EAAEC,iBADrB;MAEE,kBAAkB,EAAEC;IAFtB,EADF,eAME,oBAAC,iBAAD;MACE,OAAO,EAAEW,OADX;MAEE,gBAAgB,eAAE,oBAAC,2BAAD,CAA6B,aAA7B,OAFpB;MAGE,KAAK,EAAE+B,OAAO,CAAC5B,KAAD,CAHhB;MAIE,cAAc,eAAE,oBAAC,2BAAD,CAA6B,WAA7B;QAAyC,YAAY,EAAEF;MAAvD;IAJlB,gBAME,oBAAC,2BAAD,CAA6B,IAA7B;MACE,SAAS,EAAEJ,KADb;MAEE,UAAU,EAAEoB,WAFd;MAGE,UAAU,EAAEf,IAHd;MAIE,kBAAkB,eAAE,oBAAC,2BAAD,CAA6B,WAA7B;IAJtB,EANF,CANF,CADF;EAsBD,CA/ED;AAgFD,CArFD;;AAuFA,eAAelB,mCAAf"}
1	+ {"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","queryCreator","createOperatorListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Boolean"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';\nimport type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createGroupChannelOperatorsFragment = (\n initModule?: Partial<GroupChannelOperatorsModule>,\n): GroupChannelOperatorsFragment => {\n const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);\n\n return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');\n\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n const { show } = useUserProfile();\n\n const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {\n queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),\n });\n\n useChannelHandler(sdk, handlerId, {\n onUserLeft(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onUserBanned(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel)) return;\n deleteUser(user.userId);\n },\n onOperatorUpdated(eventChannel, updatedUsers) {\n if (isDifferentChannel(eventChannel, channel)) return;\n const operatorsAdded = users.length < updatedUsers.length;\n if (operatorsAdded) updatedUsers.forEach(upsertUser);\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n if (renderUser) return renderUser(props);\n\n const { user } = props;\n return (\n <UserActionBar\n muted={false}\n uri={user.profileUrl}\n name={\n (user.nickname \|\| STRINGS.LABELS.USER_NO_NAME) +\n (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n }\n disabled={user.userId === currentUser?.userId}\n onPressAvatar={() => show(user)}\n onPressActionMenu={ifOperator(channel.myRole, () => {\n openMenu({\n title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME,\n menuItems: [\n {\n title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n },\n ],\n });\n })}\n />\n );\n });\n\n return (\n <GroupChannelOperatorsModule.Provider channel={channel}>\n <GroupChannelOperatorsModule.Header\n onPressHeaderLeft={onPressHeaderLeft}\n onPressHeaderRight={onPressHeaderRight}\n />\n\n <StatusComposition\n loading={loading}\n LoadingComponent={<GroupChannelOperatorsModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<GroupChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n >\n <GroupChannelOperatorsModule.List\n operators={users}\n renderUser={_renderUser}\n onLoadNext={next}\n ListEmptyComponent={<GroupChannelOperatorsModule.StatusEmpty />}\n />\n </StatusComposition>\n </GroupChannelOperatorsModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelOperatorsFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelBannedUsersFragment.js ADDED Viewed

@@ -0,0 +1,84 @@
+import React from 'react';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
+import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, useFreshCallback } from '@sendbird/uikit-utils';
+import StatusComposition from '../components/StatusComposition';
+import UserActionBar from '../components/UserActionBar';
+import { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';
+import { useLocalization, useSendbirdChat } from '../hooks/useContext';
+const createOpenChannelBannedUsersFragment = initModule => {
+  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = NOOP,
+      channel,
+      renderUser
+    } = _ref;
+    const {
+      STRINGS
+    } = useLocalization();
+    const {
+      currentUser,
+      sdk
+    } = useSendbirdChat();
+    const {
+      openMenu
+    } = useActionMenu();
+    const {
+      users,
+      deleteUser,
+      loading,
+      next,
+      refresh,
+      error
+    } = useUserList(sdk, {
+      queryCreator: () => channel.createBannedUserListQuery({
+        limit: 20
+      })
+    });
+    const _renderUser = useFreshCallback(props => {
+      if (renderUser) return renderUser(props);
+      const {
+        user
+      } = props;
+      return /*#__PURE__*/React.createElement(UserActionBar, {
+        muted: false,
+        uri: user.profileUrl,
+        name: (user.nickname || STRINGS.LABELS.USER_NO_NAME) + (user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : ''),
+        disabled: user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId),
+        onPressActionMenu: () => {
+          openMenu({
+            title: user.nickname || STRINGS.LABELS.USER_NO_NAME,
+            menuItems: [{
+              title: STRINGS.LABELS.UNBAN,
+              onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId))
+            }]
+          });
+        }
+      });
+    });
+    return /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.List, {
+      renderUser: _renderUser,
+      bannedUsers: users,
+      onLoadNext: next,
+      ListEmptyComponent: /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.StatusEmpty, null)
+    })));
+  };
+};
+export default createOpenChannelBannedUsersFragment;
+//# sourceMappingURL=createOpenChannelBannedUsersFragment.js.map

package/lib/module/fragments/createOpenChannelBannedUsersFragment.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/lib/module/fragments/createOpenChannelCreateFragment.js ADDED Viewed

@@ -0,0 +1,69 @@
+import React, { useState } from 'react';
+import { StyleSheet } from 'react-native';
+import { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, PASS } from '@sendbird/uikit-utils';
+import { createOpenChannelCreateModule } from '../domain/openChannelCreate';
+import { useSendbirdChat } from '../hooks/useContext';
+const createOpenChannelCreateFragment = initModule => {
+  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = NOOP,
+      onBeforeCreateChannel = PASS,
+      onCreateChannel
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = useSendbirdChat();
+    const {
+      palette
+    } = useUIKitTheme();
+    const [loading, setLoading] = useState(false);
+    const [channelName, setChannelName] = useState('');
+    const [channelCoverFile, setChannelCoverFile] = useState(undefined);
+    const shouldActivateHeaderRight = () => {
+      return Boolean(currentUser) && channelName.trim() !== '';
+    };
+    const onPressHeaderRight = async () => {
+      if (currentUser) {
+        try {
+          setLoading(true);
+          const params = {
+            name: channelName,
+            operatorUserIds: [currentUser.userId]
+          };
+          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;
+          const processedParams = await onBeforeCreateChannel(params);
+          const channel = await sdk.openChannel.createChannel(processedParams);
+          setLoading(false);
+          onCreateChannel(channel);
+        } catch {
+          setLoading(false);
+        }
+      }
+    };
+    return /*#__PURE__*/React.createElement(OpenChannelCreateModule.Provider, null, /*#__PURE__*/React.createElement(OpenChannelCreateModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: onPressHeaderRight,
+      shouldActivateHeaderRight: shouldActivateHeaderRight
+    }), /*#__PURE__*/React.createElement(OpenChannelCreateModule.ProfileInput, {
+      channelName: channelName,
+      onChangeChannelName: setChannelName,
+      channelCoverFile: channelCoverFile,
+      onChangeChannelCoverFile: setChannelCoverFile
+    }), loading && /*#__PURE__*/React.createElement(Box, {
+      backgroundColor: palette.transparent,
+      style: StyleSheet.absoluteFill,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, /*#__PURE__*/React.createElement(OpenChannelCreateModule.StatusLoading, null)));
+  };
+};
+export default createOpenChannelCreateFragment;
+//# sourceMappingURL=createOpenChannelCreateFragment.js.map

package/lib/module/fragments/createOpenChannelCreateFragment.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","useState","StyleSheet","Box","useUIKitTheme","NOOP","PASS","createOpenChannelCreateModule","useSendbirdChat","createOpenChannelCreateFragment","initModule","OpenChannelCreateModule","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sdk","currentUser","palette","loading","setLoading","channelName","setChannelName","channelCoverFile","setChannelCoverFile","undefined","shouldActivateHeaderRight","Boolean","trim","onPressHeaderRight","params","name","operatorUserIds","userId","coverUrlOrImage","processedParams","channel","openChannel","createChannel","transparent","absoluteFill"],"sources":["createOpenChannelCreateFragment.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelCreateModule } from '../domain/openChannelCreate';\nimport type { OpenChannelCreateFragment, OpenChannelCreateModule } from '../domain/openChannelCreate/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { FileType } from '../platform/types';\n\nconst createOpenChannelCreateFragment = (initModule?: Partial<OpenChannelCreateModule>): OpenChannelCreateFragment => {\n const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);\n\n return ({ onPressHeaderLeft = NOOP, onBeforeCreateChannel = PASS, onCreateChannel }) => {\n const { sdk, currentUser } = useSendbirdChat();\n const { palette } = useUIKitTheme();\n\n const [loading, setLoading] = useState(false);\n const [channelName, setChannelName] = useState('');\n const [channelCoverFile, setChannelCoverFile] = useState<FileType | undefined>(undefined);\n\n const shouldActivateHeaderRight = () => {\n return Boolean(currentUser) && channelName.trim() !== '';\n };\n\n const onPressHeaderRight = async () => {\n if (currentUser) {\n try {\n setLoading(true);\n const params: SendbirdOpenChannelCreateParams = {\n name: channelName,\n operatorUserIds: [currentUser.userId],\n };\n\n if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;\n\n const processedParams = await onBeforeCreateChannel(params);\n const channel = await sdk.openChannel.createChannel(processedParams);\n\n setLoading(false);\n onCreateChannel(channel);\n } catch {\n setLoading(false);\n }\n }\n };\n\n return (\n <OpenChannelCreateModule.Provider>\n <OpenChannelCreateModule.Header\n onPressHeaderLeft={onPressHeaderLeft}\n onPressHeaderRight={onPressHeaderRight}\n shouldActivateHeaderRight={shouldActivateHeaderRight}\n />\n <OpenChannelCreateModule.ProfileInput\n channelName={channelName}\n onChangeChannelName={setChannelName}\n channelCoverFile={channelCoverFile}\n onChangeChannelCoverFile={setChannelCoverFile}\n />\n {loading && (\n <Box\n backgroundColor={palette.transparent}\n style={StyleSheet.absoluteFill}\n alignItems={'center'}\n justifyContent={'center'}\n >\n <OpenChannelCreateModule.StatusLoading />\n </Box>\n )}\n </OpenChannelCreateModule.Provider>\n );\n };\n};\n\nexport default createOpenChannelCreateFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,SAASC,GAAT,EAAcC,aAAd,QAAmC,yCAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA4D,uBAA5D;AAEA,SAASC,6BAAT,QAA8C,6BAA9C;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAGA,MAAMC,+BAA+B,GAAIC,UAAD,IAA8E;EACpH,MAAMC,uBAAuB,GAAGJ,6BAA6B,CAACG,UAAD,CAA7D;EAEA,OAAO,QAAiF;IAAA,IAAhF;MAAEE,iBAAiB,GAAGP,IAAtB;MAA4BQ,qBAAqB,GAAGP,IAApD;MAA0DQ;IAA1D,CAAgF;IACtF,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuBR,eAAe,EAA5C;IACA,MAAM;MAAES;IAAF,IAAcb,aAAa,EAAjC;IAEA,MAAM,CAACc,OAAD,EAAUC,UAAV,IAAwBlB,QAAQ,CAAC,KAAD,CAAtC;IACA,MAAM,CAACmB,WAAD,EAAcC,cAAd,IAAgCpB,QAAQ,CAAC,EAAD,CAA9C;IACA,MAAM,CAACqB,gBAAD,EAAmBC,mBAAnB,IAA0CtB,QAAQ,CAAuBuB,SAAvB,CAAxD;;IAEA,MAAMC,yBAAyB,GAAG,MAAM;MACtC,OAAOC,OAAO,CAACV,WAAD,CAAP,IAAwBI,WAAW,CAACO,IAAZ,OAAuB,EAAtD;IACD,CAFD;;IAIA,MAAMC,kBAAkB,GAAG,YAAY;MACrC,IAAIZ,WAAJ,EAAiB;QACf,IAAI;UACFG,UAAU,CAAC,IAAD,CAAV;UACA,MAAMU,MAAuC,GAAG;YAC9CC,IAAI,EAAEV,WADwC;YAE9CW,eAAe,EAAE,CAACf,WAAW,CAACgB,MAAb;UAF6B,CAAhD;UAKA,IAAIV,gBAAJ,EAAsBO,MAAM,CAACI,eAAP,GAAyBX,gBAAzB;UAEtB,MAAMY,eAAe,GAAG,MAAMrB,qBAAqB,CAACgB,MAAD,CAAnD;UACA,MAAMM,OAAO,GAAG,MAAMpB,GAAG,CAACqB,WAAJ,CAAgBC,aAAhB,CAA8BH,eAA9B,CAAtB;UAEAf,UAAU,CAAC,KAAD,CAAV;UACAL,eAAe,CAACqB,OAAD,CAAf;QACD,CAdD,CAcE,MAAM;UACNhB,UAAU,CAAC,KAAD,CAAV;QACD;MACF;IACF,CApBD;;IAsBA,oBACE,oBAAC,uBAAD,CAAyB,QAAzB,qBACE,oBAAC,uBAAD,CAAyB,MAAzB;MACE,iBAAiB,EAAEP,iBADrB;MAEE,kBAAkB,EAAEgB,kBAFtB;MAGE,yBAAyB,EAAEH;IAH7B,EADF,eAME,oBAAC,uBAAD,CAAyB,YAAzB;MACE,WAAW,EAAEL,WADf;MAEE,mBAAmB,EAAEC,cAFvB;MAGE,gBAAgB,EAAEC,gBAHpB;MAIE,wBAAwB,EAAEC;IAJ5B,EANF,EAYGL,OAAO,iBACN,oBAAC,GAAD;MACE,eAAe,EAAED,OAAO,CAACqB,WAD3B;MAEE,KAAK,EAAEpC,UAAU,CAACqC,YAFpB;MAGE,UAAU,EAAE,QAHd;MAIE,cAAc,EAAE;IAJlB,gBAME,oBAAC,uBAAD,CAAyB,aAAzB,OANF,CAbJ,CADF;EAyBD,CA3DD;AA4DD,CA/DD;;AAiEA,eAAe9B,+BAAf"}

package/lib/module/fragments/createOpenChannelFragment.js ADDED Viewed

@@ -0,0 +1,153 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useMemo } from 'react';
+import { SendbirdError } from '@sendbird/chat';
+import { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';
+import { useToast } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, PASS, SBErrorCode, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';
+import OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';
+import ScrollToBottomButton from '../components/ScrollToBottomButton';
+import StatusComposition from '../components/StatusComposition';
+import { UNKNOWN_USER_ID } from '../constants';
+import { createOpenChannelModule } from '../domain/openChannel';
+import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
+const createOpenChannelFragment = initModule => {
+  const OpenChannelModule = createOpenChannelModule(initModule);
+  return _ref => {
+    let {
+      channel,
+      onChannelDeleted = NOOP,
+      onPressHeaderLeft = NOOP,
+      onPressHeaderRightWithSettings = NOOP,
+      onPressHeaderRightWithParticipants = NOOP,
+      onBeforeSendUserMessage = PASS,
+      onBeforeSendFileMessage = PASS,
+      onBeforeUpdateUserMessage = PASS,
+      onBeforeUpdateFileMessage = PASS,
+      onPressMediaMessage = NOOP,
+      renderMessage,
+      renderNewMessagesButton = () => null,
+      renderScrollToBottomButton = props => /*#__PURE__*/React.createElement(ScrollToBottomButton, props),
+      enableMessageGrouping = true,
+      keyboardAvoidOffset,
+      flatListProps,
+      queryCreator,
+      sortComparator = messageComparator
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = useSendbirdChat();
+    const {
+      STRINGS
+    } = useLocalization();
+    const {
+      show: showToast
+    } = useToast();
+    const {
+      show: showUserProfile
+    } = useUserProfile();
+    const {
+      messages,
+      nextMessages,
+      newMessagesFromMembers,
+      next,
+      prev,
+      sendFileMessage,
+      sendUserMessage,
+      updateFileMessage,
+      updateUserMessage,
+      resendMessage,
+      deleteMessage,
+      loading
+    } = useOpenChannelMessages(sdk, channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
+      queryCreator,
+      sortComparator,
+      onChannelDeleted,
+      onError(error) {
+        if (error instanceof SendbirdError) {
+          switch (error.code) {
+            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:
+            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER:
+              {
+                return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');
+              }
+          }
+        }
+        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');
+      }
+    });
+    const isOperator = channel.isOperator((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? UNKNOWN_USER_ID);
+    const _renderMessage = useFreshCallback(props => {
+      if (renderMessage) return renderMessage(props);
+      return /*#__PURE__*/React.createElement(OpenChannelMessageRenderer, _extends({}, props, {
+        onPressAvatar: showUserProfile
+      }));
+    });
+    const memoizedFlatListProps = useMemo(() => ({
+      ListEmptyComponent: /*#__PURE__*/React.createElement(OpenChannelModule.StatusEmpty, null),
+      contentContainerStyle: {
+        flexGrow: 1
+      },
+      ...flatListProps
+    }), [loading, flatListProps]);
+    const onPressSendUserMessage = useFreshCallback(async params => {
+      const processedParams = await onBeforeSendUserMessage(params);
+      await sendUserMessage(processedParams);
+    });
+    const onPressSendFileMessage = useFreshCallback(async params => {
+      const processedParams = await onBeforeSendFileMessage(params);
+      await sendFileMessage(processedParams);
+    });
+    const onPressUpdateUserMessage = useFreshCallback(async (message, params) => {
+      const processedParams = await onBeforeUpdateUserMessage(params);
+      await updateUserMessage(message.messageId, processedParams);
+    });
+    const onPressUpdateFileMessage = useFreshCallback(async (message, params) => {
+      const processedParams = await onBeforeUpdateFileMessage(params);
+      await updateFileMessage(message.messageId, processedParams);
+    });
+    return /*#__PURE__*/React.createElement(OpenChannelModule.Provider, {
+      channel: channel,
+      keyboardAvoidOffset: keyboardAvoidOffset
+    }, /*#__PURE__*/React.createElement(OpenChannelModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      rightIconName: isOperator ? 'info' : 'members',
+      onPressHeaderRight: isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/React.createElement(OpenChannelModule.StatusLoading, null)
+    }, /*#__PURE__*/React.createElement(OpenChannelModule.MessageList, {
+      channel: channel,
+      enableMessageGrouping: enableMessageGrouping,
+      currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
+      renderMessage: _renderMessage,
+      messages: messages,
+      nextMessages: nextMessages,
+      newMessagesFromMembers: newMessagesFromMembers,
+      onTopReached: prev,
+      onBottomReached: next,
+      renderNewMessagesButton: renderNewMessagesButton,
+      renderScrollToBottomButton: renderScrollToBottomButton,
+      onResendFailedMessage: resendMessage,
+      onDeleteMessage: deleteMessage,
+      onPressMediaMessage: onPressMediaMessage,
+      flatListProps: memoizedFlatListProps
+    }), /*#__PURE__*/React.createElement(OpenChannelModule.Input, {
+      shouldRenderInput: true,
+      onPressSendUserMessage: onPressSendUserMessage,
+      onPressSendFileMessage: onPressSendFileMessage,
+      onPressUpdateUserMessage: onPressUpdateUserMessage,
+      onPressUpdateFileMessage: onPressUpdateFileMessage
+    })));
+  };
+};
+export default createOpenChannelFragment;
+//# sourceMappingURL=createOpenChannelFragment.js.map