TP-60261 | API ErrorTag | SI Event | Status Bar | Unnecessary Log (#10265)

App/Container/Navi-Insurance/screen/IntroScreen.tsx

@@ -7,7 +7,6 @@ const IntroScreen: React.FC<{ ctaData: CtaData }> = ({ ctaData }) => {
   useEffect(() => {
     getApplicationId().then(
       (result) =>
-        // console.log("klogs",result.data)
         result.data
     );
   }, []);

App/Container/Navi-Insurance/screen/quote-offer-screen/QuoteOfferScreen.tsx

@@ -2,9 +2,7 @@ import React, { useEffect } from "react";
 import {
   NativeEventEmitter,
   NativeScrollEvent,
-  NativeSyntheticEvent,
+  NativeSyntheticEvent, View
-  StatusBar,
-  View,
 } from "react-native";
 import Animated, {
   useAnimatedStyle,
@@ -17,8 +15,7 @@ import {
   GenericActionPayload,
 } from "../../../../common/actions/GenericAction";
 import {
-  HI_RN_QUOTE_PAGE_ERROR_VIEW,
+  AnalyticsEventNameConstants
-  HI_RN_QUOTE_PAGE_INIT,
 } from "../../../../common/constants/AnalyticsEventsConstant";
 import { NativeEventNameConstants } from "../../../../common/constants/EventNameConstants";
 import {
@@ -154,13 +151,13 @@ const QuoteOfferScreen = ({
     switch (screenData?.screenState) {
       case ScreenState.LOADED:
         const initEvent: AnalyticsEvent = {
-          name: HI_RN_QUOTE_PAGE_INIT,
+          name: AnalyticsEventNameConstants.HI_RN_QUOTE_PAGE_INIT,
         };
         sendAsAnalyticsEvent(initEvent);
         break;
       case ScreenState.ERROR:
         const errorEvent: AnalyticsEvent = {
-          name: HI_RN_QUOTE_PAGE_ERROR_VIEW,
+          name: AnalyticsEventNameConstants.HI_RN_QUOTE_PAGE_ERROR_VIEW,
         };
         sendAsAnalyticsEvent(errorEvent);
         break;
@@ -194,7 +191,6 @@ const QuoteOfferScreen = ({
     };
     return (
       <View style={[styles.container, screenData?.screenStyle]}>
-        <StatusBar backgroundColor={Colors.white} barStyle="dark-content" />
         <Animated.View style={[styles.header, headerBgStyle]}>
           {getWidgetViews(
             screenData?.screenWidgets?.headerWidgets,

App/common/constants/AnalyticsEventsConstant.ts

@@ -1,4 +1,32 @@
-export const HI_SI_PILLS_CLICK = "hi_si_pills_click"
+export const AnalyticsEventNameConstants = {
-export const SUM_INSURED = "sum_insured";
+  HI_SI_PILLS_CLICK: "hi_si_pills_click",
-export const HI_RN_QUOTE_PAGE_INIT = "hi_rn_quote_page_init";
+  HI_RN_QUOTE_PAGE_INIT: "hi_rn_quote_page_init",
-export const HI_RN_QUOTE_PAGE_ERROR_VIEW = "hi_rn_quote_page_error_view";
+  HI_RN_QUOTE_PAGE_ERROR_VIEW: "hi_rn_quote_page_error_view",
+};
+
+export const AnalyticsEventPropertyConstants = {
+  SUM_INSURED: "sum_insured",
+  TAG: "tag",
+  RECOMMENDED: "recommended",
+  NOT_RECOMMENDED: "not_recommended",
+  QUOTE_ID: "quoteId",
+};
+
+export const AnalyticsFlowNameConstant = {
+  GI_RN_QUOTE: "GiRnQuote",
+};
+
+export const AnalyticsModuleNameConstant = {
+  GI: "gi",
+};
+
+export const AnalyticsMethodNameConstant = {
+  FETCH_INSURANCE_QUOTE_PAGE_FROM_BACKEND: "fetchInsuranceQuotePageFromBackend",
+  FETCH_QUOTE_V3: "fetchQuoteV3",
+  FINAL_PATCH_CALL: "finalPatchCall",
+};
+
+export const AnalyticsGlobalErrorTypeConstant = {
+  GLOBAL_INTERNAL_ERRORS: "global_internal_errors",
+  GLOBAL_GENERIC_ERRORS: "global_generic_errors",
+};

App/common/hooks/useAnalyticsEvent.ts

@@ -52,6 +52,7 @@ export const sendAsGlobalErrorEvent = (event: GlobalErrorData) => {
     vendorName = null,
     extras = null,
     journeySource = null,
+    isAppDowntimeEvent = null
   } = event;
 
   NativeAnalyticsModule.sendAsGlobalErrorEvent({
@@ -66,5 +67,6 @@ export const sendAsGlobalErrorEvent = (event: GlobalErrorData) => {
     vendorName,
     extras,
     journeySource,
+    isAppDowntimeEvent
   });
 };

App/common/interface/analytics/GlobalErrorData.ts

@@ -10,4 +10,5 @@ interface GlobalErrorData {
     vendorName?: string | null;
     extras?: Map<string, string> | null;
     journeySource?: string | null;
+    isAppDowntimeEvent?: boolean | null;
   }

App/common/navigator/RnAppCreator.tsx

@@ -6,7 +6,7 @@ import {
 } from "../constants/ScreenNameConstants";
 import { CtaData } from "../interface";
 import { ThemeProvider } from "../../../components/ThemeContext";
-import { LogBox } from "react-native";
+import { LogBox, StatusBar } from "react-native";
 
 import { NavigationContainer } from "@react-navigation/native";
 import { createStackNavigator } from "@react-navigation/stack";
@@ -15,6 +15,7 @@ import reduxStore from "../redux/store";
 import { PersistGate } from "redux-persist/integration/react";
 import BaseScreen from "../screen/BaseScreen";
 import { navigationRef } from "./NavigationRouter";
+import Colors from "../../../assets/colors/colors";
 
 LogBox.ignoreLogs(["Warning: ..."]); // Ignore log notification by message
 LogBox.ignoreAllLogs(); //Ignore all log notifications
@@ -29,6 +30,7 @@ export const RnApp = {
         <PersistGate loading={null} persistor={persistor}>
           <ThemeProvider>
             <NavigationContainer ref={navigationRef}>
+            <StatusBar backgroundColor={Colors.white} barStyle="dark-content" />
               {getScreenStack(ctaData)}
             </NavigationContainer>
           </ThemeProvider>

App/common/screen/BaseScreen.tsx

@@ -103,20 +103,7 @@ const BaseScreen: React.FC<{ navigation: any; route: any }> = ({
     }
   }, [route.params.ctaData, screenState]);
 
-  useFocusEffect(
+  
-    React.useCallback(() => {
-      // This function will be called when the screen is focused (resumed)
-      console.log("Screen resumed");
-
-      // add code here to perform actions on screen resume
-      // update redux store based on current screen name
-
-      return () => {
-        // This function will be called when the screen loses focus (paused)
-        console.log("Screen paused");
-      };
-    }, [])
-  );
   const { bottomsheet, addBottomSheet } = useBottomSheet();
 
   const handleActions = (actionPayload?: GenericActionPayload) => {

App/common/screen/ScreenActionHandler.tsx

@@ -9,6 +9,13 @@ import { GI } from "../constants/NavigationHandlerConstants";
 import { ScreenState } from "./BaseScreen";
 import { BASE_SCREEN } from "../constants/ScreenNameConstants";
 import { logToSentry } from "../hooks/useSentryLogging";
+import { sendAsGlobalErrorEvent } from "../hooks/useAnalyticsEvent";
+import {
+  AnalyticsFlowNameConstant,
+  AnalyticsGlobalErrorTypeConstant,
+  AnalyticsMethodNameConstant,
+  AnalyticsModuleNameConstant,
+} from "../constants/AnalyticsEventsConstant";
 
 export const ScreenActionHandler = {
   handleScreenAction: (
@@ -35,6 +42,17 @@ export const ScreenActionHandler = {
             logToSentry(
               `No response from api call: ${screenMetaData.actionType} | Error: ${error} | MethodName: handleScreenAction`
             );
+            const errorEvent: GlobalErrorData = {
+              reason: error.toString(),
+              moduleName: AnalyticsModuleNameConstant.GI,
+              flowName: AnalyticsFlowNameConstant.GI_RN_QUOTE,
+              methodName:
+                AnalyticsMethodNameConstant.FETCH_INSURANCE_QUOTE_PAGE_FROM_BACKEND,
+              globalErrorType:
+                AnalyticsGlobalErrorTypeConstant.GLOBAL_INTERNAL_ERRORS,
+              isAppDowntimeEvent: true,
+            };
+            sendAsGlobalErrorEvent(errorEvent);
             const updatedScreenData: ScreenData = {
               screenState: ScreenState.ERROR,
               errorMetaData: {
@@ -75,6 +93,16 @@ export const ScreenActionHandler = {
             logToSentry(
               `No response from api call: ${screenMetaData.actionType} | Error: ${error} | MethodName: handleScreenAction}`
             );
+            const errorEvent: GlobalErrorData = {
+              reason: error.toString(),
+              moduleName: AnalyticsModuleNameConstant.GI,
+              flowName: AnalyticsFlowNameConstant.GI_RN_QUOTE,
+              methodName: AnalyticsMethodNameConstant.FETCH_QUOTE_V3,
+              globalErrorType:
+                AnalyticsGlobalErrorTypeConstant.GLOBAL_INTERNAL_ERRORS,
+              isAppDowntimeEvent: true,
+            };
+            sendAsGlobalErrorEvent(errorEvent);
             const updatedScreenData: ScreenData = {
               screenState: ScreenState.ERROR,
               errorMetaData: {

App/common/screen/screen-mappers/ScreenMapper.tsx

@@ -15,7 +15,6 @@ export const ScreenMapper = {
     handleActions: (actionPayload?: GenericActionPayload) => void
   ): JSX.Element {
     if (!!ctaData) {
-      console.log("ScreenMapper", ctaData);
       const secondIdentifier = getScreenMapperNameFromCtaData(ctaData);
       switch (secondIdentifier) {
         case GI:

App/common/utilities/CacheUtils.ts

@@ -83,11 +83,6 @@ export const getBuildConfigDetails = async (
 export const isScreenWhiteListedForCaching = (
   screenName: string | null | undefined
 ) => {
-  console.log(
-    "Caching eligibilty",
-    screenName,
-    !screensWithCachingDisabled.includes(screenName || "")
-  );
   return !screensWithCachingDisabled.includes(screenName || "");
 };
 

App/common/widgets/widget-actions/WidgetActionHandler.ts

@@ -16,10 +16,15 @@ import { parseValue } from "../../utilities/SerializerUtil";
 import { WidgetActionTypes } from "./WidgetActionTypes";
 import { NativeDeeplinkNavigatorModule } from "../../native-module/NativeModules";
 import { FinalPatchCallRequestBody } from "../../interface/widgets/widgetData/FooterWithCardWidgetData";
-import { ToastAndroid } from "react-native";
 import { getQuoteIdFromCta } from "../../utilities/CtaParamsUtils";
-import { QUOTE_PATCH_FAIL_TOAST } from "../../constants/StringConstant";
 import { logToSentry } from "../../hooks/useSentryLogging";
+import {
+  AnalyticsFlowNameConstant,
+  AnalyticsGlobalErrorTypeConstant,
+  AnalyticsMethodNameConstant,
+  AnalyticsModuleNameConstant,
+} from "../../constants/AnalyticsEventsConstant";
+import { sendAsGlobalErrorEvent } from "../../hooks/useAnalyticsEvent";
 
 const WidgetActionHandler = {
   handleWidgetAction: (
@@ -153,11 +158,20 @@ const WidgetActionHandler = {
             logToSentry(
               `No response from api call: ${widgetMetaData.actionType} | Error: ${error} | MethodName: handleWidgetAction}`
             );
+            const errorEvent: GlobalErrorData = {
+              reason: error.toString(),
+              moduleName: AnalyticsModuleNameConstant.GI,
+              flowName: AnalyticsFlowNameConstant.GI_RN_QUOTE,
+              methodName: AnalyticsMethodNameConstant.FINAL_PATCH_CALL,
+              globalErrorType:
+                AnalyticsGlobalErrorTypeConstant.GLOBAL_INTERNAL_ERRORS,
+              isAppDowntimeEvent: true,
+            };
+            sendAsGlobalErrorEvent(errorEvent);
             setScreenData({
               ...screenData,
               screenState: ScreenState.LOADED,
             });
-            ToastAndroid.show(QUOTE_PATCH_FAIL_TOAST, ToastAndroid.SHORT);
             return;
           });
       }

App/common/widgets/widgetResolver.tsx

@@ -66,7 +66,6 @@ function resolveWidgetView(
   handleClick?: (ctaData: CtaData) => void,
   screenState?: ScreenState | null
 ) {
-  console.log(widgetName);
   switch (widgetName) {
     case SLIDER_WIDGET:
       return (

android/app/src/main/java/com/naviapp/react_native/ReactActivity.kt

@@ -9,11 +9,14 @@ import android.provider.Settings
 import android.text.TextUtils
 import android.view.KeyEvent
 import androidx.appcompat.app.AppCompatActivity
+import androidx.core.content.ContextCompat
 import com.facebook.react.ReactApplication
 import com.facebook.react.ReactInstanceManager
 import com.facebook.react.ReactRootView
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler
 import com.facebook.react.modules.core.DeviceEventManagerModule
+import com.google.gson.Gson
+import com.navi.base.model.CtaData
 import com.navi.base.utils.PROD
 import com.navi.base.utils.orFalse
 import com.navi.common.CommonLibManager
@@ -21,7 +24,10 @@ import com.navi.common.callback.RequestToCallbackHandler
 import com.navi.common.model.ModuleNameV2
 import com.navi.common.ui.activity.BaseActivity
 import com.navi.common.utils.Constants
+import com.navi.common.utils.setStatusBarColor
+import com.navi.design.utils.parseColorSafe
 import com.naviapp.BuildConfig
+import com.naviapp.R
 import com.naviapp.analytics.utils.NaviAnalytics
 import dagger.hilt.android.AndroidEntryPoint
 
@@ -30,6 +36,7 @@ class ReactActivity : BaseActivity() , DefaultHardwareBackBtnHandler, RequestToC
     private lateinit var reactRootView: ReactRootView
     private lateinit var reactInstanceManager: ReactInstanceManager
     private val RELOAD_PAGE = "reloadPage"
+    val gson = Gson()
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(null)
@@ -47,12 +54,20 @@ class ReactActivity : BaseActivity() , DefaultHardwareBackBtnHandler, RequestToC
         val reactApplication = application as ReactApplication
         reactInstanceManager = reactApplication.reactNativeHost.reactInstanceManager
         val ctaData = intent.extras?.getString(Constants.KEY_CTA_DATA)
+        val ctaDataObject: CtaData? = gson.fromJson(ctaData, CtaData::class.java)
+        var statusBarColor: Int? = R.color.white
+        ctaDataObject?.parameters?.forEach {
+            if (it.key == "statusBarColor") {
+                statusBarColor = it.value.parseColorSafe()
+            }
+        }
         val bundle: Bundle? = if (ctaData != null) Bundle() else null
         bundle?.putString(Constants.KEY_CTA_DATA, ctaData.toString())
         reactRootView.startReactApplication(reactInstanceManager,
             "NaviApp", bundle ?: intent.extras
         )
         setContentView(reactRootView)
+        statusBarColor?.let { this.setStatusBarColor(it) }
     }
 
     override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {

android/app/src/main/java/com/naviapp/react_native/native_bridge/connectors/NativeAnalyticsConnector.kt

@@ -4,6 +4,7 @@ import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
 import com.facebook.react.bridge.ReadableMap
+import com.navi.base.utils.orFalse
 import com.navi.common.utils.CommonNaviAnalytics
 import com.naviapp.utils.toMap
 
@@ -37,7 +38,8 @@ class NativeAnalyticsConnector internal constructor(context: ReactApplicationCon
         val flowName = propsMap["flowName"] as? String
         val methodName = propsMap["methodName"] as? String
         val vendorName = propsMap["vendorName"] as? String
-        val extras: HashMap<String,String> = propsMap["extras"] as? HashMap<String, String> ?: hashMapOf()
+        val extras: HashMap<String, String> =
+            propsMap["extras"] as? HashMap<String, String> ?: hashMapOf()
         val eventName = propsMap["eventName"] as? String ?: "global_app_downtime"
 
         CommonNaviAnalytics.naviAnalytics.Errors().onAppDowntime(
@@ -69,8 +71,10 @@ class NativeAnalyticsConnector internal constructor(context: ReactApplicationCon
         val flowName = propsMap["flowName"] as? String
         val methodName = propsMap["methodName"] as? String
         val vendorName = propsMap["vendorName"] as? String
-        val extras: HashMap<String,String> = propsMap["extras"] as? HashMap<String, String> ?: hashMapOf()
+        val extras: HashMap<String, String> =
+            propsMap["extras"] as? HashMap<String, String> ?: hashMapOf()
         val journeySource = propsMap["journeySource"] as? String
+        val isAppDowntimeEvent = propsMap["isAppDowntimeEvent"] as? Boolean
 
         CommonNaviAnalytics.naviAnalytics.ErrorBottomSheet().onGlobalError(
             reason = reason,
@@ -85,5 +89,10 @@ class NativeAnalyticsConnector internal constructor(context: ReactApplicationCon
             extras = extras.toMutableMap(),
             journeySource = journeySource
         )
+        if (isAppDowntimeEvent.orFalse()) {
+            sendAsAppDowntimeEvent(
+                eventProps
+            )
+        }
     }
 }

components/widgets/BaseWidget.tsx

@@ -25,12 +25,6 @@ const BaseWidget = ({
     value: any | undefined | null,
     actionPayloadList: GenericActionPayload | undefined
   ) {
-    // console.log(
-    //   "handleWidgetActions payload list" +
-    //     JSON.stringify(actionPayloadList) +
-    //     "value " +
-    //     JSON.stringify(value)
-    // );
     let payload = actionPayloadList;
     let needPayloadCompression = false;
     actionPayloadList?.metaData?.forEach((actionPayload) => {

components/widgets/sum-insured-carousel-widget/SumInsuredWidget.tsx

@@ -10,6 +10,13 @@ import { GenericActionPayload } from "../../../App/common/actions/GenericAction"
 import { SumInsuredWidgetData } from "../../../App/common/interface/widgets/widgetData/SumInsuredWidgetData";
 import { getIndexFromOffset } from "../../../App/common/utilities/SizeUtils";
 import CarouselItem from "./component/CarouselItem";
+import { logToSentry } from "../../../App/common/hooks/useSentryLogging";
+import { AnalyticsEvent } from "../../../App/common/interface";
+import { sendAsAnalyticsEvent } from "../../../App/common/hooks/useAnalyticsEvent";
+import {
+  AnalyticsEventNameConstants,
+  AnalyticsEventPropertyConstants,
+} from "../../../App/common/constants/AnalyticsEventsConstant";
 
 const SumInsuredWidget = ({
   widgetData,
@@ -26,7 +33,7 @@ const SumInsuredWidget = ({
   widgetStyle?: ViewStyle;
 }) => {
   const { width } = useWindowDimensions();
-  const SIZE = width * 0.400;
+  const SIZE = width * 0.4;
   const SPACER_SIZE = (width - SIZE) / 2;
   const x = useSharedValue(0);
   const isMiddleCard = useSharedValue(false);
@@ -48,11 +55,15 @@ const SumInsuredWidget = ({
     },
   });
 
+  // Makes a patch call to update the sumInsured in the backend
   const handleActionApiCall = (index: number) => {
-    const actionPayloadList = widgetData?.widgetMetaData?.onCarouselReleaseActionSequence;
+    const actionPayloadList =
-    
+      widgetData?.widgetMetaData?.onCarouselReleaseActionSequence;
+
     if (!actionPayloadList) {
-      console.error("Action payload list is not defined.");
+      logToSentry(
+        `Payload not present: ${actionPayloadList} | MethodName: handleActionApiCall`
+      );
       return;
     }
   
@@ -86,6 +97,22 @@ const SumInsuredWidget = ({
         widgetData?.widgetMetaData?.onValueChangeAction
       );
     }
+    const clickEvent: AnalyticsEvent = {
+      name: AnalyticsEventNameConstants.HI_SI_PILLS_CLICK,
+      properties: new Map([
+        [
+          AnalyticsEventPropertyConstants.SUM_INSURED,
+          widgetData?.carouselListData?.at(index)?.sumInsured?.toString() ?? "",
+        ],
+        [
+          AnalyticsEventPropertyConstants.TAG,
+          widgetData?.widgetMetaData?.recommendItemIndex === index
+            ? AnalyticsEventPropertyConstants.RECOMMENDED
+            : AnalyticsEventPropertyConstants.NOT_RECOMMENDED,
+        ],
+      ]),
+    };
+    sendAsAnalyticsEvent(clickEvent);
   };
 
   const data = widgetData.carouselListData && [

network/NetworkService.ts

@@ -43,8 +43,6 @@ export const post = async <T>(
       timeout: 10000,
       headers: requestConfig.headers
     })
-    console.log("HeaderDataApiClient:", requestConfig?.headers)
-    console.log("ApiUrl:", BASE_URL + url)
     const response = await axiosInstance.post<T>(baseUrl + url, data, requestConfig);
     return handleSuccess<T>(response);
   } catch (error) {