fix: import cycles issue for polls and translations

Author: khushal87

package/src/components/Poll/CreatePollContent.tsx

@@ -22,13 +22,12 @@ import {
 } from '../../contexts';
 import { useMessageComposer } from '../../contexts/messageInputContext/hooks/useMessageComposer';
 import { useStateStore } from '../../hooks/useStateStore';
+import { POLL_OPTION_HEIGHT } from '../../utils/constants';
 
 const pollComposerStateSelector = (state: PollComposerState) => ({
   options: state.data.options,
 });
 
-export const POLL_OPTION_HEIGHT = 71;
-
 export const CreatePollContent = () => {
   const [isAnonymousPoll, setIsAnonymousPoll] = useState<boolean>(false);
   const [allowUserSuggestedOptions, setAllowUserSuggestedOptions] = useState<boolean>(false);

package/src/components/Poll/components/CreatePollOptions.tsx

@@ -20,7 +20,7 @@ import { useCreatePollContentContext, useTheme, useTranslationContext } from '..
 import { useMessageComposer } from '../../../contexts/messageInputContext/hooks/useMessageComposer';
 import { useStateStore } from '../../../hooks/useStateStore';
 import { DragHandle } from '../../../icons';
-import { POLL_OPTION_HEIGHT } from '../CreatePollContent';
+import { POLL_OPTION_HEIGHT } from '../../../utils/constants';
 
 export type CurrentOptionPositionsCache = {
   inverseIndexCache: {

package/src/contexts/index.ts

@@ -22,7 +22,7 @@ export * from './themeContext/utils/theme';
 export * from './threadContext/ThreadContext';
 export * from './threadsContext/ThreadsContext';
 export * from './threadsContext/ThreadListItemContext';
-export * from './translationContext/TranslationContext';
+export * from './translationContext';
 export * from './typingContext/TypingContext';
 export * from './utils/getDisplayName';
 export * from './pollContext';

package/src/contexts/translationContext/TranslationContext.tsx

@@ -2,30 +2,15 @@ import React, { useContext } from 'react';
 
 import Dayjs from 'dayjs';
 
-import type { TFunction } from 'i18next';
-import type { Moment } from 'moment-timezone';
-
 import type { TranslationLanguages } from 'stream-chat';
 
+import { TranslatorFunctions } from './types';
+
 import { defaultTranslatorFunction } from '../../utils/i18n/Streami18n';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export const DEFAULT_USER_LANGUAGE: TranslationLanguages = 'en';
 
-export const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>
-  (output as Dayjs.Dayjs | Moment).isSame != null;
-
-export type TDateTimeParserInput = string | number | Date;
-
-export type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;
-
-export type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;
-
-export type TranslatorFunctions = {
-  t: TFunction;
-  tDateTimeParser: TDateTimeParser;
-};
-
 export type TranslationContextValue = TranslatorFunctions & {
   userLanguage: TranslationLanguages;
 };

package/src/contexts/translationContext/index.ts

@@ -0,0 +1,3 @@
+export * from './TranslationContext';
+export * from './types';
+export * from './isDayOrMoment';

package/src/contexts/translationContext/isDayOrMoment.ts

@@ -0,0 +1,8 @@
+import Dayjs from 'dayjs';
+
+import type { Moment } from 'moment-timezone';
+
+import { TDateTimeParserOutput } from './types';
+
+export const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>
+  (output as Dayjs.Dayjs | Moment).isSame != null;

package/src/contexts/translationContext/types.ts

@@ -0,0 +1,15 @@
+import Dayjs from 'dayjs';
+
+import type { TFunction } from 'i18next';
+import type { Moment } from 'moment-timezone';
+
+export type TDateTimeParserInput = string | number | Date;
+
+export type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;
+
+export type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;
+
+export type TranslatorFunctions = {
+  t: TFunction;
+  tDateTimeParser: TDateTimeParser;
+};

package/src/hooks/useStreami18n.ts

@@ -4,7 +4,7 @@ import Dayjs from 'dayjs';
 
 import { useIsMountedRef } from './useIsMountedRef';
 
-import type { TranslatorFunctions } from '../contexts/translationContext/TranslationContext';
+import type { TranslatorFunctions } from '../contexts/translationContext/types';
 import { defaultTranslatorFunction, Streami18n } from '../utils/i18n/Streami18n';
 
 export const useStreami18n = (i18nInstance?: Streami18n) => {

package/src/utils/constants.ts

@@ -4,3 +4,4 @@ export const defaultMentionAllAppUsersQuery = {
   options: {},
   sort: {},
 };
+export const POLL_OPTION_HEIGHT = 71;

package/src/utils/i18n/Streami18n.ts

@@ -10,13 +10,10 @@ import i18n, { FallbackLng, TFunction } from 'i18next';
 import type momentTimezone from 'moment-timezone';
 
 import { calendarFormats } from './calendarFormats';
-import {
-  CustomFormatters,
-  PredefinedFormatters,
-  predefinedFormatters,
-} from './predefinedFormatters';
+import { predefinedFormatters } from './predefinedFormatters';
+import { CustomFormatters, PredefinedFormatters } from './types';
 
-import type { TDateTimeParser } from '../../contexts/translationContext/TranslationContext';
+import type { TDateTimeParser } from '../../contexts/translationContext/types';
 import enTranslations from '../../i18n/en.json';
 import esTranslations from '../../i18n/es.json';
 import frTranslations from '../../i18n/fr.json';