@sendbird/uikit-react-native 1.0.1 → 1.0.2

package/lib/module/domain/groupChannelSettings/module/createGroupChannelSettingsModule.js

@@ -0,0 +1,24 @@
+import GroupChannelSettingsHeader from '../component/GroupChannelSettingsHeader';
+import GroupChannelSettingsInfo from '../component/GroupChannelSettingsInfo';
+import GroupChannelSettingsMenu from '../component/GroupChannelSettingsMenu';
+import { GroupChannelSettingsContextsProvider } from './moduleContext';
+
+const createGroupChannelSettingsModule = function () {
+  let {
+    Header = GroupChannelSettingsHeader,
+    Info = GroupChannelSettingsInfo,
+    Menu = GroupChannelSettingsMenu,
+    Provider = GroupChannelSettingsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    Info,
+    Menu,
+    Provider,
+    ...module
+  };
+};
+
+export default createGroupChannelSettingsModule;
+//# sourceMappingURL=createGroupChannelSettingsModule.js.map

package/lib/module/domain/groupChannelSettings/module/createGroupChannelSettingsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelSettingsHeader","GroupChannelSettingsInfo","GroupChannelSettingsMenu","GroupChannelSettingsContextsProvider","createGroupChannelSettingsModule","Header","Info","Menu","Provider","module"],"sources":["createGroupChannelSettingsModule.tsx"],"sourcesContent":["import GroupChannelSettingsHeader from '../component/GroupChannelSettingsHeader';\nimport GroupChannelSettingsInfo from '../component/GroupChannelSettingsInfo';\nimport GroupChannelSettingsMenu from '../component/GroupChannelSettingsMenu';\nimport type { GroupChannelSettingsModule } from '../types';\nimport { GroupChannelSettingsContextsProvider } from './moduleContext';\n\nconst createGroupChannelSettingsModule = ({\n  Header = GroupChannelSettingsHeader,\n  Info = GroupChannelSettingsInfo,\n  Menu = GroupChannelSettingsMenu,\n  Provider = GroupChannelSettingsContextsProvider,\n  ...module\n}: Partial<GroupChannelSettingsModule> = {}): GroupChannelSettingsModule => {\n  return { Header, Info, Menu, Provider, ...module };\n};\n\nexport default createGroupChannelSettingsModule;\n"],"mappings":"AAAA,OAAOA,0BAAP,MAAuC,yCAAvC;AACA,OAAOC,wBAAP,MAAqC,uCAArC;AACA,OAAOC,wBAAP,MAAqC,uCAArC;AAEA,SAASC,oCAAT,QAAqD,iBAArD;;AAEA,MAAMC,gCAAgC,GAAG,YAMmC;EAAA,IANlC;IACxCC,MAAM,GAAGL,0BAD+B;IAExCM,IAAI,GAAGL,wBAFiC;IAGxCM,IAAI,GAAGL,wBAHiC;IAIxCM,QAAQ,GAAGL,oCAJ6B;IAKxC,GAAGM;EALqC,CAMkC,uEAAnC,EAAmC;EAC1E,OAAO;IAAEJ,MAAF;IAAUC,IAAV;IAAgBC,IAAhB;IAAsBC,QAAtB;IAAgC,GAAGC;EAAnC,CAAP;AACD,CARD;;AAUA,eAAeL,gCAAf"}

package/lib/module/domain/groupChannelSettings/module/moduleContext.js

