@os1-platform/dispatch-mobile 2.1.4 → 2.1.6

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

@@ -11,6 +11,8 @@ import type { WidgetProps } from '@rjsf/core';
 import { useFormContext } from 'rjsf-native';
 import { AntDesign } from '@expo/vector-icons';
 import CScanner from '../../scan/sub_components/CScanner';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
 
 const QRBarcodeScannerWidget = ({
   id,
@@ -39,7 +41,12 @@ const QRBarcodeScannerWidget = ({
 
   return (
     <View style={styles.container}>
-      <TouchableOpacity onPress={() => setShow(true)}>
+      <TouchableOpacity onPress={() => {setShow(true)
+                 const cta = label;
+                 fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.QRBARCODE_WIDGET_SCREEN, cta: cta });    
+   
+      
+      }}>
         <TextInput
           editable={false}
           onTouchStart={() => setShow(true)}

package/src/components/executiontasks/imageCapture/CaptureUtils.ts

@@ -23,6 +23,7 @@ import BaseErrorCodes from '../../../errors/ErrorCodes';
 import DispatchSdkCache from '../../../manager/sdk/DispatchSdkCache';
 import { insertDocumentInDB } from '../../../utils/SyncManagerUtils';
 import {CameraOptions, launchCamera} from 'react-native-image-picker';
+import { Image } from 'react-native-compressor';
 
 export async function deleteImage(imageData: { path: string; id: { toString: () => string; }; }, images: any[]) {
   await FileSystem.deleteAsync(imageData.path);
@@ -192,9 +193,20 @@ export async function captureImage(
       //
       console.log("aks:uri=blank")
       console.log("aks:uri=", uri)
-      let resizedImage = await ImageManipulator.manipulateAsync(uri, [], saveOptions,);
+     // let resizedImage = await ImageManipulator.manipulateAsync(uri, [], saveOptions,);
+
+      const resizedImage1 = await Image.compress(uri, {
+        compressionMethod: 'manual',
+        quality: compressionRatio,
+      });
       //
-      console.log("aks:resizedImage=", resizedImage)
+      let resizedImageResult: ImageResult = {
+        uri: resizedImage1,
+        width: imageWidth,
+        height: imageHeight,
+        base64: '',
+      };
+      console.log('aks:resizedImage1=', resizedImageResult);
       //delete file
       FileSystem.deleteAsync(uri)
           .then(() =>
@@ -204,10 +216,10 @@ export async function captureImage(
           });
       //
 
-    console.log("resizedImage=before")
-    console.log("resizedImage=", resizedImage)
+   // console.log("resizedImage=before")
+  //  console.log("resizedImage=", resizedImage)
 
-      return resizedImage;
+      return resizedImageResult;
     }
 
     // if(Platform.OS = 'android'){

package/src/components/executiontasks/imageCapture/ImageCapture.tsx

@@ -19,6 +19,8 @@ import { useFocusEffect } from '@react-navigation/native';
 import Circle from "./circle-xmark.svg"
 
 import CameraIcon from "./camera.svg"
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 
 const ImageCapture = (props: any) => {
   let numberOfImagesToCapture: any;
@@ -69,6 +71,9 @@ const ImageCapture = (props: any) => {
               )
                 setShowBackModal(true);
               else props.navigation.goBack();
+              const cta = "Back Arrow";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CAPTURE_IMAGE_ET_SCREEN, cta: cta });    
+
             }}
             name="arrow-back"
             color={'black'}
@@ -129,7 +134,12 @@ const ImageCapture = (props: any) => {
         >
           {imagesDummy?.length > index && imagesDummy[index]?.path ? null : (
   <TouchableOpacity
-  onPress={onPress}>
+  onPress={() => { onPress()
+    const cta = "Camera Icon";
+    fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CAPTURE_IMAGE_ET_SCREEN, cta: cta });    
+
+  }}
+  >
 <View
 style={{
   marginTop:
@@ -142,11 +152,15 @@ style={{
            
           )}
           <Button
-            onPress={() => captureImage(index)}
+            onPress={() => { captureImage(index)
+              const cta = "Click Photo";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CAPTURE_IMAGE_ET_SCREEN, cta: cta });    
+
+            }}
             uppercase={false}
             labelStyle={[
               {
-                fontFamily: Fonts.IBMPlexSans_500Medium,
+                fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_500Medium : 'IBMPlexSans-Medium',
                 fontStyle: 'normal',
                 fontWeight: 'normal',
                 fontSize: 14,
@@ -170,7 +184,11 @@ style={{
             }}
           />
           <TouchableOpacity
-            onPress={onPress}
+            onPress={() => { onPress()
+              const cta = "Circle Icon";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CAPTURE_IMAGE_ET_SCREEN, cta: cta });    
+          
+            }}
             style={{
               position: 'absolute',
               top: numColumns == 2 ? '17%' : '9%',
@@ -321,6 +339,9 @@ style={{
         index={index}
         onPress={async () => {
           await deleteImage(index);
+          const cta = "Delete Icon";
+          fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CAPTURE_IMAGE_ET_SCREEN, cta: cta });    
+   
         }}
       />
     );
@@ -373,6 +394,9 @@ style={{
                   ExecutionTaskID.IMAGE_CAPTURE
                 )),
               });
+              const cta = "Cancel";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CAPTURE_IMAGE_ET_SCREEN, cta: cta });    
+       
             }}
           >
             Cancel
