{
if (typeof input !== 'string' && typeof input !== 'number') {
try {
- const { config } = useSendbirdStateContext();
- const { logger } = config;
+ const { state: { config: { logger } } } = useSendbird();
logger.warning('@sendbird/uikit-react/ui/Toggle: TypeError - expected string or number.', input);
} catch (_) { /* noop */ }
return [];
diff --git a/src/ui/UserListItem/__tests__/UserListItem.spec.js b/src/ui/UserListItem/__tests__/UserListItem.spec.js
index df926da27..f69469810 100644
--- a/src/ui/UserListItem/__tests__/UserListItem.spec.js
+++ b/src/ui/UserListItem/__tests__/UserListItem.spec.js
@@ -2,7 +2,7 @@ import React from 'react';
import { render } from '@testing-library/react';
import UserListItem from "../index";
-import { SendbirdSdkContext } from '../../../lib/SendbirdSdkContext';
+import { SendbirdContext } from '../../../lib/Sendbird/context/SendbirdContext';
const getUserList = () => [
{
@@ -35,14 +35,14 @@ describe('ui/UserListItem', () => {
it('should do a snapshot test of the UserListItem DOM', function () {
const [user1] = getUserList();
const { asFragment } = render(
-
+
{ }}
/>
-
+
);
expect(asFragment()).toMatchSnapshot();
});
diff --git a/src/ui/UserListItem/index.tsx b/src/ui/UserListItem/index.tsx
index f584f35f8..f08294ea8 100644
--- a/src/ui/UserListItem/index.tsx
+++ b/src/ui/UserListItem/index.tsx
@@ -3,7 +3,6 @@ import type { User } from '@sendbird/chat';
import type { GroupChannel, Member } from '@sendbird/chat/groupChannel';
import './index.scss';
-import { useSendbirdStateContext } from '../../lib/Sendbird';
import { useUserProfileContext } from '../../lib/UserProfileContext';
import { useLocalization } from '../../lib/LocalizationContext';
@@ -16,6 +15,7 @@ import Label, { LabelTypography, LabelColors } from '../Label';
import { UserListItemMenuProps } from '../UserListItemMenu/UserListItemMenu';
import { classnames } from '../../utils/utils';
import pxToNumber from '../../utils/pxToNumber';
+import useSendbird from '../../lib/Sendbird/context/hooks/useSendbird';
export interface UserListItemProps {
user: User | Member;
@@ -63,7 +63,7 @@ export function UserListItem({
const avatarRef = useRef(null);
const { disableUserProfile, renderUserProfile } = useUserProfileContext();
const { stringSet } = useLocalization();
- const { config } = useSendbirdStateContext();
+ const { state: { config } } = useSendbird();
const currentUser = config.userId;
const itemClassName = size === 'small' ? 'sendbird-user-list-item--small' : 'sendbird-user-list-item';
diff --git a/src/ui/UserListItemMenu/UserListItemMenu.tsx b/src/ui/UserListItemMenu/UserListItemMenu.tsx
index 90312543a..97762efdc 100644
--- a/src/ui/UserListItemMenu/UserListItemMenu.tsx
+++ b/src/ui/UserListItemMenu/UserListItemMenu.tsx
@@ -6,7 +6,7 @@ import { OperatorToggleMenuItem, MuteToggleMenuItem, BanToggleMenuItem } from '.
import { classnames } from '../../utils/utils';
import { MenuItems } from '../ContextMenu';
import { DefaultMenuItems, TriggerIcon } from './DefaultElements';
-import useSendbirdStateContext from '../../hooks/useSendbirdStateContext';
+import useSendbird from '../../lib/Sendbird/context/hooks/useSendbird';
export type RenderUserListItemMenuItemsParams = {
items: {
@@ -32,7 +32,7 @@ export const UserListItemMenu = (props: UserListItemMenuProps) => {
const containerRef = useRef(null);
const triggerRef = useRef(null);
- const { config } = useSendbirdStateContext();
+ const { state: { config } } = useSendbird();
const { userId: currentUserId } = config;
const toggleMenu = () => {
diff --git a/src/ui/UserListItemMenu/context.tsx b/src/ui/UserListItemMenu/context.tsx
index bac2fa698..3aac6239d 100644
--- a/src/ui/UserListItemMenu/context.tsx
+++ b/src/ui/UserListItemMenu/context.tsx
@@ -4,7 +4,7 @@ import type { GroupChannel } from '@sendbird/chat/groupChannel';
import { OpenChannel } from '@sendbird/chat/openChannel';
import { useToggleBan, useToggleMute, useToggleOperator } from './hooks';
-import useSendbirdStateContext from '../../hooks/useSendbirdStateContext';
+import useSendbird from '../../lib/Sendbird/context/hooks/useSendbird';
interface UserListItemMenuContextInterface extends
UserListItemMenuContextValues,
@@ -38,7 +38,7 @@ export interface UserListItemMenuProviderProps extends UserListItemMenuContextVa
isBanned?: boolean;
}
export const UserListItemMenuProvider = ({ children, ...values }: UserListItemMenuProviderProps) => {
- const { config } = useSendbirdStateContext();
+ const { state: { config } } = useSendbird();
const { userId: currentUserId } = config;
const { channel, user } = values;
const isCurrentUser = user.userId === currentUserId;
diff --git a/src/ui/UserProfile/index.tsx b/src/ui/UserProfile/index.tsx
index 627d33e28..50106d15e 100644
--- a/src/ui/UserProfile/index.tsx
+++ b/src/ui/UserProfile/index.tsx
@@ -9,7 +9,7 @@ import { getCreateGroupChannel } from '../../lib/selectors';
import Avatar from '../Avatar/index';
import Label, { LabelColors, LabelTypography } from '../Label';
import Button, { ButtonTypes } from '../Button';
-import useSendbirdStateContext from '../../hooks/useSendbirdStateContext';
+import useSendbird from '../../lib/Sendbird/context/hooks/useSendbird';
interface Logger {
info?(message: string, channel: GroupChannel): void;
@@ -30,11 +30,11 @@ function UserProfile({
disableMessaging = false,
onSuccess,
}: Props): ReactElement {
- const store = useSendbirdStateContext();
- const createChannel = getCreateGroupChannel(store);
- const logger = store?.config?.logger;
+ const { state } = useSendbird();
+ const createChannel = getCreateGroupChannel(state);
+ const logger = state?.config?.logger;
const { stringSet } = useContext(LocalizationContext);
- const currentUserId_ = currentUserId || store?.config?.userId;
+ const currentUserId_ = currentUserId || state?.config?.userId;
const { onStartDirectMessage } = useUserProfileContext();
return (
diff --git a/src/utils/__tests__/getIsReactionEnabled.spec.ts b/src/utils/__tests__/getIsReactionEnabled.spec.ts
index f507ee7dc..2081ae55b 100644
--- a/src/utils/__tests__/getIsReactionEnabled.spec.ts
+++ b/src/utils/__tests__/getIsReactionEnabled.spec.ts
@@ -1,6 +1,6 @@
import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { SendBirdStateConfig } from '../../lib/types';
+import type { SendbirdStateConfig } from '../../lib/Sendbird/types';
import { getIsReactionEnabled } from '../getIsReactionEnabled';
const normalGroupChannel = (props?: any) => ({
@@ -16,7 +16,7 @@ const normalConfigs = (props?: any, groupChannelProps?: any) => ({
...groupChannelProps,
},
...props,
-} as SendBirdStateConfig);
+} as SendbirdStateConfig);
describe('Global-utils/getIsReactionEnabled', () => {
it('should prioritize the moduleLevel than global config', () => {
diff --git a/src/utils/__tests__/isReplyTypeMessageEnabled.spec.ts b/src/utils/__tests__/isReplyTypeMessageEnabled.spec.ts
index fe6badaf0..0fa355834 100644
--- a/src/utils/__tests__/isReplyTypeMessageEnabled.spec.ts
+++ b/src/utils/__tests__/isReplyTypeMessageEnabled.spec.ts
@@ -1,4 +1,4 @@
-import { Role } from '../../lib/types';
+import { Role } from '../../lib/Sendbird/types';
import { isFailedMessage, isPendingMessage } from '..';
import { isReplyTypeMessageEnabled } from '../menuConditions';
diff --git a/src/utils/compressImages.ts b/src/utils/compressImages.ts
index 06ea9efb1..c4a755e04 100644
--- a/src/utils/compressImages.ts
+++ b/src/utils/compressImages.ts
@@ -1,6 +1,5 @@
-import type { ImageCompressionOptions, ImageCompressionOutputFormatType } from '../lib/Sendbird';
+import type { ImageCompressionOptions, ImageCompressionOutputFormatType, Logger } from '../lib/Sendbird/types';
import pxToNumber from './pxToNumber';
-import { Logger } from '../lib/SendbirdState';
interface CompressImageParams {
imageFile: File;
diff --git a/src/utils/getIsReactionEnabled.ts b/src/utils/getIsReactionEnabled.ts
index 4272ecbb7..7ba534cf3 100644
--- a/src/utils/getIsReactionEnabled.ts
+++ b/src/utils/getIsReactionEnabled.ts
@@ -4,11 +4,11 @@
*/
import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { SendBirdStateConfig } from '../lib/types';
+import type { SendbirdStateConfig } from '../lib/Sendbird/types';
export interface IsReactionEnabledProps {
channel: GroupChannel | null;
- config: SendBirdStateConfig;
+ config: SendbirdStateConfig;
moduleLevel?: boolean;
}