@@ -0,0 +1,127 @@
+import React, { createContext, useCallback } from 'react';
+import { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { useActionMenu, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, isDifferentChannel, useForceUpdate, useUniqId } from '@sendbird/uikit-utils';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
+export const GroupChannelSettingsContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    channel: {},
+    headerTitle: '',
+    headerRight: '',
+    onPressHeaderRight: NOOP
+  })
+};
+const HOOK_NAME = 'GroupChannelSettingsContextsProvider';
+export const GroupChannelSettingsContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const uniqId = useUniqId(HOOK_NAME);
+  const forceUpdate = useForceUpdate();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    sdk
+  } = useSendbirdChat();
+  const {
+    fileService
+  } = usePlatformService();
+  const {
+    activeChannel,
+    setActiveChannel
+  } = useActiveGroupChannel(sdk, channel);
+
+  const onChannelChanged = channel => {
+    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;
+    setActiveChannel(channel);
+    forceUpdate();
+  };
+
+  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
+    onChannelChanged: onChannelChanged,
+    onChannelFrozen: onChannelChanged,
+    onChannelUnfrozen: onChannelChanged
+  }, [activeChannel]);
+  const toast = useToast();
+  const {
+    openSheet
+  } = useBottomSheet();
+  const {
+    openPrompt
+  } = usePrompt();
+  const {
+    openMenu
+  } = useActionMenu();
+  const updateChannel = useCallback(async params => {
+    const updatedChannel = await activeChannel.updateChannel(params);
+    setActiveChannel(updatedChannel);
+    forceUpdate();
+  }, [activeChannel]);
+  const changeChannelName = useCallback(() => {
+    openPrompt({
+      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,
+      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
+      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
+      defaultValue: activeChannel.name,
+      onSubmit: async channelName => {
+        const params = new sdk.GroupChannelParams();
+        params.name = channelName;
+        await updateChannel(params);
+      }
+    });
+  }, [STRINGS, updateChannel, activeChannel.name]);
+  const changeChannelImage = useCallback(() => {
+    openMenu({
+      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,
+      menuItems: [{
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,
+        onPress: async () => {
+          const file = await fileService.openCamera({
+            mediaType: 'photo',
+            onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error')
+          });
+          if (!file) return;
+          const params = new sdk.GroupChannelParams();
+          params.coverImage = file;
+          await updateChannel(params);
+        }
+      }, {
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,
+        onPress: async () => {
+          const files = await fileService.openMediaLibrary({
+            selectionLimit: 1,
+            mediaType: 'photo',
+            onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error')
+          });
+          if (!files || !files[0]) return;
+          const params = new sdk.GroupChannelParams();
+          params.coverImage = files[0];
+          await updateChannel(params);
+        }
+      }]
+    });
+  }, [STRINGS, updateChannel]);
+  const onPressHeaderRight = useCallback(() => {
+    openSheet({
+      sheetItems: [{
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME,
+        onPress: changeChannelName
+      }, {
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE,
+        onPress: changeChannelImage
+      }]
+    });
+  }, [STRINGS, changeChannelImage, changeChannelName]);
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(GroupChannelSettingsContexts.Fragment.Provider, {
+    value: {
+      channel: activeChannel,
+      headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,
+      headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,
+      onPressHeaderRight
+    }
+  }, children));
+};
+//# sourceMappingURL=moduleContext.js.map

package/lib/module/domain/groupChannelSettings/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useCallback","useActiveGroupChannel","useChannelHandler","useActionMenu","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","GroupChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","forceUpdate","STRINGS","sdk","fileService","activeChannel","setActiveChannel","onChannelChanged","isGroupChannel","onChannelFrozen","onChannelUnfrozen","toast","openSheet","openPrompt","openMenu","updateChannel","params","updatedChannel","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","GroupChannelParams","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailureWithToastMessage","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelParams,\n  SendbirdOpenChannel,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdGroupChannel | SendbirdOpenChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(\n    sdk,\n    `${HOOK_NAME}_${uniqId}`,\n    {\n      onChannelChanged: onChannelChanged,\n      onChannelFrozen: onChannelChanged,\n      onChannelUnfrozen: onChannelChanged,\n    },\n    [activeChannel],\n  );\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelParams) => {\n      const updatedChannel = await activeChannel.updateChannel(params);\n      setActiveChannel(updatedChannel);\n      forceUpdate();\n    },\n    [activeChannel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: activeChannel.name,\n      onSubmit: async (channelName) => {\n        const params = new sdk.GroupChannelParams();\n        params.name = channelName;\n        await updateChannel(params);\n      },\n    });\n  }, [STRINGS, updateChannel, activeChannel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error'),\n            });\n            if (!file) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = file;\n            await updateChannel(params);\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error'),\n            });\n            if (!files || !files[0]) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = files[0];\n            await updateChannel(params);\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel: activeChannel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}