@@ -381,7 +405,7 @@ style={{
           <Button
             labelStyle={{
               color: buttonProceed ? '#ffff' : '#A3AAC2',
-              fontFamily: Fonts.IBMPlexSans_500Medium,
+              fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_500Medium : 'IBMPlexSans-Medium',
               fontSize: 14,
               lineHeight: 20,
               textAlign: 'center',
@@ -396,6 +420,9 @@ style={{
             mode="contained"
             onPress={async () => {
               await handleSubmit();
+              const cta = "Proceed";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CAPTURE_IMAGE_ET_SCREEN, cta: cta });    
+       
             }}
           >
             Proceed

package/src/components/executiontasks/payments/completePayment/CompletePaymentET.tsx

@@ -32,6 +32,8 @@ import GoBackModal from '../../../../components/widgets/GoBackModal';
 import { hasGoBackConnector } from '../../../../components/utils';
 import { useFocusEffect } from '@react-navigation/native';
 import { BackHandler } from 'react-native';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
 
 const CompletePaymentET = (props: CompletePaymentInput) => {
   const [disableProceed, setDisableProceed] = useState(false);
@@ -71,6 +73,9 @@ const CompletePaymentET = (props: CompletePaymentInput) => {
               )
                 setShowBackModal(true);
               else props.navigation.goBack();
+              const cta = "Back Arrow";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.COMPLETE_PAYMENT_ET_SCREEN, cta: cta });    
+       
             }}
             name="arrow-back"
             color={'black'}
@@ -167,6 +172,9 @@ const CompletePaymentET = (props: CompletePaymentInput) => {
                   };
                   setDisableProceed(true);
                   props.onSubmitET(etOutput);
+                  const cta = "Continue";
+                  fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.COMPLETE_PAYMENT_ET_SCREEN, cta: cta });    
+           
                 }}
               >
                 Continue
@@ -195,6 +203,9 @@ const CompletePaymentET = (props: CompletePaymentInput) => {
                   };
                   setDisableProceed(true);
                   props.onSubmitET(etOutput);
+                  const cta = "Cancel";
+                  fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.COMPLETE_PAYMENT_ET_SCREEN, cta: cta });    
+           
                 }}
               >
                 Cancel

package/src/components/executiontasks/payments/init/InitPaymentET.tsx

@@ -23,6 +23,8 @@ import { hasGoBackConnector } from '../../../../components/utils';
 import GoBackModal from '../../../../components/widgets/GoBackModal';
 import { useFocusEffect } from '@react-navigation/native';
 import { BackHandler } from 'react-native';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
 
 const styles = PaymentStyles;
 
@@ -75,6 +77,9 @@ const InitPaymentET = (props: InitPaymentInput) => {
               )
                 setShowBackModal(true);
               else props.navigation.goBack();
+              const cta = "Back Arrow";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.INIT_PAYMENT_ET_SCREEN, cta: cta });    
+     
             }}
             name="arrow-back"
             color={'black'}
@@ -126,12 +131,18 @@ const InitPaymentET = (props: InitPaymentInput) => {
           status={paymentMode === item ? 'checked' : 'unchecked'}
           onPress={() => {
             setPaymentMode(item);
+            const cta = paymentMode === item ? 'paymentMode checked' : 'paymentMode unchecked';
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.INIT_PAYMENT_ET_SCREEN, cta: cta });    
+
           }}
         />
         <Text
           style={styles.reasonTextStyle}
           onPress={() => {
             setPaymentMode(item);
+            const cta = item;
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.INIT_PAYMENT_ET_SCREEN, cta: cta });    
+
           }}
         >
           {item}
@@ -197,6 +208,9 @@ const InitPaymentET = (props: InitPaymentInput) => {
                     ExecutionTaskID.INIT_PAYMENT
                   )),
                 });
