@sendbird/uikit-react-native 3.7.5 → 3.8.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelInviteFragment","initModule","UserListModule","_ref","channel","onPressHeaderLeft","onInviteMembers","sortComparator","queryCreator","renderUser","sdk","STRINGS","users","refreshing","refresh","next","error","loading","memberIds","shouldFilterMember","members","map","it","userId","_renderUser","user","selectedUsers","setSelectedUsers","hasRequiredKey","Error","userIdxInMembers","indexOf","userIdxInSelectedUsers","findIndex","isMember","isSelected","createElement","activeOpacity","disabled","onPress","_ref2","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","selected","Provider","headerRight","GROUP_CHANNEL_INVITE","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","onPressHeaderRight","userIds","updatedChannel","inviteWithUserIds","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","isSuper","isBroadcast"],"sources":["createGroupChannelInviteFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdGroupChannel, SendbirdUser, UserStruct } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelInviteFragment } 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 createGroupChannelInviteFragment = <UserType extends UserStruct>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelInviteFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onInviteMembers, sortComparator, queryCreator, renderUser }) => {\n    const { sdk } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const memberIds = shouldFilterMember(channel) ? channel.members.map((it) => it.userId) : [];\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          const hasRequiredKey = 'profileUrl' in user && 'nickname' in user;\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 userIdxInMembers = memberIds.indexOf(user.userId);\n        const userIdxInSelectedUsers = selectedUsers.findIndex((it) => it.userId === user.userId);\n\n        const isMember = userIdxInMembers > -1;\n        const isSelected = userIdxInSelectedUsers > -1;\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isMember}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdxInSelectedUsers, 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={isMember || isSelected}\n              disabled={isMember}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser, queryCreator],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_INVITE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const userIds = users.map((it) => it.userId);\n            const updatedChannel = await channel.inviteWithUserIds(userIds);\n            onInviteMembers(updatedChannel);\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\nfunction shouldFilterMember(channel: SendbirdGroupChannel) {\n  return !channel.isSuper && !channel.isBroadcast;\n}\n\nexport default createGroupChannelInviteFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,4BAA4B;AAGxD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,iBAAiB,MAAM,iCAAiC;AAE/D,OAAOC,oBAAoB,MAAM,gDAAgD;AAEjF,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,gCAAgC,GACpCC,UAA8C,IACL;EACzC,MAAMC,cAAc,GAAGL,oBAAoB,CAAWI,UAAU,CAAC;EAEjE,OAAOE,IAAA,IAA+F;IAAA,IAA9F;MAAEC,OAAO;MAAEC,iBAAiB;MAAEC,eAAe;MAAEC,cAAc;MAAEC,YAAY;MAAEC;IAAW,CAAC,GAAAN,IAAA;IAC/F,MAAM;MAAEO;IAAI,CAAC,GAAGX,eAAe,EAAE;IACjC,MAAM;MAAEY;IAAQ,CAAC,GAAGb,eAAe,EAAE;IACrC,MAAM;MAAEc,KAAK;MAAEC,UAAU;MAAEC,OAAO;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAQ,CAAC,GAAGvB,WAAW,CAACgB,GAAG,EAAE;MAC5EF,YAAY;MACZD;IACF,CAAC,CAAC;IAEF,MAAMW,SAAS,GAAGC,kBAAkB,CAACf,OAAO,CAAC,GAAGA,OAAO,CAACgB,OAAO,CAACC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,MAAM,CAAC,GAAG,EAAE;IAE3F,MAAMC,WAA2C,GAAGhC,WAAW,CAC7D,CAACiC,IAAI,EAAEC,aAAa,EAAEC,gBAAgB,KAAK;MACzC,IAAInB,YAAY,IAAI,CAACC,UAAU,EAAE;QAC/B,MAAMmB,cAAc,GAAG,YAAY,IAAIH,IAAI,IAAI,UAAU,IAAIA,IAAI;QACjE,IAAI,CAACG,cAAc,EAAE,MAAM,IAAIC,KAAK,CAAC,+DAA+D,CAAC;MACvG;MAEA,IAAIpB,UAAU,EAAE,OAAOA,UAAU,CAACgB,IAAI,EAAEC,aAAa,EAAEC,gBAAgB,CAAC;MAExE,MAAMG,gBAAgB,GAAGZ,SAAS,CAACa,OAAO,CAACN,IAAI,CAACF,MAAM,CAAC;MACvD,MAAMS,sBAAsB,GAAGN,aAAa,CAACO,SAAS,CAAEX,EAAE,IAAKA,EAAE,CAACC,MAAM,KAAKE,IAAI,CAACF,MAAM,CAAC;MAEzF,MAAMW,QAAQ,GAAGJ,gBAAgB,GAAG,CAAC,CAAC;MACtC,MAAMK,UAAU,GAAGH,sBAAsB,GAAG,CAAC,CAAC;MAE9C,oBACEzC,KAAA,CAAA6C,aAAA,CAAC3C,gBAAgB;QACf4C,aAAa,EAAE,GAAI;QACnBC,QAAQ,EAAEJ,QAAS;QACnBK,OAAO,EAAEA,CAAA,KAAM;UACbZ,gBAAgB,CAACa,KAAA,IAAgB;YAAA,IAAf,CAAC,GAAGC,KAAK,CAAC,GAAAD,KAAA;YAC1B,IAAIL,UAAU,EAAEM,KAAK,CAACC,MAAM,CAACV,sBAAsB,EAAE,CAAC,CAAC,CAAC,KACnDS,KAAK,CAACE,IAAI,CAAClB,IAAI,CAAC;YACrB,OAAOgB,KAAK;UACd,CAAC,CAAC;QACJ;MAAE,gBAEFlD,KAAA,CAAA6C,aAAA,CAACxC,iBAAiB;QAChBgD,GAAG,EAAGnB,IAAI,CAA6BoB,UAAW;QAClDC,IAAI,EAAGrB,IAAI,CAA6BsB,QAAQ,IAAIpC,OAAO,CAACqC,MAAM,CAACC,YAAa;QAChFC,QAAQ,EAAEhB,QAAQ,IAAIC,UAAW;QACjCG,QAAQ,EAAEJ;MAAS,EACnB,CACe;IAEvB,CAAC,EACD,CAAC9B,OAAO,EAAEK,UAAU,EAAED,YAAY,CAAC,CACpC;IAED,oBACEjB,KAAA,CAAA6C,aAAA,CAAClC,cAAc,CAACiD,QAAQ;MACtBC,WAAW,EAAG1B,aAAa,IAAKf,OAAO,CAAC0C,oBAAoB,CAACC,YAAY,CAAC;QAAE5B;MAAc,CAAC,CAAE;MAC7F6B,WAAW,EAAE5C,OAAO,CAAC0C,oBAAoB,CAACG;IAAa,gBAEvDjE,KAAA,CAAA6C,aAAA,CAAClC,cAAc,CAACuD,MAAM;MACpBpD,iBAAiB,EAAEA,iBAAkB;MACrCqD,kBAAkB,EAAE,MAAO9C,KAAK,IAAK;QACnC,MAAM+C,OAAO,GAAG/C,KAAK,CAACS,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,MAAM,CAAC;QAC5C,MAAMqC,cAAc,GAAG,MAAMxD,OAAO,CAACyD,iBAAiB,CAACF,OAAO,CAAC;QAC/DrD,eAAe,CAACsD,cAAc,CAAC;MACjC;IAAE,EACF,eACFrE,KAAA,CAAA6C,aAAA,CAACzC,iBAAiB;MAChBsB,OAAO,EAAEA,OAAQ;MACjBD,KAAK,EAAE8C,OAAO,CAAC9C,KAAK,CAAE;MACtB+C,gBAAgB,eAAExE,KAAA,CAAA6C,aAAA,CAAClC,cAAc,CAAC8D,aAAa,OAAI;MACnDC,cAAc,eAAE1E,KAAA,CAAA6C,aAAA,CAAClC,cAAc,CAACgE,WAAW;QAACC,YAAY,EAAEA,CAAA,KAAMrD,OAAO;MAAG;IAAI,gBAE9EvB,KAAA,CAAA6C,aAAA,CAAClC,cAAc,CAACkE,IAAI;MAClBC,UAAU,EAAEtD,IAAK;MACjBH,KAAK,EAAEA,KAAM;MACbH,UAAU,EAAEe,WAAY;MACxB8C,SAAS,EAAExD,OAAQ;MACnBD,UAAU,EAAEA,UAAW;MACvB0D,kBAAkB,eAAEhF,KAAA,CAAA6C,aAAA,CAAClC,cAAc,CAACsE,WAAW;IAAI,EACnD,CACgB,CACI;EAE9B,CAAC;AACH,CAAC;AAED,SAASrD,kBAAkBA,CAACf,OAA6B,EAAE;EACzD,OAAO,CAACA,OAAO,CAACqE,OAAO,IAAI,CAACrE,OAAO,CAACsE,WAAW;AACjD;AAEA,eAAe1E,gCAAgC"}
+{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelInviteFragment","initModule","UserListModule","channel","onPressHeaderLeft","onInviteMembers","sortComparator","queryCreator","renderUser","sdk","STRINGS","users","refreshing","refresh","next","error","loading","memberIds","shouldFilterMember","members","map","it","userId","_renderUser","user","selectedUsers","setSelectedUsers","hasRequiredKey","Error","userIdxInMembers","indexOf","userIdxInSelectedUsers","findIndex","isMember","isSelected","createElement","activeOpacity","disabled","onPress","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","selected","Provider","headerRight","GROUP_CHANNEL_INVITE","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","onPressHeaderRight","userIds","updatedChannel","inviteWithUserIds","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","isSuper","isBroadcast"],"sources":["createGroupChannelInviteFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdGroupChannel, SendbirdUser, UserStruct } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelInviteFragment } 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 createGroupChannelInviteFragment = <UserType extends UserStruct>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelInviteFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onInviteMembers, sortComparator, queryCreator, renderUser }) => {\n    const { sdk } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const memberIds = shouldFilterMember(channel) ? channel.members.map((it) => it.userId) : [];\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          const hasRequiredKey = 'profileUrl' in user && 'nickname' in user;\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 userIdxInMembers = memberIds.indexOf(user.userId);\n        const userIdxInSelectedUsers = selectedUsers.findIndex((it) => it.userId === user.userId);\n\n        const isMember = userIdxInMembers > -1;\n        const isSelected = userIdxInSelectedUsers > -1;\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isMember}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdxInSelectedUsers, 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={isMember || isSelected}\n              disabled={isMember}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser, queryCreator],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_INVITE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const userIds = users.map((it) => it.userId);\n            const updatedChannel = await channel.inviteWithUserIds(userIds);\n            onInviteMembers(updatedChannel);\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\nfunction shouldFilterMember(channel: SendbirdGroupChannel) {\n  return !channel.isSuper && !channel.isBroadcast;\n}\n\nexport default createGroupChannelInviteFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,4BAA4B;AAGxD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,iBAAiB,MAAM,iCAAiC;AAE/D,OAAOC,oBAAoB,MAAM,gDAAgD;AAEjF,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,gCAAgC,GACpCC,UAA8C,IACL;EACzC,MAAMC,cAAc,GAAGL,oBAAoB,CAAWI,UAAU,CAAC;EAEjE,OAAO,CAAC;IAAEE,OAAO;IAAEC,iBAAiB;IAAEC,eAAe;IAAEC,cAAc;IAAEC,YAAY;IAAEC;EAAW,CAAC,KAAK;IACpG,MAAM;MAAEC;IAAI,CAAC,GAAGV,eAAe,CAAC,CAAC;IACjC,MAAM;MAAEW;IAAQ,CAAC,GAAGZ,eAAe,CAAC,CAAC;IACrC,MAAM;MAAEa,KAAK;MAAEC,UAAU;MAAEC,OAAO;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAQ,CAAC,GAAGtB,WAAW,CAACe,GAAG,EAAE;MAC5EF,YAAY;MACZD;IACF,CAAC,CAAC;IAEF,MAAMW,SAAS,GAAGC,kBAAkB,CAACf,OAAO,CAAC,GAAGA,OAAO,CAACgB,OAAO,CAACC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,MAAM,CAAC,GAAG,EAAE;IAE3F,MAAMC,WAA2C,GAAG/B,WAAW,CAC7D,CAACgC,IAAI,EAAEC,aAAa,EAAEC,gBAAgB,KAAK;MACzC,IAAInB,YAAY,IAAI,CAACC,UAAU,EAAE;QAC/B,MAAMmB,cAAc,GAAG,YAAY,IAAIH,IAAI,IAAI,UAAU,IAAIA,IAAI;QACjE,IAAI,CAACG,cAAc,EAAE,MAAM,IAAIC,KAAK,CAAC,+DAA+D,CAAC;MACvG;MAEA,IAAIpB,UAAU,EAAE,OAAOA,UAAU,CAACgB,IAAI,EAAEC,aAAa,EAAEC,gBAAgB,CAAC;MAExE,MAAMG,gBAAgB,GAAGZ,SAAS,CAACa,OAAO,CAACN,IAAI,CAACF,MAAM,CAAC;MACvD,MAAMS,sBAAsB,GAAGN,aAAa,CAACO,SAAS,CAAEX,EAAE,IAAKA,EAAE,CAACC,MAAM,KAAKE,IAAI,CAACF,MAAM,CAAC;MAEzF,MAAMW,QAAQ,GAAGJ,gBAAgB,GAAG,CAAC,CAAC;MACtC,MAAMK,UAAU,GAAGH,sBAAsB,GAAG,CAAC,CAAC;MAE9C,oBACExC,KAAA,CAAA4C,aAAA,CAAC1C,gBAAgB;QACf2C,aAAa,EAAE,GAAI;QACnBC,QAAQ,EAAEJ,QAAS;QACnBK,OAAO,EAAEA,CAAA,KAAM;UACbZ,gBAAgB,CAAC,CAAC,CAAC,GAAGa,KAAK,CAAC,KAAK;YAC/B,IAAIL,UAAU,EAAEK,KAAK,CAACC,MAAM,CAACT,sBAAsB,EAAE,CAAC,CAAC,CAAC,KACnDQ,KAAK,CAACE,IAAI,CAACjB,IAAI,CAAC;YACrB,OAAOe,KAAK;UACd,CAAC,CAAC;QACJ;MAAE,gBAEFhD,KAAA,CAAA4C,aAAA,CAACvC,iBAAiB;QAChB8C,GAAG,EAAGlB,IAAI,CAA6BmB,UAAW;QAClDC,IAAI,EAAGpB,IAAI,CAA6BqB,QAAQ,IAAInC,OAAO,CAACoC,MAAM,CAACC,YAAa;QAChFC,QAAQ,EAAEf,QAAQ,IAAIC,UAAW;QACjCG,QAAQ,EAAEJ;MAAS,CACpB,CACe,CAAC;IAEvB,CAAC,EACD,CAAC9B,OAAO,EAAEK,UAAU,EAAED,YAAY,CACpC,CAAC;IAED,oBACEhB,KAAA,CAAA4C,aAAA,CAACjC,cAAc,CAAC+C,QAAQ;MACtBC,WAAW,EAAGzB,aAAa,IAAKf,OAAO,CAACyC,oBAAoB,CAACC,YAAY,CAAC;QAAE3B;MAAc,CAAC,CAAE;MAC7F4B,WAAW,EAAE3C,OAAO,CAACyC,oBAAoB,CAACG;IAAa,gBAEvD/D,KAAA,CAAA4C,aAAA,CAACjC,cAAc,CAACqD,MAAM;MACpBnD,iBAAiB,EAAEA,iBAAkB;MACrCoD,kBAAkB,EAAE,MAAO7C,KAAK,IAAK;QACnC,MAAM8C,OAAO,GAAG9C,KAAK,CAACS,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,MAAM,CAAC;QAC5C,MAAMoC,cAAc,GAAG,MAAMvD,OAAO,CAACwD,iBAAiB,CAACF,OAAO,CAAC;QAC/DpD,eAAe,CAACqD,cAAc,CAAC;MACjC;IAAE,CACH,CAAC,eACFnE,KAAA,CAAA4C,aAAA,CAACxC,iBAAiB;MAChBqB,OAAO,EAAEA,OAAQ;MACjBD,KAAK,EAAE6C,OAAO,CAAC7C,KAAK,CAAE;MACtB8C,gBAAgB,eAAEtE,KAAA,CAAA4C,aAAA,CAACjC,cAAc,CAAC4D,aAAa,MAAE,CAAE;MACnDC,cAAc,eAAExE,KAAA,CAAA4C,aAAA,CAACjC,cAAc,CAAC8D,WAAW;QAACC,YAAY,EAAEA,CAAA,KAAMpD,OAAO,CAAC;MAAE,CAAE;IAAE,gBAE9EtB,KAAA,CAAA4C,aAAA,CAACjC,cAAc,CAACgE,IAAI;MAClBC,UAAU,EAAErD,IAAK;MACjBH,KAAK,EAAEA,KAAM;MACbH,UAAU,EAAEe,WAAY;MACxB6C,SAAS,EAAEvD,OAAQ;MACnBD,UAAU,EAAEA,UAAW;MACvByD,kBAAkB,eAAE9E,KAAA,CAAA4C,aAAA,CAACjC,cAAc,CAACoE,WAAW,MAAE;IAAE,CACpD,CACgB,CACI,CAAC;EAE9B,CAAC;AACH,CAAC;AAED,SAASpD,kBAAkBA,CAACf,OAA6B,EAAE;EACzD,OAAO,CAACA,OAAO,CAACoE,OAAO,IAAI,CAACpE,OAAO,CAACqE,WAAW;AACjD;AAEA,eAAexE,gCAAgC","ignoreList":[]}