package/lib/module/domain/groupChannelSettings/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/domain/groupChannelSettings/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelSettingsProps {\n  Fragment: {\n    channel: GroupChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: GroupChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];\n    onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];\n    menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuMembers: () => void;\n    onPressMenuLeaveChannel: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n}\n\n/**\n * Internal context for GroupChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelSettingsContextsType {\n  Fragment: React.Context<{\n    channel: SendbirdGroupChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n}\nexport interface GroupChannelSettingsModule {\n  Provider: CommonComponent<GroupChannelSettingsProps['Provider']>;\n  Header: CommonComponent<GroupChannelSettingsProps['Header']>;\n  Info: CommonComponent<GroupChannelSettingsProps['Info']>;\n  Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;\n}\n\nexport type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelUserList/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/domain/groupChannelUserList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdGroupChannel, SendbirdGroupChannelParams } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\nimport type { GroupChannelType } from '../groupChannelList/types';\nimport type { UserListProps } from '../userList/types';\n\ntype UserIds = string[];\n\nexport interface GroupChannelCreateProps<User> {\n  Fragment: {\n    onPressHeaderLeft: () => void;\n    onCreateChannel: (channel: SendbirdGroupChannel) => void;\n    channelType?: GroupChannelType;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    onBeforeCreateChannel?: (\n      params: SendbirdGroupChannelParams,\n      users: User[],\n    ) => SendbirdGroupChannelParams | Promise<SendbirdGroupChannelParams>;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelCreateFragment<User> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;\n\nexport interface GroupChannelInviteProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onInviteMembers: (channel: SendbirdGroupChannel) => void;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n  };\n}\nexport type GroupChannelInviteFragment<User> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;\n\nexport interface GroupChannelMembersProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelMembersFragment<User> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/userList/component/UserListHeader.js

@@ -0,0 +1,42 @@
+import React, { useContext } from 'react';
+import { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { UserListContexts } from '../module/moduleContext';
+
+const UserListHeader = _ref => {
+  let {
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    right,
+    left,
+    shouldActivateHeaderRight = selectedUsers => selectedUsers.length > 0
+  } = _ref;
+  const {
+    headerTitle,
+    headerRight
+  } = useContext(UserListContexts.Fragment);
+  const {
+    selectedUsers
+  } = useContext(UserListContexts.List);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  const {
+    colors
+  } = useUIKitTheme();
+  const isActive = shouldActivateHeaderRight(selectedUsers);
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: headerTitle,
+    right: right ?? /*#__PURE__*/React.createElement(Text, {
+      button: true,
+      color: isActive ? colors.primary : colors.onBackground04
+    }, headerRight),
+    onPressRight: isActive ? () => onPressHeaderRight(selectedUsers) : undefined,
+    left: left ?? /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+export default UserListHeader;
+//# sourceMappingURL=UserListHeader.js.map