+                const cta = 'Cancel';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.INIT_PAYMENT_ET_SCREEN, cta: cta });    
+    
               }}
             >
               Cancel
@@ -233,6 +247,9 @@ const InitPaymentET = (props: InitPaymentInput) => {
                     )),
                   });
                 } else showToast('No payment mode selected');
+                const cta = 'Collect';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.INIT_PAYMENT_ET_SCREEN, cta: cta });    
+    
               }}
             >
               Collect

package/src/components/executiontasks/payments/processPayment/ProcessPaymentET.tsx

@@ -23,6 +23,8 @@ import { GO_BACK_EVENT_CODE } from '../../../../constants/constants';
 import GoBackModal from '../../../../components/widgets/GoBackModal';
 import { hasGoBackConnector } from '../../../../components/utils';
 import { useFocusEffect } from '@react-navigation/native';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
 
 const styles = PaymentStyles;
 
@@ -66,6 +68,9 @@ const ProcessPaymentET = (props: ProcessPaymentInput) => {
               )
                 setShowBackModal(true);
               else props.navigation.goBack();
+              const cta = 'Back Arrow';
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.PROCESS_PAYMENT_ET_SCREEN, cta: cta });    
+  
             }}
             name="arrow-back"
             color={'black'}
@@ -203,6 +208,9 @@ const ProcessPaymentET = (props: ProcessPaymentInput) => {
                     ExecutionTaskID.PROCESS_PAYMENT
                   )),
                 });
+                const cta = 'Cancel';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.PROCESS_PAYMENT_ET_SCREEN, cta: cta });    
+    
               }}
             >
               Cancel
@@ -260,6 +268,9 @@ const ProcessPaymentET = (props: ProcessPaymentInput) => {
                 } else {
                   setInputError('Please enter valid amount.');
                 }
+                const cta = 'Next';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.PROCESS_PAYMENT_ET_SCREEN, cta: cta });    
+    
               }}
             >
               Next

package/src/components/executiontasks/pickup/PickupET.tsx

@@ -13,6 +13,8 @@ import {
   ExecutionTaskID,
 } from '../../../models/execTasks/ETConfig';
 import type { LineItem } from '../deliver/DeliverETInput';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 
 const ListItem = ({ lineItem }: { lineItem: LineItem }) => (
   <Card style={deliverETStyles.item}>
@@ -78,6 +80,9 @@ const PickupET = (props: PickupETInput) => {
                     ExecutionTaskID.PICKUP
                   )),
                 });
+                const cta = 'Cancel';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.PICKUP_ET_SCREEN, cta: cta });    
+    
               }}
             >
               Cancel
@@ -104,6 +109,9 @@ const PickupET = (props: PickupETInput) => {
                     ExecutionTaskID.PICKUP
                   )),
                 });
+                const cta = 'Pickup';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.PICKUP_ET_SCREEN, cta: cta });    
+    
               }}
             >
               Pickup

package/src/components/executiontasks/pickup/SLPickupET.tsx

@@ -28,6 +28,8 @@ import { getStrVal } from '../../../locale/util';
 import Str from '../../../locale/Str';
 import CircleMark from '../../../icons/circleMark.svg';
 import ModalWidget from '../../../components/widgets/ModalWidget';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 
 
 const ListItem = ({ lineItem }: { lineItem: LineItem }) => (
@@ -93,6 +95,9 @@ const SLPickupET = (props: PickupETInput) => {
               )
                 setShowBackModal(true);
               else props.navigation.goBack();
+              const cta = 'Back Arrow';
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SL_PICKUP_ET_SCREEN, cta: cta });    
+  
             }}
             name="arrow-back"
             color={'black'}
@@ -166,6 +171,8 @@ const SLPickupET = (props: PickupETInput) => {
               props.navigation.goBack();
             }
             setShowBackModal(false);
+            const cta = 'Exit';
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SL_PICKUP_ET_SCREEN, cta: cta });
           },
           styles: styles.primaryButtonStyles,
         }}
@@ -174,6 +181,9 @@ const SLPickupET = (props: PickupETInput) => {
           onPress: () => {
             setGoBack(false);
             setShowPickupModal(true);
+            const cta = 'Cancel';
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SL_PICKUP_ET_SCREEN, cta: cta });    
+
           },
           styles: styles.secondaryButtonStyles,
         }}
@@ -209,6 +219,9 @@ const SLPickupET = (props: PickupETInput) => {
                 onPress={() => {
                   setShowPickupModal(false);
                   setGoBack(true);
+                  const cta = 'Circle Mark Icon';
+                  fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SL_PICKUP_ET_SCREEN, cta: cta });    
+    
                 }}
                 style={styles.crossIcon}
                 hitSlop={{ bottom: 10, top: 10, right: 10, left: 10 }}
