@sendbird/uikit-react-native 1.0.0 → 1.1.0

package/lib/commonjs/domain/userList/module/moduleContext.js

@@ -17,6 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 const UserListContexts = {
   Fragment: /*#__PURE__*/(0, _react.createContext)({
     headerTitle: '',
@@ -26,8 +27,7 @@ const UserListContexts = {
     selectedUsers: [],
     setSelectedUsers: _uikitUtils.NOOP
   })
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 exports.UserListContexts = UserListContexts;
 
 const UserListContextsProvider = _ref => {

package/lib/commonjs/domain/userList/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["UserListContexts","Fragment","createContext","headerTitle","headerRight","List","selectedUsers","setSelectedUsers","NOOP","UserListContextsProvider","children","useState"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nexport const UserListContexts: UserListContextsType<unknown> = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n  List: createContext<ContextValue<UserListContextsType<unknown>['List']>>({\n    selectedUsers: [],\n    setSelectedUsers: NOOP,\n  }),\n};\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const UserListContextsProvider: React.FC<UserListProps<any>['Provider']> = ({\n  children,\n  headerTitle,\n  headerRight,\n}) => {\n  const [selectedUsers, setSelectedUsers] = useState<unknown[]>([]);\n\n  return (\n    <ProviderLayout>\n      <UserListContexts.Fragment.Provider value={{ headerTitle, headerRight: headerRight(selectedUsers) }}>\n        <UserListContexts.List.Provider value={{ selectedUsers, setSelectedUsers }}>\n          {children}\n        </UserListContexts.List.Provider>\n      </UserListContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;;;;;;;AAGO,MAAMA,gBAA+C,GAAG;EAC7DC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,WAAW,EAAE;EAFS,CAAd,CADmD;EAK7DC,IAAI,eAAE,IAAAH,oBAAA,EAAmE;IACvEI,aAAa,EAAE,EADwD;IAEvEC,gBAAgB,EAAEC;EAFqD,CAAnE;AALuD,CAAxD,C,CAUP;;;;AACO,MAAMC,wBAAkE,GAAG,QAI5E;EAAA,IAJ6E;IACjFC,QADiF;IAEjFP,WAFiF;IAGjFC;EAHiF,CAI7E;EACJ,MAAM,CAACE,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAI,eAAA,EAAoB,EAApB,CAA1C;EAEA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,gBAAD,CAAkB,QAAlB,CAA2B,QAA3B;IAAoC,KAAK,EAAE;MAAER,WAAF;MAAeC,WAAW,EAAEA,WAAW,CAACE,aAAD;IAAvC;EAA3C,gBACE,6BAAC,gBAAD,CAAkB,IAAlB,CAAuB,QAAvB;IAAgC,KAAK,EAAE;MAAEA,aAAF;MAAiBC;IAAjB;EAAvC,GACGG,QADH,CADF,CADF,CADF;AASD,CAhBM"}
+{"version":3,"names":["UserListContexts","Fragment","createContext","headerTitle","headerRight","List","selectedUsers","setSelectedUsers","NOOP","UserListContextsProvider","children","useState"],"sources":["moduleContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { createContext, useState } from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport type { UserListContextsType, UserListModule } from '../types';\n\nexport const UserListContexts: UserListContextsType<unknown> = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n  List: createContext<ContextValue<UserListContextsType<unknown>['List']>>({\n    selectedUsers: [],\n    setSelectedUsers: NOOP,\n  }),\n};\nexport const UserListContextsProvider: UserListModule<any>['Provider'] = ({ children, headerTitle, headerRight }) => {\n  const [selectedUsers, setSelectedUsers] = useState<unknown[]>([]);\n\n  return (\n    <ProviderLayout>\n      <UserListContexts.Fragment.Provider value={{ headerTitle, headerRight: headerRight(selectedUsers) }}>\n        <UserListContexts.List.Provider value={{ selectedUsers, setSelectedUsers }}>\n          {children}\n        </UserListContexts.List.Provider>\n      </UserListContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;;;;;;;AANA;AASO,MAAMA,gBAA+C,GAAG;EAC7DC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,WAAW,EAAE;EAFS,CAAd,CADmD;EAK7DC,IAAI,eAAE,IAAAH,oBAAA,EAAmE;IACvEI,aAAa,EAAE,EADwD;IAEvEC,gBAAgB,EAAEC;EAFqD,CAAnE;AALuD,CAAxD;;;AAUA,MAAMC,wBAAyD,GAAG,QAA4C;EAAA,IAA3C;IAAEC,QAAF;IAAYP,WAAZ;IAAyBC;EAAzB,CAA2C;EACnH,MAAM,CAACE,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAI,eAAA,EAAoB,EAApB,CAA1C;EAEA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,gBAAD,CAAkB,QAAlB,CAA2B,QAA3B;IAAoC,KAAK,EAAE;MAAER,WAAF;MAAeC,WAAW,EAAEA,WAAW,CAACE,aAAD;IAAvC;EAA3C,gBACE,6BAAC,gBAAD,CAAkB,IAAlB,CAAuB,QAAvB;IAAgC,KAAK,EAAE;MAAEA,aAAF;MAAiBC;IAAjB;EAAvC,GACGG,QADH,CADF,CADF,CADF;AASD,CAZM"}

package/lib/commonjs/domain/userList/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface UserListProps<User> {\n  /** Props for `UserListModule.Header` **/\n  Header: {\n    right?: React.ReactElement;\n    left?: React.ReactElement;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (selectedUsers: User[]) => Promise<void>;\n    shouldActivateHeaderRight?: (selectedUsers: User[]) => boolean;\n  };\n  /** Props for `UserListModule.List` **/\n  List: {\n    /** User list from SendbirdChat SDK or Custom query {@link Fragment.queryCreator} **/\n    users: User[];\n    /** Render user component **/\n    renderUser: (\n      user: User,\n      selectedUsers: ContextValue<UserListContextsType<User>['List']>['selectedUsers'],\n      setSelectedUsers: ContextValue<UserListContextsType<User>['List']>['setSelectedUsers'],\n    ) => React.ReactElement | null;\n    /** Load next user list **/\n    onLoadNext: () => Promise<void>;\n    /** Refresh user list **/\n    onRefresh?: () => Promise<void>;\n    /** Refreshing state **/\n    refreshing?: boolean;\n    /** List empty component **/\n    ListEmptyComponent?: React.ReactElement;\n  };\n  /** Props for `UserListModule.Provider` **/\n  Provider: {\n    headerTitle: string;\n    headerRight: (selectedUsers: Array<User>) => string;\n  };\n}\n\n/**\n * Internal context for UserList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface UserListContextsType<User> {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n  List: React.Context<{\n    selectedUsers: User[];\n    setSelectedUsers: React.Dispatch<React.SetStateAction<User[]>>;\n  }>;\n}\n\nexport interface UserListModule<User> {\n  Provider: React.FC<UserListProps<User>['Provider']>;\n  Header: CommonComponent<UserListProps<User>['Header']>;\n  List: CommonComponent<UserListProps<User>['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<{ onPressRetry: () => void }>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface UserListProps<User> {\n  /** Props for `UserListModule.Header` **/\n  Header: {\n    right?: React.ReactElement;\n    left?: React.ReactElement;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (selectedUsers: User[]) => Promise<void>;\n    shouldActivateHeaderRight?: (selectedUsers: User[]) => boolean;\n  };\n  /** Props for `UserListModule.List` **/\n  List: {\n    /** User list from SendbirdChat SDK or Custom query {@link Fragment.queryCreator} **/\n    users: User[];\n    /** Render user component **/\n    renderUser: (\n      user: User,\n      selectedUsers: ContextValue<UserListContextsType<User>['List']>['selectedUsers'],\n      setSelectedUsers: ContextValue<UserListContextsType<User>['List']>['setSelectedUsers'],\n    ) => React.ReactElement | null;\n    /** Load next user list **/\n    onLoadNext: () => Promise<void>;\n    /** Refresh user list **/\n    onRefresh?: () => Promise<void>;\n    /** Refreshing state **/\n    refreshing?: boolean;\n    /** List empty component **/\n    ListEmptyComponent?: React.ReactElement;\n  };\n  /** Props for `UserListModule.Provider` **/\n  Provider: {\n    headerTitle: string;\n    headerRight: (selectedUsers: Array<User>) => string;\n  };\n}\n\n/**\n * Internal context for UserList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface UserListContextsType<User> {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n  List: React.Context<{\n    selectedUsers: User[];\n    setSelectedUsers: React.Dispatch<React.SetStateAction<User[]>>;\n  }>;\n}\n\nexport interface UserListModule<User> {\n  Provider: CommonComponent<UserListProps<User>['Provider']>;\n  Header: CommonComponent<UserListProps<User>['Header']>;\n  List: CommonComponent<UserListProps<User>['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<{ onPressRetry: () => void }>;\n}\n"],"mappings":""}

package/lib/commonjs/fragments/createGroupChannelCreateFragment.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -23,10 +23,6 @@ var _useContext = require("../hooks/useContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const defaultUserIdsGenerator = users => {
   const userIds = users.map(user => {
     // @ts-ignore
@@ -72,7 +68,7 @@ const createGroupChannelCreateFragment = initModule => {
       sortComparator
     });
 
-    const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
+    const _renderUser = (0, _uikitUtils.useFreshCallback)((user, selectedUsers, setSelectedUsers) => {
       if (queryCreator && !renderUser) {
         throw new Error('You should provide "renderUser" when providing "queryCreator"');
       }
@@ -100,7 +96,7 @@ const createGroupChannelCreateFragment = initModule => {
         selected: isSelected,
         disabled: false
       }));
-    }, [renderUser, queryCreator]);
+    });
 
     return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({

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

@@ -1 +1 @@
-{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","refreshing","loading","error","refresh","next","useUserList","_renderUser","useCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","GroupChannelParams","isBroadcast","isSuper","operatorUserIds","addUserIds","name","coverUrl","isDistinct","processedParams","channel","GroupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n        }\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const sbUser = user as unknown as SendbirdUser;\n        const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n        const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n        const isMe = sbUser.userId === currentUser?.userId;\n        if (isMe) return null;\n\n        const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n        const isSelected = userIdx > -1;\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            onPress={() => {\n              sbSetSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(sbUser);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={sbUser.profileUrl}\n              name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n              selected={isSelected}\n              disabled={false}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [renderUser, queryCreator],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params = new sdk.GroupChannelParams();\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n            params.addUserIds(userIdsGenerator(users));\n            params.name = '';\n            params.coverUrl = '';\n            params.isDistinct = false;\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.GroupChannel.createChannel(processedParams);\n            onCreateChannel(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelCreateFragment;\n"],"mappings":"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"}
+{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","refreshing","loading","error","refresh","next","useUserList","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","GroupChannelParams","isBroadcast","isSuper","operatorUserIds","addUserIds","name","coverUrl","isDistinct","processedParams","channel","GroupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (queryCreator && !renderUser) {\n        throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const sbUser = user as unknown as SendbirdUser;\n      const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n      const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n      const isMe = sbUser.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\n          onPress={() => {\n            sbSetSelectedUsers(([...draft]) => {\n              if (isSelected) draft.splice(userIdx, 1);\n              else draft.push(sbUser);\n              return draft;\n            });\n          }}\n        >\n          <UserSelectableBar\n            uri={sbUser.profileUrl}\n            name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n            selected={isSelected}\n            disabled={false}\n          />\n        </TouchableOpacity>\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params = new sdk.GroupChannelParams();\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n            params.addUserIds(userIdsGenerator(users));\n            params.name = '';\n            params.coverUrl = '';\n            params.isDistinct = false;\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.GroupChannel.createChannel(processedParams);\n            onCreateChannel(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelCreateFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelFragment.js

@@ -40,7 +40,8 @@ const createGroupChannelFragment = initModule => {
       enableTypingIndicator = true,
       onPressHeaderLeft = _uikitUtils.NOOP,
       onPressHeaderRight = _uikitUtils.NOOP,
-      onPressImageMessage = _uikitUtils.NOOP,
+      onPressImageMessage,
+      onPressMediaMessage = _uikitUtils.NOOP,
       onChannelDeleted = _uikitUtils.NOOP,
       onBeforeSendFileMessage = _uikitUtils.PASS,
       onBeforeSendUserMessage = _uikitUtils.PASS,
@@ -77,10 +78,10 @@ const createGroupChannelFragment = initModule => {
       enableCollectionWithoutLocalCache: true
     });
 
-    const _renderMessage = (0, _react.useCallback)(props => {
+    const _renderMessage = (0, _uikitUtils.useFreshCallback)(props => {
       if (renderMessage) return renderMessage(props);
       return /*#__PURE__*/_react.default.createElement(_MessageRenderer.default, props);
-    }, [renderMessage]);
+    });
 
     const memoizedFlatListProps = (0, _react.useMemo)(() => ({
       ListEmptyComponent: /*#__PURE__*/_react.default.createElement(GroupChannelModule.StatusEmpty, null),
@@ -89,30 +90,30 @@ const createGroupChannelFragment = initModule => {
       },
       ...flatListProps
     }), [loading, flatListProps]);
-    const onSendFileMessage = (0, _react.useCallback)(async file => {
+    const onSendFileMessage = (0, _uikitUtils.useFreshCallback)(async file => {
       const params = new sdk.FileMessageParams();
       params.file = file;
       const processedParams = await onBeforeSendFileMessage(params);
       await sendFileMessage(processedParams);
-    }, [sdk, sendFileMessage, onBeforeSendFileMessage]);
-    const onSendUserMessage = (0, _react.useCallback)(async text => {
+    });
+    const onSendUserMessage = (0, _uikitUtils.useFreshCallback)(async text => {
       const params = new sdk.UserMessageParams();
       params.message = text;
       const processedParams = await onBeforeSendUserMessage(params);
       await sendUserMessage(processedParams);
-    }, [sdk, sendUserMessage, onBeforeSendUserMessage]);
-    const onUpdateFileMessage = (0, _react.useCallback)(async (editedFile, message) => {
+    });
+    const onUpdateFileMessage = (0, _uikitUtils.useFreshCallback)(async (editedFile, message) => {
       const params = new sdk.FileMessageParams();
       params.file = editedFile;
       const processedParams = await onBeforeSendFileMessage(params);
       await updateFileMessage(message.messageId, processedParams);
-    }, [sdk, updateFileMessage, onBeforeSendFileMessage]);
-    const onUpdateUserMessage = (0, _react.useCallback)(async (editedText, message) => {
+    });
+    const onUpdateUserMessage = (0, _uikitUtils.useFreshCallback)(async (editedText, message) => {
       const params = new sdk.UserMessageParams();
       params.message = editedText;
       const processedParams = await onBeforeSendUserMessage(params);
       await updateUserMessage(message.messageId, processedParams);
-    }, [sdk, updateUserMessage, onBeforeSendUserMessage]);
+    });
     return /*#__PURE__*/_react.default.createElement(GroupChannelModule.Provider, {
       channel: activeChannel,
       enableTypingIndicator: enableTypingIndicator,
@@ -138,6 +139,7 @@ const createGroupChannelFragment = initModule => {
       onResendFailedMessage: resendMessage,
       onDeleteMessage: deleteMessage,
       onPressImageMessage: onPressImageMessage,
+      onPressMediaMessage: onPressMediaMessage,
       flatListProps: memoizedFlatListProps
     }), /*#__PURE__*/_react.default.createElement(GroupChannelModule.Input, {
       channel: activeChannel,

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

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

package/lib/commonjs/fragments/createGroupChannelListFragment.js

@@ -11,16 +11,12 @@ var _reactNative = require("react-native");
 
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
 
-var _ChannelCover = _interopRequireDefault(require("../components/ChannelCover"));
+var _GroupChannelPreviewContainer = _interopRequireDefault(require("../components/GroupChannelPreviewContainer"));
 
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
 
-var _constants = require("../constants");
-
 var _createGroupChannelListModule = _interopRequireDefault(require("../domain/groupChannelList/module/createGroupChannelListModule"));
 
 var _useContext = require("../hooks/useContext");
@@ -31,13 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const iconMapper = {
-  audio: 'file-audio',
-  image: 'photo',
-  video: 'play',
-  file: 'file-document'
-};
-
 const createGroupChannelListFragment = initModule => {
   const GroupChannelListModule = (0, _createGroupChannelListModule.default)(initModule);
   return _ref => {
@@ -58,9 +47,6 @@ const createGroupChannelListFragment = initModule => {
       features,
       markAsDeliveredWithChannel
     } = (0, _useContext.useSendbirdChat)();
-    const {
-      STRINGS
-    } = (0, _useContext.useLocalization)();
     const {
       groupChannels,
       next,
@@ -81,30 +67,14 @@ const createGroupChannelListFragment = initModule => {
       }, []);
     }
 
-    const _renderGroupChannelPreview = (0, _react.useCallback)((channel, onLongPressChannel) => {
-      var _channel$lastMessage;
-
+    const _renderGroupChannelPreview = (0, _uikitUtils.useFreshCallback)((channel, onLongPressChannel) => {
       if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+      return /*#__PURE__*/_react.default.createElement(_GroupChannelPreviewContainer.default, {
+        channel: channel,
         onPress: () => onPressChannel(channel),
-        onLongPress: onLongPressChannel,
-        delayLongPress: _constants.DEFAULT_LONG_PRESS_DELAY
-      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.GroupChannelPreview, {
-        customCover: /*#__PURE__*/_react.default.createElement(_ChannelCover.default, {
-          channel: channel,
-          size: 56
-        }),
-        coverUrl: channel.coverUrl,
-        title: STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),
-        titleCaption: STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel),
-        body: STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel),
-        badgeCount: channel.unreadMessageCount,
-        bodyIcon: (_channel$lastMessage = channel.lastMessage) !== null && _channel$lastMessage !== void 0 && _channel$lastMessage.isFileMessage() ? iconMapper[(0, _uikitUtils.getFileType)(channel.lastMessage.type || (0, _uikitUtils.getFileExtension)(channel.lastMessage.name))] : undefined,
-        frozen: channel.isFrozen,
-        notificationOff: channel.myPushTriggerOption === 'off',
-        memberCount: channel.memberCount > 2 ? channel.memberCount : undefined
-      }));
-    }, [STRINGS, onPressChannel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId]);
+        onLongPress: () => onLongPressChannel()
+      });
+    });
 
     if (!currentUser) {
       _uikitUtils.Logger.warn('Cannot render GroupChannelListFragment, User is not connected');

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

@@ -1 +1 @@
-{"version":3,"names":["iconMapper","audio","image","video","file","createGroupChannelListFragment","initModule","GroupChannelListModule","createGroupChannelListModule","TypeSelectorHeader","onPressChannel","onPressCreateChannel","queryCreator","sortComparator","channelComparator","renderGroupChannelPreview","flatListProps","menuItemCreator","PASS","sdk","currentUser","features","markAsDeliveredWithChannel","useSendbirdChat","STRINGS","useLocalization","groupChannels","next","loading","useGroupChannelList","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","useEffect","listener","AppState","addEventListener","status","forEach","remove","_renderGroupChannelPreview","useCallback","channel","onLongPressChannel","DEFAULT_LONG_PRESS_DELAY","coverUrl","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","CHANNEL_PREVIEW_BODY","unreadMessageCount","lastMessage","isFileMessage","getFileType","type","getFileExtension","name","undefined","isFrozen","myPushTriggerOption","memberCount","Logger","warn","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { AppState, Pressable } from 'react-native';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { GroupChannelPreview } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, PASS, channelComparator, getFileExtension, getFileType } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport StatusComposition from '../components/StatusComposition';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    TypeSelectorHeader,\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    sortComparator = channelComparator,\n    renderGroupChannelPreview,\n    // skipTypeSelection = true,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      enableCollectionWithoutLocalCache: true,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useEffect(() => {\n        const listener = AppState.addEventListener('change', (status) => {\n          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n        });\n        return () => listener.remove();\n      }, []);\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <Pressable\n            onPress={() => onPressChannel(channel)}\n            onLongPress={onLongPressChannel}\n            delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n          >\n            <GroupChannelPreview\n              customCover={<ChannelCover channel={channel} size={56} />}\n              coverUrl={channel.coverUrl}\n              title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n              titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n              body={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel)}\n              badgeCount={channel.unreadMessageCount}\n              bodyIcon={\n                channel.lastMessage?.isFileMessage()\n                  ? iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))]\n                  : undefined\n              }\n              frozen={channel.isFrozen}\n              notificationOff={channel.myPushTriggerOption === 'off'}\n              memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n            />\n          </Pressable>\n        );\n      },\n      [STRINGS, onPressChannel, currentUser?.userId],\n    );\n\n    if (!currentUser) {\n      Logger.warn('Cannot render GroupChannelListFragment, User is not connected');\n      return null;\n    }\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          // NOTE: not included in first iteration\n          skipTypeSelection\n          Header={TypeSelectorHeader}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAMA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;EAAEC,KAAK,EAAE,YAAT;EAAuBC,KAAK,EAAE,OAA9B;EAAuCC,KAAK,EAAE,MAA9C;EAAsDC,IAAI,EAAE;AAA5D,CAAnB;;AACA,MAAMC,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAG,IAAAC,qCAAA,EAA6BF,UAA7B,CAA/B;EACA,OAAO,QAUD;IAAA,IAVE;MACNG,kBADM;MAENC,cAFM;MAGNC,oBAHM;MAINC,YAJM;MAKNC,cAAc,GAAGC,6BALX;MAMNC,yBANM;MAON;MACAC,aAAa,GAAG,EARV;MASNC,eAAe,GAAGC;IATZ,CAUF;IACJ,MAAM;MAAEC,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6D,IAAAC,2BAAA,GAAnE;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAEC,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmC,IAAAC,mCAAA,EAAoBV,GAApB,EAAyBC,WAAzB,aAAyBA,WAAzB,uBAAyBA,WAAW,CAAEU,MAAtC,EAA8C;MACrFlB,YADqF;MAErFC,cAFqF;MAGrFkB,iCAAiC,EAAE;IAHkD,CAA9C,CAAzC;;IAMA,IAAIV,QAAQ,CAACW,sBAAb,EAAqC;MACnC,IAAAC,gBAAA,EAAU,MAAM;QACd,MAAMC,QAAQ,GAAGC,qBAAA,CAASC,gBAAT,CAA0B,QAA1B,EAAqCC,MAAD,IAAY;UAC/D,IAAIA,MAAM,KAAK,QAAf,EAAyBX,aAAa,CAACY,OAAd,CAAsBhB,0BAAtB;QAC1B,CAFgB,CAAjB;;QAGA,OAAO,MAAMY,QAAQ,CAACK,MAAT,EAAb;MACD,CALD,EAKG,EALH;IAMD;;IAED,MAAMC,0BAAsF,GAAG,IAAAC,kBAAA,EAC7F,CAACC,OAAD,EAAUC,kBAAV,KAAiC;MAAA;;MAC/B,IAAI5B,yBAAJ,EAA+B,OAAOA,yBAAyB,CAAC2B,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,6BAAC,sBAAD;QACE,OAAO,EAAE,MAAMjC,cAAc,CAACgC,OAAD,CAD/B;QAEE,WAAW,EAAEC,kBAFf;QAGE,cAAc,EAAEC;MAHlB,gBAKE,6BAAC,+CAAD;QACE,WAAW,eAAE,6BAAC,qBAAD;UAAc,OAAO,EAAEF,OAAvB;UAAgC,IAAI,EAAE;QAAtC,EADf;QAEE,QAAQ,EAAEA,OAAO,CAACG,QAFpB;QAGE,KAAK,EAAErB,OAAO,CAACsB,kBAAR,CAA2BC,qBAA3B,CAAiD,CAAA3B,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEU,MAAb,KAAuB,EAAxE,EAA4EY,OAA5E,CAHT;QAIE,YAAY,EAAElB,OAAO,CAACsB,kBAAR,CAA2BE,6BAA3B,CAAyDN,OAAzD,CAJhB;QAKE,IAAI,EAAElB,OAAO,CAACsB,kBAAR,CAA2BG,oBAA3B,CAAgDP,OAAhD,CALR;QAME,UAAU,EAAEA,OAAO,CAACQ,kBANtB;QAOE,QAAQ,EACN,wBAAAR,OAAO,CAACS,WAAR,sEAAqBC,aAArB,KACIpD,UAAU,CAAC,IAAAqD,uBAAA,EAAYX,OAAO,CAACS,WAAR,CAAoBG,IAApB,IAA4B,IAAAC,4BAAA,EAAiBb,OAAO,CAACS,WAAR,CAAoBK,IAArC,CAAxC,CAAD,CADd,GAEIC,SAVR;QAYE,MAAM,EAAEf,OAAO,CAACgB,QAZlB;QAaE,eAAe,EAAEhB,OAAO,CAACiB,mBAAR,KAAgC,KAbnD;QAcE,WAAW,EAAEjB,OAAO,CAACkB,WAAR,GAAsB,CAAtB,GAA0BlB,OAAO,CAACkB,WAAlC,GAAgDH;MAd/D,EALF,CADF;IAwBD,CA3B4F,EA4B7F,CAACjC,OAAD,EAAUd,cAAV,EAA0BU,WAA1B,aAA0BA,WAA1B,uBAA0BA,WAAW,CAAEU,MAAvC,CA5B6F,CAA/F;;IA+BA,IAAI,CAACV,WAAL,EAAkB;MAChByC,kBAAA,CAAOC,IAAP,CAAY,+DAAZ;;MACA,OAAO,IAAP;IACD;;IAED,oBACE,6BAAC,sBAAD,CAAwB,QAAxB,qBACE,6BAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,6BAAC,0BAAD;MAAmB,OAAO,EAAElC,OAA5B;MAAqC,gBAAgB,eAAE,6BAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,6BAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAEX,eADnB;MAEE,yBAAyB,EAAEuB,0BAF7B;MAGE,aAAa,EAAEd,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACboC,kBAAkB,eAAE,6BAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGjD;MAHU;IALjB,EADF,CAFF,eAeE,6BAAC,sBAAD,CAAwB,YAAxB;MACE;MACA,iBAAiB,MAFnB;MAGE,MAAM,EAAEP,kBAHV;MAIE,YAAY,EAAEE;IAJhB,EAfF,CADF;EAwBD,CAxFD;AAyFD,CA3FD;;eA6FeN,8B"}
+{"version":3,"names":["createGroupChannelListFragment","initModule","GroupChannelListModule","createGroupChannelListModule","TypeSelectorHeader","onPressChannel","onPressCreateChannel","queryCreator","sortComparator","channelComparator","renderGroupChannelPreview","flatListProps","menuItemCreator","PASS","sdk","currentUser","features","markAsDeliveredWithChannel","useSendbirdChat","groupChannels","next","loading","useGroupChannelList","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","useEffect","listener","AppState","addEventListener","status","forEach","remove","_renderGroupChannelPreview","useFreshCallback","channel","onLongPressChannel","Logger","warn","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { AppState } from 'react-native';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, channelComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport GroupChannelPreviewContainer from '../components/GroupChannelPreviewContainer';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    TypeSelectorHeader,\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    sortComparator = channelComparator,\n    renderGroupChannelPreview,\n    // skipTypeSelection = true,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      enableCollectionWithoutLocalCache: true,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useEffect(() => {\n        const listener = AppState.addEventListener('change', (status) => {\n          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n        });\n        return () => listener.remove();\n      }, []);\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <GroupChannelPreviewContainer\n            channel={channel}\n            onPress={() => onPressChannel(channel)}\n            onLongPress={() => onLongPressChannel()}\n          />\n        );\n      },\n    );\n\n    if (!currentUser) {\n      Logger.warn('Cannot render GroupChannelListFragment, User is not connected');\n      return null;\n    }\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          // NOTE: not included in first iteration\n          skipTypeSelection\n          Header={TypeSelectorHeader}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AAMA;;;;;;;;AAEA,MAAMA,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAG,IAAAC,qCAAA,EAA6BF,UAA7B,CAA/B;EACA,OAAO,QAUD;IAAA,IAVE;MACNG,kBADM;MAENC,cAFM;MAGNC,oBAHM;MAINC,YAJM;MAKNC,cAAc,GAAGC,6BALX;MAMNC,yBANM;MAON;MACAC,aAAa,GAAG,EARV;MASNC,eAAe,GAAGC;IATZ,CAUF;IACJ,MAAM;MAAEC,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6D,IAAAC,2BAAA,GAAnE;IACA,MAAM;MAAEC,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmC,IAAAC,mCAAA,EAAoBR,GAApB,EAAyBC,WAAzB,aAAyBA,WAAzB,uBAAyBA,WAAW,CAAEQ,MAAtC,EAA8C;MACrFhB,YADqF;MAErFC,cAFqF;MAGrFgB,iCAAiC,EAAE;IAHkD,CAA9C,CAAzC;;IAMA,IAAIR,QAAQ,CAACS,sBAAb,EAAqC;MACnC,IAAAC,gBAAA,EAAU,MAAM;QACd,MAAMC,QAAQ,GAAGC,qBAAA,CAASC,gBAAT,CAA0B,QAA1B,EAAqCC,MAAD,IAAY;UAC/D,IAAIA,MAAM,KAAK,QAAf,EAAyBX,aAAa,CAACY,OAAd,CAAsBd,0BAAtB;QAC1B,CAFgB,CAAjB;;QAGA,OAAO,MAAMU,QAAQ,CAACK,MAAT,EAAb;MACD,CALD,EAKG,EALH;IAMD;;IAED,MAAMC,0BAAsF,GAAG,IAAAC,4BAAA,EAC7F,CAACC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAI1B,yBAAJ,EAA+B,OAAOA,yBAAyB,CAACyB,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,6BAAC,qCAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAM9B,cAAc,CAAC8B,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4F,CAA/F;;IAaA,IAAI,CAACrB,WAAL,EAAkB;MAChBsB,kBAAA,CAAOC,IAAP,CAAY,+DAAZ;;MACA,OAAO,IAAP;IACD;;IAED,oBACE,6BAAC,sBAAD,CAAwB,QAAxB,qBACE,6BAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,6BAAC,0BAAD;MAAmB,OAAO,EAAEjB,OAA5B;MAAqC,gBAAgB,eAAE,6BAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,6BAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAET,eADnB;MAEE,yBAAyB,EAAEqB,0BAF7B;MAGE,aAAa,EAAEd,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACbmB,kBAAkB,eAAE,6BAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAG9B;MAHU;IALjB,EADF,CAFF,eAeE,6BAAC,sBAAD,CAAwB,YAAxB;MACE;MACA,iBAAiB,MAFnB;MAGE,MAAM,EAAEP,kBAHV;MAIE,YAAY,EAAEE;IAJhB,EAfF,CADF;EAwBD,CArED;AAsED,CAxED;;eA0EeN,8B"}

package/lib/commonjs/fragments/createGroupChannelMembersFragment.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["noop","name","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","useUniqId","forceUpdate","useForceUpdate","sdk","currentUser","useSendbirdChat","activeChannel","useActiveGroupChannel","STRINGS","useLocalization","useChannelHandler","onUserEntered","url","onUserLeft","onUserJoined","onUserUnmuted","onUserUnbanned","onUserBanned","onUserMuted","onChannelMemberCountChanged","channels","find","c","onChannelChanged","onChannelFrozen","onChannelUnfrozen","_renderUser","useCallback","user","selectedUsers","setSelectedUsers","isMuted","profileUrl","role","GROUP_CHANNEL_MEMBERS","USER_BAR_OPERATOR","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","undefined","HEADER_TITLE","members"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { useForceUpdate, useUniqId } from '@sendbird/uikit-utils';\n\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst noop = () => '';\nconst name = 'createGroupChannelMembersFragment';\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(name);\n    const forceUpdate = useForceUpdate();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    const { STRINGS } = useLocalization();\n\n    useChannelHandler(\n      sdk,\n      `${name}_${uniqId}`,\n      {\n        onUserEntered(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onUserLeft(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onUserJoined(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onUserUnmuted(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onUserUnbanned(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onUserBanned(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onUserMuted(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onChannelMemberCountChanged(channels) {\n          if (channels.find((c) => c.url === channel.url)) forceUpdate();\n        },\n        onChannelChanged(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onChannelFrozen(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n        onChannelUnfrozen(channel) {\n          if (channel.url === activeChannel.url) forceUpdate();\n        },\n      },\n      [activeChannel],\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        return (\n          <UserActionBar\n            muted={user.isMuted}\n            uri={user.profileUrl}\n            label={user.role === 'operator' ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR : ''}\n            name={\n              (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n              (user.userId === currentUser?.userId ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX : '')\n            }\n            disabled={user.userId === currentUser?.userId}\n            // TODO: implement ban/mute actions, use channel.members with handlers instead member query\n            onPressActionMenu={undefined}\n          />\n        );\n      },\n      [renderUser],\n    );\n\n    return (\n      <UserListModule.Provider headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n\n        <UserListModule.List\n          users={activeChannel.members}\n          renderUser={_renderUser}\n          onLoadNext={async () => void 0}\n          ListEmptyComponent={<UserListModule.StatusEmpty />}\n        />\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["noop","name","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","useUniqId","forceUpdate","useForceUpdate","sdk","currentUser","useSendbirdChat","activeChannel","useActiveGroupChannel","STRINGS","useLocalization","useChannelHandler","onUserEntered","url","onUserLeft","onUserJoined","onUserUnmuted","onUserUnbanned","onUserBanned","onUserMuted","onChannelMemberCountChanged","channels","find","c","onChannelChanged","onChannelFrozen","onChannelUnfrozen","_renderUser","useCallback","user","selectedUsers","setSelectedUsers","isMuted","profileUrl","role","GROUP_CHANNEL_MEMBERS","USER_BAR_OPERATOR","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","undefined","HEADER_TITLE","members"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { useForceUpdate, useUniqId } from '@sendbird/uikit-utils';\n\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst noop = () => '';\nconst name = 'createGroupChannelMembersFragment';\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(name);\n    const forceUpdate = useForceUpdate();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    const { STRINGS } = useLocalization();\n\n    useChannelHandler(sdk, `${name}_${uniqId}`, {\n      onUserEntered(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserLeft(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserJoined(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnmuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnbanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserBanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserMuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelMemberCountChanged(channels) {\n        if (channels.find((c) => c.url === channel.url)) forceUpdate();\n      },\n      onChannelChanged(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelFrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelUnfrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        return (\n          <UserActionBar\n            muted={user.isMuted}\n            uri={user.profileUrl}\n            label={user.role === 'operator' ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR : ''}\n            name={\n              (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n              (user.userId === currentUser?.userId ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX : '')\n            }\n            disabled={user.userId === currentUser?.userId}\n            // TODO: implement ban/mute actions, use channel.members with handlers instead member query\n            onPressActionMenu={undefined}\n          />\n        );\n      },\n      [renderUser],\n    );\n\n    return (\n      <UserListModule.Provider headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n\n        <UserListModule.List\n          users={activeChannel.members}\n          renderUser={_renderUser}\n          onLoadNext={async () => void 0}\n          ListEmptyComponent={<UserListModule.StatusEmpty />}\n        />\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelSettingsFragment.js

@@ -27,8 +27,7 @@ const createGroupChannelSettingsFragment = initModule => {
       channel,
       onPressMenuMembers,
       onPressMenuLeaveChannel,
-      menuItemsCreator,
-      children
+      menuItemsCreator
     } = _ref;
     const {
       colors
@@ -53,7 +52,7 @@ const createGroupChannelSettingsFragment = initModule => {
       menuItemsCreator: menuItemsCreator,
       onPressMenuMembers: onPressMenuMembers,
       onPressMenuLeaveChannel: onPressMenuLeaveChannel
-    }), children));
+    })));
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","onPressHeaderLeft","NOOP","channel","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","children","colors","useUIKitTheme","left","right","useSafeAreaInsets","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    menuItemsCreator,\n    children,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n          />\n          {children}\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAGA,MAAMA,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAA,EAAiCF,UAAjC,CAAnC;EAEA,OAAO,QAOD;IAAA,IAPE;MACNG,iBAAiB,GAAGC,gBADd;MAENC,OAFM;MAGNC,kBAHM;MAINC,uBAJM;MAKNC,gBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IACA,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IAEA,oBACE,6BAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAET;IAA9C,gBACE,6BAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAEF;IAAtD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEY,eAAe,EAAEL,MAAM,CAACM;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,6BAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,6BAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAEZ,gBADpB;MAEE,kBAAkB,EAAEF,kBAFtB;MAGE,uBAAuB,EAAEC;IAH3B,EARF,EAaGE,QAbH,CAFF,CADF;EAoBD,CA/BD;AAgCD,CArCD;;AAuCA,MAAMS,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMerB,kC"}
+{"version":3,"names":["createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","onPressHeaderLeft","NOOP","channel","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","colors","useUIKitTheme","left","right","useSafeAreaInsets","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAGA,MAAMA,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAA,EAAiCF,UAAjC,CAAnC;EAEA,OAAO,QAA0G;IAAA,IAAzG;MAAEG,iBAAiB,GAAGC,gBAAtB;MAA4BC,OAA5B;MAAqCC,kBAArC;MAAyDC,uBAAzD;MAAkFC;IAAlF,CAAyG;IAC/G,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IACA,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IAEA,oBACE,6BAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAER;IAA9C,gBACE,6BAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAEF;IAAtD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEW,eAAe,EAAEL,MAAM,CAACM;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,6BAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,6BAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAEX,gBADpB;MAEE,kBAAkB,EAAEF,kBAFtB;MAGE,uBAAuB,EAAEC;IAH3B,EARF,CAFF,CADF;EAmBD,CAvBD;AAwBD,CA7BD;;AA+BA,MAAMU,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMepB,kC"}

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

@@ -1 +1 @@
-{"version":3,"names":["useLocalization","value","useContext","LocalizationContext","Error","usePlatformService","PlatformServiceContext","useSendbirdChat","SendbirdChatContext"],"sources":["useContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { LocalizationContext, LocalizationContextType } from '../contexts/Localization';\nimport { PlatformServiceContext } from '../contexts/PlatformService';\nimport { SendbirdChatContext } from '../contexts/SendbirdChat';\n\nexport const useLocalization = () => {\n  const value = useContext<LocalizationContextType | null>(\n    LocalizationContext as React.Context<LocalizationContextType | null>,\n  );\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAG,IAAAC,iBAAA,EACZC,iCADY,CAAd;EAGA,IAAI,CAACF,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CANM;;;;AAQA,MAAMI,kBAAkB,GAAG,MAAM;EACtC,MAAMJ,KAAK,GAAG,IAAAC,iBAAA,EAAWI,uCAAX,CAAd;EACA,IAAI,CAACL,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMM,eAAe,GAAG,MAAM;EACnC,MAAMN,KAAK,GAAG,IAAAC,iBAAA,EAAWM,iCAAX,CAAd;EACA,IAAI,CAACP,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM"}
+{"version":3,"names":["useLocalization","value","useContext","LocalizationContext","Error","usePlatformService","PlatformServiceContext","useSendbirdChat","SendbirdChatContext"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/Localization';\nimport { PlatformServiceContext } from '../contexts/PlatformService';\nimport { SendbirdChatContext } from '../contexts/SendbirdChat';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAG,IAAAC,iBAAA,EAAWC,iCAAX,CAAd;EACA,IAAI,CAACF,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMI,kBAAkB,GAAG,MAAM;EACtC,MAAMJ,KAAK,GAAG,IAAAC,iBAAA,EAAWI,uCAAX,CAAd;EACA,IAAI,CAACL,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMM,eAAe,GAAG,MAAM;EACnC,MAAMN,KAAK,GAAG,IAAAC,iBAAA,EAAWM,iCAAX,CAAd;EACA,IAAI,CAACP,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM"}

package/lib/commonjs/index.js

@@ -7,6 +7,7 @@ var _exportNames = {
   MessageRenderer: true,
   ChannelCover: true,
   ChatFlatList: true,
+  FileViewer: true,
   NewMessagesButton: true,
   ProviderLayout: true,
   ScrollToBottomButton: true,
@@ -36,9 +37,11 @@ var _exportNames = {
   createNativeFileService: true,
   createNativeClipboardService: true,
   createNativeNotificationService: true,
+  createNativeMediaService: true,
   createExpoFileService: true,
   createExpoClipboardService: true,
   createExpoNotificationService: true,
+  createExpoMediaService: true,
   SendbirdUIKitContainer: true,
   SendbirdUIKit: true,
   SendbirdUIKitContainerProps: true
@@ -55,6 +58,12 @@ Object.defineProperty(exports, "ChatFlatList", {
     return _ChatFlatList.default;
   }
 });
+Object.defineProperty(exports, "FileViewer", {
+  enumerable: true,
+  get: function () {
+    return _FileViewer.default;
+  }
+});
 Object.defineProperty(exports, "LocalizationContext", {
   enumerable: true,
   get: function () {
@@ -181,6 +190,12 @@ Object.defineProperty(exports, "createExpoFileService", {
     return _createFileService2.default;
   }
 });
+Object.defineProperty(exports, "createExpoMediaService", {
+  enumerable: true,
+  get: function () {
+    return _createMediaService2.default;
+  }
+});
 Object.defineProperty(exports, "createExpoNotificationService", {
   enumerable: true,
   get: function () {
@@ -235,6 +250,12 @@ Object.defineProperty(exports, "createNativeFileService", {
     return _createFileService.default;
   }
 });
+Object.defineProperty(exports, "createNativeMediaService", {
+  enumerable: true,
+  get: function () {
+    return _createMediaService.default;
+  }
+});
 Object.defineProperty(exports, "createNativeNotificationService", {
   enumerable: true,
   get: function () {
@@ -282,6 +303,8 @@ var _ChannelCover = _interopRequireDefault(require("./components/ChannelCover"))
 
 var _ChatFlatList = _interopRequireDefault(require("./components/ChatFlatList"));
 
+var _FileViewer = _interopRequireDefault(require("./components/FileViewer"));
+
 var _NewMessagesButton = _interopRequireDefault(require("./components/NewMessagesButton"));
 
 var _ProviderLayout = _interopRequireDefault(require("./components/ProviderLayout"));
@@ -330,12 +353,16 @@ var _createClipboardService = _interopRequireDefault(require("./platform/createC
 
 var _createNotificationService = _interopRequireDefault(require("./platform/createNotificationService.native"));
 
+var _createMediaService = _interopRequireDefault(require("./platform/createMediaService.native"));
+
 var _createFileService2 = _interopRequireDefault(require("./platform/createFileService.expo"));
 
 var _createClipboardService2 = _interopRequireDefault(require("./platform/createClipboardService.expo"));
 
 var _createNotificationService2 = _interopRequireDefault(require("./platform/createNotificationService.expo"));
 
+var _createMediaService2 = _interopRequireDefault(require("./platform/createMediaService.expo"));
+
 var _groupChannel = require("./domain/groupChannel");
 
 Object.keys(_groupChannel).forEach(function (key) {
@@ -443,7 +470,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /** Domain **/
 
 /** UIKit **/
-_uikitUtils.Logger.setTitle(`[UIKIT_${_reactNative.Platform.OS}]`);
+_uikitUtils.Logger.setLogLevel(__DEV__ ? 'warn' : 'none');
 
-__DEV__ && _uikitUtils.Logger.setLogLevel('none');
+_uikitUtils.Logger.setTitle(`[UIKIT_${_reactNative.Platform.OS}]`);
 //# sourceMappingURL=index.js.map