package/lib/module/domain/userList/component/UserListHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","UserListContexts","UserListHeader","onPressHeaderLeft","onPressHeaderRight","right","left","shouldActivateHeaderRight","selectedUsers","length","headerTitle","headerRight","Fragment","List","HeaderComponent","colors","isActive","primary","onBackground04","undefined"],"sources":["UserListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { UserListContexts } from '../module/moduleContext';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nconst UserListHeader = <T,>({\n  onPressHeaderLeft,\n  onPressHeaderRight,\n  right,\n  left,\n  shouldActivateHeaderRight = (selectedUsers) => selectedUsers.length > 0,\n}: UserListProps<T>['Header']) => {\n  const { headerTitle, headerRight } = useContext(UserListContexts.Fragment);\n  const { selectedUsers } = useContext(UserListContexts.List as UserListContextsType<T>['List']);\n  const { HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  const isActive = shouldActivateHeaderRight(selectedUsers);\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      right={\n        right ?? (\n          <Text button color={isActive ? colors.primary : colors.onBackground04}>\n            {headerRight}\n          </Text>\n        )\n      }\n      onPressRight={isActive ? () => onPressHeaderRight(selectedUsers) : undefined}\n      left={left ?? <Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n    />\n  );\n};\n\nexport default UserListHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,cAArB,EAAqCC,aAArC,QAA0D,yCAA1D;AAEA,SAASC,gBAAT,QAAiC,yBAAjC;;AAGA,MAAMC,cAAc,GAAG,QAMW;EAAA,IANN;IAC1BC,iBAD0B;IAE1BC,kBAF0B;IAG1BC,KAH0B;IAI1BC,IAJ0B;IAK1BC,yBAAyB,GAAIC,aAAD,IAAmBA,aAAa,CAACC,MAAd,GAAuB;EAL5C,CAMM;EAChC,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA+Bf,UAAU,CAACK,gBAAgB,CAACW,QAAlB,CAA/C;EACA,MAAM;IAAEJ;EAAF,IAAoBZ,UAAU,CAACK,gBAAgB,CAACY,IAAlB,CAApC;EACA,MAAM;IAAEC;EAAF,IAAsBf,cAAc,EAA1C;EACA,MAAM;IAAEgB;EAAF,IAAaf,aAAa,EAAhC;EAEA,MAAMgB,QAAQ,GAAGT,yBAAyB,CAACC,aAAD,CAA1C;EAEA,oBACE,oBAAC,eAAD;IACE,KAAK,EAAEE,WADT;IAEE,KAAK,EACHL,KAAK,iBACH,oBAAC,IAAD;MAAM,MAAM,MAAZ;MAAa,KAAK,EAAEW,QAAQ,GAAGD,MAAM,CAACE,OAAV,GAAoBF,MAAM,CAACG;IAAvD,GACGP,WADH,CAJN;IASE,YAAY,EAAEK,QAAQ,GAAG,MAAMZ,kBAAkB,CAACI,aAAD,CAA3B,GAA6CW,SATrE;IAUE,IAAI,EAAEb,IAAI,iBAAI,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAVhB;IAWE,WAAW,EAAEH;EAXf,EADF;AAeD,CA7BD;;AA+BA,eAAeD,cAAf"}

package/lib/module/domain/userList/component/UserListList.js

@@ -0,0 +1,42 @@
+import React, { useCallback, useContext } from 'react';
+import { FlatList } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { UserListContexts } from '../module/moduleContext';
+
+const UserListList = _ref => {
+  let {
+    users,
+    onRefresh,
+    refreshing,
+    renderUser,
+    onLoadNext,
+    ListEmptyComponent
+  } = _ref;
+  const context = useContext(UserListContexts.List);
+  const renderItem = useCallback(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return renderUser === null || renderUser === void 0 ? void 0 : renderUser(item, context.selectedUsers, context.setSelectedUsers);
+  }, [renderUser, context.selectedUsers, context.setSelectedUsers]);
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(FlatList, {
+    data: users,
+    refreshing: refreshing,
+    onRefresh: onRefresh,
+    renderItem: renderItem,
+    onEndReached: onLoadNext,
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right,
+      flexGrow: 1
+    },
+    ListEmptyComponent: ListEmptyComponent
+  });
+};
+
+export default UserListList;
+//# sourceMappingURL=UserListList.js.map

