@sendbird/uikit-react-native 2.4.0 → 2.4.2

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelRegisterOperatorFragment","initModule","UserListModule","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","sdk","currentUser","STRINGS","users","refreshing","refresh","next","error","loading","queryCreator","createMemberListQuery","limit","_renderUser","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","role","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","GROUP_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","HEADER_TITLE","length","addOperators","map","it","Boolean"],"sources":["createGroupChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelRegisterOperatorFragment } 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 createGroupChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelRegisterOperatorFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, sortComparator, renderUser, onPressHeaderRight }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = user.role === 'operator';\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\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.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(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 createGroupChannelRegisterOperatorFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelRegisterOperatorFragment","initModule","UserListModule","_ref","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","queryCreator","createMemberListQuery","limit","sdk","currentUser","STRINGS","users","refreshing","refresh","next","error","loading","_renderUser","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","role","createElement","activeOpacity","disabled","onPress","_ref2","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","selected","Provider","headerRight","GROUP_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","shouldActivateHeaderRight","length","addOperators","map","it","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelRegisterOperatorFragment } 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 createGroupChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelRegisterOperatorFragment => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    sortComparator,\n    renderUser,\n    onPressHeaderRight,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, { queryCreator, sortComparator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = user.role === 'operator';\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\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.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(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 createGroupChannelRegisterOperatorFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelSettingsFragment.js

@@ -4,7 +4,6 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { NOOP } from '@sendbird/uikit-utils';
 import createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';
-
 const createGroupChannelSettingsFragment = initModule => {
   const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);
   return _ref => {
@@ -45,7 +44,6 @@ const createGroupChannelSettingsFragment = initModule => {
     })));
   };
 };
-
 const styles = createStyleSheet({
   viewContainer: {
     paddingHorizontal: 16

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","left","right","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,gCAAP,MAA6C,wEAA7C;;AAGA,MAAMC,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAD,CAAnE;EAEA,OAAO,QAQD;IAAA,IARE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,qBAHM;MAINC,kBAJM;MAKNC,uBALM;MAMNC,uBANM;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC;IAAF,IAAab,aAAa,EAAhC;IACA,MAAM;MAAEc,IAAF;MAAQC;IAAR,IAAkBjB,iBAAiB,EAAzC;IAEA,oBACE,oBAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAES;IAA9C,gBACE,oBAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAED;IAAtD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAEU,eAAe,EAAEH,MAAM,CAACI;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEJ,IAAI,GAAGK,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEP,KAAK,GAAGI,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,oBAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAET,gBADpB;MAEE,qBAAqB,EAAEJ,qBAFzB;MAGE,kBAAkB,EAAEC,kBAHtB;MAIE,uBAAuB,EAAEC,uBAJ3B;MAKE,uBAAuB,EAAEC;IAL3B,EARF,CAFF,CADF;EAqBD,CAjCD;AAkCD,CAvCD;;AAyCA,MAAMQ,MAAM,GAAGpB,gBAAgB,CAAC;EAC9BqB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAelB,kCAAf"}
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","_ref","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","left","right","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Info","Menu"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,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,OAAOC,gCAAgC,MAAM,wEAAwE;AAGrH,MAAMC,kCAAkC,GACtCC,UAAgD,IACf;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAU,CAAC;EAE/E,OAAOE,IAAA,IAQD;IAAA,IARE;MACNC,iBAAiB,GAAGN,IAAI;MACxBO,OAAO;MACPC,qBAAqB;MACrBC,kBAAkB;MAClBC,uBAAuB;MACvBC,uBAAuB;MACvBC;IACF,CAAC,GAAAP,IAAA;IACC,MAAM;MAAEQ;IAAO,CAAC,GAAGd,aAAa,EAAE;IAClC,MAAM;MAAEe,IAAI;MAAEC;IAAM,CAAC,GAAGlB,iBAAiB,EAAE;IAE3C,oBACEF,KAAA,CAAAqB,aAAA,CAACZ,0BAA0B,CAACa,QAAQ;MAACV,OAAO,EAAEA;IAAQ,gBACpDZ,KAAA,CAAAqB,aAAA,CAACZ,0BAA0B,CAACc,MAAM;MAACZ,iBAAiB,EAAEA;IAAkB,EAAG,eAC3EX,KAAA,CAAAqB,aAAA,CAACpB,UAAU;MACTuB,KAAK,EAAE;QAAEC,eAAe,EAAEP,MAAM,CAACQ;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAET,IAAI,GAAGU,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEZ,KAAK,GAAGS,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEF/B,KAAA,CAAAqB,aAAA,CAACZ,0BAA0B,CAACwB,IAAI,OAAG,eACnCjC,KAAA,CAAAqB,aAAA,CAACZ,0BAA0B,CAACyB,IAAI;MAC9BjB,gBAAgB,EAAEA,gBAAiB;MACnCJ,qBAAqB,EAAEA,qBAAsB;MAC7CC,kBAAkB,EAAEA,kBAAmB;MACvCC,uBAAuB,EAAEA,uBAAwB;MACjDC,uBAAuB,EAAEA;IAAwB,EACjD,CACS,CACuB;EAE1C,CAAC;AACH,CAAC;AAED,MAAMa,MAAM,GAAG1B,gBAAgB,CAAC;EAC9B2B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAexB,kCAAkC"}

package/lib/module/fragments/createOpenChannelBannedUsersFragment.js

@@ -1,19 +1,21 @@
 import React from 'react';
 import { useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, useFreshCallback } from '@sendbird/uikit-utils';
+import { useFreshCallback } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelBannedUsersFragment = initModule => {
   const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);
   return _ref => {
     let {
-      onPressHeaderLeft = NOOP,
+      onPressHeaderLeft,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createBannedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       STRINGS
@@ -33,11 +35,8 @@ const createOpenChannelBannedUsersFragment = initModule => {
       refresh,
       error
     } = useUserList(sdk, {
-      queryCreator: () => channel.createBannedUserListQuery({
-        limit: 20
-      })
+      queryCreator
     });
-
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -59,7 +58,6 @@ const createOpenChannelBannedUsersFragment = initModule => {
         }
       });
     });
