fix: resolve eslint errors

Author: mohammadjafarinejad

src/components/AnonymousReportFooter.tsx

@@ -4,7 +4,7 @@ import type {OnyxEntry} from 'react-native-onyx';
 import useLocalize from '@hooks/useLocalize';
 import usePolicy from '@hooks/usePolicy';
 import useThemeStyles from '@hooks/useThemeStyles';
-import * as Session from '@userActions/Session';
+import {signOutAndRedirectToSignIn} from '@userActions/Session';
 import type {Report} from '@src/types/onyx';
 import AvatarWithDisplayName from './AvatarWithDisplayName';
 import Button from './Button';
@@ -46,7 +46,7 @@ function AnonymousReportFooter({isSmallSizeLayout = false, report}: AnonymousRep
                     <Button
                         success
                         text={translate('common.signIn')}
-                        onPress={() => Session.signOutAndRedirectToSignIn()}
+                        onPress={() => signOutAndRedirectToSignIn()}
                     />
                 </View>
             </View>

src/components/CardPreview.tsx

@@ -11,8 +11,8 @@ import Text from './Text';
 function CardPreview() {
     const styles = useThemeStyles();
 
-    const [privatePersonalDetails] = useOnyx(ONYXKEYS.PRIVATE_PERSONAL_DETAILS);
-    const [session] = useOnyx(ONYXKEYS.SESSION);
+    const [privatePersonalDetails] = useOnyx(ONYXKEYS.PRIVATE_PERSONAL_DETAILS, {canBeMissing: true});
+    const [session] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: true});
 
     const {legalFirstName, legalLastName} = privatePersonalDetails ?? {};
     const cardHolder = legalFirstName && legalLastName ? `${legalFirstName} ${legalLastName}` : (session?.email ?? '');

src/components/ConfirmedRoute.tsx

@@ -6,8 +6,8 @@ import useOnyx from '@hooks/useOnyx';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
-import * as TransactionUtils from '@libs/TransactionUtils';
-import * as MapboxToken from '@userActions/MapboxToken';
+import {getWaypointIndex} from '@libs/TransactionUtils';
+import {init as initMapboxToken, stop as stopMapboxToken} from '@userActions/MapboxToken';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {Transaction} from '@src/types/onyx';
@@ -46,7 +46,7 @@ function ConfirmedRoute({transaction, isSmallerIcon, shouldHaveBorderRadius = tr
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
 
-    const [mapboxAccessToken] = useOnyx(ONYXKEYS.MAPBOX_ACCESS_TOKEN);
+    const [mapboxAccessToken] = useOnyx(ONYXKEYS.MAPBOX_ACCESS_TOKEN, {canBeMissing: true});
 
     const getMarkerComponent = useCallback(
         (icon: IconAsset): ReactNode => (
@@ -71,7 +71,7 @@ function ConfirmedRoute({transaction, isSmallerIcon, shouldHaveBorderRadius = tr
                         return;
                     }
 
-                    const index = TransactionUtils.getWaypointIndex(key);
+                    const index = getWaypointIndex(key);
                     let MarkerComponent: IconAsset;
                     if (index === 0) {
                         MarkerComponent = Expensicons.DotIndicatorUnfilled;
@@ -95,8 +95,8 @@ function ConfirmedRoute({transaction, isSmallerIcon, shouldHaveBorderRadius = tr
     const waypointMarkers = getWaypointMarkers(waypoints);
 
     useEffect(() => {
-        MapboxToken.init();
-        return MapboxToken.stop;
+        initMapboxToken();
+        return stopMapboxToken;
     }, []);
 
     const shouldDisplayMap = !requireRouteToDisplayMap || !!coordinates.length;

src/components/PDFView/index.tsx

@@ -14,7 +14,7 @@ import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
 import variables from '@styles/variables';
-import * as CanvasSize from '@userActions/CanvasSize';
+import {retrieveMaxCanvasArea, retrieveMaxCanvasHeight, retrieveMaxCanvasWidth} from '@userActions/CanvasSize';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import PDFPasswordForm from './PDFPasswordForm';
@@ -32,9 +32,9 @@ function PDFView({onToggleKeyboard, fileName, onPress, isFocused, sourceURL, sty
     const prevWindowHeight = usePrevious(windowHeight);
     const {translate} = useLocalize();
 
-    const [maxCanvasArea] = useOnyx(ONYXKEYS.MAX_CANVAS_AREA);
-    const [maxCanvasHeight] = useOnyx(ONYXKEYS.MAX_CANVAS_HEIGHT);
-    const [maxCanvasWidth] = useOnyx(ONYXKEYS.MAX_CANVAS_WIDTH);
+    const [maxCanvasArea] = useOnyx(ONYXKEYS.MAX_CANVAS_AREA, {canBeMissing: true});
+    const [maxCanvasHeight] = useOnyx(ONYXKEYS.MAX_CANVAS_HEIGHT, {canBeMissing: true});
+    const [maxCanvasWidth] = useOnyx(ONYXKEYS.MAX_CANVAS_WIDTH, {canBeMissing: true});
 
     /**
      * On small screens notify parent that the keyboard has opened or closed.
@@ -57,15 +57,15 @@ function PDFView({onToggleKeyboard, fileName, onPress, isFocused, sourceURL, sty
      */
     const retrieveCanvasLimits = () => {
         if (!maxCanvasArea) {
-            CanvasSize.retrieveMaxCanvasArea();
+            retrieveMaxCanvasArea();
         }
 
         if (!maxCanvasHeight) {
-            CanvasSize.retrieveMaxCanvasHeight();
+            retrieveMaxCanvasHeight();
         }
 
         if (!maxCanvasWidth) {
-            CanvasSize.retrieveMaxCanvasWidth();
+            retrieveMaxCanvasWidth();
         }
     };