@@ -258,6 +271,9 @@ const SLPickupET = (props: PickupETInput) => {
                         ExecutionTaskID.PICKUP
                       )),
                     });
+                    const cta = 'Yes';
+                    fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SL_PICKUP_ET_SCREEN, cta: cta });    
+      
                   }}
                 >
                   Yes
@@ -285,6 +301,9 @@ const SLPickupET = (props: PickupETInput) => {
                         ExecutionTaskID.PICKUP
                       )),
                     });
+                    const cta = 'No';
+                    fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SL_PICKUP_ET_SCREEN, cta: cta });    
+      
                   }}
                 >
                   No

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

@@ -82,6 +82,8 @@ import GoBackModal from '../../../components/widgets/GoBackModal';
 import { hasGoBackConnector } from '../../../components/utils';
 import ToggleSwitch from 'toggle-switch-react-native';
 import ScanIcon from '../../../icons/ScanIcon';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 
 /**
  *
@@ -237,6 +239,9 @@ const ScanET = (props: ScannerInput) => {
                 if (showScanList) setShowScanList(false);
                 else setShowUnscannedShipmentModal(true);
               }
+              const cta = 'Back Arrow';
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SCAN_ET_SCREEN, cta: cta });    
+
             }}
             name="arrow-back"
             color={'black'}
@@ -583,6 +588,8 @@ const ScanET = (props: ScannerInput) => {
               type: SnackBarType.SUCCESS,
             });
             setShowScanList(!showScanList);
+            const cta = 'View Summary';
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SCAN_ET_SCREEN, cta: cta }); 
           }}
         >
           {`View Summary`}
@@ -695,7 +702,12 @@ const ScanET = (props: ScannerInput) => {
               labelStyle={CommonStyles.nextButtonLabel}
               style={{ ...CommonStyles.nextButton, marginTop: 20 }}
               uppercase={false}
-              onPress={() => setShowUnscannedShipmentModal(false)}
+              onPress={() => {setShowUnscannedShipmentModal(false)
+                const cta = 'Continue Scanning';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SCAN_ET_SCREEN, cta: cta });    
+  
+   
+              }}
             >
               Continue Scanning
             </Button>
@@ -725,6 +737,10 @@ const ScanET = (props: ScannerInput) => {
                 ]);
 
                 props.navigation.goBack();
+                const cta = 'Exit Scan Flow';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SCAN_ET_SCREEN, cta: cta });    
+  
+   
               }}
             >
               <Text style={CommonStyles.cancelButtonLabel}>Exit Scan Flow</Text>
@@ -895,6 +911,8 @@ const ScanET = (props: ScannerInput) => {
                           type: SnackBarType.SUCCESS,
                         });
                         setScannedInput(scanText);
+                        const cta = 'Apply';
+                        fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SCAN_ET_SCREEN, cta: cta });          
                       }}
                     >
                       <Text

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

@@ -41,6 +41,8 @@ import { debounce } from 'lodash';
 import { RouteParams } from '../../../../ui/uiConfig/RouteParams';
 import { IDispatchExecutor } from '@os1-platform/platform-coreos-execution-engine-sdk';
 import FileIcon from '../../../../icons/file';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
 
 const dimensionsForScreen = Dimensions.get('screen');
 
@@ -142,6 +144,9 @@ const SummaryPage = (props: SummaryPageProps) => {
             } else {
               props.handleSubmitET(PROCEED_STATUS.DELIVER_NOW, tabs[1].count);
             }
+            const cta = 'Proceed';
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SUMMARY_PAGE_SCREEN, cta: cta });   
+
           }}
         >
           {`Proceed`}
@@ -545,6 +550,9 @@ const SummaryPage = (props: SummaryPageProps) => {
             props.scanProps.showProgress(false);
             setSelectedEditItem(undefined);
             setShowEditModal(false);
+            const cta = 'Update';
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SUMMARY_PAGE_SCREEN, cta: cta });   
+
             return;
           },
         }}
@@ -554,6 +562,9 @@ const SummaryPage = (props: SummaryPageProps) => {
           onPress: () => {
             setShowEditModal(false);
             setSelectedEditItem(undefined);
+            const cta = 'Cancel';
+            fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SUMMARY_PAGE_SCREEN, cta: cta });   
+
           },
         }}
       />

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

@@ -31,6 +31,8 @@ import { GO_BACK_EVENT_CODE } from '../../../constants/constants';
 import { hasGoBackConnector } from '../../../components/utils';
 import GoBackModal from '../../../components/widgets/GoBackModal';
 import { useFocusEffect } from '@react-navigation/native';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 
 const ValidateOTPET = (props: ValidateOTPInput) => {
   const [showBackModal, setShowBackModal] = useState(false);
@@ -69,6 +71,9 @@ const ValidateOTPET = (props: ValidateOTPInput) => {
               )
                 setShowBackModal(true);
               else props.navigation.goBack();
+              const cta = 'Arrow Back';
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, cta: cta });   
+  
             }}
             name="arrow-back"
             color={'black'}
@@ -180,6 +185,9 @@ const ValidateOTPET = (props: ValidateOTPInput) => {
                   }
                 }
               }
+              const cta = 'Proceed';
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, cta: cta });   
+  
             }}
           >
             Proceed
@@ -207,6 +215,9 @@ const ValidateOTPET = (props: ValidateOTPInput) => {
                   ExecutionTaskID.VALIDATE_OTP_ET
                 )),
               });
+              const cta = 'Skip';
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, cta: cta });   
+  
             }}
           >
             Skip
@@ -231,6 +242,9 @@ const ValidateOTPET = (props: ValidateOTPInput) => {
               setRetryCount((retryCount) => retryCount + 1);
               await generateOTP(generationLogic.api);
               resetTimer();
+              const cta = retryConfig.buttonTitle;
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, cta: cta });   
+  
             }}
           >{`${retryConfig.buttonTitle} ${timer ? `in ${timer}` : ''}`}</Button>
         </View>

package/src/components/executiontasks/validateOTP/sub-components/OTPInput.tsx

@@ -4,6 +4,8 @@ import SplitTextInput from '../../../widgets/SplitTextInput';
 import { Fonts } from '../../../../styles/executionTasks/CommonStyles';
 import { InputType, CaptureInput } from '../ValidateOTPSchema';
 import { INVALID_REGEX } from '../constants';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
 
 export interface OTPInputProps {
   input: CaptureInput;

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

@@ -10,6 +10,8 @@ import {
   EntityCode,
   ExecutionTaskID,
 } from '../../../models/execTasks/ETConfig';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 
 const VerifyOtpET = (props: OtpInputSchema) => {
   const otpInput = useRef();
@@ -54,6 +56,9 @@ const VerifyOtpET = (props: OtpInputSchema) => {
           <Pressable
             onPress={() => {
               showToast('Resending OTP');
+              const cta = 'Send again';
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VERIFY_OTP_ET_SCREEN, cta: cta });   
+  
             }}
             style={styles.sendAgainText}
           >

package/src/components/widgets/CancelOrderDialog.tsx

@@ -4,6 +4,8 @@ import { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';
 import { Button, Paragraph, Title } from 'react-native-paper';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import SdkColors, { ColorTheme } from '../../styles/SdkColors';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 
 const CancelOrderDialog = (props: CancelDialogProps) => {
   return (
@@ -59,6 +61,9 @@ const CancelOrderDialog = (props: CancelDialogProps) => {
               style={CommonStyles.nextButton}
               onPress={() => {
                 props.onSubmit(true);
+                const cta = props.positiveButtonTitle ?? 'Yes';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN, cta: cta });   
+    
               }}
               testID="primary"
             >
@@ -71,6 +76,8 @@ const CancelOrderDialog = (props: CancelDialogProps) => {
               style={[CommonStyles.cancelButton, { marginTop: 10 }]}
               onPress={async () => {
                 props.onSubmit(false);
+                const cta = props.negativeButtonTitle ?? 'No';
+                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN, cta: cta });
               }}
               testID="secondary"
             >

package/src/components/widgets/Card.tsx

@@ -2,6 +2,8 @@ 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 { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 
 interface CardProps {
   title: string;
@@ -29,6 +31,8 @@ const Card = (props: CardProps) => {
             status={isSelected}
             onPress={() => {
               props.selectConfig?.onSelect(props.selectConfig?.props);
+              const cta = "Checkbox checked";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN, cta: cta });   
             }}
             theme={{ roundness: 5 }}
           />
@@ -45,7 +49,11 @@ const Card = (props: CardProps) => {
         <>
           <View style={styles.divider} />
           <TouchableOpacity
-            onPress={() => props.editConfig?.onEdit(props.editConfig?.props)}
+            onPress={() => {props.editConfig?.onEdit(props.editConfig?.props)
+              const cta = "Edit";
+              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN, cta: cta });   
+  
+            }}
             style={styles.icon}
           >
             <Feather name="edit" size={24} color="#5B80F7" />