fix: pr comments addressed

src/components/AppFooter/Livechat.tsx

@@ -1,7 +1,5 @@
-import { useGrowthbookGetFeatureValue, useLiveChat } from '@/hooks/custom-hooks';
-import useFreshChat from '@/hooks/custom-hooks/useFreshchat';
-import useIntercom from '@/hooks/custom-hooks/useIntercom';
-import Chat from '@/utils/chat';
+import { useFreshchat, useGrowthbookGetFeatureValue, useIntercom, useLiveChat } from '@/hooks/custom-hooks';
+import { Chat } from '@/utils';
 import { LegacyLiveChatOutlineIcon } from '@deriv/quill-icons';
 import { useTranslations } from '@deriv-com/translations';
 import { Tooltip } from '@deriv-com/ui';
@@ -17,7 +15,7 @@ const Livechat = () => {
     });
 
     const token = localStorage.getItem('authToken') || null;
-    const freshChat = useFreshChat(token, isFreshChatEnabled);
+    const freshChat = useFreshchat(token, isFreshChatEnabled);
     const icChat = useIntercom(token, isIntercomEnabled);
 
     setInterval(() => {

src/components/AppHeader/AppHeader.tsx

@@ -1,8 +1,7 @@
 import { useEffect } from 'react';
 import { getOauthUrl } from '@/constants';
 import { api, useGrowthbookGetFeatureValue, useOAuth } from '@/hooks';
-import { getCurrentRoute } from '@/utils';
-import Chat from '@/utils/chat';
+import { Chat, getCurrentRoute } from '@/utils';
 import { StandaloneCircleUserRegularIcon } from '@deriv/quill-icons';
 import { useAuthData } from '@deriv-com/api-hooks';
 import { useTranslations } from '@deriv-com/translations';

src/components/AppHeader/MobileMenu/MobileMenuConfig.tsx

@@ -3,7 +3,7 @@ import { ACCOUNT_LIMITS, HELP_CENTRE, RESPONSIBLE } from '@/constants';
 import { useGrowthbookGetFeatureValue, useOAuth } from '@/hooks/custom-hooks';
 import useFreshChat from '@/hooks/custom-hooks/useFreshchat';
 import useIntercom from '@/hooks/custom-hooks/useIntercom';
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import {
     BrandDerivLogoCoralIcon,
     IconTypes,

src/components/BlockedScenarios/BlockedScenarios.tsx

@@ -1,4 +1,4 @@
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import {
     DerivLightIcCashierBlockedIcon,
     DerivLightIcCashierUnderMaintenanceIcon,

src/components/Modals/AdErrorTooltipModal/AdErrorTooltipModal.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ADVERT_TYPE, ERROR_CODES } from '@/constants';
 import { AdRateError } from '@/pages/my-ads/components';
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import { Localize } from '@deriv-com/translations';
 import { Button, Modal, Text, useDevice } from '@deriv-com/ui';
 import './AdErrorTooltipModal.scss';

src/components/Modals/AdVisibilityErrorModal/AdVisibilityErrorModal.tsx

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
 import { TCurrency } from 'types';
 import { ERROR_CODES } from '@/constants';
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import { Localize, useTranslations } from '@deriv-com/translations';
 import { Button, Modal, Text, useDevice } from '@deriv-com/ui';
 import './AdVisibilityErrorModal.scss';

src/components/Modals/AdVisibilityErrorModal/__tests__/AdVisibilityErrorModal.spec.tsx

@@ -1,5 +1,5 @@
 import { TCurrency } from 'types';
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import AdVisibilityErrorModal from '../AdVisibilityErrorModal';

src/components/Modals/OrderDetailsComplainModal/OrderDetailsComplainModal.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { THooks } from 'types';
 import { FullPageMobileWrapper } from '@/components/FullPageMobileWrapper';
 import { api } from '@/hooks';
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import { Localize } from '@deriv-com/translations';
 import { Button, Modal, Text, useDevice } from '@deriv-com/ui';
 import { OrderDetailsComplainModalRadioGroup } from './OrderDetailsComplainModalRadioGroup';

src/hooks/custom-hooks/index.ts

@@ -6,10 +6,12 @@ export { default as useDotButton } from './useDotButton';
 export { default as useExtendedOrderDetails } from './useExtendedOrderDetails';
 export { default as useFetchMore } from './useFetchMore';
 export { default as useFloatingRate } from './useFloatingRate';
+export { default as useFreshchat } from './useFreshchat';
 export { default as useFullScreen } from './useFullScreen';
 export { default as useGetBusinessHours } from './useGetBusinessHours.tsx';
 export { default as useGrowthbookGetFeatureValue } from './useGrowthbookGetFeatureValue';
 export { default as useHandleRouteChange } from './useHandleRouteChange';
+export { default as useIntercom } from './useIntercom';
 export { default as useIsAdvertiser } from './useIsAdvertiser';
 export { default as useIsAdvertiserBarred } from './useIsAdvertiserBarred';
 export { default as useIsP2PBlocked } from './useIsP2PBlocked';

src/hooks/custom-hooks/useFreshchat.ts

@@ -38,4 +38,5 @@ const useFreshChat = (token: string | null, flag: boolean) => {
 
     return { isReady };
 };
+
 export default useFreshChat;

src/pages/guide/screens/Awareness/Awareness.tsx

@@ -1,4 +1,4 @@
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import { DerivDarkScamAdvancePaymentIcon, DerivDarkScamPotIcon, DerivDarkScamSmsIcon } from '@deriv/quill-icons';
 import { Localize } from '@deriv-com/translations';
 import { Text, useDevice } from '@deriv-com/ui';

src/pages/guide/screens/FAQs/FAQs.tsx

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils';
 import { Localize, useTranslations } from '@deriv-com/translations';
 import { Accordion, Text, useDevice } from '@deriv-com/ui';
 import { URLConstants } from '@deriv-com/utils';

src/pages/guide/screens/GettingStarted/GettingStarted.tsx

@@ -1,4 +1,4 @@
-import Chat from '@/utils/chat';
+import { Chat } from '@/utils/chat';
 import {
     DerivDarkFindAdIcon,
     DerivDarkPayUserIcon,

src/utils/__tests__/chat.spec.ts

@@ -1,4 +1,4 @@
-import Chat from '../chat';
+import { Chat } from '../chat';
 import getFeatureFlag from '../get-featureflag';
 
 jest.mock('../get-featureflag');

src/utils/chat.ts

@@ -3,7 +3,7 @@
 
 import getFeatureFlag from './get-featureflag';
 
-const Chat = {
+export const Chat = {
     clear: async () => {
         const { isFreshChat, isIntercom } = await Chat.getFlags();
         if (isFreshChat) {
@@ -36,5 +36,3 @@ const Chat = {
         }
     },
 };
-
-export default Chat;

src/utils/index.ts

@@ -2,6 +2,7 @@ export * from './account';
 export * from './ad-utils';
 export * from './adverts';
 export * from './business-hours';
+export * from './chat';
 export * from './date';
 export * from './error-messages';
 export * from './file-dropzone';