[UK-860] Fix issues of event filter and Add tests (#11)

- Do not check readMessageCount condition when channelListQuery exist
- Fix issue in CREATE_CHANNEL / create channel because of object destruction in reducers
- Fix messageId comparison in on message updated
- Fix binarySearch when targetIndex is 0 before it pushes the target item to the second position
- Add tests for events filter

Author: HoonBaek

src/smart-components/App/stories/index.stories.js

@@ -3,7 +3,15 @@ import React, { useEffect, useState } from 'react';
 import pkg from '../../../../package-lock.json'
 
 import App from '../index';
+import Sendbird from '../../../lib/Sendbird';
+import ChannelList from '../../ChannelList';
+import Conversation from '../../Conversation';
+import ChannelSettings from '../../ChannelSettings';
+import MessageSearch from '../../MessageSearch';
+import { withSendBird } from '../../..';
+import { sendBirdSelectors } from '../../..';
 import { fitPageSize } from './utils';
+
 const appId = process.env.STORYBOOK_APP_ID;
 // const userId = 'leo.sub';
 const userId = 'sendbird';
@@ -159,6 +167,7 @@ const array = [
   `hoon${age}1`,
   `hoon${age}2`,
   `hoon${age}3`,
+  `eunseo${age}1`,
 ];
 const addProfile = null; // 'https://static.sendbird.com/sample/profiles/profile_12_512px.png';
 
@@ -186,6 +195,7 @@ export const user1 = () => fitPageSize(
     allowProfileEdit
     profileUrl={addProfile}
     config={{ logLevel: 'all' }}
+    queries={{}}
   />
 );
 export const user2 = () => fitPageSize(
@@ -216,6 +226,83 @@ export const user3 = () => fitPageSize(
   />
 );
 
+const UseSendbirdChannelList = (props) => {
+  const [queries] = useState({ channelListQuery: { customTypesFilter: ['apple'] } });
+  const sdk = sendBirdSelectors.getSdk(props);
+  const { setChannelUrl } = props;
+
+  return (
+    <ChannelList
+      onChannelSelect={(channel) => channel && setChannelUrl(channel.url)}
+      queries={queries}
+      onBeforeCreateChannel={(selectedUserIds) => {
+        const params = new sdk.GroupChannelParams();
+        params.addUserIds(selectedUserIds);
+        params.isDistinct = false;
+        params.customType = 'apple';
+        return params;
+      }}
+    />
+  );
+};
+const SBChannelList = withSendBird(UseSendbirdChannelList);
+const CustomApp = () => {
+  const [channelUrl, setChannelUrl] = useState('');
+  const [channelSettings, setChannelSettings] = useState(false);
+  const [channelSearch, setChannelSearch] = useState(false);
+  return (
+    <Sendbird
+      appId={appId}
+      userId={array[3]}
+      nickname={array[3]}
+      theme="dark"
+      showSearchIcon
+      allowProfileEdit
+      profileUrl={addProfile}
+      imageCompression={{ compressionRate: 0.5, resizingWidth: 100, resizingHeight: '100px' }}
+    >
+      <div style={{ height: '100%', width: '100%', display: 'flex', flexDirection: 'row' }}>
+          <SBChannelList setChannelUrl={setChannelUrl} />
+          <div style={{ height: '100%', width: '100%', display: 'inline-flex', flexDirection: 'row' }}>
+            <div style={{ width: '100%' }}>
+              <Conversation
+                channelUrl={channelUrl}
+                onChatHeaderActionClick={() => {
+                  setChannelSearch(false);
+                  setChannelSettings(true);
+                }}
+                showSearchIcon
+                onSearchClick={() => {
+                  setChannelSettings(false);
+                  setChannelSearch(true);
+                }}
+              />
+            </div>
+            {channelSearch && (
+              <div style={{ width: '100%' }}>
+                <MessageSearch
+                  channelUrl={channelUrl}
+                  searchString="hello"
+                  onResultClick={() => {}}
+                />
+              </div>
+            )}
+            {channelSettings && (
+              <div style={{ display: 'inline-flex'}}>
+                <ChannelSettings
+                  channelUrl={channelUrl}
+                  onCloseClick={() => setChannelSettings(false)}
+                />
+              </div>
+            )}
+          </div>
+        </div>
+    </Sendbird>
+  );
+};
+
+export const customer1 = () => fitPageSize(<CustomApp />);
+
 export const disableUserProfile = () => fitPageSize(
   <App
     showSearchIcon