-
     return /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Header, {
@@ -79,6 +77,5 @@ const createOpenChannelBannedUsersFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelBannedUsersFragment;
 //# sourceMappingURL=createOpenChannelBannedUsersFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useUserList","useActionMenu","NOOP","useFreshCallback","StatusComposition","UserActionBar","createOpenChannelBannedUsersModule","useLocalization","useSendbirdChat","createOpenChannelBannedUsersFragment","initModule","OpenChannelBannedUsersModule","onPressHeaderLeft","channel","renderUser","STRINGS","currentUser","sdk","openMenu","users","deleteUser","loading","next","refresh","error","queryCreator","createBannedUserListQuery","limit","_renderUser","props","user","profileUrl","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","title","menuItems","UNBAN","onPress","unbanUser","then","Boolean"],"sources":["createOpenChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';\nimport type {\n  OpenChannelBannedUsersFragment,\n  OpenChannelBannedUsersModule,\n} from '../domain/openChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelBannedUsersFragment = (\n  initModule?: Partial<OpenChannelBannedUsersModule>,\n): OpenChannelBannedUsersFragment => {\n  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, {\n      queryCreator: () => channel.createBannedUserListQuery({ limit: 20 }),\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelBannedUsersModule.Provider channel={channel}>\n        <OpenChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelBannedUsersModule.List\n            renderUser={_renderUser}\n            bannedUsers={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelBannedUsersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelBannedUsersFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,WAAT,QAA4B,4BAA5B;AACA,SAASC,aAAT,QAA8B,yCAA9B;AACA,SAASC,IAAT,EAAeC,gBAAf,QAAuC,uBAAvC;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AACA,SAASC,kCAAT,QAAmD,kCAAnD;AAKA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,qBAAjD;;AAEA,MAAMC,oCAAoC,GACxCC,UAD2C,IAER;EACnC,MAAMC,4BAA4B,GAAGL,kCAAkC,CAACI,UAAD,CAAvE;EAEA,OAAO,QAAuD;IAAA,IAAtD;MAAEE,iBAAiB,GAAGV,IAAtB;MAA4BW,OAA5B;MAAqCC;IAArC,CAAsD;IAC5D,MAAM;MAAEC;IAAF,IAAcR,eAAe,EAAnC;IACA,MAAM;MAAES,WAAF;MAAeC;IAAf,IAAuBT,eAAe,EAA5C;IACA,MAAM;MAAEU;IAAF,IAAejB,aAAa,EAAlC;IAEA,MAAM;MAAEkB,KAAF;MAASC,UAAT;MAAqBC,OAArB;MAA8BC,IAA9B;MAAoCC,OAApC;MAA6CC;IAA7C,IAAuDxB,WAAW,CAACiB,GAAD,EAAM;MAC5EQ,YAAY,EAAE,MAAMZ,OAAO,CAACa,yBAAR,CAAkC;QAAEC,KAAK,EAAE;MAAT,CAAlC;IADwD,CAAN,CAAxE;;IAIA,MAAMC,WAA2C,GAAGzB,gBAAgB,CAAE0B,KAAD,IAAW;MAC9E,IAAIf,UAAJ,EAAgB,OAAOA,UAAU,CAACe,KAAD,CAAjB;MAEhB,MAAM;QAAEC;MAAF,IAAWD,KAAjB;MAEA,oBACE,oBAAC,aAAD;QACE,KAAK,EAAE,KADT;QAEE,GAAG,EAAEC,IAAI,CAACC,UAFZ;QAGE,IAAI,EACF,CAACD,IAAI,CAACE,QAAL,IAAiBjB,OAAO,CAACkB,MAAR,CAAeC,YAAjC,KACCJ,IAAI,CAACK,MAAL,MAAgBnB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEmB,MAA7B,IAAsCpB,OAAO,CAACkB,MAAR,CAAeG,mBAArD,GAA2E,EAD5E,CAJJ;QAOE,QAAQ,EAAEN,IAAI,CAACK,MAAL,MAAgBnB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEmB,MAA7B,CAPZ;QAQE,iBAAiB,EAAE,MAAM;UACvBjB,QAAQ,CAAC;YACPmB,KAAK,EAAEP,IAAI,CAACE,QAAL,IAAiBjB,OAAO,CAACkB,MAAR,CAAeC,YADhC;YAEPI,SAAS,EAAE,CACT;cACED,KAAK,EAAEtB,OAAO,CAACkB,MAAR,CAAeM,KADxB;cAEEC,OAAO,EAAE,MAAM3B,OAAO,CAAC4B,SAAR,CAAkBX,IAAlB,EAAwBY,IAAxB,CAA6B,MAAMtB,UAAU,CAACU,IAAI,CAACK,MAAN,CAA7C;YAFjB,CADS;UAFJ,CAAD,CAAR;QASD;MAlBH,EADF;IAsBD,CA3BmE,CAApE;;IA6BA,oBACE,oBAAC,4BAAD,CAA8B,QAA9B;MAAuC,OAAO,EAAEtB;IAAhD,gBACE,oBAAC,4BAAD,CAA8B,MAA9B;MAAqC,iBAAiB,EAAED;IAAxD,EADF,eAEE,oBAAC,iBAAD;MACE,OAAO,EAAES,OADX;MAEE,gBAAgB,eAAE,oBAAC,4BAAD,CAA8B,aAA9B,OAFpB;MAGE,KAAK,EAAEsB,OAAO,CAACnB,KAAD,CAHhB;MAIE,cAAc,eAAE,oBAAC,4BAAD,CAA8B,WAA9B;QAA0C,YAAY,EAAED;MAAxD;IAJlB,gBAME,oBAAC,4BAAD,CAA8B,IAA9B;MACE,UAAU,EAAEK,WADd;MAEE,WAAW,EAAET,KAFf;MAGE,UAAU,EAAEG,IAHd;MAIE,kBAAkB,eAAE,oBAAC,4BAAD,CAA8B,WAA9B;IAJtB,EANF,CAFF,CADF;EAkBD,CAxDD;AAyDD,CA9DD;;AAgEA,eAAeb,oCAAf"}
+{"version":3,"names":["React","useUserList","useActionMenu","useFreshCallback","StatusComposition","UserActionBar","createOpenChannelBannedUsersModule","useLocalization","useSendbirdChat","createOpenChannelBannedUsersFragment","initModule","OpenChannelBannedUsersModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createBannedUserListQuery","limit","STRINGS","currentUser","sdk","openMenu","users","deleteUser","loading","next","refresh","error","_renderUser","props","user","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNBAN","onPress","unbanUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","bannedUsers","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';\nimport type {\n  OpenChannelBannedUsersFragment,\n  OpenChannelBannedUsersModule,\n} from '../domain/openChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelBannedUsersFragment = (\n  initModule?: Partial<OpenChannelBannedUsersModule>,\n): OpenChannelBannedUsersFragment => {\n  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);\n\n  return ({\n    onPressHeaderLeft,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createBannedUserListQuery({ limit: 20 }),\n  }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, { queryCreator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelBannedUsersModule.Provider channel={channel}>\n        <OpenChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelBannedUsersModule.List\n            renderUser={_renderUser}\n            bannedUsers={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelBannedUsersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelBannedUsersFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,aAAa,MAAM,6BAA6B;AACvD,SAASC,kCAAkC,QAAQ,kCAAkC;AAKrF,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,oCAAoC,GACxCC,UAAkD,IACf;EACnC,MAAMC,4BAA4B,GAAGL,kCAAkC,CAACI,UAAU,CAAC;EAEnF,OAAOE,IAAA,IAKD;IAAA,IALE;MACNC,iBAAiB;MACjBC,OAAO;MACPC,UAAU;MACVC,YAAY,GAAGA,CAAA,KAAMF,OAAO,CAACG,yBAAyB,CAAC;QAAEC,KAAK,EAAE;MAAG,CAAC;IACtE,CAAC,GAAAN,IAAA;IACC,MAAM;MAAEO;IAAQ,CAAC,GAAGZ,eAAe,EAAE;IACrC,MAAM;MAAEa,WAAW;MAAEC;IAAI,CAAC,GAAGb,eAAe,EAAE;IAC9C,MAAM;MAAEc;IAAS,CAAC,GAAGpB,aAAa,EAAE;IAEpC,MAAM;MAAEqB,KAAK;MAAEC,UAAU;MAAEC,OAAO;MAAEC,IAAI;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAG3B,WAAW,CAACoB,GAAG,EAAE;MAAEL;IAAa,CAAC,CAAC;IAE/F,MAAMa,WAA2C,GAAG1B,gBAAgB,CAAE2B,KAAK,IAAK;MAC9E,IAAIf,UAAU,EAAE,OAAOA,UAAU,CAACe,KAAK,CAAC;MAExC,MAAM;QAAEC;MAAK,CAAC,GAAGD,KAAK;MAEtB,oBACE9B,KAAA,CAAAgC,aAAA,CAAC3B,aAAa;QACZ4B,KAAK,EAAE,KAAM;QACbC,GAAG,EAAEH,IAAI,CAACI,UAAW;QACrBC,IAAI,EACF,CAACL,IAAI,CAACM,QAAQ,IAAIlB,OAAO,CAACmB,MAAM,CAACC,YAAY,KAC5CR,IAAI,CAACS,MAAM,MAAKpB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEoB,MAAM,IAAGrB,OAAO,CAACmB,MAAM,CAACG,mBAAmB,GAAG,EAAE,CAC/E;QACDC,QAAQ,EAAEX,IAAI,CAACS,MAAM,MAAKpB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEoB,MAAM,CAAC;QAC9CG,iBAAiB,EAAEA,CAAA,KAAM;UACvBrB,QAAQ,CAAC;YACPsB,KAAK,EAAEb,IAAI,CAACM,QAAQ,IAAIlB,OAAO,CAACmB,MAAM,CAACC,YAAY;YACnDM,SAAS,EAAE,CACT;cACED,KAAK,EAAEzB,OAAO,CAACmB,MAAM,CAACQ,KAAK;cAC3BC,OAAO,EAAEA,CAAA,KAAMjC,OAAO,CAACkC,SAAS,CAACjB,IAAI,CAAC,CAACkB,IAAI,CAAC,MAAMzB,UAAU,CAACO,IAAI,CAACS,MAAM,CAAC;YAC3E,CAAC;UAEL,CAAC,CAAC;QACJ;MAAE,EACF;IAEN,CAAC,CAAC;IAEF,oBACExC,KAAA,CAAAgC,aAAA,CAACrB,4BAA4B,CAACuC,QAAQ;MAACpC,OAAO,EAAEA;IAAQ,gBACtDd,KAAA,CAAAgC,aAAA,CAACrB,4BAA4B,CAACwC,MAAM;MAACtC,iBAAiB,EAAEA;IAAkB,EAAG,eAC7Eb,KAAA,CAAAgC,aAAA,CAAC5B,iBAAiB;MAChBqB,OAAO,EAAEA,OAAQ;MACjB2B,gBAAgB,eAAEpD,KAAA,CAAAgC,aAAA,CAACrB,4BAA4B,CAAC0C,aAAa,OAAI;MACjEzB,KAAK,EAAE0B,OAAO,CAAC1B,KAAK,CAAE;MACtB2B,cAAc,eAAEvD,KAAA,CAAAgC,aAAA,CAACrB,4BAA4B,CAAC6C,WAAW;QAACC,YAAY,EAAE9B;MAAQ;IAAI,gBAEpF3B,KAAA,CAAAgC,aAAA,CAACrB,4BAA4B,CAAC+C,IAAI;MAChC3C,UAAU,EAAEc,WAAY;MACxB8B,WAAW,EAAEpC,KAAM;MACnBqC,UAAU,EAAElC,IAAK;MACjBmC,kBAAkB,eAAE7D,KAAA,CAAAgC,aAAA,CAACrB,4BAA4B,CAACmD,WAAW;IAAI,EACjE,CACgB,CACkB;EAE5C,CAAC;AACH,CAAC;AAED,eAAerD,oCAAoC"}

package/lib/module/fragments/createOpenChannelCreateFragment.js

@@ -4,7 +4,6 @@ import { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { NOOP, PASS } from '@sendbird/uikit-utils';
 import { createOpenChannelCreateModule } from '../domain/openChannelCreate';
 import { useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelCreateFragment = initModule => {
   const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);
   return _ref => {
@@ -23,11 +22,9 @@ const createOpenChannelCreateFragment = initModule => {
     const [loading, setLoading] = useState(false);
     const [channelName, setChannelName] = useState('');
     const [channelCoverFile, setChannelCoverFile] = useState(undefined);
-
     const shouldActivateHeaderRight = () => {
       return Boolean(currentUser) && channelName.trim() !== '';
     };
-
     const onPressHeaderRight = async () => {
       if (currentUser) {
         try {
@@ -46,7 +43,6 @@ const createOpenChannelCreateFragment = initModule => {
         }
       }
     };
-
     return /*#__PURE__*/React.createElement(OpenChannelCreateModule.Provider, null, /*#__PURE__*/React.createElement(OpenChannelCreateModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: onPressHeaderRight,
@@ -64,6 +60,5 @@ const createOpenChannelCreateFragment = initModule => {
     }, /*#__PURE__*/React.createElement(OpenChannelCreateModule.StatusLoading, null)));
   };
 };
-
 export default createOpenChannelCreateFragment;
 //# sourceMappingURL=createOpenChannelCreateFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","StyleSheet","Box","useUIKitTheme","NOOP","PASS","createOpenChannelCreateModule","useSendbirdChat","createOpenChannelCreateFragment","initModule","OpenChannelCreateModule","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sdk","currentUser","palette","loading","setLoading","channelName","setChannelName","channelCoverFile","setChannelCoverFile","undefined","shouldActivateHeaderRight","Boolean","trim","onPressHeaderRight","params","name","operatorUserIds","userId","coverUrlOrImage","processedParams","channel","openChannel","createChannel","transparent","absoluteFill"],"sources":["createOpenChannelCreateFragment.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelCreateModule } from '../domain/openChannelCreate';\nimport type { OpenChannelCreateFragment, OpenChannelCreateModule } from '../domain/openChannelCreate/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { FileType } from '../platform/types';\n\nconst createOpenChannelCreateFragment = (initModule?: Partial<OpenChannelCreateModule>): OpenChannelCreateFragment => {\n  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, onBeforeCreateChannel = PASS, onCreateChannel }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { palette } = useUIKitTheme();\n\n    const [loading, setLoading] = useState(false);\n    const [channelName, setChannelName] = useState('');\n    const [channelCoverFile, setChannelCoverFile] = useState<FileType | undefined>(undefined);\n\n    const shouldActivateHeaderRight = () => {\n      return Boolean(currentUser) && channelName.trim() !== '';\n    };\n\n    const onPressHeaderRight = async () => {\n      if (currentUser) {\n        try {\n          setLoading(true);\n          const params: SendbirdOpenChannelCreateParams = {\n            name: channelName,\n            operatorUserIds: [currentUser.userId],\n          };\n\n          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;\n\n          const processedParams = await onBeforeCreateChannel(params);\n          const channel = await sdk.openChannel.createChannel(processedParams);\n\n          setLoading(false);\n          onCreateChannel(channel);\n        } catch {\n          setLoading(false);\n        }\n      }\n    };\n\n    return (\n      <OpenChannelCreateModule.Provider>\n        <OpenChannelCreateModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n          shouldActivateHeaderRight={shouldActivateHeaderRight}\n        />\n        <OpenChannelCreateModule.ProfileInput\n          channelName={channelName}\n          onChangeChannelName={setChannelName}\n          channelCoverFile={channelCoverFile}\n          onChangeChannelCoverFile={setChannelCoverFile}\n        />\n        {loading && (\n          <Box\n            backgroundColor={palette.transparent}\n            style={StyleSheet.absoluteFill}\n            alignItems={'center'}\n            justifyContent={'center'}\n          >\n            <OpenChannelCreateModule.StatusLoading />\n          </Box>\n        )}\n      </OpenChannelCreateModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelCreateFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,SAASC,GAAT,EAAcC,aAAd,QAAmC,yCAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA4D,uBAA5D;AAEA,SAASC,6BAAT,QAA8C,6BAA9C;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAGA,MAAMC,+BAA+B,GAAIC,UAAD,IAA8E;EACpH,MAAMC,uBAAuB,GAAGJ,6BAA6B,CAACG,UAAD,CAA7D;EAEA,OAAO,QAAiF;IAAA,IAAhF;MAAEE,iBAAiB,GAAGP,IAAtB;MAA4BQ,qBAAqB,GAAGP,IAApD;MAA0DQ;IAA1D,CAAgF;IACtF,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuBR,eAAe,EAA5C;IACA,MAAM;MAAES;IAAF,IAAcb,aAAa,EAAjC;IAEA,MAAM,CAACc,OAAD,EAAUC,UAAV,IAAwBlB,QAAQ,CAAC,KAAD,CAAtC;IACA,MAAM,CAACmB,WAAD,EAAcC,cAAd,IAAgCpB,QAAQ,CAAC,EAAD,CAA9C;IACA,MAAM,CAACqB,gBAAD,EAAmBC,mBAAnB,IAA0CtB,QAAQ,CAAuBuB,SAAvB,CAAxD;;IAEA,MAAMC,yBAAyB,GAAG,MAAM;MACtC,OAAOC,OAAO,CAACV,WAAD,CAAP,IAAwBI,WAAW,CAACO,IAAZ,OAAuB,EAAtD;IACD,CAFD;;IAIA,MAAMC,kBAAkB,GAAG,YAAY;MACrC,IAAIZ,WAAJ,EAAiB;QACf,IAAI;UACFG,UAAU,CAAC,IAAD,CAAV;UACA,MAAMU,MAAuC,GAAG;YAC9CC,IAAI,EAAEV,WADwC;YAE9CW,eAAe,EAAE,CAACf,WAAW,CAACgB,MAAb;UAF6B,CAAhD;UAKA,IAAIV,gBAAJ,EAAsBO,MAAM,CAACI,eAAP,GAAyBX,gBAAzB;UAEtB,MAAMY,eAAe,GAAG,MAAMrB,qBAAqB,CAACgB,MAAD,CAAnD;UACA,MAAMM,OAAO,GAAG,MAAMpB,GAAG,CAACqB,WAAJ,CAAgBC,aAAhB,CAA8BH,eAA9B,CAAtB;UAEAf,UAAU,CAAC,KAAD,CAAV;UACAL,eAAe,CAACqB,OAAD,CAAf;QACD,CAdD,CAcE,MAAM;UACNhB,UAAU,CAAC,KAAD,CAAV;QACD;MACF;IACF,CApBD;;IAsBA,oBACE,oBAAC,uBAAD,CAAyB,QAAzB,qBACE,oBAAC,uBAAD,CAAyB,MAAzB;MACE,iBAAiB,EAAEP,iBADrB;MAEE,kBAAkB,EAAEgB,kBAFtB;MAGE,yBAAyB,EAAEH;IAH7B,EADF,eAME,oBAAC,uBAAD,CAAyB,YAAzB;MACE,WAAW,EAAEL,WADf;MAEE,mBAAmB,EAAEC,cAFvB;MAGE,gBAAgB,EAAEC,gBAHpB;MAIE,wBAAwB,EAAEC;IAJ5B,EANF,EAYGL,OAAO,iBACN,oBAAC,GAAD;MACE,eAAe,EAAED,OAAO,CAACqB,WAD3B;MAEE,KAAK,EAAEpC,UAAU,CAACqC,YAFpB;MAGE,UAAU,EAAE,QAHd;MAIE,cAAc,EAAE;IAJlB,gBAME,oBAAC,uBAAD,CAAyB,aAAzB,OANF,CAbJ,CADF;EAyBD,CA3DD;AA4DD,CA/DD;;AAiEA,eAAe9B,+BAAf"}
+{"version":3,"names":["React","useState","StyleSheet","Box","useUIKitTheme","NOOP","PASS","createOpenChannelCreateModule","useSendbirdChat","createOpenChannelCreateFragment","initModule","OpenChannelCreateModule","_ref","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sdk","currentUser","palette","loading","setLoading","channelName","setChannelName","channelCoverFile","setChannelCoverFile","undefined","shouldActivateHeaderRight","Boolean","trim","onPressHeaderRight","params","name","operatorUserIds","userId","coverUrlOrImage","processedParams","channel","openChannel","createChannel","createElement","Provider","Header","ProfileInput","onChangeChannelName","onChangeChannelCoverFile","backgroundColor","transparent","style","absoluteFill","alignItems","justifyContent","StatusLoading"],"sources":["createOpenChannelCreateFragment.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelCreateModule } from '../domain/openChannelCreate';\nimport type { OpenChannelCreateFragment, OpenChannelCreateModule } from '../domain/openChannelCreate/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { FileType } from '../platform/types';\n\nconst createOpenChannelCreateFragment = (initModule?: Partial<OpenChannelCreateModule>): OpenChannelCreateFragment => {\n  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, onBeforeCreateChannel = PASS, onCreateChannel }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { palette } = useUIKitTheme();\n\n    const [loading, setLoading] = useState(false);\n    const [channelName, setChannelName] = useState('');\n    const [channelCoverFile, setChannelCoverFile] = useState<FileType | undefined>(undefined);\n\n    const shouldActivateHeaderRight = () => {\n      return Boolean(currentUser) && channelName.trim() !== '';\n    };\n\n    const onPressHeaderRight = async () => {\n      if (currentUser) {\n        try {\n          setLoading(true);\n          const params: SendbirdOpenChannelCreateParams = {\n            name: channelName,\n            operatorUserIds: [currentUser.userId],\n          };\n\n          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;\n\n          const processedParams = await onBeforeCreateChannel(params);\n          const channel = await sdk.openChannel.createChannel(processedParams);\n\n          setLoading(false);\n          onCreateChannel(channel);\n        } catch {\n          setLoading(false);\n        }\n      }\n    };\n\n    return (\n      <OpenChannelCreateModule.Provider>\n        <OpenChannelCreateModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n          shouldActivateHeaderRight={shouldActivateHeaderRight}\n        />\n        <OpenChannelCreateModule.ProfileInput\n          channelName={channelName}\n          onChangeChannelName={setChannelName}\n          channelCoverFile={channelCoverFile}\n          onChangeChannelCoverFile={setChannelCoverFile}\n        />\n        {loading && (\n          <Box\n            backgroundColor={palette.transparent}\n            style={StyleSheet.absoluteFill}\n            alignItems={'center'}\n            justifyContent={'center'}\n          >\n            <OpenChannelCreateModule.StatusLoading />\n          </Box>\n        )}\n      </OpenChannelCreateModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelCreateFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,GAAG,EAAEC,aAAa,QAAQ,yCAAyC;AAC5E,SAASC,IAAI,EAAEC,IAAI,QAAyC,uBAAuB;AAEnF,SAASC,6BAA6B,QAAQ,6BAA6B;AAE3E,SAASC,eAAe,QAAQ,qBAAqB;AAGrD,MAAMC,+BAA+B,GAAIC,UAA6C,IAAgC;EACpH,MAAMC,uBAAuB,GAAGJ,6BAA6B,CAACG,UAAU,CAAC;EAEzE,OAAOE,IAAA,IAAiF;IAAA,IAAhF;MAAEC,iBAAiB,GAAGR,IAAI;MAAES,qBAAqB,GAAGR,IAAI;MAAES;IAAgB,CAAC,GAAAH,IAAA;IACjF,MAAM;MAAEI,GAAG;MAAEC;IAAY,CAAC,GAAGT,eAAe,EAAE;IAC9C,MAAM;MAAEU;IAAQ,CAAC,GAAGd,aAAa,EAAE;IAEnC,MAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAACoB,WAAW,EAAEC,cAAc,CAAC,GAAGrB,QAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAACsB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGvB,QAAQ,CAAuBwB,SAAS,CAAC;IAEzF,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;MACtC,OAAOC,OAAO,CAACV,WAAW,CAAC,IAAII,WAAW,CAACO,IAAI,EAAE,KAAK,EAAE;IAC1D,CAAC;IAED,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,IAAIZ,WAAW,EAAE;QACf,IAAI;UACFG,UAAU,CAAC,IAAI,CAAC;UAChB,MAAMU,MAAuC,GAAG;YAC9CC,IAAI,EAAEV,WAAW;YACjBW,eAAe,EAAE,CAACf,WAAW,CAACgB,MAAM;UACtC,CAAC;UAED,IAAIV,gBAAgB,EAAEO,MAAM,CAACI,eAAe,GAAGX,gBAAgB;UAE/D,MAAMY,eAAe,GAAG,MAAMrB,qBAAqB,CAACgB,MAAM,CAAC;UAC3D,MAAMM,OAAO,GAAG,MAAMpB,GAAG,CAACqB,WAAW,CAACC,aAAa,CAACH,eAAe,CAAC;UAEpEf,UAAU,CAAC,KAAK,CAAC;UACjBL,eAAe,CAACqB,OAAO,CAAC;QAC1B,CAAC,CAAC,MAAM;UACNhB,UAAU,CAAC,KAAK,CAAC;QACnB;MACF;IACF,CAAC;IAED,oBACEpB,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAAC6B,QAAQ,qBAC/BxC,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAAC8B,MAAM;MAC7B5B,iBAAiB,EAAEA,iBAAkB;MACrCgB,kBAAkB,EAAEA,kBAAmB;MACvCH,yBAAyB,EAAEA;IAA0B,EACrD,eACF1B,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAAC+B,YAAY;MACnCrB,WAAW,EAAEA,WAAY;MACzBsB,mBAAmB,EAAErB,cAAe;MACpCC,gBAAgB,EAAEA,gBAAiB;MACnCqB,wBAAwB,EAAEpB;IAAoB,EAC9C,EACDL,OAAO,iBACNnB,KAAA,CAAAuC,aAAA,CAACpC,GAAG;MACF0C,eAAe,EAAE3B,OAAO,CAAC4B,WAAY;MACrCC,KAAK,EAAE7C,UAAU,CAAC8C,YAAa;MAC/BC,UAAU,EAAE,QAAS;MACrBC,cAAc,EAAE;IAAS,gBAEzBlD,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAACwC,aAAa,OAAG,CAE5C,CACgC;EAEvC,CAAC;AACH,CAAC;AAED,eAAe1C,+BAA+B"}

package/lib/module/fragments/createOpenChannelFragment.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useMemo } from 'react';
 import { SendbirdError } from '@sendbird/chat';
 import { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';
@@ -11,7 +10,6 @@ import StatusComposition from '../components/StatusComposition';
 import { UNKNOWN_USER_ID } from '../constants';
 import { createOpenChannelModule } from '../domain/openChannel';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-
 const createOpenChannelFragment = initModule => {
   const OpenChannelModule = createOpenChannelModule(initModule);
   return _ref => {
@@ -65,7 +63,6 @@ const createOpenChannelFragment = initModule => {
       queryCreator,
       sortComparator,
       onChannelDeleted,
-
       onError(error) {
         if (error instanceof SendbirdError) {
           switch (error.code) {
@@ -76,20 +73,16 @@ const createOpenChannelFragment = initModule => {
               }
           }
         }
-
         showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');
       }
-
     });
     const isOperator = channel.isOperator((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? UNKNOWN_USER_ID);
-
     const _renderMessage = useFreshCallback(props => {
       if (renderMessage) return renderMessage(props);
       return /*#__PURE__*/React.createElement(OpenChannelMessageRenderer, _extends({}, props, {
         onPressAvatar: showUserProfile
       }));
     });
-
     const memoizedFlatListProps = useMemo(() => ({
       ListEmptyComponent: /*#__PURE__*/React.createElement(OpenChannelModule.StatusEmpty, null),
       contentContainerStyle: {
@@ -148,6 +141,5 @@ const createOpenChannelFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelFragment;
 //# sourceMappingURL=createOpenChannelFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","SendbirdError","useOpenChannelMessages","useToast","NOOP","PASS","SBErrorCode","messageComparator","useFreshCallback","OpenChannelMessageRenderer","ScrollToBottomButton","StatusComposition","UNKNOWN_USER_ID","createOpenChannelModule","useLocalization","useSendbirdChat","useUserProfile","createOpenChannelFragment","initModule","OpenChannelModule","channel","onChannelDeleted","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","sdk","currentUser","STRINGS","show","showToast","showUserProfile","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","onError","error","code","CHANNEL_NOT_FOUND_SDK","CHANNEL_NOT_FOUND_SERVER","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","isOperator","_renderMessage","memoizedFlatListProps","ListEmptyComponent","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SBErrorCode, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type { OpenChannelFragment, OpenChannelModule, OpenChannelProps } from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n    const { show: showUserProfile } = useUserProfile();\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    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:\n            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} onPressAvatar={showUserProfile} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider channel={channel} keyboardAvoidOffset={keyboardAvoidOffset}>\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.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            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","SendbirdError","useOpenChannelMessages","useToast","NOOP","PASS","SBErrorCode","messageComparator","useFreshCallback","OpenChannelMessageRenderer","ScrollToBottomButton","StatusComposition","UNKNOWN_USER_ID","createOpenChannelModule","useLocalization","useSendbirdChat","useUserProfile","createOpenChannelFragment","initModule","OpenChannelModule","_ref","channel","onChannelDeleted","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","createElement","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","sdk","currentUser","STRINGS","show","showToast","showUserProfile","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","onError","error","code","CHANNEL_NOT_FOUND_SDK","CHANNEL_NOT_FOUND_SERVER","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","isOperator","_renderMessage","_extends","onPressAvatar","memoizedFlatListProps","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage","Provider","Header","rightIconName","onPressHeaderRight","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","onResendFailedMessage","onDeleteMessage","Input","shouldRenderInput"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SBErrorCode, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type { OpenChannelFragment, OpenChannelModule, OpenChannelProps } from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n    const { show: showUserProfile } = useUserProfile();\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    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:\n            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} onPressAvatar={showUserProfile} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider channel={channel} keyboardAvoidOffset={keyboardAvoidOffset}>\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.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            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelListFragment.js

@@ -5,7 +5,6 @@ import { NOOP } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import { createOpenChannelListModule } from '../domain/openChannelList';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelListFragment = initModule => {
   const OpenChannelListModule = createOpenChannelListModule(initModule);
   return _ref => {
@@ -33,7 +32,6 @@ const createOpenChannelListFragment = initModule => {
     } = useOpenChannelList(sdk, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
       queryCreator
     });
-
     const _renderOpenChannelPreview = props => {
       if (renderOpenChannelPreview) return renderOpenChannelPreview(props);
       return /*#__PURE__*/React.createElement(PressBox, {
@@ -46,7 +44,6 @@ const createOpenChannelListFragment = initModule => {
         participantsCount: props.channel.participantCount
       }));
     };
-
     return /*#__PURE__*/React.createElement(OpenChannelListModule.Provider, null, /*#__PURE__*/React.createElement(OpenChannelListModule.Header, {
       onPressHeaderRight: onPressCreateChannel
     }), /*#__PURE__*/React.createElement(StatusComposition, {
@@ -72,6 +69,5 @@ const createOpenChannelListFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelListFragment;
 //# sourceMappingURL=createOpenChannelListFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useOpenChannelList","OpenChannelPreview","PressBox","NOOP","StatusComposition","createOpenChannelListModule","useLocalization","useSendbirdChat","createOpenChannelListFragment","initModule","OpenChannelListModule","onPressCreateChannel","onPressChannel","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","STRINGS","openChannels","next","refresh","refreshing","loading","error","userId","_renderOpenChannelPreview","props","channel","coverUrl","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","isFrozen","participantCount","Boolean","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={() => onPressChannel(props.channel)}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,kBAAT,QAAmC,4BAAnC;AACA,SAASC,kBAAT,EAA6BC,QAA7B,QAA6C,yCAA7C;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,SAASC,2BAAT,QAA4C,2BAA5C;AAMA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,qBAAjD;;AAEA,MAAMC,6BAA6B,GAAIC,UAAD,IAA0E;EAC9G,MAAMC,qBAAqB,GAAGL,2BAA2B,CAACI,UAAD,CAAzD;EAEA,OAAO,QAA4G;IAAA,IAA3G;MAAEE,oBAAF;MAAwBC,cAAc,GAAGT,IAAzC;MAA+CU,aAA/C;MAA8DC,wBAA9D;MAAwFC;IAAxF,CAA2G;IACjH,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuBV,eAAe,EAA5C;IACA,MAAM;MAAEW;IAAF,IAAcZ,eAAe,EAAnC;IACA,MAAM;MAAEa,YAAF;MAAgBC,IAAhB;MAAsBC,OAAtB;MAA+BC,UAA/B;MAA2CC,OAA3C;MAAoDC;IAApD,IAA8DxB,kBAAkB,CAACgB,GAAD,EAAMC,WAAN,aAAMA,WAAN,uBAAMA,WAAW,CAAEQ,MAAnB,EAA2B;MAC/GV;IAD+G,CAA3B,CAAtF;;IAIA,MAAMW,yBAAmF,GAAIC,KAAD,IAAW;MACrG,IAAIb,wBAAJ,EAA8B,OAAOA,wBAAwB,CAACa,KAAD,CAA/B;MAC9B,oBACE,oBAAC,QAAD;QAAU,aAAa,EAAE,GAAzB;QAA8B,OAAO,EAAE,MAAMf,cAAc,CAACe,KAAK,CAACC,OAAP;MAA3D,gBACE,oBAAC,kBAAD;QACE,QAAQ,EAAED,KAAK,CAACC,OAAN,CAAcC,QAD1B;QAEE,KAAK,EAAEX,OAAO,CAACY,iBAAR,CAA0BC,qBAA1B,CAAgDJ,KAAK,CAACC,OAAtD,CAFT;QAGE,MAAM,EAAED,KAAK,CAACC,OAAN,CAAcI,QAHxB;QAIE,iBAAiB,EAAEL,KAAK,CAACC,OAAN,CAAcK;MAJnC,EADF,CADF;IAUD,CAZD;;IAcA,oBACE,oBAAC,qBAAD,CAAuB,QAAvB,qBACE,oBAAC,qBAAD,CAAuB,MAAvB;MAA8B,kBAAkB,EAAEtB;IAAlD,EADF,eAEE,oBAAC,iBAAD;MACE,OAAO,EAAEY,OADX;MAEE,gBAAgB,eAAE,oBAAC,qBAAD,CAAuB,aAAvB,OAFpB;MAGE,KAAK,EAAEW,OAAO,CAACV,KAAD,CAHhB;MAIE,cAAc,eAAE,oBAAC,qBAAD,CAAuB,WAAvB;QAAmC,YAAY,EAAEH;MAAjD;IAJlB,gBAME,oBAAC,qBAAD,CAAuB,IAAvB;MACE,wBAAwB,EAAEK,yBAD5B;MAEE,YAAY,EAAEP,YAFhB;MAGE,UAAU,EAAEC,IAHd;MAIE,UAAU,EAAEE,UAJd;MAKE,SAAS,EAAED,OALb;MAME,aAAa,EAAE;QACbc,kBAAkB,eAAE,oBAAC,qBAAD,CAAuB,WAAvB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGxB;MAHU;IANjB,EANF,CAFF,CADF;EAwBD,CA7CD;AA8CD,CAjDD;;AAmDA,eAAeL,6BAAf"}
+{"version":3,"names":["React","useOpenChannelList","OpenChannelPreview","PressBox","NOOP","StatusComposition","createOpenChannelListModule","useLocalization","useSendbirdChat","createOpenChannelListFragment","initModule","OpenChannelListModule","_ref","onPressCreateChannel","onPressChannel","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","STRINGS","openChannels","next","refresh","refreshing","loading","error","userId","_renderOpenChannelPreview","props","createElement","activeOpacity","onPress","channel","coverUrl","title","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","frozen","isFrozen","participantsCount","participantCount","Provider","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={() => onPressChannel(props.channel)}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ,yCAAyC;AACtF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,SAASC,2BAA2B,QAAQ,2BAA2B;AAMvE,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,6BAA6B,GAAIC,UAA2C,IAA8B;EAC9G,MAAMC,qBAAqB,GAAGL,2BAA2B,CAACI,UAAU,CAAC;EAErE,OAAOE,IAAA,IAA4G;IAAA,IAA3G;MAAEC,oBAAoB;MAAEC,cAAc,GAAGV,IAAI;MAAEW,aAAa;MAAEC,wBAAwB;MAAEC;IAAa,CAAC,GAAAL,IAAA;IAC5G,MAAM;MAAEM,GAAG;MAAEC;IAAY,CAAC,GAAGX,eAAe,EAAE;IAC9C,MAAM;MAAEY;IAAQ,CAAC,GAAGb,eAAe,EAAE;IACrC,MAAM;MAAEc,YAAY;MAAEC,IAAI;MAAEC,OAAO;MAAEC,UAAU;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAGzB,kBAAkB,CAACiB,GAAG,EAAEC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEQ,MAAM,EAAE;MAC/GV;IACF,CAAC,CAAC;IAEF,MAAMW,yBAAmF,GAAIC,KAAK,IAAK;MACrG,IAAIb,wBAAwB,EAAE,OAAOA,wBAAwB,CAACa,KAAK,CAAC;MACpE,oBACE7B,KAAA,CAAA8B,aAAA,CAAC3B,QAAQ;QAAC4B,aAAa,EAAE,GAAI;QAACC,OAAO,EAAEA,CAAA,KAAMlB,cAAc,CAACe,KAAK,CAACI,OAAO;MAAE,gBACzEjC,KAAA,CAAA8B,aAAA,CAAC5B,kBAAkB;QACjBgC,QAAQ,EAAEL,KAAK,CAACI,OAAO,CAACC,QAAS;QACjCC,KAAK,EAAEf,OAAO,CAACgB,iBAAiB,CAACC,qBAAqB,CAACR,KAAK,CAACI,OAAO,CAAE;QACtEK,MAAM,EAAET,KAAK,CAACI,OAAO,CAACM,QAAS;QAC/BC,iBAAiB,EAAEX,KAAK,CAACI,OAAO,CAACQ;MAAiB,EAClD,CACO;IAEf,CAAC;IAED,oBACEzC,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAAC+B,QAAQ,qBAC7B1C,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACgC,MAAM;MAACC,kBAAkB,EAAE/B;IAAqB,EAAG,eAC1Eb,KAAA,CAAA8B,aAAA,CAACzB,iBAAiB;MAChBoB,OAAO,EAAEA,OAAQ;MACjBoB,gBAAgB,eAAE7C,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACmC,aAAa,OAAI;MAC1DpB,KAAK,EAAEqB,OAAO,CAACrB,KAAK,CAAE;MACtBsB,cAAc,eAAEhD,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACsC,WAAW;QAACC,YAAY,EAAE3B;MAAQ;IAAI,gBAE7EvB,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACwC,IAAI;MACzBnC,wBAAwB,EAAEY,yBAA0B;MACpDP,YAAY,EAAEA,YAAa;MAC3B+B,UAAU,EAAE9B,IAAK;MACjBE,UAAU,EAAEA,UAAW;MACvB6B,SAAS,EAAE9B,OAAQ;MACnBR,aAAa,EAAE;QACbuC,kBAAkB,eAAEtD,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAAC4C,WAAW,OAAG;QACzDC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAE,CAAC;QACtC,GAAG1C;MACL;IAAE,EACF,CACgB,CACW;EAErC,CAAC;AACH,CAAC;AAED,eAAeN,6BAA6B"}

package/lib/module/fragments/createOpenChannelModerationFragment.js

@@ -4,7 +4,6 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { NOOP } from '@sendbird/uikit-utils';
 import { createOpenChannelModerationModule } from '../domain/openChannelModeration';
-
 const createOpenChannelModerationFragment = initModule => {
   const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);
   return _ref => {
@@ -43,7 +42,6 @@ const createOpenChannelModerationFragment = initModule => {
     })));
   };
 };
-
 const styles = createStyleSheet({
   viewContainer: {
     paddingHorizontal: 16

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createOpenChannelModerationModule","createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","onPressHeaderLeft","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","left","right","colors","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createOpenChannelModerationFragment.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 { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.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          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,SAASC,iCAAT,QAAkD,iCAAlD;;AAGA,MAAMC,mCAAmC,GACvCC,UAD0C,IAER;EAClC,MAAMC,2BAA2B,GAAGH,iCAAiC,CAACE,UAAD,CAArE;EAEA,OAAO,QAOD;IAAA,IAPE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,4BAHM;MAINC,oBAJM;MAKNC,gBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkBf,iBAAiB,EAAzC;IACA,MAAM;MAAEgB;IAAF,IAAad,aAAa,EAAhC;IAEA,oBACE,oBAAC,2BAAD,CAA6B,QAA7B;MAAsC,OAAO,EAAEO;IAA/C,gBACE,oBAAC,2BAAD,CAA6B,MAA7B;MAAoC,iBAAiB,EAAED;IAAvD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAES,eAAe,EAAED,MAAM,CAACE;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEL,IAAI,GAAGM,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAER,KAAK,GAAGK,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,2BAAD,CAA6B,IAA7B;MACE,oBAAoB,EAAEX,oBADxB;MAEE,4BAA4B,EAAED,4BAFhC;MAGE,sBAAsB,EAAEG,sBAH1B;MAIE,gBAAgB,EAAED;IAJpB,EAPF,CAFF,CADF;EAmBD,CA9BD;AA+BD,CApCD;;AAsCA,MAAMQ,MAAM,GAAGnB,gBAAgB,CAAC;EAC9BoB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAejB,mCAAf"}
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createOpenChannelModerationModule","createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","_ref","onPressHeaderLeft","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","left","right","colors","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Menu"],"sources":["createOpenChannelModerationFragment.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 { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.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          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\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,iCAAiC,QAAQ,iCAAiC;AAGnF,MAAMC,mCAAmC,GACvCC,UAAiD,IACf;EAClC,MAAMC,2BAA2B,GAAGH,iCAAiC,CAACE,UAAU,CAAC;EAEjF,OAAOE,IAAA,IAOD;IAAA,IAPE;MACNC,iBAAiB,GAAGN,IAAI;MACxBO,OAAO;MACPC,4BAA4B;MAC5BC,oBAAoB;MACpBC,gBAAgB;MAChBC;IACF,CAAC,GAAAN,IAAA;IACC,MAAM;MAAEO,IAAI;MAAEC;IAAM,CAAC,GAAGhB,iBAAiB,EAAE;IAC3C,MAAM;MAAEiB;IAAO,CAAC,GAAGf,aAAa,EAAE;IAElC,oBACEJ,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACY,QAAQ;MAACT,OAAO,EAAEA;IAAQ,gBACrDZ,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACa,MAAM;MAACX,iBAAiB,EAAEA;IAAkB,EAAG,eAC5EX,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,2BAA2B,CAACuB,IAAI;MAC/BlB,oBAAoB,EAAEA,oBAAqB;MAC3CD,4BAA4B,EAAEA,4BAA6B;MAC3DG,sBAAsB,EAAEA,sBAAuB;MAC/CD,gBAAgB,EAAEA;IAAiB,EACnC,CACS,CACwB;EAE3C,CAAC;AACH,CAAC;AAED,MAAMa,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAevB,mCAAmC"}

package/lib/module/fragments/createOpenChannelMutedParticipantsFragment.js

@@ -6,14 +6,16 @@ import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createOpenChannelMutedParticipantsModule } from '../domain/openChannelMutedParticipants';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelMutedParticipantsFragment = initModule => {
   const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);
   return _ref => {
     let {
       onPressHeaderLeft = NOOP,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createMutedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');
     const {
@@ -35,23 +37,18 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
       error,
       next
     } = useUserList(sdk, {
-      queryCreator: () => channel.createMutedUserListQuery({
-        limit: 20
-      })
+      queryCreator
     });
     useChannelHandler(sdk, handlerId, {
       onUserMuted(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         upsertUser(user);
       },
-
       onUserUnmuted(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       }
-
     }, 'open');
-
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -75,7 +72,6 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
         }
       });
     });
-
     return /*#__PURE__*/React.createElement(OpenChannelMutedParticipantsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(OpenChannelMutedParticipantsModule.Header, {
@@ -95,6 +91,5 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelMutedParticipantsFragment;
 //# sourceMappingURL=createOpenChannelMutedParticipantsFragment.js.map