@os1-platform/dispatch-mobile 3.2.0 → 3.2.1

package/src/components/executiontasks/collectPayment/components/ProcessPayment.tsx

@@ -105,7 +105,7 @@ const ProcessPayment = (props: CollectPaymentInput & ProcessPaymentInput) => {
   const [isRetryEnabled, setIsRetryEnabled] = useState(false);
   const [backDisable, setBackDisable] = useState(true);
 
-  const timerRef: any = useRef();
+  const timerRef: any = useRef(null);
   const paymentRefId =
     props.route.params[RouteParams.ROOT_META_DATA].paymentConfig?.paymentRefId;
   // For back button timer
@@ -1139,8 +1139,8 @@ const PaymentLink = (
     message: '',
   });
   const [isTimerActive, setIsTimerActive] = useState(true);
-  const timerRef: any = useRef();
-  const statusTimerRef: any = useRef();
+  const timerRef: any = useRef(null);
+  const statusTimerRef: any = useRef(null);
 
   const paymentRefId =
     props.route.params[RouteParams.ROOT_META_DATA].paymentConfig?.paymentRefId;

package/src/components/executiontasks/doodle/SignatureET.tsx

@@ -41,7 +41,7 @@ import callbackHandler from '../../../manager/sdk/callbacksHandler';
 
 const SignatureET = (props: SignatureInput) => {
   
-  const signatureViewRef = useRef<any>();
+  const signatureViewRef = useRef<any>(null);
   const [dragged, setDragged] = useState(0);
   const dragRef = useRef<number>(0);
   const [showBackModal, setShowBackModal] = useState(false);

package/src/components/executiontasks/forms/widgets/QRBarcodeScannerWidget.tsx

@@ -9,7 +9,7 @@ import {
 } from 'react-native';
 import type { WidgetProps } from '@rjsf/core';
 import { useFormContext } from 'rjsf-native';
-import { AntDesign } from '@expo/vector-icons';
+import AntDesign from '@react-native-vector-icons/ant-design';
 import CScanner from '../../scan/sub_components/CScanner';
 import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
 import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
@@ -103,7 +103,7 @@ function ScannerDialog(props: ScannerDialogProps) {
               }}
             />
             <AntDesign