package/lib/module/domain/userList/component/UserListList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","FlatList","useSafeAreaInsets","UserListContexts","UserListList","users","onRefresh","refreshing","renderUser","onLoadNext","ListEmptyComponent","context","List","renderItem","item","selectedUsers","setSelectedUsers","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["UserListList.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { UserListContexts } from '../module/moduleContext';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nconst UserListList = <T,>({\n  users,\n  onRefresh,\n  refreshing,\n  renderUser,\n  onLoadNext,\n  ListEmptyComponent,\n}: UserListProps<T>['List']) => {\n  const context = useContext(UserListContexts.List as UserListContextsType<T>['List']);\n  const renderItem: ListRenderItem<T> = useCallback(\n    ({ item }) => renderUser?.(item, context.selectedUsers, context.setSelectedUsers),\n    [renderUser, context.selectedUsers, context.setSelectedUsers],\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={users}\n      refreshing={refreshing}\n      onRefresh={onRefresh}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n    />\n  );\n};\n\nexport default UserListList;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,QAA+C,OAA/C;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,QAAiC,yBAAjC;;AAGA,MAAMC,YAAY,GAAG,QAOW;EAAA,IAPN;IACxBC,KADwB;IAExBC,SAFwB;IAGxBC,UAHwB;IAIxBC,UAJwB;IAKxBC,UALwB;IAMxBC;EANwB,CAOM;EAC9B,MAAMC,OAAO,GAAGX,UAAU,CAACG,gBAAgB,CAACS,IAAlB,CAA1B;EACA,MAAMC,UAA6B,GAAGd,WAAW,CAC/C;IAAA,IAAC;MAAEe;IAAF,CAAD;IAAA,OAAcN,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAGM,IAAH,EAASH,OAAO,CAACI,aAAjB,EAAgCJ,OAAO,CAACK,gBAAxC,CAAxB;EAAA,CAD+C,EAE/C,CAACR,UAAD,EAAaG,OAAO,CAACI,aAArB,EAAoCJ,OAAO,CAACK,gBAA5C,CAF+C,CAAjD;EAIA,MAAM;IAAEC,IAAF;IAAQC;EAAR,IAAkBhB,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEG,KADR;IAEE,UAAU,EAAEE,UAFd;IAGE,SAAS,EAAED,SAHb;IAIE,UAAU,EAAEO,UAJd;IAKE,YAAY,EAAEJ,UALhB;IAME,qBAAqB,EAAE;MAAEU,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CANzB;IAOE,kBAAkB,EAAEX;EAPtB,EADF;AAWD,CA1BD;;AA4BA,eAAeN,YAAf"}

package/lib/module/domain/userList/component/UserListStatusEmpty.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const UserListStatusEmpty = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'no-users'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default UserListStatusEmpty;
+//# sourceMappingURL=UserListStatusEmpty.js.map

package/lib/module/domain/userList/component/UserListStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","UserListStatusEmpty","styles","container","create","flex","justifyContent","alignItems"],"sources":["UserListStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst UserListStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-users'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,mBAAmB,GAAG,MAAM;EAChC,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,mBAAf"}

