chore: Eslint rule to enforce no file endings on imports (#4874)

Remember to update your IDE to not auto-include file endings on
imports, this should be an option in most IDEs.

.eslintrc.js

@@ -49,6 +49,7 @@ module.exports = {
     'unused-imports',
     '@tanstack/query',
     'jsx-no-leaked-values',
+    'import',
   ],
   rules: {
     // Warning on console.log
@@ -69,6 +70,12 @@ module.exports = {
       {restrictDefaultExports: {direct: true}},
     ],
 
+    'import/extensions': [
+      'error',
+      'never',
+      {android: 'always', ios: 'always', json: 'always'},
+    ],
+
     // Error on imports not done through index files (as of now only applied for @atb/components)
     'no-restricted-imports': ['error', {patterns: noRestrictedImportsPatterns}],
 

package.json

@@ -171,6 +171,7 @@
     "eslint": "8.47.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jsx-no-leaked-values": "0.1.24",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",

src/api/client.ts

@@ -16,10 +16,7 @@ import {
 import axiosRetry, {isIdempotentRequestError} from 'axios-retry';
 import axiosBetterStacktrace from 'axios-better-stacktrace';
 import {Platform} from 'react-native';
-import {
-  getCurrentUserIdGlobal,
-  getIdTokenGlobal,
-} from '@atb/auth/AuthContext.tsx';
+import {getCurrentUserIdGlobal, getIdTokenGlobal} from '@atb/auth/AuthContext';
 
 type InternalUpstreamServerError = {
   errorCode: 602;

src/auth/AuthContext.tsx

@@ -30,7 +30,7 @@ import {mapAuthenticationType} from './utils';
 import {useClearQueriesOnUserChange} from './use-clear-queries-on-user-change';
 import {useUpdateIntercomOnUserChange} from '@atb/auth/use-update-intercom-on-user-change';
 import {useLocaleContext} from '@atb/LocaleProvider';
-import {useRefreshIdTokenWhenNecessary} from '@atb/auth/use-refresh-id-token-when-necessary.ts';
+import {useRefreshIdTokenWhenNecessary} from '@atb/auth/use-refresh-id-token-when-necessary';
 import {useFeatureToggles} from '@atb/feature-toggles';
 
 export type AuthReducerState = {

src/auth/use-refresh-id-token-when-necessary.ts

@@ -1,11 +1,11 @@
 import {Dispatch} from 'react';
 import {AuthReducerAction} from './types';
 import {AuthReducerState} from '@atb/auth/AuthContext';
-import {secondsToTokenExpiry} from '@atb/auth/utils.ts';
-import {useAppStateStatus} from '@atb/utils/use-app-state-status.ts';
-import {useInterval} from '@atb/utils/use-interval.ts';
-import {errorToMetadata, logToBugsnag} from '@atb/utils/bugsnag-utils.ts';
-import {ONE_SECOND_MS} from '@atb/utils/durations.ts';
+import {secondsToTokenExpiry} from '@atb/auth/utils';
+import {useAppStateStatus} from '@atb/utils/use-app-state-status';
+import {useInterval} from '@atb/utils/use-interval';
+import {errorToMetadata, logToBugsnag} from '@atb/utils/bugsnag-utils';
+import {ONE_SECOND_MS} from '@atb/utils/durations';
 
 export const useRefreshIdTokenWhenNecessary = (
   state: AuthReducerState,

src/auth/utils.ts

@@ -1,6 +1,6 @@
 import {FirebaseAuthTypes} from '@react-native-firebase/auth';
 import {AuthenticationType} from './types';
-import {secondsBetween} from '@atb/utils/date.ts';
+import {secondsBetween} from '@atb/utils/date';
 
 export const mapAuthenticationType = (
   user: FirebaseAuthTypes.User | undefined,

src/components/map/components/DeparturesDialogSheet.tsx

@@ -14,7 +14,7 @@ import {Feature, Point} from 'geojson';
 import {Location, SearchLocation} from '@atb/favorites';
 import {NavigateToTripSearchCallback} from '../types';
 import {useAppStateStatus} from '@atb/utils/use-app-state-status';
-import {isDefined} from '@atb/utils/presence.ts';
+import {isDefined} from '@atb/utils/presence';
 
 type DeparturesDialogSheetProps = {
   onClose: () => void;

src/components/theme-icon/ThemeIcon.tsx

@@ -15,7 +15,7 @@ import {
   NotificationIndicatorProps,
 } from './NotificationIndicator';
 import React from 'react';
-import {notifyBugsnag} from '@atb/utils/bugsnag-utils.ts';
+import {notifyBugsnag} from '@atb/utils/bugsnag-utils';
 
 export type ThemeIconProps = {
   svg(props: SvgProps): JSX.Element;

src/fare-contracts/FareContractInfo.tsx

@@ -36,8 +36,8 @@ import {InspectionSymbol} from '../fare-contracts/components/InspectionSymbol';
 import {UserProfileWithCount} from './types';
 import {MessageInfoText} from '@atb/components/message-info-text';
 import {useGetPhoneByAccountIdQuery} from '@atb/on-behalf-of/queries/use-get-phone-by-account-id-query';
-import {useFetchOnBehalfOfAccountsQuery} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query.ts';
-import {formatPhoneNumber} from '@atb/utils/phone-number-utils.ts';
+import {useFetchOnBehalfOfAccountsQuery} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query';
+import {formatPhoneNumber} from '@atb/utils/phone-number-utils';
 
 export type FareContractInfoProps = {
   status: ValidityStatus;

src/fare-contracts/details/DetailsContent.tsx

@@ -44,8 +44,8 @@ import {ValidityHeader} from '../ValidityHeader';
 import {ConsumeCarnetSectionItem} from '../components/ConsumeCarnetSectionItem';
 import {ActivateNowSectionItem} from '../components/ActivateNowSectionItem';
 import {useFeatureToggles} from '@atb/feature-toggles';
-import {formatPhoneNumber} from '@atb/utils/phone-number-utils.ts';
-import {UsedAccessesSectionItem} from '@atb/fare-contracts/details/UsedAccessesSectionItem.tsx';
+import {formatPhoneNumber} from '@atb/utils/phone-number-utils';
+import {UsedAccessesSectionItem} from '@atb/fare-contracts/details/UsedAccessesSectionItem';
 import {FareContractFromTo} from '@atb/fare-contracts/components/FareContractFromTo';
 
 type Props = {

src/fare-contracts/details/UsedAccessesSectionItem.tsx

@@ -2,7 +2,7 @@ import {CarnetTravelRightUsedAccess} from '@atb/ticketing';
 import {FareContractTexts, useTranslation} from '@atb/translations';
 import {View} from 'react-native';
 import {ThemeText} from '@atb/components/text';
-import {fullDateTime} from '@atb/utils/date.ts';
+import {fullDateTime} from '@atb/utils/date';
 import React from 'react';
 import {useSectionItem} from '@atb/components/sections';
 

src/mobile-token/MobileTokenContext.tsx

@@ -39,7 +39,7 @@ import {
 } from './hooks/use-load-native-token-query';
 import {wipeToken} from '@atb/mobile-token/helpers';
 import {logToBugsnag, notifyBugsnag} from '@atb/utils/bugsnag-utils';
-import {ONE_HOUR_MS} from '@atb/utils/durations.ts';
+import {ONE_HOUR_MS} from '@atb/utils/durations';
 
 const SIX_HOURS_MS = ONE_HOUR_MS * 6;
 

src/mobile-token/hooks/use-list-remote-tokens-query.tsx

@@ -11,7 +11,7 @@ import {Token} from '@atb/mobile-token/types';
 
 import {v4 as uuid} from 'uuid';
 import {useAuthState} from '@atb/auth';
-import {logToBugsnag} from '@atb/utils/bugsnag-utils.ts';
+import {logToBugsnag} from '@atb/utils/bugsnag-utils';
 
 export const LIST_REMOTE_TOKENS_QUERY_KEY = 'listRemoteTokens';
 

src/mobile-token/mobileTokenClient.ts

@@ -7,7 +7,7 @@ import {
 } from '@entur-private/abt-mobile-client-sdk';
 import {localLogger, remoteLogger} from './abtClientLogger';
 import {tokenService} from './tokenService';
-import {HALF_DAY_MS} from '@atb/utils/durations.ts';
+import {HALF_DAY_MS} from '@atb/utils/durations';
 
 const CONTEXT_ID = 'main';
 

src/mobile-token/use-token-toggle-details.ts

@@ -2,7 +2,7 @@ import {useMobileTokenContextState} from '@atb/mobile-token';
 import {useIsFocused} from '@react-navigation/native';
 import {useQuery} from '@tanstack/react-query';
 import {MOBILE_TOKEN_QUERY_KEY} from '@atb/mobile-token/utils';
-import {ONE_MINUTE_MS} from '@atb/utils/durations.ts';
+import {ONE_MINUTE_MS} from '@atb/utils/durations';
 
 export const GET_TOKEN_TOGGLE_DETAILS_QUERY_KEY = 'getTokenToggleDetails';
 

src/mobility/components/OperatorActionButton.tsx

@@ -1,6 +1,6 @@
 import {useAnalytics} from '@atb/analytics';
 import {getTextForLanguage, useTranslation} from '@atb/translations';
-import {showAppMissingAlert} from '@atb/mobility/show-app-missing-alert.tsx';
+import {showAppMissingAlert} from '@atb/mobility/show-app-missing-alert';
 import React, {useCallback} from 'react';
 import {Button} from '@atb/components/button';
 import {MobilityTexts} from '@atb/translations/screens/subscreens/MobilityTexts';

src/mobility/queries/use-active-shmo-booking-query.tsx

@@ -1,6 +1,6 @@
 import {useQuery} from '@tanstack/react-query';
 import {getActiveShmoBooking} from '@atb/api/mobility';
-import {ONE_MINUTE_MS} from '@atb/utils/durations.ts';
+import {ONE_MINUTE_MS} from '@atb/utils/durations';
 import {useAcceptLanguage} from '@atb/api/use-accept-language';
 import {useFeatureToggles} from '@atb/feature-toggles';
 

src/mobility/queries/use-bike-station-query.tsx

@@ -1,6 +1,6 @@
 import {useQuery} from '@tanstack/react-query';
 import {getBikeStation} from '@atb/api/mobility';
-import {ONE_MINUTE_MS} from '@atb/utils/durations.ts';
+import {ONE_MINUTE_MS} from '@atb/utils/durations';
 
 export const useBikeStationQuery = (id: string) =>
   useQuery({

src/mobility/queries/use-car-station-query.tsx

@@ -1,6 +1,6 @@
 import {useQuery} from '@tanstack/react-query';
 import {getCarStation} from '@atb/api/mobility';
-import {ONE_MINUTE_MS} from '@atb/utils/durations.ts';
+import {ONE_MINUTE_MS} from '@atb/utils/durations';
 
 export const useCarStationQuery = (id: string) =>
   useQuery({

src/mobility/queries/use-fare-product-benefits-query.tsx

@@ -2,7 +2,7 @@ import {useQuery} from '@tanstack/react-query';
 import {PreassignedFareProduct} from '@atb/configuration/types';
 import {getFareProductBenefits} from '@atb/mobility/api/api';
 import {useAuthState} from '@atb/auth';
-import {ONE_HOUR_MS} from '@atb/utils/durations.ts';
+import {ONE_HOUR_MS} from '@atb/utils/durations';
 
 export const useFareProductBenefitsQuery = (
   productId: PreassignedFareProduct['id'] | undefined,

src/mobility/queries/use-geofencing-zones.tsx

@@ -1,6 +1,6 @@
 import {useQuery} from '@tanstack/react-query';
 import {getGeofencingZones} from '@atb/api/mobility';
-import {HALF_DAY_MS} from '@atb/utils/durations.ts';
+import {HALF_DAY_MS} from '@atb/utils/durations';
 
 export const useGeofencingZonesQuery = (systemId: string) => {
   return useQuery({

src/mobility/queries/use-shmo-booking-query.tsx

@@ -1,6 +1,6 @@
 import {useQuery} from '@tanstack/react-query';
 import {getShmoBooking} from '@atb/api/mobility';
-import {ONE_HOUR_MS} from '@atb/utils/durations.ts';
+import {ONE_HOUR_MS} from '@atb/utils/durations';
 import {ShmoBooking} from '@atb/api/types/mobility';
 import {useAcceptLanguage} from '@atb/api/use-accept-language';
 

src/mobility/queries/use-user-benefits-query.tsx

@@ -6,7 +6,7 @@ import {useAuthState} from '@atb/auth';
 // reloaded while the user is navigating in the map and clicking different vehicles or stations.
 // However, the cache time cannot be too long, since we want benefits to be reloaded if the user buys a
 // ticket that is eligible for benefits.
-import {ONE_MINUTE_MS} from '@atb/utils/durations.ts';
+import {ONE_MINUTE_MS} from '@atb/utils/durations';
 
 export const useUserBenefitsQuery = (enabled: boolean) => {
   const {userId, authStatus} = useAuthState();

src/mobility/queries/use-vehicle-query.tsx

@@ -1,6 +1,6 @@
 import {useQuery} from '@tanstack/react-query';
 import {getVehicle} from '@atb/api/mobility';
-import {ONE_MINUTE_MS} from '@atb/utils/durations.ts';
+import {ONE_MINUTE_MS} from '@atb/utils/durations';
 
 export const useVehicleQuery = (id: string) =>
   useQuery({

src/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query.ts

@@ -1,8 +1,8 @@
 import {useAuthState} from '@atb/auth';
 import {useQuery} from '@tanstack/react-query';
-import {fetchOnBehalfOfAccounts} from '@atb/api/profile.ts';
-import {HALF_DAY_MS} from '@atb/utils/durations.ts';
-import {OnBehalfOfAccountType} from '@atb/on-behalf-of/types.ts';
+import {fetchOnBehalfOfAccounts} from '@atb/api/profile';
+import {HALF_DAY_MS} from '@atb/utils/durations';
+import {OnBehalfOfAccountType} from '@atb/on-behalf-of/types';
 
 export const FETCH_ON_BEHALF_OF_ACCOUNTS_QUERY_KEY =
   'FETCH_ON_BEHALF_OF_ACCOUNTS';

src/on-behalf-of/queries/use-get-phone-by-account-id-query.tsx

@@ -1,6 +1,6 @@
 import {getPhoneNumberFromId} from '@atb/api/profile';
 import {useQuery} from '@tanstack/react-query';
-import {ONE_HOUR_MS} from '@atb/utils/durations.ts';
+import {ONE_HOUR_MS} from '@atb/utils/durations';
 
 export const useGetPhoneByAccountIdQuery = (accountId?: string) =>
   useQuery({

src/place-screen/hooks/use-stops-details-data-query.ts

@@ -1,6 +1,6 @@
 import {getStopsDetails} from '@atb/api/departures/stops-nearest';
 import {useQuery} from '@tanstack/react-query';
-import {ONE_HOUR_MS} from '@atb/utils/durations.ts';
+import {ONE_HOUR_MS} from '@atb/utils/durations';
 
 export const useStopsDetailsDataQuery = (ids: string[]) =>
   useQuery({

src/place-screen/types.ts

@@ -1,4 +1,4 @@
-import {Quay, StopPlace} from '@atb/api/types/departures.ts';
+import {Quay, StopPlace} from '@atb/api/types/departures';
 
 export const DateOptions = ['now', 'departure'] as const;
 export type DateOptionType = (typeof DateOptions)[number];

src/queries/use-harbors-query.ts

@@ -7,7 +7,7 @@ import {
   TransportMode,
   TransportSubmode,
 } from '@atb/api/types/generated/journey_planner_v3_types';
-import {ONE_HOUR_MS} from '@atb/utils/durations.ts';
+import {ONE_HOUR_MS} from '@atb/utils/durations';
 import {ProductTypeTransportModes} from '@atb-as/config-specs';
 import {onlyUniques} from '@atb/utils/only-uniques';
 

src/recent-fare-contracts/use-recent-fare-contracts.ts

@@ -15,9 +15,9 @@ import {
 } from '@atb/ticketing';
 import {useEffect, useMemo, useReducer} from 'react';
 import {UserProfileWithCount} from '@atb/fare-contracts';
-import {RecentFareContractType} from '@atb/recent-fare-contracts/types.ts';
-import {onlyUniquesBasedOnField} from '@atb/utils/only-uniques.ts';
-import {enumFromString} from '@atb/utils/enum-from-string.ts';
+import {RecentFareContractType} from '@atb/recent-fare-contracts/types';
+import {onlyUniquesBasedOnField} from '@atb/utils/only-uniques';
+import {enumFromString} from '@atb/utils/enum-from-string';
 
 type State = {
   error: boolean;

src/stacks-hierarchy/RootStack.tsx

@@ -65,7 +65,7 @@ import {useOnboardingFlow} from '@atb/onboarding';
 import {useRegisterIntercomUser} from '@atb/chat/use-register-intercom-user';
 import {useRemoteConfig} from '@atb/RemoteConfigContext';
 import {ForceUpdateScreen} from '@atb/force-update-screen';
-import {compareVersion} from '@atb/utils/compare-version.ts';
+import {compareVersion} from '@atb/utils/compare-version';
 
 type ResultState = PartialState<NavigationState> & {
   state?: ResultState;

src/stacks-hierarchy/Root_ChooseTicketRecipientScreen/Root_ChooseTicketRecipientScreen.tsx

@@ -5,18 +5,18 @@ import {OnBehalfOfTexts, useTranslation} from '@atb/translations';
 import {useCallback, useRef} from 'react';
 import {KeyboardAvoidingView, RefreshControl, View} from 'react-native';
 import {ScrollView} from 'react-native-gesture-handler';
-import {animateNextChange} from '@atb/utils/animation.ts';
-import {useRecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/use-recipient-selection-state.ts';
-import {SubmitButton} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SubmitButton.tsx';
-import {SaveRecipientToggle} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SaveRecipientToggle.tsx';
-import {ExistingRecipientsList} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/ExistingRecipientsList.tsx';
-import {PhoneAndNameInputSection} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/PhoneAndNameInputSection.tsx';
-import {TitleAndDescription} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/TitleAndDescription.tsx';
+import {animateNextChange} from '@atb/utils/animation';
+import {useRecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/use-recipient-selection-state';
+import {SubmitButton} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SubmitButton';
+import {SaveRecipientToggle} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SaveRecipientToggle';
+import {ExistingRecipientsList} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/ExistingRecipientsList';
+import {PhoneAndNameInputSection} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/PhoneAndNameInputSection';
+import {TitleAndDescription} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/TitleAndDescription';
 import {useQueryClient} from '@tanstack/react-query';
 import {Theme} from '@atb/theme/colors';
-import {SendToOtherButton} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SendToOtherButton.tsx';
-import {FETCH_ON_BEHALF_OF_ACCOUNTS_QUERY_KEY} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query.ts';
-import {giveFocus} from '@atb/utils/use-focus-on-load.ts';
+import {SendToOtherButton} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SendToOtherButton';
+import {FETCH_ON_BEHALF_OF_ACCOUNTS_QUERY_KEY} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query';
+import {giveFocus} from '@atb/utils/use-focus-on-load';
 
 type Props = RootStackScreenProps<'Root_ChooseTicketRecipientScreen'>;
 const getThemeColor = (theme: Theme) => theme.color.background.accent[0];

src/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/ExistingRecipientsList.tsx

@@ -1,19 +1,19 @@
-import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types.ts';
+import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types';
 import {dictionary, useTranslation} from '@atb/translations';
 import {useEffect, useLayoutEffect} from 'react';
 import {ActivityIndicator, Alert} from 'react-native';
 import {MessageInfoBox} from '@atb/components/message-info-box';
 import {RadioGroupSection} from '@atb/components/sections';
 import {StyleSheet, useTheme} from '@atb/theme';
-import {ContrastColor} from '@atb/theme/colors.ts';
-import OnBehalfOfTexts from '@atb/translations/screens/subscreens/OnBehalfOf.ts';
+import {ContrastColor} from '@atb/theme/colors';
+import OnBehalfOfTexts from '@atb/translations/screens/subscreens/OnBehalfOf';
 import {Delete} from '@atb/assets/svg/mono-icons/actions';
-import {useDeleteRecipientMutation} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/use-delete-recipient-mutation.ts';
-import {animateNextChange} from '@atb/utils/animation.ts';
+import {useDeleteRecipientMutation} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/use-delete-recipient-mutation';
+import {animateNextChange} from '@atb/utils/animation';
 import {screenReaderPause} from '@atb/components/text';
-import {useFetchOnBehalfOfAccountsQuery} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query.ts';
-import {OnBehalfOfAccountType} from '@atb/on-behalf-of/types.ts';
-import {formatPhoneNumber} from '@atb/utils/phone-number-utils.ts';
+import {useFetchOnBehalfOfAccountsQuery} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query';
+import {OnBehalfOfAccountType} from '@atb/on-behalf-of/types';
+import {formatPhoneNumber} from '@atb/utils/phone-number-utils';
 import {spellOut} from '@atb/utils/accessibility';
 
 export const ExistingRecipientsList = ({

src/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/PhoneAndNameInputSection.tsx

@@ -1,4 +1,4 @@
-import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types.ts';
+import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types';
 import {
   OnBehalfOfTexts,
   PhoneInputTexts,
@@ -10,7 +10,7 @@ import {
   TextInputSectionItem,
 } from '@atb/components/sections';
 import {ThemeText} from '@atb/components/text';
-import {ContrastColor} from '@atb/theme/colors.ts';
+import {ContrastColor} from '@atb/theme/colors';
 import {StyleSheet} from '@atb/theme';
 
 export const PhoneAndNameInputSection = ({

src/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SaveRecipientToggle.tsx

@@ -1,12 +1,12 @@
-import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types.ts';
+import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types';
 import {dictionary, OnBehalfOfTexts, useTranslation} from '@atb/translations';
 import {Checkbox} from '@atb/components/checkbox';
 import {screenReaderPause, ThemeText} from '@atb/components/text';
 import {StyleSheet} from '@atb/theme';
-import {ContrastColor} from '@atb/theme/colors.ts';
+import {ContrastColor} from '@atb/theme/colors';
 import {MessageInfoBox} from '@atb/components/message-info-box';
 import {PressableOpacity} from '@atb/components/pressable-opacity';
-import {useFetchOnBehalfOfAccountsQuery} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query.ts';
+import {useFetchOnBehalfOfAccountsQuery} from '@atb/on-behalf-of/queries/use-fetch-on-behalf-of-accounts-query';
 
 const MAX_RECIPIENTS = 10;
 

src/stacks-hierarchy/Root_ChooseTicketRecipientScreen/components/SendToOtherButton.tsx

@@ -1,8 +1,8 @@
-import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types.ts';
+import {RecipientSelectionState} from '@atb/stacks-hierarchy/Root_ChooseTicketRecipientScreen/types';
 import {Button} from '@atb/components/button';
 import {Add} from '@atb/assets/svg/mono-icons/actions';
 import {useTranslation} from '@atb/translations';
-import OnBehalfOfTexts from '@atb/translations/screens/subscreens/OnBehalfOf.ts';
+import OnBehalfOfTexts from '@atb/translations/screens/subscreens/OnBehalfOf';
 import {ContrastColor} from '@atb/theme/colors';
 
 export const SendToOtherButton = ({