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

@sendbird/uikit-react-native 2.2.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 (774) hide show

package/lib/commonjs/domain/openChannelSettings/module/moduleContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["OpenChannelSettingsContexts","Fragment","createContext","channel","headerTitle","headerRight","onPressHeaderRight","NOOP","OpenChannelSettingsContextsProvider","onNavigateToOpenChannel","children","handlerId","useUniqHandlerId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","fileService","usePlatformService","alert","useAlert","onChannelChanged","eventChannel","isDifferentChannel","onOperatorUpdated","isOpenChannel","isOperator","userId","useChannelHandler","onChannelUnfrozen","onChannelFrozen","onUserBanned","toast","useToast","openSheet","useBottomSheet","openPrompt","usePrompt","openMenu","useActionMenu","updateChannel","useCallback","params","changeChannelName","title","OPEN_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverUrlOrImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n NOOP,\n SendbirdBaseChannel,\n SendbirdOpenChannel,\n SendbirdOpenChannelUpdateParams,\n isDifferentChannel,\n useForceUpdate,\n useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { OpenChannelSettingsContextsType, OpenChannelSettingsModule } from '../types';\n\nexport const OpenChannelSettingsContexts: OpenChannelSettingsContextsType = {\n Fragment: createContext({\n channel: {} as SendbirdOpenChannel,\n headerTitle: '',\n headerRight: '',\n onPressHeaderRight: NOOP,\n }),\n};\n\nexport const OpenChannelSettingsContextsProvider: OpenChannelSettingsModule['Provider'] = ({\n channel,\n onNavigateToOpenChannel,\n children,\n}) => {\n const handlerId = useUniqHandlerId('OpenChannelSettingsContextsProvider');\n const forceUpdate = useForceUpdate();\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { fileService } = usePlatformService();\n const { alert } = useAlert();\n\n const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n if (isDifferentChannel(eventChannel, channel)) return;\n forceUpdate();\n };\n const onOperatorUpdated = (eventChannel: SendbirdBaseChannel) => {\n if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n if (currentUser && !eventChannel.isOperator(currentUser.userId)) {\n onNavigateToOpenChannel();\n }\n };\n\n useChannelHandler(\n sdk,\n handlerId,\n {\n onOperatorUpdated: onOperatorUpdated,\n onChannelUnfrozen: onChannelChanged,\n onChannelChanged: onChannelChanged,\n onChannelFrozen: onChannelChanged,\n onUserBanned: onChannelChanged,\n },\n 'open',\n );\n\n const toast = useToast();\n const { openSheet } = useBottomSheet();\n const { openPrompt } = usePrompt();\n const { openMenu } = useActionMenu();\n\n const updateChannel = useCallback(\n async (params: SendbirdOpenChannelUpdateParams) => {\n await channel.updateChannel(params);\n forceUpdate();\n },\n [channel],\n );\n\n const changeChannelName = useCallback(() => {\n openPrompt({\n title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n submitLabel: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n placeholder: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n defaultValue: channel.name,\n onSubmit: (channelName) => updateChannel({ name: channelName }),\n });\n }, [STRINGS, updateChannel, channel.name]);\n\n const changeChannelImage = useCallback(() => {\n openMenu({\n title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n menuItems: [\n {\n title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n onPress: async () => {\n const file = await fileService.openCamera({\n mediaType: 'photo',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_CAMERA,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n }\n },\n });\n if (!file) return;\n\n await updateChannel({ coverUrlOrImage: file });\n },\n },\n {\n title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n onPress: async () => {\n const files = await fileService.openMediaLibrary({\n selectionLimit: 1,\n mediaType: 'photo',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n }\n },\n });\n if (!files || !files[0]) return;\n\n await updateChannel({ coverUrlOrImage: files[0] });\n },\n },\n ],\n });\n }, [STRINGS, updateChannel]);\n\n const onPressHeaderRight = useCallback(() => {\n openSheet({\n sheetItems: [\n { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n ],\n });\n }, [STRINGS, changeChannelImage, changeChannelName]);\n\n return (\n <ProviderLayout>\n <OpenChannelSettingsContexts.Fragment.Provider\n value={{\n channel,\n headerTitle: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_TITLE,\n headerRight: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_RIGHT,\n onPressHeaderRight,\n }}\n >\n {children}\n </OpenChannelSettingsContexts.Fragment.Provider>\n </ProviderLayout>\n );\n};\n"],"mappings":"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"}