package/lib/module/domain/userList/component/UserListStatusError.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const UserListStatusLoading = _ref => {
+  let {
+    onPressRetry
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'error-wrong',
+    onPressRetry: onPressRetry
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default UserListStatusLoading;
+//# sourceMappingURL=UserListStatusError.js.map

package/lib/module/domain/userList/component/UserListStatusError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","UserListStatusLoading","onPressRetry","styles","container","create","flex","justifyContent","alignItems"],"sources":["UserListStatusError.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { UserListModule } from '../types';\n\nconst UserListStatusLoading: UserListModule<unknown>['StatusError'] = ({ onPressRetry }) => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={onPressRetry} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAGA,MAAMC,qBAA6D,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EAC1F,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE,aAAxB;IAAuC,YAAY,EAAEF;EAArD,EADF,CADF;AAKD,CAND;;AAQA,MAAMC,MAAM,GAAGL,UAAU,CAACO,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeP,qBAAf"}

package/lib/module/domain/userList/component/UserListStatusLoading.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const UserListStatusLoading = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'loading'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default UserListStatusLoading;
+//# sourceMappingURL=UserListStatusLoading.js.map

package/lib/module/domain/userList/component/UserListStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","UserListStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["UserListStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst UserListStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,qBAAqB,GAAG,MAAM;EAClC,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,qBAAf"}

package/lib/module/domain/userList/index.js

@@ -0,0 +1,8 @@
+export { default as UserListList } from './component/UserListList';
+export { default as UserListHeader } from './component/UserListHeader';
+export { default as UserListStatusEmpty } from './component/UserListStatusEmpty';
+export { default as UserListStatusError } from './component/UserListStatusError';
+export { default as UserListStatusLoading } from './component/UserListStatusLoading';
+export { default as createUserListModule } from './module/createUserListModule';
+export { UserListContextsProvider, UserListContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

package/lib/module/domain/userList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","UserListList","UserListHeader","UserListStatusEmpty","UserListStatusError","UserListStatusLoading","createUserListModule","UserListContextsProvider","UserListContexts"],"sources":["index.ts"],"sourcesContent":["export { default as UserListList } from './component/UserListList';\nexport { default as UserListHeader } from './component/UserListHeader';\nexport { default as UserListStatusEmpty } from './component/UserListStatusEmpty';\nexport { default as UserListStatusError } from './component/UserListStatusError';\nexport { default as UserListStatusLoading } from './component/UserListStatusLoading';\nexport { default as createUserListModule } from './module/createUserListModule';\nexport { UserListContextsProvider, UserListContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,YAApB,QAAwC,0BAAxC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,4BAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,iCAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,iCAA/C;AACA,SAASJ,OAAO,IAAIK,qBAApB,QAAiD,mCAAjD;AACA,SAASL,OAAO,IAAIM,oBAApB,QAAgD,+BAAhD;AACA,SAASC,wBAAT,EAAmCC,gBAAnC,QAA2D,wBAA3D"}

package/lib/module/domain/userList/module/createUserListModule.js

@@ -0,0 +1,30 @@
+import UserListHeader from '../component/UserListHeader';
+import UserListList from '../component/UserListList';
+import UserListStatusEmpty from '../component/UserListStatusEmpty';
+import UserListStatusError from '../component/UserListStatusError';
+import UserListStatusLoading from '../component/UserListStatusLoading';
+import { UserListContextsProvider } from './moduleContext';
+
+const createUserListModule = function () {
+  let {
+    Header = UserListHeader,
+    List = UserListList,
+    StatusLoading = UserListStatusLoading,
+    StatusEmpty = UserListStatusEmpty,
+    StatusError = UserListStatusError,
+    Provider = UserListContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    StatusLoading,
+    StatusEmpty,
+    StatusError,
+    Provider,
+    ...module
+  };
+};
+
+export default createUserListModule;
+//# sourceMappingURL=createUserListModule.js.map

package/lib/module/domain/userList/module/createUserListModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserListHeader","UserListList","UserListStatusEmpty","UserListStatusError","UserListStatusLoading","UserListContextsProvider","createUserListModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module"],"sources":["createUserListModule.tsx"],"sourcesContent":["import UserListHeader from '../component/UserListHeader';\nimport UserListList from '../component/UserListList';\nimport UserListStatusEmpty from '../component/UserListStatusEmpty';\nimport UserListStatusError from '../component/UserListStatusError';\nimport UserListStatusLoading from '../component/UserListStatusLoading';\nimport type { UserListModule } from '../types';\nimport { UserListContextsProvider } from './moduleContext';\n\nconst createUserListModule = <T,>({\n  Header = UserListHeader,\n  List = UserListList,\n  StatusLoading = UserListStatusLoading,\n  StatusEmpty = UserListStatusEmpty,\n  StatusError = UserListStatusError,\n  Provider = UserListContextsProvider,\n  ...module\n}: Partial<UserListModule<T>> = {}): UserListModule<T> => {\n  return { Header, List, StatusLoading, StatusEmpty, StatusError, Provider, ...module };\n};\n\nexport default createUserListModule;\n"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,6BAA3B;AACA,OAAOC,YAAP,MAAyB,2BAAzB;AACA,OAAOC,mBAAP,MAAgC,kCAAhC;AACA,OAAOC,mBAAP,MAAgC,kCAAhC;AACA,OAAOC,qBAAP,MAAkC,oCAAlC;AAEA,SAASC,wBAAT,QAAyC,iBAAzC;;AAEA,MAAMC,oBAAoB,GAAG,YAQ6B;EAAA,IARxB;IAChCC,MAAM,GAAGP,cADuB;IAEhCQ,IAAI,GAAGP,YAFyB;IAGhCQ,aAAa,GAAGL,qBAHgB;IAIhCM,WAAW,GAAGR,mBAJkB;IAKhCS,WAAW,GAAGR,mBALkB;IAMhCS,QAAQ,GAAGP,wBANqB;IAOhC,GAAGQ;EAP6B,CAQwB,uEAA1B,EAA0B;EACxD,OAAO;IAAEN,MAAF;IAAUC,IAAV;IAAgBC,aAAhB;IAA+BC,WAA/B;IAA4CC,WAA5C;IAAyDC,QAAzD;IAAmE,GAAGC;EAAtE,CAAP;AACD,CAVD;;AAYA,eAAeP,oBAAf"}

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

@@ -0,0 +1,34 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { createContext, useState } from 'react';
+import { NOOP } from '@sendbird/uikit-utils';
+import ProviderLayout from '../../../components/ProviderLayout';
+export const UserListContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    headerRight: ''
+  }),
+  List: /*#__PURE__*/createContext({
+    selectedUsers: [],
+    setSelectedUsers: NOOP
+  })
+};
+export const UserListContextsProvider = _ref => {
+  let {
+    children,
+    headerTitle,
+    headerRight
+  } = _ref;
+  const [selectedUsers, setSelectedUsers] = useState([]);
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(UserListContexts.Fragment.Provider, {
+    value: {
+      headerTitle,
+      headerRight: headerRight(selectedUsers)
+    }
+  }, /*#__PURE__*/React.createElement(UserListContexts.List.Provider, {
+    value: {
+      selectedUsers,
+      setSelectedUsers
+    }
+  }, children)));
+};
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useState","NOOP","ProviderLayout","UserListContexts","Fragment","headerTitle","headerRight","List","selectedUsers","setSelectedUsers","UserListContextsProvider","children"],"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":"AAAA;AACA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,OAA/C;AAGA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,cAAP,MAA2B,oCAA3B;AAGA,OAAO,MAAMC,gBAA+C,GAAG;EAC7DC,QAAQ,eAAEL,aAAa,CAAC;IACtBM,WAAW,EAAE,EADS;IAEtBC,WAAW,EAAE;EAFS,CAAD,CADsC;EAK7DC,IAAI,eAAER,aAAa,CAAsD;IACvES,aAAa,EAAE,EADwD;IAEvEC,gBAAgB,EAAER;EAFqD,CAAtD;AAL0C,CAAxD;AAUP,OAAO,MAAMS,wBAAyD,GAAG,QAA4C;EAAA,IAA3C;IAAEC,QAAF;IAAYN,WAAZ;IAAyBC;EAAzB,CAA2C;EACnH,MAAM,CAACE,aAAD,EAAgBC,gBAAhB,IAAoCT,QAAQ,CAAY,EAAZ,CAAlD;EAEA,oBACE,oBAAC,cAAD,qBACE,oBAAC,gBAAD,CAAkB,QAAlB,CAA2B,QAA3B;IAAoC,KAAK,EAAE;MAAEK,WAAF;MAAeC,WAAW,EAAEA,WAAW,CAACE,aAAD;IAAvC;EAA3C,gBACE,oBAAC,gBAAD,CAAkB,IAAlB,CAAuB,QAAvB;IAAgC,KAAK,EAAE;MAAEA,aAAF;MAAiBC;IAAjB;EAAvC,GACGE,QADH,CADF,CADF,CADF;AASD,CAZM"}