-              name="closecircleo"
+              name="close-circle"
               size={40}
               color="blue"
               onPress={() => {

package/src/components/executiontasks/scan/ScanET.tsx

@@ -77,7 +77,7 @@ import {
 import SummaryPage from './sub_components/SummaryPage';
 import { RouteParams } from '../../../ui/uiConfig/RouteParams';
 import { BULK_DATA_LIMIT } from '../../../manager/syncmanager/constants';
-import { AntDesign } from '@expo/vector-icons';
+import AntDesign from '@react-native-vector-icons/ant-design';
 import GoBackModal from '../../../components/widgets/GoBackModal';
 import { hasGoBackConnector } from '../../../components/utils';
 import ToggleSwitch from 'toggle-switch-react-native';
@@ -685,7 +685,7 @@ const ScanET = (props: ScannerInput) => {
                 marginBottom: 10,
               }}
             >
-              <AntDesign name="exclamationcircleo" size={40} color="#D97706" />
+              <AntDesign name="exclamation-circle" size={40} color="#D97706" />
             </View>
             <Text style={styles.titleText}>{'Exit scan flow?'}</Text>
             <Text

package/src/components/executiontasks/scan/sub_components/SummaryPage.tsx

@@ -1,7 +1,7 @@
 import { View, Text, Dimensions, Platform } from 'react-native';
 import React, { useState, useEffect } from 'react';
 import { Button } from 'react-native-paper';
-import { Entypo } from '@expo/vector-icons';
+import Entypo from '@react-native-vector-icons/entypo';
 import {
   CommonStyles,
   Fonts,
@@ -34,7 +34,7 @@ import {
   getTabCount,
   removeScan,
 } from '../utils';
-import { AntDesign } from '@expo/vector-icons';
+import AntDesign from '@react-native-vector-icons/ant-design';
 import ModalWidget from '../../../widgets/ModalWidget';
 import SearchBar from '../../../widgets/SearchBar';
 import { debounce } from 'lodash';
@@ -889,7 +889,7 @@ const SummaryPage = (props: SummaryPageProps) => {
             prefixedMergedObjectiveId !== scan.prefixedMergedObjectiveId
           )
             return (
-              <AntDesign name="exclamationcircleo" size={16} color="#EA580C" />
+              <AntDesign name="exclamation-circle" size={16} color="#EA580C" />
             );
           else return <></>;
         }}

package/src/components/executiontasks/validateOTP/components/VerificationComplete.tsx

@@ -7,7 +7,7 @@ import { Text, View } from 'react-native';
 import styles from '../ValidateOtpStyles';
 
 // Components
-import FastImage from 'react-native-fast-image';
+import { Image } from 'expo-image';
 
 // Utilities
 import { getBaseETResponse } from '../../../../utils/ExecTaskUtils';
@@ -83,10 +83,10 @@ const VerificationComplete: FC<any> = (props) => {
   const renderSuccessCard = () => {
     return (
       <>
-        <FastImage
+        <Image
           source={require('../../../../icons/icSuccess.gif')}
-          style={{ height: 116, width: 116 }} // Use consistent dimensions here
-          resizeMode="contain" // Ensures the GIF is displayed properly without distortion
+          style={{ height: 116, width: 116 }}
+          contentFit="contain"
         />
         <Text style={styles.otpResponseText}>OTP verified successfully!</Text>
       </>
@@ -96,10 +96,10 @@ const VerificationComplete: FC<any> = (props) => {
   const renderFailedCard = () => {
     return (
       <>
-        <FastImage
+        <Image
           source={require('../../../../icons/icFailed.gif')}
-          style={{ height: 116, width: 116 }} // Use consistent dimensions here
-          resizeMode="contain" // Ensures the GIF is displayed properly without distortion
+          style={{ height: 116, width: 116 }}
+          contentFit="contain"
         />
         <Text style={styles.otpResponseText}>OTP verification Failed!</Text>
       </>

package/src/components/executiontasks/verifyOtp/VerifyOtpET.tsx

@@ -10,7 +10,7 @@ import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue
 import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 
 const VerifyOtpET = (props: OtpInputSchema) => {
-  const otpInput = useRef();
+  const otpInput = useRef<any>(null);
 
   function backButtonHandler() {
     return true;

package/src/components/widgets/Card.tsx

@@ -1,7 +1,7 @@
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
 import React from 'react';
 import { Checkbox } from 'react-native-paper';
-import { Feather } from '@expo/vector-icons';
+import Feather from '@react-native-vector-icons/feather';
 import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
 import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 

package/src/components/widgets/SearchBar.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
-import { EvilIcons, MaterialIcons } from '@expo/vector-icons';
+import EvilIcons from '@react-native-vector-icons/evil-icons';
+import MaterialIcons from '@react-native-vector-icons/material-icons';
 import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
 import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
  

package/src/components/widgets/SnackBarCustom.tsx

@@ -10,7 +10,7 @@ import {
   ViewStyle,
 } from 'react-native';
 import { Surface, withTheme, MD3Theme } from 'react-native-paper';
-import { AntDesign } from '@expo/vector-icons';
+import AntDesign from '@react-native-vector-icons/ant-design';
 import { Fonts } from '../../styles/executionTasks/CommonStyles';
 import {
   ScreenNameSdkConstants,
@@ -161,15 +161,15 @@ const SnackbarCustom = ({
           }
         >
           {type && type === SnackBarType.FAILURE ? (
-            <AntDesign name="exclamationcircleo" size={20} color="white" />
+            <AntDesign name="exclamation-circle" size={20} color="white" />
           ) : type && type === SnackBarType.PAYMENT_WARNING ? (
-            <AntDesign name="infocirlceo" size={20} color="#D97706" />
+            <AntDesign name="info-circle" size={20} color="#D97706" />
           ) : type && type === SnackBarType.OTP_SUCCESS ? (
-            <AntDesign name="checkcircleo" size={20} color="#059669" />
+            <AntDesign name="check-circle" size={20} color="#059669" />
           ) : type && type === SnackBarType.OTP_FAILED ? (
-            <AntDesign name="closecircleo" size={20} color="#DC2626" />
+            <AntDesign name="close-circle" size={20} color="#DC2626" />
           ) : (
-            <AntDesign name="checkcircleo" size={20} color="white" />
+            <AntDesign name="check-circle" size={20} color="white" />
           )}
           <Text
             style={[

package/src/components/widgets/SplitTextInput.tsx

@@ -37,7 +37,7 @@ const SplitTextInput = ({
   keyboardType,
   hasError,
 }: SplitTextInputProps) => {
-  const inputRef: any = useRef();
+  const inputRef: any = useRef(null);
   const boxArray = new Array(maxLength).fill(0);
   const [isInputBoxFocused, setIsInputBoxFocused] = useState(false);