package/lib/commonjs/domain/openChannelSettings/types.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/domain/openChannelSettings/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelSettingsProps = {\n Fragment: {\n channel: OpenChannelSettingsProps['Provider']['channel'];\n onPressHeaderLeft: OpenChannelSettingsProps['Header']['onPressHeaderLeft'];\n onPressMenuModeration: OpenChannelSettingsProps['Menu']['onPressMenuModeration'];\n onPressMenuParticipants: OpenChannelSettingsProps['Menu']['onPressMenuParticipants'];\n onPressMenuDeleteChannel: OpenChannelSettingsProps['Menu']['onPressMenuDeleteChannel'];\n onNavigateToOpenChannel: OpenChannelSettingsProps['Provider']['onNavigateToOpenChannel'];\n menuItemsCreator?: OpenChannelSettingsProps['Menu']['menuItemsCreator'];\n };\n Header: {\n onPressHeaderLeft: () => void;\n };\n Info: {};\n Menu: {\n onPressMenuModeration: () => void;\n onPressMenuParticipants: () => void;\n onPressMenuDeleteChannel: () => void;\n menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n };\n Provider: {\n channel: SendbirdOpenChannel;\n onNavigateToOpenChannel: () => void;\n };\n};\n\n/**\n * Internal context for OpenChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelSettingsContextsType = {\n Fragment: React.Context<{\n channel: SendbirdOpenChannel;\n headerTitle: string;\n headerRight: string;\n onPressHeaderRight: () => void;\n }>;\n};\nexport interface OpenChannelSettingsModule {\n Provider: CommonComponent<OpenChannelSettingsProps['Provider']>;\n Header: CommonComponent<OpenChannelSettingsProps['Header']>;\n Info: CommonComponent<OpenChannelSettingsProps['Info']>;\n Menu: CommonComponent<OpenChannelSettingsProps['Menu']>;\n}\n\nexport type OpenChannelSettingsFragment = CommonComponent<OpenChannelSettingsProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/openChannelUserList/types.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/domain/openChannelUserList/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel, SendbirdParticipant, UserStruct } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\nimport type { UserListProps } from '../userList/types';\n\nexport interface OpenChannelParticipantsProps<User extends UserStruct> {\n Fragment: {\n channel: SendbirdOpenChannel;\n onPressHeaderLeft: () => void;\n sortComparator?: UseUserListOptions<User>['sortComparator'];\n renderUser?: UserListProps<User>['List']['renderUser'];\n };\n}\nexport type OpenChannelParticipantsFragment<User extends UserStruct> = CommonComponent<\n OpenChannelParticipantsProps<User>['Fragment']\n>;\n\nexport interface OpenChannelRegisterOperatorProps<User extends UserStruct = SendbirdParticipant> {\n Fragment: {\n channel: SendbirdOpenChannel;\n onPressHeaderLeft: () => void;\n onPressHeaderRight: (channel: SendbirdOpenChannel) => void;\n sortComparator?: UseUserListOptions<User>['sortComparator'];\n renderUser?: UserListProps<User>['List']['renderUser'];\n };\n}\nexport type OpenChannelRegisterOperatorFragment<User extends UserStruct> = CommonComponent<\n OpenChannelRegisterOperatorProps<User>['Fragment']\n>;\n"],"mappings":""}

package/lib/commonjs/fragments/createGroupChannelCreateFragment.js CHANGED Viewed

@@ -90,15 +90,12 @@ const createGroupChannelCreateFragment = initModule => {
     }, /*#__PURE__*/_react.default.createElement(UserListModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: async users => {
-        const params = {
+        const params = (0, _uikitUtils.getDefaultGroupChannelCreateParams)({
           invitedUserIds: users.map(it => it.userId),
-          name: '',
-          coverUrl: '',
-          isDistinct: false
-        };
+          currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId
+        });
         if (channelType === 'BROADCAST') params.isBroadcast = true;
         if (channelType === 'SUPER_GROUP') params.isSuper = true;
-        if (currentUser) params.operatorUserIds = [currentUser.userId];
         const processedParams = await onBeforeCreateChannel(params, users);
         const channel = await sdk.groupChannel.createChannel(processedParams);
         onCreateChannel(channel);

package/lib/commonjs/fragments/createGroupChannelCreateFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","users","refreshing","loading","error","refresh","next","useUserList","_renderUser","useFreshCallback","user","selectedUsers","setSelectedUsers","hasRequiredKey","Object","hasOwn","Error","isMe","userId","userIdx","findIndex","u","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","invitedUserIds","map","it","~~name~~","~~coverUrl","isDistinct","~~isBroadcast","isSuper","~~operatorUserIds","~~processedParams","channel","groupChannel","createChannel","Boolean"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport {\n PASS,\n ~~SendbirdGroupChannelCreateParams~~,\n ~~SendbirdUser~~,\n ~~UserStruct~~,\n useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelCreateFragment = <UserType extends UserStruct>(\n initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n const UserListModule = createUserListModule<UserType>(initModule);\n\n return ({\n onPressHeaderLeft,\n onBeforeCreateChannel = PASS,\n onCreateChannel,\n sortComparator,\n queryCreator,\n channelType = 'GROUP',\n renderUser,\n }) => {\n const { sdk, currentUser } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n queryCreator,\n sortComparator,\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n if (queryCreator && !renderUser) {\n const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');\n if (!hasRequiredKey) throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n }\n\n if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n const isMe = user.userId === currentUser?.userId;\n if (isMe) return null;\n\n const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n const isSelected = userIdx > -1;\n\n return (\n <TouchableOpacity\n activeOpacity={0.7}\n onPress={() => {\n setSelectedUsers(([...draft]) => {\n if (isSelected) draft.splice(userIdx, 1);\n else draft.push(user);\n return draft;\n });\n }}\n >\n <UserSelectableBar\n uri={(user as unknown as SendbirdUser).profileUrl}\n name={(user as unknown as SendbirdUser).nickname \|\| STRINGS.LABELS.USER_NO_NAME}\n selected={isSelected}\n disabled={false}\n />\n </TouchableOpacity>\n );\n });\n\n return (\n <UserListModule.Provider\n headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n >\n <UserListModule.Header\n onPressHeaderLeft={onPressHeaderLeft}\n onPressHeaderRight={async (users) => {\n const params: ~~SendbirdGroupChannelCreateParams~~ = {\n invitedUserIds: users.map((it) => it.userId),\n ~~name~~: '',\n ~~coverUrl: '',\n isDistinct: false,\n~~ };\n\n if (channelType === 'BROADCAST') params.isBroadcast = true;\n if (channelType === 'SUPER_GROUP') params.isSuper = true;\n ~~if (currentUser) params.operatorUserIds = [currentUser.userId];\n~~\n const processedParams = await onBeforeCreateChannel(params, users);\n const channel = await sdk.groupChannel.createChannel(processedParams);\n onCreateChannel(channel);\n }}\n />\n <StatusComposition\n loading={loading}\n error={Boolean(error)}\n LoadingComponent={<UserListModule.StatusLoading />}\n ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n >\n <UserListModule.List\n onLoadNext={next}\n users={users}\n renderUser={_renderUser}\n onRefresh={refresh}\n refreshing={refreshing}\n ListEmptyComponent={<UserListModule.StatusEmpty />}\n />\n </StatusComposition>\n </UserListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelCreateFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAQA;;AACA;;AAEA;;AAEA;;;;AAEA,MAAMA,gCAAgC,GACpCC,UADuC,IAEE;EACzC,MAAMC,cAAc,GAAG,IAAAC,6BAAA,EAA+BF,UAA/B,CAAvB;EAEA,OAAO,QAQD;IAAA,IARE;MACNG,iBADM;MAENC,qBAAqB,GAAGC,gBAFlB;MAGNC,eAHM;MAINC,cAJM;MAKNC,YALM;MAMNC,WAAW,GAAG,OANR;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAEC,KAAF;MAASC,UAAT;MAAqBC,OAArB;MAA8BC,KAA9B;MAAqCC,OAArC;MAA8CC;IAA9C,IAAuD,IAAAC,2BAAA,EAAYX,GAAZ,EAAiB;MAC5EH,YAD4E;MAE5ED;IAF4E,CAAjB,CAA7D;;IAKA,MAAMgB,WAA2C,GAAG,IAAAC,4BAAA,EAAiB,CAACC,IAAD,EAAOC,aAAP,EAAsBC,gBAAtB,KAA2C;MAC9G,IAAInB,YAAY,IAAI,CAACE,UAArB,EAAiC;QAC/B,MAAMkB,cAAc,GAAGC,MAAM,CAACC,MAAP,CAAcL,IAAd,EAAoB,YAApB,KAAqCI,MAAM,CAACC,MAAP,CAAcL,IAAd,EAAoB,UAApB,CAA5D;QACA,IAAI,CAACG,cAAL,EAAqB,MAAM,IAAIG,KAAJ,CAAU,+DAAV,CAAN;MACtB;;MAED,IAAIrB,UAAJ,EAAgB,OAAOA,UAAU,CAACe,IAAD,EAAOC,aAAP,EAAsBC,gBAAtB,CAAjB;MAEhB,MAAMK,IAAI,GAAGP,IAAI,CAACQ,MAAL,MAAgBrB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEqB,MAA7B,CAAb;MACA,IAAID,IAAJ,EAAU,OAAO,IAAP;MAEV,MAAME,OAAO,GAAGR,aAAa,CAACS,SAAd,CAAyBC,CAAD,IAAOA,CAAC,CAACH,MAAF,KAAaR,IAAI,CAACQ,MAAjD,CAAhB;MACA,MAAMI,UAAU,GAAGH,OAAO,GAAG,CAAC,CAA9B;MAEA,oBACE,6BAAC,6BAAD;QACE,aAAa,EAAE,GADjB;QAEE,OAAO,EAAE,MAAM;UACbP,gBAAgB,CAAC,SAAgB;YAAA,IAAf,CAAC,GAAGW,KAAJ,CAAe;YAC/B,IAAID,UAAJ,EAAgBC,KAAK,CAACC,MAAN,CAAaL,OAAb,EAAsB,CAAtB,EAAhB,KACKI,KAAK,CAACE,IAAN,CAAWf,IAAX;YACL,OAAOa,KAAP;UACD,CAJe,CAAhB;QAKD;MARH,gBAUE,6BAAC,0BAAD;QACE,GAAG,EAAGb,IAAD,CAAkCgB,UADzC;QAEE,IAAI,EAAGhB,IAAD,CAAkCiB,QAAlC,IAA8C5B,OAAO,CAAC6B,MAAR,CAAeC,YAFrE;QAGE,QAAQ,EAAEP,UAHZ;QAIE,QAAQ,EAAE;MAJZ,EAVF,CADF;IAmBD,CAjCmD,CAApD;;IAmCA,oBACE,6BAAC,cAAD,CAAgB,QAAhB;MACE,WAAW,EAAGX,aAAD,IAAmBZ,OAAO,CAAC+B,oBAAR,CAA6BC,YAA7B,CAA0C;QAAEpB;MAAF,CAA1C,CADlC;MAEE,WAAW,EAAEZ,OAAO,CAAC+B,oBAAR,CAA6BE;IAF5C,gBAIE,6BAAC,cAAD,CAAgB,MAAhB;MACE,iBAAiB,EAAE5C,iBADrB;MAEE,kBAAkB,EAAE,MAAOa,KAAP,IAAiB;QACnC,MAAMgC,~~MAAwC~~,GAAG;~~UAC/CC~~,cAAc,~~EAAEjC~~,KAAK,~~CAACkC~~,GAAN,CAAWC,EAAD,IAAQA,EAAE,~~CAAClB~~,MAArB,~~CAD+B~~;~~UAE/CmB~~,~~IAAI~~,~~EAAE~~,~~EAFyC;UAG/CC~~,~~QAAQ~~,~~EAAE~~,~~EAHqC;UAI/CC~~,~~UAAU~~,~~EAAE~~;~~QAJmC~~,~~CAAjD~~;~~QAOA~~,~~IAAI7C~~,WAAW,KAAK,WAApB,EAAiCuC,MAAM,~~CAACO~~,WAAP,GAAqB,IAArB;QACjC,~~IAAI9C~~,WAAW,KAAK,aAApB,EAAmCuC,MAAM,~~CAACQ~~,OAAP,GAAiB,IAAjB;~~QACnC~~,~~IAAI5C~~,~~WAAJ,EAAiBoC,MAAM,CAACS,eAAP,GAAyB,CAAC7C,WAAW,CAACqB,MAAb,CAAzB;QAEjB,MAAMyB,~~eAAe,GAAG,~~MAAMtD~~,qBAAqB,CAAC4C,MAAD,EAAShC,KAAT,CAAnD;QACA,~~MAAM2C~~,OAAO,GAAG,~~MAAMhD~~,GAAG,~~CAACiD~~,YAAJ,CAAiBC,aAAjB,CAA+BH,eAA/B,CAAtB;~~QACApD~~,eAAe,~~CAACqD~~,OAAD,CAAf;MACD;~~IAjBH~~,EAJF,~~eAuBE~~,6BAAC,0BAAD;MACE,OAAO,~~EAAEzC~~,OADX;MAEE,KAAK,~~EAAE4C~~,OAAO,~~CAAC3C~~,KAAD,CAFhB;MAGE,gBAAgB,eAAE,6BAAC,cAAD,CAAgB,aAAhB,OAHpB;MAIE,cAAc,eAAE,6BAAC,cAAD,CAAgB,WAAhB;QAA4B,YAAY,EAAE,MAAMC,OAAO;MAAvD;IAJlB,gBAME,6BAAC,cAAD,CAAgB,IAAhB;MACE,UAAU,EAAEC,IADd;MAEE,KAAK,EAAEL,KAFT;MAGE,UAAU,EAAEO,WAHd;MAIE,SAAS,EAAEH,OAJb;MAKE,UAAU,EAAEH,UALd;MAME,kBAAkB,eAAE,6BAAC,cAAD,CAAgB,WAAhB;IANtB,EANF,~~CAvBF~~,CADF;~~EAyCD~~,~~CA5FD~~;~~AA6FD~~,~~CAlGD~~;;~~eAoGelB~~,gC"}
1	+ {"version":3,"names":["createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","users","refreshing","loading","error","refresh","next","useUserList","_renderUser","useFreshCallback","user","selectedUsers","setSelectedUsers","hasRequiredKey","Object","hasOwn","Error","isMe","userId","userIdx","findIndex","u","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","getDefaultGroupChannelCreateParams","invitedUserIds","map","it","currentUserId","isBroadcast","isSuper","processedParams","channel","groupChannel","createChannel","Boolean"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport {\n PASS,\n SendbirdUser,\n UserStruct,\n getDefaultGroupChannelCreateParams,\n useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelCreateFragment = <UserType extends UserStruct>(\n initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n const UserListModule = createUserListModule<UserType>(initModule);\n\n return ({\n onPressHeaderLeft,\n onBeforeCreateChannel = PASS,\n onCreateChannel,\n sortComparator,\n queryCreator,\n channelType = 'GROUP',\n renderUser,\n }) => {\n const { sdk, currentUser } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n queryCreator,\n sortComparator,\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n if (queryCreator && !renderUser) {\n const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');\n if (!hasRequiredKey) throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n }\n\n if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n const isMe = user.userId === currentUser?.userId;\n if (isMe) return null;\n\n const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n const isSelected = userIdx > -1;\n\n return (\n <TouchableOpacity\n activeOpacity={0.7}\n onPress={() => {\n setSelectedUsers(([...draft]) => {\n if (isSelected) draft.splice(userIdx, 1);\n else draft.push(user);\n return draft;\n });\n }}\n >\n <UserSelectableBar\n uri={(user as unknown as SendbirdUser).profileUrl}\n name={(user as unknown as SendbirdUser).nickname \|\| STRINGS.LABELS.USER_NO_NAME}\n selected={isSelected}\n disabled={false}\n />\n </TouchableOpacity>\n );\n });\n\n return (\n <UserListModule.Provider\n headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n >\n <UserListModule.Header\n onPressHeaderLeft={onPressHeaderLeft}\n onPressHeaderRight={async (users) => {\n const params = getDefaultGroupChannelCreateParams({\n invitedUserIds: users.map((it) => it.userId),\n currentUserId: currentUser?.userId,\n });\n\n if (channelType === 'BROADCAST') params.isBroadcast = true;\n if (channelType === 'SUPER_GROUP') params.isSuper = true;\n\n const processedParams = await onBeforeCreateChannel(params, users);\n const channel = await sdk.groupChannel.createChannel(processedParams);\n onCreateChannel(channel);\n }}\n />\n <StatusComposition\n loading={loading}\n error={Boolean(error)}\n LoadingComponent={<UserListModule.StatusLoading />}\n ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n >\n <UserListModule.List\n onLoadNext={next}\n users={users}\n renderUser={_renderUser}\n onRefresh={refresh}\n refreshing={refreshing}\n ListEmptyComponent={<UserListModule.StatusEmpty />}\n />\n </StatusComposition>\n </UserListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelCreateFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelFragment.js CHANGED Viewed

@@ -40,17 +40,19 @@ const createGroupChannelFragment = initModule => {
       enableTypingIndicator = true,
       onPressHeaderLeft = _uikitUtils.NOOP,
       onPressHeaderRight = _uikitUtils.NOOP,
-      onPressImageMessage,
       onPressMediaMessage = _uikitUtils.NOOP,
       onChannelDeleted = _uikitUtils.NOOP,
-      onBeforeSendFileMessage = _uikitUtils.PASS,
       onBeforeSendUserMessage = _uikitUtils.PASS,
+      onBeforeSendFileMessage = _uikitUtils.PASS,
+      onBeforeUpdateUserMessage = _uikitUtils.PASS,
+      onBeforeUpdateFileMessage = _uikitUtils.PASS,
       channel,
       keyboardAvoidOffset,
       queryCreator,
       collectionCreator,
       sortComparator = _uikitUtils.messageComparator,
-      flatListProps
+      flatListProps,
+      onPressImageMessage
     } = _ref;
     const {
       sdk,
@@ -89,12 +91,32 @@ const createGroupChannelFragment = initModule => {
       },
       ...flatListProps
     }), [loading, flatListProps]);
+    const onPressSendUserMessage = (0, _uikitUtils.useFreshCallback)(async params => {
+      const processedParams = await onBeforeSendUserMessage(params);
+      await sendUserMessage(processedParams);
+    });
+    const onPressSendFileMessage = (0, _uikitUtils.useFreshCallback)(async params => {
+      const processedParams = await onBeforeSendFileMessage(params);
+      await sendFileMessage(processedParams);
+    });
+    const onPressUpdateUserMessage = (0, _uikitUtils.useFreshCallback)(async (message, params) => {
+      const processedParams = await onBeforeUpdateUserMessage(params);
+      await updateUserMessage(message.messageId, processedParams);
+    });
+    const onPressUpdateFileMessage = (0, _uikitUtils.useFreshCallback)(async (message, params) => {
+      const processedParams = await onBeforeUpdateFileMessage(params);
+      await updateFileMessage(message.messageId, processedParams);
+    });
+    /** @deprecated **/
     const onSendFileMessage = (0, _uikitUtils.useFreshCallback)(async file => {
       const processedParams = await onBeforeSendFileMessage({
         file
       });
       await sendFileMessage(processedParams);
     });
+    /** @deprecated **/
     const onSendUserMessage = (0, _uikitUtils.useFreshCallback)(async (text, mention) => {
       const processedParams = await onBeforeSendUserMessage({
         message: text,
@@ -104,12 +126,16 @@ const createGroupChannelFragment = initModule => {
       });
       await sendUserMessage(processedParams);
     });
+    /** @deprecated **/
     const onUpdateFileMessage = (0, _uikitUtils.useFreshCallback)(async (editedFile, message) => {
       const processedParams = await onBeforeSendFileMessage({
         file: editedFile
       });
       await updateFileMessage(message.messageId, processedParams);
     });
+    /** @deprecated **/
     const onUpdateUserMessage = (0, _uikitUtils.useFreshCallback)(async (editedText, message, mention) => {
       const processedParams = await onBeforeSendUserMessage({
         message: editedText,
@@ -149,6 +175,10 @@ const createGroupChannelFragment = initModule => {
     }), /*#__PURE__*/_react.default.createElement(GroupChannelModule.Input, {
       SuggestedMentionList: GroupChannelModule.SuggestedMentionList,
       shouldRenderInput: shouldRenderInput(channel),
+      onPressSendUserMessage: onPressSendUserMessage,
+      onPressSendFileMessage: onPressSendFileMessage,
+      onPressUpdateUserMessage: onPressUpdateUserMessage,
+      onPressUpdateFileMessage: onPressUpdateFileMessage,
       onSendFileMessage: onSendFileMessage,
       onSendUserMessage: onSendUserMessage,
       onUpdateFileMessage: onUpdateFileMessage,

package/lib/commonjs/fragments/createGroupChannelFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createGroupChannelFragment","initModule","GroupChannelModule","createGroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","NOOP","onPressHeaderRight","onPressImageMessage","onPressMediaMessage","onChannelDeleted","onBeforeSendFileMessage","PASS","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","messageComparator","flatListProps","sdk","currentUser","useSendbirdChat","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useGroupChannelMessages","userId","enableCollectionWithoutLocalCache","_renderMessage","useFreshCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","contentContainerStyle","flexGrow","onSendFileMessage","file","processedParams","onSendUserMessage","text","mention","message","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","type","onUpdateFileMessage","editedFile","messageId","onUpdateUserMessage","editedText","SuggestedMentionList","shouldRenderInput","isBroadcast","myRole"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, SendbirdGroupChannel, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type { GroupChannelFragment, GroupChannelModule, GroupChannelProps } from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n const GroupChannelModule = createGroupChannelModule(initModule);\n\n return ({\n renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n renderMessage,\n enableMessageGrouping = true,\n enableTypingIndicator = true,\n onPressHeaderLeft = NOOP,\n onPressHeaderRight = NOOP,\n 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 messages,\n nextMessages,\n newMessagesFromMembers,\n next,\n prev,\n sendFileMessage,\n sendUserMessage,\n updateFileMessage,\n updateUserMessage,\n resendMessage,\n deleteMessage,\n loading,\n } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n collectionCreator,\n queryCreator,\n sortComparator,\n onChannelDeleted,\n enableCollectionWithoutLocalCache: !queryCreator,\n });\n\n const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n if (renderMessage) return renderMessage(props);\n return <MessageRenderer {...props} />;\n });\n\n const memoizedFlatListProps = useMemo(\n () => ({\n ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n contentContainerStyle: { flexGrow: 1 },\n ...flatListProps,\n }),\n [loading, flatListProps],\n );\n\n const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n const processedParams = await onBeforeSendFileMessage({ file });\n await sendFileMessage(processedParams);\n });\n const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(\n async (text, mention) => {\n const processedParams = await onBeforeSendUserMessage({\n message: text,\n mentionedUserIds: mention?.userIds,\n mentionedMessageTemplate: mention?.messageTemplate,\n mentionType: mention?.type,\n });\n await sendUserMessage(processedParams);\n },\n );\n const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n async (editedFile, message) => {\n const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n await updateFileMessage(message.messageId, processedParams);\n },\n );\n const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n async (editedText, message, mention) => {\n const processedParams = await onBeforeSendUserMessage({\n message: editedText,\n mentionedUserIds: mention?.userIds,\n mentionedMessageTemplate: mention?.messageTemplate,\n mentionType: mention?.type,\n });\n await updateUserMessage(message.messageId, processedParams);\n },\n );\n\n return (\n <GroupChannelModule.Provider\n channel={channel}\n enableTypingIndicator={enableTypingIndicator}\n keyboardAvoidOffset={keyboardAvoidOffset}\n >\n <GroupChannelModule.Header onPressHeaderLeft={onPressHeaderLeft} onPressHeaderRight={onPressHeaderRight} />\n <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n <GroupChannelModule.MessageList\n channel={channel}\n enableMessageGrouping={enableMessageGrouping}\n currentUserId={currentUser?.userId}\n renderMessage={_renderMessage}\n messages={messages}\n nextMessages={nextMessages}\n newMessagesFromMembers={newMessagesFromMembers}\n onTopReached={prev}\n onBottomReached={next}\n renderNewMessagesButton={renderNewMessagesButton}\n renderScrollToBottomButton={renderScrollToBottomButton}\n onResendFailedMessage={resendMessage}\n onDeleteMessage={deleteMessage}\n onPressImageMessage={onPressImageMessage}\n onPressMediaMessage={onPressMediaMessage}\n flatListProps={memoizedFlatListProps}\n />\n <GroupChannelModule.Input\n SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\n shouldRenderInput={shouldRenderInput(channel)}\n onSendFileMessage={onSendFileMessage}\n onSendUserMessage={onSendUserMessage}\n onUpdateFileMessage={onUpdateFileMessage}\n onUpdateUserMessage={onUpdateUserMessage}\n />\n </StatusComposition>\n </GroupChannelModule.Provider>\n );\n };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n if (channel.isBroadcast) {\n return channel.myRole === 'operator';\n }\n\n return true;\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}
1	+ {"version":3,"names":["createGroupChannelFragment","initModule","GroupChannelModule","createGroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","NOOP","onPressHeaderRight","onPressMediaMessage","onChannelDeleted","onBeforeSendUserMessage","PASS","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","messageComparator","flatListProps","onPressImageMessage","sdk","currentUser","useSendbirdChat","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useGroupChannelMessages","userId","enableCollectionWithoutLocalCache","_renderMessage","useFreshCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage","onSendFileMessage","file","onSendUserMessage","text","mention","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","type","onUpdateFileMessage","editedFile","onUpdateUserMessage","editedText","SuggestedMentionList","shouldRenderInput","isBroadcast","myRole"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, SendbirdGroupChannel, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type { GroupChannelFragment, GroupChannelModule, GroupChannelProps } from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n const GroupChannelModule = createGroupChannelModule(initModule);\n\n return ({\n renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n renderMessage,\n enableMessageGrouping = true,\n enableTypingIndicator = true,\n onPressHeaderLeft = NOOP,\n onPressHeaderRight = NOOP,\n onPressMediaMessage = NOOP,\n onChannelDeleted = NOOP,\n onBeforeSendUserMessage = PASS,\n onBeforeSendFileMessage = PASS,\n onBeforeUpdateUserMessage = PASS,\n onBeforeUpdateFileMessage = PASS,\n channel,\n keyboardAvoidOffset,\n queryCreator,\n collectionCreator,\n sortComparator = messageComparator,\n flatListProps,\n onPressImageMessage,\n }) => {\n const { sdk, currentUser } = useSendbirdChat();\n\n const {\n messages,\n nextMessages,\n newMessagesFromMembers,\n next,\n prev,\n sendFileMessage,\n sendUserMessage,\n updateFileMessage,\n updateUserMessage,\n resendMessage,\n deleteMessage,\n loading,\n } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n collectionCreator,\n queryCreator,\n sortComparator,\n onChannelDeleted,\n enableCollectionWithoutLocalCache: !queryCreator,\n });\n\n const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n if (renderMessage) return renderMessage(props);\n return <MessageRenderer {...props} />;\n });\n\n const memoizedFlatListProps = useMemo(\n () => ({\n ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n contentContainerStyle: { flexGrow: 1 },\n ...flatListProps,\n }),\n [loading, flatListProps],\n );\n\n const onPressSendUserMessage: GroupChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n async (params) => {\n const processedParams = await onBeforeSendUserMessage(params);\n await sendUserMessage(processedParams);\n },\n );\n const onPressSendFileMessage: GroupChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n async (params) => {\n const processedParams = await onBeforeSendFileMessage(params);\n await sendFileMessage(processedParams);\n },\n );\n const onPressUpdateUserMessage: GroupChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n async (message, params) => {\n const processedParams = await onBeforeUpdateUserMessage(params);\n await updateUserMessage(message.messageId, processedParams);\n },\n );\n const onPressUpdateFileMessage: GroupChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n async (message, params) => {\n const processedParams = await onBeforeUpdateFileMessage(params);\n await updateFileMessage(message.messageId, processedParams);\n },\n );\n\n / @deprecated /\n const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n const processedParams = await onBeforeSendFileMessage({ file });\n await sendFileMessage(processedParams);\n });\n / @deprecated /\n const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(\n async (text, mention) => {\n const processedParams = await onBeforeSendUserMessage({\n message: text,\n mentionedUserIds: mention?.userIds,\n mentionedMessageTemplate: mention?.messageTemplate,\n mentionType: mention?.type,\n });\n await sendUserMessage(processedParams);\n },\n );\n / @deprecated /\n const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n async (editedFile, message) => {\n const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n await updateFileMessage(message.messageId, processedParams);\n },\n );\n / @deprecated /\n const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n async (editedText, message, mention) => {\n const processedParams = await onBeforeSendUserMessage({\n message: editedText,\n mentionedUserIds: mention?.userIds,\n mentionedMessageTemplate: mention?.messageTemplate,\n mentionType: mention?.type,\n });\n await updateUserMessage(message.messageId, processedParams);\n },\n );\n\n return (\n <GroupChannelModule.Provider\n channel={channel}\n enableTypingIndicator={enableTypingIndicator}\n keyboardAvoidOffset={keyboardAvoidOffset}\n >\n <GroupChannelModule.Header onPressHeaderLeft={onPressHeaderLeft} onPressHeaderRight={onPressHeaderRight} />\n <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n <GroupChannelModule.MessageList\n channel={channel}\n enableMessageGrouping={enableMessageGrouping}\n currentUserId={currentUser?.userId}\n renderMessage={_renderMessage}\n messages={messages}\n nextMessages={nextMessages}\n newMessagesFromMembers={newMessagesFromMembers}\n onTopReached={prev}\n onBottomReached={next}\n renderNewMessagesButton={renderNewMessagesButton}\n renderScrollToBottomButton={renderScrollToBottomButton}\n onResendFailedMessage={resendMessage}\n onDeleteMessage={deleteMessage}\n onPressImageMessage={onPressImageMessage}\n onPressMediaMessage={onPressMediaMessage}\n flatListProps={memoizedFlatListProps}\n />\n <GroupChannelModule.Input\n SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\n shouldRenderInput={shouldRenderInput(channel)}\n onPressSendUserMessage={onPressSendUserMessage}\n onPressSendFileMessage={onPressSendFileMessage}\n onPressUpdateUserMessage={onPressUpdateUserMessage}\n onPressUpdateFileMessage={onPressUpdateFileMessage}\n onSendFileMessage={onSendFileMessage}\n onSendUserMessage={onSendUserMessage}\n onUpdateFileMessage={onUpdateFileMessage}\n onUpdateUserMessage={onUpdateUserMessage}\n />\n </StatusComposition>\n </GroupChannelModule.Provider>\n );\n };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n if (channel.isBroadcast) {\n return channel.myRole === 'operator';\n }\n\n return true;\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelListFragment.js CHANGED Viewed

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
@@ -23,10 +21,6 @@ var _useContext = require("../hooks/useContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const createGroupChannelListFragment = initModule => {
   const GroupChannelListModule = (0, _createGroupChannelListModule.default)(initModule);
   return _ref => {
@@ -57,13 +51,9 @@ const createGroupChannelListFragment = initModule => {
     });
     if (features.deliveryReceiptEnabled) {
-      (0, _react.useEffect)(() => {
-        const listener = _reactNative.AppState.addEventListener('change', status => {
-          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);
-        });
-        return () => listener.remove();
-      }, []);
+      (0, _uikitUtils.useAppState)('change', status => {
+        if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);
+      });
     }
     const _renderGroupChannelPreview = (0, _uikitUtils.useFreshCallback)((channel, onLongPressChannel) => {

package/lib/commonjs/fragments/createGroupChannelListFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createGroupChannelListFragment","initModule","GroupChannelListModule","createGroupChannelListModule","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","PASS","sdk","currentUser","features","markAsDeliveredWithChannel","useSendbirdChat","groupChannels","next","loading","useGroupChannelList","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","~~useEffect~~","~~listener","AppState","addEventListener","~~status","forEach","~~remove","~~_renderGroupChannelPreview","useFreshCallback","channel","onLongPressChannel","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","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 { PASS, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';\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 onPressChannel,\n onPressCreateChannel,\n queryCreator,\n collectionCreator,\n renderGroupChannelPreview,\n skipTypeSelection = false,\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 collectionCreator,\n enableCollectionWithoutLocalCache: !queryCreator,\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 const isChannelTypeAvailable = features.broadcastChannelEnabled \|\| features.superGroupChannelEnabled;\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 skipTypeSelection={isChannelTypeAvailable ? skipTypeSelection : true}\n onSelectType={onPressCreateChannel}\n />\n </GroupChannelListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":";;;;;;;AAAA;;~~AACA;;~~AAEA;;AACA;;AAEA;;AACA;;AACA;;AAMA~~;;;;;;;;~~AAEA,MAAMA,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAG,IAAAC,qCAAA,EAA6BF,UAA7B,CAA/B;EACA,OAAO,QASD;IAAA,IATE;MACNG,cADM;MAENC,oBAFM;MAGNC,YAHM;MAINC,iBAJM;MAKNC,yBALM;MAMNC,iBAAiB,GAAG,KANd;MAONC,aAAa,GAAG,EAPV;MAQNC,eAAe,GAAGC;IARZ,CASF;IACJ,MAAM;MAAEC,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6D,IAAAC,2BAAA,GAAnE;IACA,MAAM;MAAEC,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmC,IAAAC,mCAAA,EAAoBR,GAApB,EAAyBC,WAAzB,aAAyBA,WAAzB,uBAAyBA,WAAW,CAAEQ,MAAtC,EAA8C;MACrFhB,YADqF;MAErFC,iBAFqF;MAGrFgB,iCAAiC,EAAE,CAACjB;IAHiD,CAA9C,CAAzC;;IAMA,IAAIS,QAAQ,CAACS,sBAAb,EAAqC;MACnC,IAAAC,~~gBAAA~~,~~EAAU~~,~~MAAM;QACd~~,~~MAAMC~~,~~QAAQ,GAAGC,qBAAA,CAASC,gBAAT,CAA0B,QAA1B,EAAqCC,~~MAAD,IAAY;~~UAC/D~~,IAAIA,MAAM,KAAK,QAAf,~~EAAyBX~~,aAAa,~~CAACY~~,OAAd,~~CAAsBd~~,0BAAtB;~~QAC1B~~,~~CAFgB,CAAjB;;QAGA,OAAO,MAAMU,QAAQ,CAACK,MAAT,EAAb~~;~~MACD,CALD,EAKG,EALH;IAMD~~;;IAED,~~MAAMC~~,0BAAsF,GAAG,IAAAC,4BAAA,EAC7F,CAACC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,~~IAAI3B~~,yBAAJ,EAA+B,OAAOA,yBAAyB,~~CAAC0B~~,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,6BAAC,qCAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,~~MAAM9B~~,cAAc,~~CAAC8B~~,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4F,CAA/F;;IAaA,MAAMC,sBAAsB,~~GAAGrB~~,QAAQ,~~CAACsB~~,uBAAT,~~IAAoCtB~~,QAAQ,~~CAACuB~~,wBAA5E;IAEA,oBACE,6BAAC,sBAAD,CAAwB,QAAxB,qBACE,6BAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,6BAAC,0BAAD;MAAmB,OAAO,~~EAAElB~~,OAA5B;MAAqC,gBAAgB,eAAE,6BAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,6BAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAET,eADnB;MAEE,yBAAyB,~~EAAEqB~~,0BAF7B;MAGE,aAAa,~~EAAEd~~,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;~~QACboB~~,kBAAkB,eAAE,6BAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,~~GAAG/B~~;MAHU;IALjB,EADF,CAFF,eAeE,6BAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,~~EAAE0B~~,sBAAsB,~~GAAG3B~~,iBAAH,GAAuB,IADlE;MAEE,YAAY,EAAEJ;IAFhB,EAfF,CADF;EAsBD,CA/DD~~;AAgED,CAlED~~;;~~eAoEeL~~,8B"}
1	+ {"version":3,"names":["createGroupChannelListFragment","initModule","GroupChannelListModule","createGroupChannelListModule","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","PASS","sdk","currentUser","features","markAsDeliveredWithChannel","useSendbirdChat","groupChannels","next","loading","useGroupChannelList","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","useAppState","status","forEach","_renderGroupChannelPreview","useFreshCallback","channel","onLongPressChannel","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { PASS, useAppState, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';\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 onPressChannel,\n onPressCreateChannel,\n queryCreator,\n collectionCreator,\n renderGroupChannelPreview,\n skipTypeSelection = false,\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 collectionCreator,\n enableCollectionWithoutLocalCache: !queryCreator,\n });\n\n if (features.deliveryReceiptEnabled) {\n useAppState('change', (status) => {\n if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\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 const isChannelTypeAvailable = features.broadcastChannelEnabled \|\| features.superGroupChannelEnabled;\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 skipTypeSelection={isChannelTypeAvailable ? skipTypeSelection : true}\n onSelectType={onPressCreateChannel}\n />\n </GroupChannelListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAG,IAAAC,qCAAA,EAA6BF,UAA7B,CAA/B;EACA,OAAO,QASD;IAAA,IATE;MACNG,cADM;MAENC,oBAFM;MAGNC,YAHM;MAINC,iBAJM;MAKNC,yBALM;MAMNC,iBAAiB,GAAG,KANd;MAONC,aAAa,GAAG,EAPV;MAQNC,eAAe,GAAGC;IARZ,CASF;IACJ,MAAM;MAAEC,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6D,IAAAC,2BAAA,GAAnE;IACA,MAAM;MAAEC,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmC,IAAAC,mCAAA,EAAoBR,GAApB,EAAyBC,WAAzB,aAAyBA,WAAzB,uBAAyBA,WAAW,CAAEQ,MAAtC,EAA8C;MACrFhB,YADqF;MAErFC,iBAFqF;MAGrFgB,iCAAiC,EAAE,CAACjB;IAHiD,CAA9C,CAAzC;;IAMA,IAAIS,QAAQ,CAACS,sBAAb,EAAqC;MACnC,IAAAC,uBAAA,EAAY,QAAZ,EAAuBC,MAAD,IAAY;QAChC,IAAIA,MAAM,KAAK,QAAf,EAAyBR,aAAa,CAACS,OAAd,CAAsBX,0BAAtB;MAC1B,CAFD;IAGD;;IAED,MAAMY,0BAAsF,GAAG,IAAAC,4BAAA,EAC7F,CAACC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAIvB,yBAAJ,EAA+B,OAAOA,yBAAyB,CAACsB,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,6BAAC,qCAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAM1B,cAAc,CAAC0B,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4F,CAA/F;;IAaA,MAAMC,sBAAsB,GAAGjB,QAAQ,CAACkB,uBAAT,IAAoClB,QAAQ,CAACmB,wBAA5E;IAEA,oBACE,6BAAC,sBAAD,CAAwB,QAAxB,qBACE,6BAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,6BAAC,0BAAD;MAAmB,OAAO,EAAEd,OAA5B;MAAqC,gBAAgB,eAAE,6BAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,6BAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAET,eADnB;MAEE,yBAAyB,EAAEiB,0BAF7B;MAGE,aAAa,EAAEV,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACbgB,kBAAkB,eAAE,6BAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAG3B;MAHU;IALjB,EADF,CAFF,eAeE,6BAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,EAAEsB,sBAAsB,GAAGvB,iBAAH,GAAuB,IADlE;MAEE,YAAY,EAAEJ;IAFhB,EAfF,CADF;EAsBD,CA5DD;AA6DD,CA/DD;;eAiEeL,8B"}

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

@@ -27,9 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const noop = () => '';
-const HOOK_NAME = 'createGroupChannelMembersFragment';
+const RETURN_EMPTY_STRING = () => '';
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = (0, _createUserListModule.default)(initModule);
@@ -40,7 +38,7 @@ const createGroupChannelMembersFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = (0, _uikitUtils.useUniqId)(HOOK_NAME);
+    const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelMembersFragment');
     const refreshSchedule = (0, _react.useRef)();
     const {
       STRINGS
@@ -68,7 +66,7 @@ const createGroupChannelMembersFragment = initModule => {
         limit: 20
       })
     });
-    (0, _uikitChatHooks.useChannelHandler)(sdk, `${HOOK_NAME}_${uniqId}`, {
+    (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         deleteUser(user.userId);
@@ -128,8 +126,8 @@ const createGroupChannelMembersFragment = initModule => {
           if (!channel.isBroadcast) {
             menuItems.push({
-              title: (0, _uikitUtils.ifMuted)(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
-              onPress: (0, _uikitUtils.ifMuted)(user.isMuted, () => channel.unmuteUser(user), () => channel.muteUser(user))
+              title: (0, _uikitUtils.ifThenOr)(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
+              onPress: (0, _uikitUtils.ifThenOr)(user.isMuted, () => channel.unmuteUser(user), () => channel.muteUser(user))
             });
           }
@@ -148,7 +146,7 @@ const createGroupChannelMembersFragment = initModule => {
     });
     return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
-      headerRight: noop,
+      headerRight: RETURN_EMPTY_STRING,
       headerTitle: STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE
     }, /*#__PURE__*/_react.default.createElement(UserListModule.Header, {
       shouldActivateHeaderRight: () => true,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["noop","HOOK_NAME","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","useUniqId","refreshSchedule","useRef","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","refresh","loading","next","error","upsertUser","deleteUser","useUserList","queryCreator","createMemberListQuery","limit","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","profileUrl","role","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","ifOperator","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","ifMuted","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":["RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","handlerId","useUniqHandlerId","refreshSchedule","useRef","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","refresh","loading","next","error","upsertUser","deleteUser","useUserList","queryCreator","createMemberListQuery","limit","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","profileUrl","role","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","ifOperator","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","ifThenOr","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/commonjs/fragments/createGroupChannelMutedMembersFragment.js CHANGED Viewed

@@ -23,8 +23,6 @@ var _useContext = require("../hooks/useContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const HOOK_NAME = 'createGroupChannelMutedMembersFragment';
 const createGroupChannelMutedMembersFragment = initModule => {
   const GroupChannelMutedMembersModule = (0, _groupChannelMutedMembers.createGroupChannelMutedMembersModule)(initModule);
   return _ref => {
@@ -33,7 +31,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
       channel,
       renderUser
     } = _ref;
-    const uniqId = (0, _uikitUtils.useUniqId)(HOOK_NAME);
+    const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelMutedMembersFragment');
     const {
       STRINGS
     } = (0, _useContext.useLocalization)();
@@ -47,6 +45,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
     const {
       users,
       deleteUser,
+      upsertUser,
       loading,
       refresh,
       error,
@@ -56,7 +55,17 @@ const createGroupChannelMutedMembersFragment = initModule => {
         limit: 20
       })
     });
-    (0, _uikitChatHooks.useChannelHandler)(sdk, `${HOOK_NAME}_${uniqId}`, {
+    (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+      onUserMuted(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        upsertUser(user);
+      },
+      onUserUnmuted(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        deleteUser(user.userId);
+      },
       onUserLeft(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         deleteUser(user.userId);

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~HOOK_NAME","~~createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","createGroupChannelMutedMembersModule","onPressHeaderLeft","NOOP","channel","renderUser","~~uniqId~~","~~useUniqId~~","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","users","deleteUser","loading","refresh","error","next","useUserList","queryCreator","createMutedUserListQuery","limit","useChannelHandler","~~onUserLeft~~","eventChannel","user","isDifferentChannel","userId","onUserBanned","_renderUser","useFreshCallback","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;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAKA;;;;AAEA,MAAMA,~~SAAS,GAAG,wCAAlB;;AACA,MAAMC,~~sCAAsC,GAC1CC,UAD6C,IAER;EACrC,MAAMC,8BAA8B,GAAG,IAAAC,8DAAA,EAAqCF,UAArC,CAAvC;EAEA,OAAO,QAAuD;IAAA,IAAtD;MAAEG,iBAAiB,GAAGC,gBAAtB;MAA4BC,OAA5B;MAAqCC;IAArC,CAAsD;IAC5D,MAAMC,~~MAAM~~,GAAG,IAAAC,~~qBAAA~~,~~EAAUV~~,~~SAAV~~,~~CAAf~~;IAEA,MAAM;~~MAAEW~~;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAe,IAAAC,yCAAA,GAArB;IAEA,MAAM;MAAEC,KAAF;MAASC,UAAT;MAAqBC,~~OAArB~~;~~MAA8BC~~,~~OAA9B~~;~~MAAuCC~~,~~KAAvC~~;~~MAA8CC~~;~~IAA9C~~,~~IAAuD~~,IAAAC,2BAAA,~~EAAYX~~,GAAZ,EAAiB;~~MAC5EY~~,YAAY,EAAE,~~MAAMlB~~,OAAO,~~CAACmB~~,wBAAR,CAAiC;QAAEC,KAAK,EAAE;MAAT,CAAjC;~~IADwD~~,CAAjB,~~CAA7D~~;IAIA,IAAAC,iCAAA,~~EAAkBf~~,GAAlB,~~EAAwB~~,~~GAAEb~~,~~SAAU~~,~~IAAGS~~,~~MAAO~~,~~EAA9C~~,~~EAAiD~~;~~MAC~~/~~CoB~~,UAAU,~~CAACC~~,YAAD,EAAeC,IAAf,EAAqB;~~QAC7B~~,IAAI,IAAAC,8BAAA,EAAmBF,YAAnB,~~EAAiCvB~~,OAAjC,CAAJ,EAA+C;QAC/CY,UAAU,~~CAACY~~,IAAI,~~CAACE~~,MAAN,CAAV;MACD,~~CAJ8C~~;;~~MAK~~/CC,YAAY,~~CAACJ~~,YAAD,EAAeC,IAAf,EAAqB;QAC/B,IAAI,IAAAC,8BAAA,EAAmBF,YAAnB,~~EAAiCvB~~,OAAjC,CAAJ,EAA+C;QAC/CY,UAAU,~~CAACY~~,IAAI,~~CAACE~~,MAAN,CAAV;MACD;;~~IAR8C~~,~~CAAjD~~;;~~IAWA~~,~~MAAME~~,WAA2C,GAAG,IAAAC,4BAAA,EAAkBC,KAAD,IAAW;MAC9E,~~IAAI7B~~,UAAJ,EAAgB,OAAOA,UAAU,~~CAAC6B~~,KAAD,CAAjB;MAEhB,MAAM;~~QAAEN~~;MAAF,~~IAAWM~~,KAAjB;MACA,oBACE,6BAAC,sBAAD;QACE,KAAK,MADP;QAEE,GAAG,~~EAAEN~~,IAAI,~~CAACO~~,UAFZ;QAGE,IAAI,EACF,~~CAACP~~,IAAI,~~CAACQ~~,QAAL,~~IAAiB5B~~,OAAO,~~CAAC6B~~,MAAR,CAAeC,YAAjC,~~KACCV~~,IAAI,~~CAACE~~,MAAL,~~MAAgBnB~~,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,~~CAAEmB~~,MAA7B,~~IAAsCtB~~,OAAO,~~CAAC6B~~,MAAR,CAAeE,mBAArD,GAA2E,EAD5E,CAJJ;QAOE,QAAQ,~~EAAEX~~,IAAI,~~CAACE~~,MAAL,~~MAAgBnB~~,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,~~CAAEmB~~,MAA7B,CAPZ;QAQE,iBAAiB,EAAE,MAAM;~~UACvBjB~~,QAAQ,CAAC;~~YACP2B~~,KAAK,~~EAAEZ~~,IAAI,~~CAACQ~~,QAAL,~~IAAiB5B~~,OAAO,~~CAAC6B~~,MAAR,CAAeC,YADhC;YAEPG,SAAS,EAAE,CACT;cACED,KAAK,~~EAAEhC~~,OAAO,~~CAAC6B~~,MAAR,CAAeK,MADxB;cAEEC,OAAO,EAAE,~~MAAMvC~~,OAAO,~~CAACwC~~,UAAR,~~CAAmBhB~~,IAAnB,~~EAAyBiB~~,IAAzB,CAA8B,~~MAAM7B~~,UAAU,~~CAACY~~,IAAI,~~CAACE~~,MAAN,CAA9C;YAFjB,CADS;UAFJ,CAAD,CAAR;QASD;MAlBH,EADF;IAsBD,CA1BmD,CAApD;;IA4BA,oBACE,6BAAC,8BAAD,CAAgC,QAAhC;MAAyC,OAAO,~~EAAE1B~~;IAAlD,gBACE,6BAAC,8BAAD,CAAgC,MAAhC;MAAuC,iBAAiB,EAAEF;IAA1D,EADF,eAEE,6BAAC,0BAAD;MACE,OAAO,~~EAAEe~~,OADX;MAEE,gBAAgB,eAAE,6BAAC,8BAAD,CAAgC,aAAhC,OAFpB;MAGE,KAAK,~~EAAE6B~~,OAAO,~~CAAC3B~~,KAAD,CAHhB;MAIE,cAAc,eAAE,6BAAC,8BAAD,CAAgC,WAAhC;QAA4C,YAAY,EAAED;MAA1D;IAJlB,gBAME,6BAAC,8BAAD,CAAgC,IAAhC;MACE,YAAY,~~EAAEH~~,KADhB;MAEE,UAAU,~~EAAEK~~,IAFd;MAGE,UAAU,~~EAAEY~~,WAHd;MAIE,kBAAkB,eAAE,6BAAC,8BAAD,CAAgC,WAAhC;IAJtB,EANF,CAFF,CADF;EAkBD,~~CApED~~;~~AAqED~~,~~CA1ED~~;;~~eA4EelC~~,sC"}
1	+ {"version":3,"names":["createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","createGroupChannelMutedMembersModule","onPressHeaderLeft","NOOP","channel","renderUser","handlerId","useUniqHandlerId","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","users","deleteUser","upsertUser","loading","refresh","error","next","useUserList","queryCreator","createMutedUserListQuery","limit","useChannelHandler","onUserMuted","eventChannel","user","isDifferentChannel","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","useFreshCallback","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/commonjs/fragments/createGroupChannelOperatorsFragment.js CHANGED Viewed

@@ -23,8 +23,6 @@ var _useContext = require("../hooks/useContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const name = 'createGroupChannelOperatorsFragment';
 const createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = (0, _groupChannelOperators.createGroupChannelOperatorsModule)(initModule);
   return _ref => {
@@ -34,7 +32,7 @@ const createGroupChannelOperatorsFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = (0, _uikitUtils.useUniqId)(name);
+    const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelOperatorsFragment');
     const {
       STRINGS
     } = (0, _useContext.useLocalization)();
@@ -61,7 +59,7 @@ const createGroupChannelOperatorsFragment = initModule => {
         limit: 20
       })
     });
-    (0, _uikitChatHooks.useChannelHandler)(sdk, `${name}_${uniqId}`, {
+    (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         deleteUser(user.userId);