package/lib/module/domain/userList/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +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: 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/module/fragments/createGroupChannelCreateFragment.js

@@ -0,0 +1,124 @@
+import React, { useCallback } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
+import { Logger, PASS } from '@sendbird/uikit-utils';
+import StatusComposition from '../components/StatusComposition';
+import UserSelectableBar from '../components/UserSelectableBar';
+import createUserListModule from '../domain/userList/module/createUserListModule';
+import { useLocalization, useSendbirdChat } from '../hooks/useContext';
+
+const defaultUserIdsGenerator = users => {
+  const userIds = users.map(user => {
+    // @ts-ignore
+    return user.userId;
+  }).filter(u => Boolean(u));
+
+  if (userIds.length === 0) {
+    Logger.warn('GroupChannelCreateFragment: Couldn\'t find user ids! if you provide "queryCreator", please provide "userIdsGenerator" as well');
+  }
+
+  return userIds;
+};
+
+const createGroupChannelCreateFragment = initModule => {
+  const UserListModule = createUserListModule(initModule);
+  return _ref => {
+    let {
+      userIdsGenerator = defaultUserIdsGenerator,
+      onPressHeaderLeft,
+      onBeforeCreateChannel = PASS,
+      onCreateChannel,
+      sortComparator,
+      queryCreator,
+      channelType = 'GROUP',
+      renderUser
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = useSendbirdChat();
+    const {
+      STRINGS
+    } = useLocalization();
+    const {
+      users,
+      refreshing,
+      loading,
+      error,
+      refresh,
+      next
+    } = useUserList(sdk, {
+      queryCreator,
+      sortComparator
+    });
+
+    const _renderUser = useCallback((user, selectedUsers, setSelectedUsers) => {
+      if (queryCreator && !renderUser) {
+        throw new Error('You should provide "renderUser" when providing "queryCreator"');
+      }
+
+      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+      const sbUser = user;
+      const sbSelectedUsers = selectedUsers;
+      const sbSetSelectedUsers = setSelectedUsers;
+      const isMe = sbUser.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
+      if (isMe) return null;
+      const userIdx = sbSelectedUsers.findIndex(u => u.userId === sbUser.userId);
+      const isSelected = userIdx > -1;
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        activeOpacity: 0.7,
+        onPress: () => {
+          sbSetSelectedUsers(_ref2 => {
+            let [...draft] = _ref2;
+            if (isSelected) draft.splice(userIdx, 1);else draft.push(sbUser);
+            return draft;
+          });
+        }
+      }, /*#__PURE__*/React.createElement(UserSelectableBar, {
+        uri: sbUser.profileUrl,
+        name: sbUser.nickname || STRINGS.LABELS.USER_NO_NAME,
+        selected: isSelected,
+        disabled: false
+      }));
+    }, [renderUser, queryCreator]);
+
+    return /*#__PURE__*/React.createElement(UserListModule.Provider, {
+      headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({
+        selectedUsers
+      }),
+      headerTitle: STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE
+    }, /*#__PURE__*/React.createElement(UserListModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: async users => {
+        const params = new sdk.GroupChannelParams();
+        if (channelType === 'BROADCAST') params.isBroadcast = true;
+        if (channelType === 'SUPER_GROUP') params.isSuper = true;
+        if (currentUser) params.operatorUserIds = [currentUser.userId];
+        params.addUserIds(userIdsGenerator(users));
+        params.name = '';
+        params.coverUrl = '';
+        params.isDistinct = false;
+        const processedParams = await onBeforeCreateChannel(params, users);
+        const channel = await sdk.GroupChannel.createChannel(processedParams);
+        onCreateChannel(channel);
+      }
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      error: Boolean(error),
+      LoadingComponent: /*#__PURE__*/React.createElement(UserListModule.StatusLoading, null),
+      ErrorComponent: /*#__PURE__*/React.createElement(UserListModule.StatusError, {
+        onPressRetry: () => refresh()
+      })
+    }, /*#__PURE__*/React.createElement(UserListModule.List, {
+      onLoadNext: next,
+      users: users,
+      renderUser: _renderUser,
+      onRefresh: refresh,
+      refreshing: refreshing,
+      ListEmptyComponent: /*#__PURE__*/React.createElement(UserListModule.StatusEmpty, null)
+    })));
+  };
+};
+
+export default createGroupChannelCreateFragment;
+//# sourceMappingURL=createGroupChannelCreateFragment.js.map