package/lib/module/fragments/createGroupChannelListFragment.js

@@ -8,17 +8,16 @@ import createGroupChannelListModule from '../domain/groupChannelList/module/crea
 import { useSendbirdChat } from '../hooks/useContext';
 const createGroupChannelListFragment = initModule => {
   const GroupChannelListModule = createGroupChannelListModule(initModule);
-  return _ref => {
-    let {
-      onPressChannel,
-      onPressCreateChannel,
-      renderGroupChannelPreview,
-      skipTypeSelection = false,
-      flatListProps = {},
-      menuItemCreator = PASS,
-      channelListQueryParams,
-      collectionCreator
-    } = _ref;
+  return ({
+    onPressChannel,
+    onPressCreateChannel,
+    renderGroupChannelPreview,
+    skipTypeSelection = false,
+    flatListProps = {},
+    menuItemCreator = PASS,
+    channelListQueryParams,
+    collectionCreator
+  }) => {
     const {
       sdk,
       sbOptions,

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

@@ -1 +1 @@
-{"version":3,"names":["React","GroupChannelFilter","useGroupChannelList","PASS","confirmAndMarkAsDelivered","useAppState","useFreshCallback","StatusComposition","GroupChannelPreviewContainer","createGroupChannelListModule","useSendbirdChat","createGroupChannelListFragment","initModule","GroupChannelListModule","_ref","onPressChannel","onPressCreateChannel","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","channelListQueryParams","collectionCreator","sdk","sbOptions","markAsDeliveredWithChannel","groupChannels","loadMore","initialized","getCollectionCreator","markAsDelivered","status","appInfo","deliveryReceiptEnabled","forEach","_renderGroupChannelPreview","props","createElement","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","Provider","Header","loading","LoadingComponent","StatusLoading","List","onLoadNext","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","TypeSelector","onSelectType","deprecatedCreatorProp","defaultParams","params","groupChannel","createGroupChannelCollection","filter"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { GroupChannelCollection, GroupChannelFilter } from '@sendbird/chat/groupChannel';\nimport { useGroupChannelList } from '@sendbird/uikit-tools';\nimport { PASS, SendbirdChatSDK, confirmAndMarkAsDelivered, 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    renderGroupChannelPreview,\n    skipTypeSelection = false,\n    flatListProps = {},\n    menuItemCreator = PASS,\n    channelListQueryParams,\n    collectionCreator,\n  }) => {\n    const { sdk, sbOptions, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, loadMore, initialized } = useGroupChannelList(sdk, {\n      collectionCreator: getCollectionCreator(sdk, channelListQueryParams, collectionCreator),\n      markAsDelivered: confirmAndMarkAsDelivered,\n    });\n\n    useAppState('change', (status) => {\n      if (sbOptions.appInfo.deliveryReceiptEnabled) {\n        if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n      }\n    });\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (props) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(props);\n        return <GroupChannelPreviewContainer {...props} />;\n      },\n    );\n\n    const isChannelTypeAvailable =\n      sbOptions.appInfo.broadcastChannelEnabled || sbOptions.appInfo.superGroupChannelEnabled;\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={!initialized} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            onPressChannel={onPressChannel}\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={loadMore}\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\nfunction getCollectionCreator(\n  sdk: SendbirdChatSDK,\n  channelListQueryParams?: GroupChannelListProps['Fragment']['channelListQueryParams'],\n  deprecatedCreatorProp?: () => GroupChannelCollection,\n) {\n  if (!channelListQueryParams && deprecatedCreatorProp) return deprecatedCreatorProp;\n\n  return (defaultParams: GroupChannelListProps['Fragment']['channelListQueryParams']) => {\n    const params = { ...defaultParams, ...channelListQueryParams };\n    return sdk.groupChannel.createGroupChannelCollection({\n      ...params,\n      filter: new GroupChannelFilter(params),\n    });\n  };\n}\n\nexport default createGroupChannelListFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","GroupChannelFilter","useGroupChannelList","PASS","confirmAndMarkAsDelivered","useAppState","useFreshCallback","StatusComposition","GroupChannelPreviewContainer","createGroupChannelListModule","useSendbirdChat","createGroupChannelListFragment","initModule","GroupChannelListModule","onPressChannel","onPressCreateChannel","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","channelListQueryParams","collectionCreator","sdk","sbOptions","markAsDeliveredWithChannel","groupChannels","loadMore","initialized","getCollectionCreator","markAsDelivered","status","appInfo","deliveryReceiptEnabled","forEach","_renderGroupChannelPreview","props","createElement","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","Provider","Header","loading","LoadingComponent","StatusLoading","List","onLoadNext","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","TypeSelector","onSelectType","deprecatedCreatorProp","defaultParams","params","groupChannel","createGroupChannelCollection","filter"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { GroupChannelCollection, GroupChannelFilter } from '@sendbird/chat/groupChannel';\nimport { useGroupChannelList } from '@sendbird/uikit-tools';\nimport { PASS, SendbirdChatSDK, confirmAndMarkAsDelivered, 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    renderGroupChannelPreview,\n    skipTypeSelection = false,\n    flatListProps = {},\n    menuItemCreator = PASS,\n    channelListQueryParams,\n    collectionCreator,\n  }) => {\n    const { sdk, sbOptions, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, loadMore, initialized } = useGroupChannelList(sdk, {\n      collectionCreator: getCollectionCreator(sdk, channelListQueryParams, collectionCreator),\n      markAsDelivered: confirmAndMarkAsDelivered,\n    });\n\n    useAppState('change', (status) => {\n      if (sbOptions.appInfo.deliveryReceiptEnabled) {\n        if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n      }\n    });\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (props) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(props);\n        return <GroupChannelPreviewContainer {...props} />;\n      },\n    );\n\n    const isChannelTypeAvailable =\n      sbOptions.appInfo.broadcastChannelEnabled || sbOptions.appInfo.superGroupChannelEnabled;\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={!initialized} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            onPressChannel={onPressChannel}\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={loadMore}\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\nfunction getCollectionCreator(\n  sdk: SendbirdChatSDK,\n  channelListQueryParams?: GroupChannelListProps['Fragment']['channelListQueryParams'],\n  deprecatedCreatorProp?: () => GroupChannelCollection,\n) {\n  if (!channelListQueryParams && deprecatedCreatorProp) return deprecatedCreatorProp;\n\n  return (defaultParams: GroupChannelListProps['Fragment']['channelListQueryParams']) => {\n    const params = { ...defaultParams, ...channelListQueryParams };\n    return sdk.groupChannel.createGroupChannelCollection({\n      ...params,\n      filter: new GroupChannelFilter(params),\n    });\n  };\n}\n\nexport default createGroupChannelListFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createGroupChannelMembersFragment.js

@@ -1,7 +1,8 @@
 import React, { useRef } from 'react';
-import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
 import { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
@@ -9,18 +10,16 @@ import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useCo
 const RETURN_EMPTY_STRING = () => '';
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      onPressHeaderRight,
-      renderUser,
-      sortComparator,
-      queryCreator = () => channel.createMemberListQuery({
-        limit: 20
-      })
-    } = _ref;
-    const handlerId = useUniqHandlerId('GroupChannelMembersFragment');
+  return ({
+    channel,
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    renderUser,
+    sortComparator,
+    queryCreator = () => channel.createMemberListQuery({
+      limit: 20
+    })
+  }) => {
     const refreshSchedule = useRef();
     const {
       STRINGS
@@ -47,7 +46,7 @@ const createGroupChannelMembersFragment = initModule => {
       queryCreator,
       sortComparator
     });
-    useChannelHandler(sdk, handlerId, {
+    useGroupChannelHandler(sdk, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);

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

@@ -1 +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","_ref","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"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 => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n  }) => {\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,\n      sortComparator,\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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"}
+{"version":3,"names":["React","useRef","useUserList","Icon","useActionMenu","useGroupChannelHandler","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { 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 { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback } 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 => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\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,\n      sortComparator,\n    });\n\n    useGroupChannelHandler(sdk, {\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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","ignoreList":[]}

package/lib/module/fragments/createGroupChannelModerationFragment.js

@@ -1,24 +1,19 @@
 import React from 'react';
 import { ScrollView } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { NOOP } from '@sendbird/uikit-utils';
+import { NOOP, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { createGroupChannelModerationModule } from '../domain/groupChannelModeration';
 const createGroupChannelModerationFragment = initModule => {
   const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft = NOOP,
-      onPressMenuBannedUsers,
-      onPressMenuMutedMembers,
-      onPressMenuOperators,
-      menuItemsCreator
-    } = _ref;
-    const {
-      left,
-      right
-    } = useSafeAreaInsets();
+  return ({
+    channel,
+    onPressHeaderLeft = NOOP,
+    onPressMenuBannedUsers,
+    onPressMenuMutedMembers,
+    onPressMenuOperators,
+    menuItemsCreator
+  }) => {
+    const safeArea = useSafeAreaPadding(['left', 'right']);
     const {
       colors
     } = useUIKitTheme();
@@ -31,8 +26,8 @@ const createGroupChannelModerationFragment = initModule => {
         backgroundColor: colors.background
       },
       contentContainerStyle: {
-        paddingLeft: left + styles.viewContainer.paddingHorizontal,
-        paddingRight: right + styles.viewContainer.paddingHorizontal
+        paddingStart: safeArea.paddingStart + styles.viewContainer.paddingHorizontal,
+        paddingEnd: safeArea.paddingEnd + styles.viewContainer.paddingHorizontal
       }
     }, /*#__PURE__*/React.createElement(GroupChannelModerationModule.Menu, {
       onPressMenuBannedUsers: onPressMenuBannedUsers,

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelModerationModule","createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","_ref","channel","onPressHeaderLeft","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","left","right","colors","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Menu"],"sources":["createGroupChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createGroupChannelModerationModule } from '../domain/groupChannelModeration';\nimport type {\n  GroupChannelModerationFragment,\n  GroupChannelModerationModule,\n} from '../domain/groupChannelModeration/types';\n\nconst createGroupChannelModerationFragment = (\n  initModule?: Partial<GroupChannelModerationModule>,\n): GroupChannelModerationFragment => {\n  const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft = NOOP,\n    onPressMenuBannedUsers,\n    onPressMenuMutedMembers,\n    onPressMenuOperators,\n    menuItemsCreator,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n    return (\n      <GroupChannelModerationModule.Provider channel={channel}>\n        <GroupChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelModerationModule.Menu\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            onPressMenuMutedMembers={onPressMenuMutedMembers}\n            onPressMenuOperators={onPressMenuOperators}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </GroupChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelModerationFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,SAASC,kCAAkC,QAAQ,kCAAkC;AAMrF,MAAMC,oCAAoC,GACxCC,UAAkD,IACf;EACnC,MAAMC,4BAA4B,GAAGH,kCAAkC,CAACE,UAAU,CAAC;EAEnF,OAAOE,IAAA,IAOD;IAAA,IAPE;MACNC,OAAO;MACPC,iBAAiB,GAAGP,IAAI;MACxBQ,sBAAsB;MACtBC,uBAAuB;MACvBC,oBAAoB;MACpBC;IACF,CAAC,GAAAN,IAAA;IACC,MAAM;MAAEO,IAAI;MAAEC;IAAM,CAAC,GAAGhB,iBAAiB,EAAE;IAC3C,MAAM;MAAEiB;IAAO,CAAC,GAAGf,aAAa,EAAE;IAClC,oBACEJ,KAAA,CAAAoB,aAAA,CAACX,4BAA4B,CAACY,QAAQ;MAACV,OAAO,EAAEA;IAAQ,gBACtDX,KAAA,CAAAoB,aAAA,CAACX,4BAA4B,CAACa,MAAM;MAACV,iBAAiB,EAAEA;IAAkB,EAAG,eAC7EZ,KAAA,CAAAoB,aAAA,CAACnB,UAAU;MACTsB,KAAK,EAAE;QAAEC,eAAe,EAAEL,MAAM,CAACM;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAEV,IAAI,GAAGW,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEb,KAAK,GAAGU,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEF9B,KAAA,CAAAoB,aAAA,CAACX,4BAA4B,CAACuB,IAAI;MAChCnB,sBAAsB,EAAEA,sBAAuB;MAC/CC,uBAAuB,EAAEA,uBAAwB;MACjDC,oBAAoB,EAAEA,oBAAqB;MAC3CC,gBAAgB,EAAEA;IAAiB,EACnC,CACS,CACyB;EAE5C,CAAC;AACH,CAAC;AAED,MAAMY,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAevB,oCAAoC"}
+{"version":3,"names":["React","ScrollView","createStyleSheet","useUIKitTheme","NOOP","useSafeAreaPadding","createGroupChannelModerationModule","createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","channel","onPressHeaderLeft","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","safeArea","colors","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingStart","styles","viewContainer","paddingHorizontal","paddingEnd","Menu"],"sources":["createGroupChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport { createGroupChannelModerationModule } from '../domain/groupChannelModeration';\nimport type {\n  GroupChannelModerationFragment,\n  GroupChannelModerationModule,\n} from '../domain/groupChannelModeration/types';\n\nconst createGroupChannelModerationFragment = (\n  initModule?: Partial<GroupChannelModerationModule>,\n): GroupChannelModerationFragment => {\n  const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft = NOOP,\n    onPressMenuBannedUsers,\n    onPressMenuMutedMembers,\n    onPressMenuOperators,\n    menuItemsCreator,\n  }) => {\n    const safeArea = useSafeAreaPadding(['left', 'right']);\n    const { colors } = useUIKitTheme();\n    return (\n      <GroupChannelModerationModule.Provider channel={channel}>\n        <GroupChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingStart: safeArea.paddingStart + styles.viewContainer.paddingHorizontal,\n            paddingEnd: safeArea.paddingEnd + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelModerationModule.Menu\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            onPressMenuMutedMembers={onPressMenuMutedMembers}\n            onPressMenuOperators={onPressMenuOperators}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </GroupChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelModerationFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SAASC,IAAI,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhE,SAASC,kCAAkC,QAAQ,kCAAkC;AAMrF,MAAMC,oCAAoC,GACxCC,UAAkD,IACf;EACnC,MAAMC,4BAA4B,GAAGH,kCAAkC,CAACE,UAAU,CAAC;EAEnF,OAAO,CAAC;IACNE,OAAO;IACPC,iBAAiB,GAAGP,IAAI;IACxBQ,sBAAsB;IACtBC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACF,CAAC,KAAK;IACJ,MAAMC,QAAQ,GAAGX,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,MAAM;MAAEY;IAAO,CAAC,GAAGd,aAAa,CAAC,CAAC;IAClC,oBACEH,KAAA,CAAAkB,aAAA,CAACT,4BAA4B,CAACU,QAAQ;MAACT,OAAO,EAAEA;IAAQ,gBACtDV,KAAA,CAAAkB,aAAA,CAACT,4BAA4B,CAACW,MAAM;MAACT,iBAAiB,EAAEA;IAAkB,CAAE,CAAC,eAC7EX,KAAA,CAAAkB,aAAA,CAACjB,UAAU;MACToB,KAAK,EAAE;QAAEC,eAAe,EAAEL,MAAM,CAACM;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,YAAY,EAAET,QAAQ,CAACS,YAAY,GAAGC,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC5EC,UAAU,EAAEb,QAAQ,CAACa,UAAU,GAAGH,MAAM,CAACC,aAAa,CAACC;MACzD;IAAE,gBAEF5B,KAAA,CAAAkB,aAAA,CAACT,4BAA4B,CAACqB,IAAI;MAChClB,sBAAsB,EAAEA,sBAAuB;MAC/CC,uBAAuB,EAAEA,uBAAwB;MACjDC,oBAAoB,EAAEA,oBAAqB;MAC3CC,gBAAgB,EAAEA;IAAiB,CACpC,CACS,CACyB,CAAC;EAE5C,CAAC;AACH,CAAC;AAED,MAAMW,MAAM,GAAGxB,gBAAgB,CAAC;EAC9ByB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAerB,oCAAoC","ignoreList":[]}

package/lib/module/fragments/createGroupChannelMutedMembersFragment.js

@@ -1,23 +1,22 @@
 import React from 'react';
-import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { NOOP, isDifferentChannel, useFreshCallback } 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 createGroupChannelMutedMembersFragment = initModule => {
   const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = NOOP,
-      channel,
-      renderUser,
-      queryCreator = () => channel.createMutedUserListQuery({
-        limit: 20
-      })
-    } = _ref;
-    const handlerId = useUniqHandlerId('GroupChannelMutedMembersFragment');
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel,
+    renderUser,
+    queryCreator = () => channel.createMutedUserListQuery({
+      limit: 20
+    })
+  }) => {
     const {
       STRINGS
     } = useLocalization();
@@ -39,7 +38,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
     } = useUserList(sdk, {
       queryCreator
     });
-    useChannelHandler(sdk, handlerId, {
+    useGroupChannelHandler(sdk, {
       onUserMuted(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         upsertUser(user);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createMutedUserListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","onUserMuted","eventChannel","user","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNMUTE","onPress","unmuteUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","mutedMembers","onLoadNext","ListEmptyComponent","StatusEmpty"],"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 ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createMutedUserListQuery({ limit: 20 }),\n  }) => {\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, { queryCreator });\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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"}
+{"version":3,"names":["React","useUserList","useActionMenu","useGroupChannelHandler","NOOP","isDifferentChannel","useFreshCallback","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","onPressHeaderLeft","channel","renderUser","queryCreator","createMutedUserListQuery","limit","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","onUserMuted","eventChannel","user","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNMUTE","onPress","unmuteUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","mutedMembers","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelMutedMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport { NOOP, isDifferentChannel, useFreshCallback } 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 ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createMutedUserListQuery({ limit: 20 }),\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, { queryCreator });\n\n    useGroupChannelHandler(sdk, {\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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","ignoreList":[]}

package/lib/module/fragments/createGroupChannelNotificationsFragment.js

@@ -3,11 +3,10 @@ import { NOOP } from '@sendbird/uikit-utils';
 import { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';
 const createGroupChannelNotificationsFragment = initModule => {
   const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = NOOP,
-      channel
-    } = _ref;
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel
+  }) => {
     return /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.Header, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","NOOP","createGroupChannelNotificationsModule","createGroupChannelNotificationsFragment","initModule","GroupChannelNotificationsModule","_ref","onPressHeaderLeft","channel","createElement","Provider","Header","View"],"sources":["createGroupChannelNotificationsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';\nimport type {\n  GroupChannelNotificationsFragment,\n  GroupChannelNotificationsModule,\n} from '../domain/groupChannelNotifications/types';\n\nconst createGroupChannelNotificationsFragment = (\n  initModule?: Partial<GroupChannelNotificationsModule>,\n): GroupChannelNotificationsFragment => {\n  const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel }) => {\n    return (\n      <GroupChannelNotificationsModule.Provider channel={channel}>\n        <GroupChannelNotificationsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <GroupChannelNotificationsModule.View />\n      </GroupChannelNotificationsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelNotificationsFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,SAASC,qCAAqC,QAAQ,qCAAqC;AAM3F,MAAMC,uCAAuC,GAC3CC,UAAqD,IACf;EACtC,MAAMC,+BAA+B,GAAGH,qCAAqC,CAACE,UAAU,CAAC;EAEzF,OAAOE,IAAA,IAA2C;IAAA,IAA1C;MAAEC,iBAAiB,GAAGN,IAAI;MAAEO;IAAQ,CAAC,GAAAF,IAAA;IAC3C,oBACEN,KAAA,CAAAS,aAAA,CAACJ,+BAA+B,CAACK,QAAQ;MAACF,OAAO,EAAEA;IAAQ,gBACzDR,KAAA,CAAAS,aAAA,CAACJ,+BAA+B,CAACM,MAAM;MAACJ,iBAAiB,EAAEA;IAAkB,EAAG,eAChFP,KAAA,CAAAS,aAAA,CAACJ,+BAA+B,CAACO,IAAI,OAAG,CACC;EAE/C,CAAC;AACH,CAAC;AAED,eAAeT,uCAAuC"}
+{"version":3,"names":["React","NOOP","createGroupChannelNotificationsModule","createGroupChannelNotificationsFragment","initModule","GroupChannelNotificationsModule","onPressHeaderLeft","channel","createElement","Provider","Header","View"],"sources":["createGroupChannelNotificationsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';\nimport type {\n  GroupChannelNotificationsFragment,\n  GroupChannelNotificationsModule,\n} from '../domain/groupChannelNotifications/types';\n\nconst createGroupChannelNotificationsFragment = (\n  initModule?: Partial<GroupChannelNotificationsModule>,\n): GroupChannelNotificationsFragment => {\n  const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel }) => {\n    return (\n      <GroupChannelNotificationsModule.Provider channel={channel}>\n        <GroupChannelNotificationsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <GroupChannelNotificationsModule.View />\n      </GroupChannelNotificationsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelNotificationsFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,SAASC,qCAAqC,QAAQ,qCAAqC;AAM3F,MAAMC,uCAAuC,GAC3CC,UAAqD,IACf;EACtC,MAAMC,+BAA+B,GAAGH,qCAAqC,CAACE,UAAU,CAAC;EAEzF,OAAO,CAAC;IAAEE,iBAAiB,GAAGL,IAAI;IAAEM;EAAQ,CAAC,KAAK;IAChD,oBACEP,KAAA,CAAAQ,aAAA,CAACH,+BAA+B,CAACI,QAAQ;MAACF,OAAO,EAAEA;IAAQ,gBACzDP,KAAA,CAAAQ,aAAA,CAACH,+BAA+B,CAACK,MAAM;MAACJ,iBAAiB,EAAEA;IAAkB,CAAE,CAAC,eAChFN,KAAA,CAAAQ,aAAA,CAACH,+BAA+B,CAACM,IAAI,MAAE,CACC,CAAC;EAE/C,CAAC;AACH,CAAC;AAED,eAAeR,uCAAuC","ignoreList":[]}

package/lib/module/fragments/createGroupChannelOperatorsFragment.js

@@ -1,24 +1,23 @@
 import React from 'react';
-import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { ifOperator, isDifferentChannel, useFreshCallback } 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 createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      onPressHeaderRight,
-      renderUser,
-      queryCreator = () => channel.createOperatorListQuery({
-        limit: 20
-      })
-    } = _ref;
-    const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');
+  return ({
+    channel,
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    renderUser,
+    queryCreator = () => channel.createOperatorListQuery({
+      limit: 20
+    })
+  }) => {
     const {
       STRINGS
     } = useLocalization();
@@ -43,7 +42,7 @@ const createGroupChannelOperatorsFragment = initModule => {
     } = useUserList(sdk, {
       queryCreator
     });
-    useChannelHandler(sdk, handlerId, {
+    useGroupChannelHandler(sdk, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","_ref","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","queryCreator","createOperatorListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty"],"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 ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),\n  }) => {\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, { queryCreator });\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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"}
+{"version":3,"names":["React","useUserList","useActionMenu","useGroupChannelHandler","ifOperator","isDifferentChannel","useFreshCallback","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","queryCreator","createOperatorListQuery","limit","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport { ifOperator, isDifferentChannel, useFreshCallback } 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 ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),\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, { queryCreator });\n\n    useGroupChannelHandler(sdk, {\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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","ignoreList":[]}

package/lib/module/fragments/createGroupChannelRegisterOperatorFragment.js

@@ -7,17 +7,16 @@ import createUserListModule from '../domain/userList/module/createUserListModule
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 const createGroupChannelRegisterOperatorFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      sortComparator,
-      renderUser,
-      onPressHeaderRight,
-      queryCreator = () => channel.createMemberListQuery({
-        limit: 20
-      })
-    } = _ref;
+  return ({
+    channel,
+    onPressHeaderLeft,
+    sortComparator,
+    renderUser,
+    onPressHeaderRight,
+    queryCreator = () => channel.createMemberListQuery({
+      limit: 20
+    })
+  }) => {
     const {
       sdk,
       currentUser
@@ -45,8 +44,7 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
         activeOpacity: 0.7,
         disabled: isOperator,
         onPress: () => {
-          setSelectedUsers(_ref2 => {
-            let [...draft] = _ref2;
+          setSelectedUsers(([...draft]) => {
             if (isSelected) draft.splice(userIdx, 1);else draft.push(user);
             return draft;
           });