@os1-platform/dispatch-mobile 3.1.9 → 3.2.1

package/lib/module/components/executiontasks/validateOTP/components/ContactListView.js

@@ -3,7 +3,7 @@
 import React, { useEffect, useLayoutEffect } from 'react';
 import { BackHandler, FlatList, Text, View } from 'react-native';
 import { useFocusEffect } from '@react-navigation/native';
-import Icon from 'react-native-vector-icons/MaterialIcons';
+import Icon from '@react-native-vector-icons/material-icons';
 
 // Styles
 import styles from '../ValidateOtpStyles';
@@ -23,9 +23,8 @@ export const ContactListView = props => {
   }, [props]);
   // Handle back-button click
   useFocusEffect(React.useCallback(() => {
-    BackHandler.addEventListener('hardwareBackPress', props.handleBackNavigation);
-    return () => BackHandler.removeEventListener('hardwareBackPress', props.handleBackNavigation);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', props.handleBackNavigation);
+    return () => backHandler.remove();
   }, []));
   useLayoutEffect(() => {
     props.navigation.setOptions({

package/lib/module/components/executiontasks/validateOTP/components/ContactListView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useLayoutEffect","BackHandler","FlatList","Text","View","useFocusEffect","Icon","styles","ContactCard","fireEventWithScreenName","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","ContactListView","props","_props$generateMessag","setIsContactVisited","useCallback","addEventListener","handleBackNavigation","removeEventListener","navigation","setOptions","title","headerLeft","createElement","onPress","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VALIDATE_OTP_ET_SCREEN","name","color","size","style","paddingRight","paddingTop","renderItem","item","handleSelectContact","contactDetails","flex","titleContainer","titleText","generateMessage","toString","length","contactListContainer","headingTitle","contactList","data","showsVerticalScrollIndicator","automaticallyAdjustKeyboardInsets","nestedScrollEnabled","keyExtractor","value"],"sources":["ContactListView.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { FC, useEffect, useLayoutEffect } from 'react';\nimport { BackHandler, FlatList, Text, View } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Types\nimport { ValidateOTPInput } from '../ValidateOTPSchema';\n\n// Sub-components\nimport { ContactCard } from '../sub-components/ContactCard';\n\n// Analytics\nimport { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';\nimport {\n  ScreenNameSdkConstants,\n  SentryEventNameSdkConstants,\n  SeverityLevelValue,\n} from '../../../../analytics/sentry/SentrySdkConstants';\n\nexport const ContactListView: FC<ValidateOTPInput> = (props) => {\n  useEffect(() => {\n    props.setIsContactVisited(true);\n  }, [props]);\n  // Handle back-button click\n  useFocusEffect(\n    React.useCallback(() => {\n      BackHandler.addEventListener(\n        'hardwareBackPress',\n        props.handleBackNavigation\n      );\n      return () =>\n        BackHandler.removeEventListener(\n          'hardwareBackPress',\n          props.handleBackNavigation\n        );\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Icon\n            onPress={() => {\n              props.handleBackNavigation();\n              const cta = 'Arrow Back';\n              fireEventWithScreenName({\n                severityLevel: SeverityLevelValue.LOG,\n                eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n                screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n                cta: cta,\n              });\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n  }, [props.navigation, props, props.title]);\n\n  // *render contact card\n  const renderItem = ({ item }: { item: any }) => {\n    return (\n      <ContactCard\n        handleSelectContact={props.handleSelectContact}\n        contactDetails={item}\n      />\n    );\n  };\n\n  return (\n    <View style={{ flex: 1 }}>\n      <View style={styles.titleContainer}>\n        <Text style={styles.titleText}>\n          {props?.generateMessage?.toString()?.length > 0\n            ? props.generateMessage\n            : 'Proceed to OTP verification? A verification code will be sent to the customer'}\n        </Text>\n      </View>\n      <View style={styles.contactListContainer}>\n        <Text style={[styles.titleText, styles.headingTitle]}>\n          Select the contact to receive the OTP\n        </Text>\n        <FlatList\n          style={styles.contactList}\n          data={props.contactList}\n          showsVerticalScrollIndicator={false}\n          automaticallyAdjustKeyboardInsets={true}\n          nestedScrollEnabled\n          keyExtractor={(item: any) => item.value.toString()}\n          renderItem={renderItem}\n        />\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useLayoutEffect","BackHandler","FlatList","Text","View","useFocusEffect","Icon","styles","ContactCard","fireEventWithScreenName","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","ContactListView","props","_props$generateMessag","setIsContactVisited","useCallback","backHandler","addEventListener","handleBackNavigation","remove","navigation","setOptions","title","headerLeft","createElement","onPress","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VALIDATE_OTP_ET_SCREEN","name","color","size","style","paddingRight","paddingTop","renderItem","item","handleSelectContact","contactDetails","flex","titleContainer","titleText","generateMessage","toString","length","contactListContainer","headingTitle","contactList","data","showsVerticalScrollIndicator","automaticallyAdjustKeyboardInsets","nestedScrollEnabled","keyExtractor","value"],"sources":["ContactListView.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { FC, useEffect, useLayoutEffect } from 'react';\nimport { BackHandler, FlatList, Text, View } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport Icon from '@react-native-vector-icons/material-icons';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Types\nimport { ValidateOTPInput } from '../ValidateOTPSchema';\n\n// Sub-components\nimport { ContactCard } from '../sub-components/ContactCard';\n\n// Analytics\nimport { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';\nimport {\n  ScreenNameSdkConstants,\n  SentryEventNameSdkConstants,\n  SeverityLevelValue,\n} from '../../../../analytics/sentry/SentrySdkConstants';\n\nexport const ContactListView: FC<ValidateOTPInput> = (props) => {\n  useEffect(() => {\n    props.setIsContactVisited(true);\n  }, [props]);\n  // Handle back-button click\n  useFocusEffect(\n    React.useCallback(() => {\n      const backHandler = BackHandler.addEventListener('hardwareBackPress', props.handleBackNavigation);\n      return () => backHandler.remove();\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Icon\n            onPress={() => {\n              props.handleBackNavigation();\n              const cta = 'Arrow Back';\n              fireEventWithScreenName({\n                severityLevel: SeverityLevelValue.LOG,\n                eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n                screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n                cta: cta,\n              });\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n  }, [props.navigation, props, props.title]);\n\n  // *render contact card\n  const renderItem = ({ item }: { item: any }) => {\n    return (\n      <ContactCard\n        handleSelectContact={props.handleSelectContact}\n        contactDetails={item}\n      />\n    );\n  };\n\n  return (\n    <View style={{ flex: 1 }}>\n      <View style={styles.titleContainer}>\n        <Text style={styles.titleText}>\n          {props?.generateMessage?.toString()?.length > 0\n            ? props.generateMessage\n            : 'Proceed to OTP verification? A verification code will be sent to the customer'}\n        </Text>\n      </View>\n      <View style={styles.contactListContainer}>\n        <Text style={[styles.titleText, styles.headingTitle]}>\n          Select the contact to receive the OTP\n        </Text>\n        <FlatList\n          style={styles.contactList}\n          data={props.contactList}\n          showsVerticalScrollIndicator={false}\n          automaticallyAdjustKeyboardInsets={true}\n          nestedScrollEnabled\n          keyExtractor={(item: any) => item.value.toString()}\n          renderItem={renderItem}\n        />\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/executiontasks/validateOTP/components/OTPView.js

@@ -4,7 +4,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { useEffect, useLayoutEffect } from 'react';
 import { BackHandler, Text, View } from 'react-native';
 import { useFocusEffect } from '@react-navigation/native';
-import Icon from 'react-native-vector-icons/MaterialIcons';
+import Icon from '@react-native-vector-icons/material-icons';
 
 // Components
 import OTPInput from '../sub-components/OTPInput';
@@ -120,8 +120,8 @@ export const OTPView = props => {
 
   // Handle back-button click
   useFocusEffect(React.useCallback(() => {
-    BackHandler.addEventListener('hardwareBackPress', handleBackPress);
-    return () => BackHandler.removeEventListener('hardwareBackPress', handleBackPress);
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', handleBackPress);
+    return () => backHandler.remove();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []));
   useLayoutEffect(() => {

package/lib/module/components/executiontasks/validateOTP/components/OTPView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useLayoutEffect","BackHandler","Text","View","useFocusEffect","Icon","OTPInput","ResendOTPButton","styles","maskContact","resendOTP","updateResendCount","VALIDATE_OTP_SCREENS","useResendOtpTimer","SnackBarType","ERROR_RESEND_OTP","OTP_SENT_SUCCESSFULLY","fireEventWithScreenName","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","OTPView","props","_props$resendConfig","_props$validateMessag","_props$selectedContac","_props$selectedContac2","formattedTime","timer","resetTimer","resendConfig","enableDelay","handleBackPress","doorstepOTP","isContactVisited","setCurrentScreen","CONTACT_LIST","handleBackNavigation","setOTPCode","handleResendOtp","_props$orderData","payload","refId","meta","orderIds","orderData","map","order","_order$displayInfo","displayInfo","orderId","contactInfo","id","selectedContact","mode","type","index","response","domain","status","_response$data","setSnackBar","show","message","data","result","OTP_FAILED","_response$data2","_response$additionalI","resendCountValue","Number","resendCount","additionalInfo","setResendCount","OTP_SUCCESS","cta","buttonTitle","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VALIDATE_OTP_ET_SCREEN","error","console","useCallback","addEventListener","removeEventListener","navigation","setOptions","title","headerLeft","createElement","onPress","name","color","size","style","paddingRight","paddingTop","renderErrorMessage","errorMessage","renderRetryButton","enableRetry","enableResends","_extends","flex","titleContainer","titleText","validateMessage","toString","length","otpContainer","otpTextMsg","value","input","otpInputConfig","otpCode","hasError","setHasError","setErrorMessage"],"sources":["OTPView.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { FC, useEffect, useLayoutEffect } from 'react';\nimport { BackHandler, Text, View } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\n\n// Components\nimport OTPInput from '../sub-components/OTPInput';\nimport { ResendOTPButton } from '../sub-components/ResendOTPButton';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Utilities\nimport { maskContact } from '../../../../utils/ExecTaskUtils';\nimport { resendOTP, updateResendCount, VALIDATE_OTP_SCREENS } from '../utils';\nimport useResendOtpTimer from '../../../../utils/hooks/useTimer';\n\n// Types\nimport { ValidateOTPInput } from '../ValidateOTPSchema';\nimport { SnackBarType } from '../../../../components/widgets/SnackBarCustom';\nimport { ERROR_RESEND_OTP, OTP_SENT_SUCCESSFULLY } from '../constants';\n\n// Analytics\nimport { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';\nimport {\n  ScreenNameSdkConstants,\n  SentryEventNameSdkConstants,\n  SeverityLevelValue,\n} from '../../../../analytics/sentry/SentrySdkConstants';\n\nexport const OTPView: FC<ValidateOTPInput> = (props) => {\n  const { formattedTime, timer, resetTimer } = useResendOtpTimer(\n    props.resendConfig?.enableDelay\n  );\n\n  const handleBackPress = () => {\n    if (props.doorstepOTP && props.isContactVisited) {\n      props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);\n    } else {\n      props.handleBackNavigation();\n    }\n    props.setOTPCode('');\n    return true;\n  };\n\n  const handleResendOtp = async () => {\n    const payload = {\n      refId: props.refId,\n      meta: {\n        orderIds: props.orderData?.map((order) => order?.displayInfo?.orderId),\n      },\n      ...(props.doorstepOTP && {\n        contactInfo: {\n          id: props.selectedContact.id,\n          mode: props.selectedContact.mode,\n          type: props.selectedContact.type,\n          index: props.selectedContact.index,\n        },\n      }),\n    };\n    try {\n      // if (props.doorstepOTP && !props.isContactVisited) {\n      //   props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);// required may be in future\n      // } else {\n      props.setOTPCode('');\n      // Attempt to resend OTP\n      const response = await resendOTP(payload, {\n        ...props,\n        domain: props.domain,\n      });\n\n      if (!response?.status || !response) {\n        props.setSnackBar({\n          show: true,\n          message: response?.data?.result?.message || ERROR_RESEND_OTP,\n          type: SnackBarType.OTP_FAILED,\n        });\n        return;\n      } else {\n        const resendCountValue =\n          Number(\n            response?.data?.result?.resendCount ||\n              response?.additionalInfo?.resendCount\n          ) || props.resendCount + 1;\n\n        props.setResendCount(resendCountValue);\n        await updateResendCount(resendCountValue);\n\n        props.setSnackBar({\n          show: true,\n          message: OTP_SENT_SUCCESSFULLY,\n          type: SnackBarType.OTP_SUCCESS,\n        });\n\n        // Reset the timer\n        resetTimer();\n      }\n      const cta = props.resendConfig.buttonTitle;\n      fireEventWithScreenName({\n        severityLevel: SeverityLevelValue.LOG,\n        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n        screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n        cta: cta,\n      });\n      // }\n    } catch (error) {\n      console.error('Error during OTP generation or timer reset:', error);\n      props.setSnackBar({\n        show: true,\n        message: ERROR_RESEND_OTP,\n        type: SnackBarType.OTP_FAILED,\n      });\n    }\n    return;\n  };\n\n  // *reset timer on render\n  useEffect(() => {\n    resetTimer();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Handle back-button click\n  useFocusEffect(\n    React.useCallback(() => {\n      BackHandler.addEventListener('hardwareBackPress', handleBackPress);\n      return () =>\n        BackHandler.removeEventListener('hardwareBackPress', handleBackPress);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Icon\n            onPress={() => {\n              handleBackPress();\n              const cta = 'Arrow Back';\n              fireEventWithScreenName({\n                severityLevel: SeverityLevelValue.LOG,\n                eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n                screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n                cta: cta,\n              });\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // *render error message for OTP input\n  const renderErrorMessage = () => {\n    return props.errorMessage ? (\n      <Text style={styles.errorMessage}>{props.errorMessage}</Text>\n    ) : null;\n  };\n\n  // *render retry button\n  const renderRetryButton = () => {\n    const enableRetry = props.resendOTP.enableResends;\n\n    if (enableRetry) {\n      return (\n        <ResendOTPButton\n          {...props}\n          formattedTime={formattedTime}\n          handleResendOtp={handleResendOtp}\n          timer={timer}\n        />\n      );\n    } else return null;\n  };\n\n  return (\n    <View style={{ flex: 1 }}>\n      <View style={styles.titleContainer}>\n        <Text style={styles.titleText}>\n          {props?.validateMessage?.toString()?.length > 0\n            ? props.validateMessage\n            : 'Enter OTP received by consignee'}\n        </Text>\n      </View>\n      <View style={styles.otpContainer}>\n        <Text style={styles.otpTextMsg}>\n          OTP sent to{' '}\n          {props?.selectedContact?.value &&\n            maskContact(props?.selectedContact?.value)}\n        </Text>\n        <OTPInput\n          input={props.otpInputConfig}\n          otpCode={props.otpCode}\n          setOTPCode={props.setOTPCode}\n          hasError={props.hasError}\n          setHasError={props.setHasError}\n          setErrorMessage={props.setErrorMessage}\n        />\n        {renderErrorMessage()}\n        {renderRetryButton()}\n      </View>\n    </View>\n  );\n};\n"],"mappings":";AAAA;AACA;AACA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,eAAe,QAAQ,OAAO;AAC7D,SAASC,WAAW,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,OAAOC,IAAI,MAAM,yCAAyC;;AAE1D;AACA,OAAOC,QAAQ,MAAM,4BAA4B;AACjD,SAASC,eAAe,QAAQ,mCAAmC;;AAEnE;AACA,OAAOC,MAAM,MAAM,sBAAsB;;AAEzC;AACA,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,SAAS,EAAEC,iBAAiB,EAAEC,oBAAoB,QAAQ,UAAU;AAC7E,OAAOC,iBAAiB,MAAM,kCAAkC;;AAEhE;;AAEA,SAASC,YAAY,QAAQ,+CAA+C;AAC5E,SAASC,gBAAgB,EAAEC,qBAAqB,QAAQ,cAAc;;AAEtE;AACA,SAASC,uBAAuB,QAAQ,mDAAmD;AAC3F,SACEC,sBAAsB,EACtBC,2BAA2B,EAC3BC,kBAAkB,QACb,iDAAiD;AAExD,OAAO,MAAMC,OAA6B,GAAIC,KAAK,IAAK;EAAA,IAAAC,mBAAA,EAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EACtD,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGhB,iBAAiB,EAAAU,mBAAA,GAC5DD,KAAK,CAACQ,YAAY,cAAAP,mBAAA,uBAAlBA,mBAAA,CAAoBQ,WACtB,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIV,KAAK,CAACW,WAAW,IAAIX,KAAK,CAACY,gBAAgB,EAAE;MAC/CZ,KAAK,CAACa,gBAAgB,CAACvB,oBAAoB,CAACwB,YAAY,CAAC;IAC3D,CAAC,MAAM;MACLd,KAAK,CAACe,oBAAoB,CAAC,CAAC;IAC9B;IACAf,KAAK,CAACgB,UAAU,CAAC,EAAE,CAAC;IACpB,OAAO,IAAI;EACb,CAAC;EAED,MAAMC,eAAe,GAAG,MAAAA,CAAA,KAAY;IAAA,IAAAC,gBAAA;IAClC,MAAMC,OAAO,GAAG;MACdC,KAAK,EAAEpB,KAAK,CAACoB,KAAK;MAClBC,IAAI,EAAE;QACJC,QAAQ,GAAAJ,gBAAA,GAAElB,KAAK,CAACuB,SAAS,cAAAL,gBAAA,uBAAfA,gBAAA,CAAiBM,GAAG,CAAEC,KAAK;UAAA,IAAAC,kBAAA;UAAA,OAAKD,KAAK,aAALA,KAAK,gBAAAC,kBAAA,GAALD,KAAK,CAAEE,WAAW,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAoBE,OAAO;QAAA;MACvE,CAAC;MACD,IAAI5B,KAAK,CAACW,WAAW,IAAI;QACvBkB,WAAW,EAAE;UACXC,EAAE,EAAE9B,KAAK,CAAC+B,eAAe,CAACD,EAAE;UAC5BE,IAAI,EAAEhC,KAAK,CAAC+B,eAAe,CAACC,IAAI;UAChCC,IAAI,EAAEjC,KAAK,CAAC+B,eAAe,CAACE,IAAI;UAChCC,KAAK,EAAElC,KAAK,CAAC+B,eAAe,CAACG;QAC/B;MACF,CAAC;IACH,CAAC;IACD,IAAI;MACF;MACA;MACA;MACAlC,KAAK,CAACgB,UAAU,CAAC,EAAE,CAAC;MACpB;MACA,MAAMmB,QAAQ,GAAG,MAAM/C,SAAS,CAAC+B,OAAO,EAAE;QACxC,GAAGnB,KAAK;QACRoC,MAAM,EAAEpC,KAAK,CAACoC;MAChB,CAAC,CAAC;MAEF,IAAI,EAACD,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEE,MAAM,KAAI,CAACF,QAAQ,EAAE;QAAA,IAAAG,cAAA;QAClCtC,KAAK,CAACuC,WAAW,CAAC;UAChBC,IAAI,EAAE,IAAI;UACVC,OAAO,EAAE,CAAAN,QAAQ,aAARA,QAAQ,gBAAAG,cAAA,GAARH,QAAQ,CAAEO,IAAI,cAAAJ,cAAA,gBAAAA,cAAA,GAAdA,cAAA,CAAgBK,MAAM,cAAAL,cAAA,uBAAtBA,cAAA,CAAwBG,OAAO,KAAIhD,gBAAgB;UAC5DwC,IAAI,EAAEzC,YAAY,CAACoD;QACrB,CAAC,CAAC;QACF;MACF,CAAC,MAAM;QAAA,IAAAC,eAAA,EAAAC,qBAAA;QACL,MAAMC,gBAAgB,GACpBC,MAAM,CACJ,CAAAb,QAAQ,aAARA,QAAQ,gBAAAU,eAAA,GAARV,QAAQ,CAAEO,IAAI,cAAAG,eAAA,gBAAAA,eAAA,GAAdA,eAAA,CAAgBF,MAAM,cAAAE,eAAA,uBAAtBA,eAAA,CAAwBI,WAAW,MACjCd,QAAQ,aAARA,QAAQ,gBAAAW,qBAAA,GAARX,QAAQ,CAAEe,cAAc,cAAAJ,qBAAA,uBAAxBA,qBAAA,CAA0BG,WAAW,CACzC,CAAC,IAAIjD,KAAK,CAACiD,WAAW,GAAG,CAAC;QAE5BjD,KAAK,CAACmD,cAAc,CAACJ,gBAAgB,CAAC;QACtC,MAAM1D,iBAAiB,CAAC0D,gBAAgB,CAAC;QAEzC/C,KAAK,CAACuC,WAAW,CAAC;UAChBC,IAAI,EAAE,IAAI;UACVC,OAAO,EAAE/C,qBAAqB;UAC9BuC,IAAI,EAAEzC,YAAY,CAAC4D;QACrB,CAAC,CAAC;;QAEF;QACA7C,UAAU,CAAC,CAAC;MACd;MACA,MAAM8C,GAAG,GAAGrD,KAAK,CAACQ,YAAY,CAAC8C,WAAW;MAC1C3D,uBAAuB,CAAC;QACtB4D,aAAa,EAAEzD,kBAAkB,CAAC0D,GAAG;QACrCC,SAAS,EAAE5D,2BAA2B,CAAC6D,cAAc;QACrDC,UAAU,EAAE/D,sBAAsB,CAACgE,sBAAsB;QACzDP,GAAG,EAAEA;MACP,CAAC,CAAC;MACF;IACF,CAAC,CAAC,OAAOQ,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,6CAA6C,EAAEA,KAAK,CAAC;MACnE7D,KAAK,CAACuC,WAAW,CAAC;QAChBC,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEhD,gBAAgB;QACzBwC,IAAI,EAAEzC,YAAY,CAACoD;MACrB,CAAC,CAAC;IACJ;IACA;EACF,CAAC;;EAED;EACAnE,SAAS,CAAC,MAAM;IACd8B,UAAU,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,EAAE,CAAC;;EAEN;EACAzB,cAAc,CACZN,KAAK,CAACuF,WAAW,CAAC,MAAM;IACtBpF,WAAW,CAACqF,gBAAgB,CAAC,mBAAmB,EAAEtD,eAAe,CAAC;IAClE,OAAO,MACL/B,WAAW,CAACsF,mBAAmB,CAAC,mBAAmB,EAAEvD,eAAe,CAAC;IACvE;EACF,CAAC,EAAE,EAAE,CACP,CAAC;EAEDhC,eAAe,CAAC,MAAM;IACpBsB,KAAK,CAACkE,UAAU,CAACC,UAAU,CAAC;MAC1BC,KAAK,EAAEpE,KAAK,CAACoE,KAAK;MAClBC,UAAU,EAAEA,CAAA,KAAM;QAChB,oBACE7F,KAAA,CAAA8F,aAAA,CAACvF,IAAI;UACHwF,OAAO,EAAEA,CAAA,KAAM;YACb7D,eAAe,CAAC,CAAC;YACjB,MAAM2C,GAAG,GAAG,YAAY;YACxB1D,uBAAuB,CAAC;cACtB4D,aAAa,EAAEzD,kBAAkB,CAAC0D,GAAG;cACrCC,SAAS,EAAE5D,2BAA2B,CAAC6D,cAAc;cACrDC,UAAU,EAAE/D,sBAAsB,CAACgE,sBAAsB;cACzDP,GAAG,EAAEA;YACP,CAAC,CAAC;UACJ,CAAE;UACFmB,IAAI,EAAC,YAAY;UACjBC,KAAK,EAAE,OAAQ;UACfC,IAAI,EAAE,EAAG;UACTC,KAAK,EAAE;YACLC,YAAY,EAAE,EAAE;YAChBC,UAAU,EAAE;UACd;QAAE,CACH,CAAC;MAEN;IACF,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,OAAO9E,KAAK,CAAC+E,YAAY,gBACvBvG,KAAA,CAAA8F,aAAA,CAAC1F,IAAI;MAAC+F,KAAK,EAAEzF,MAAM,CAAC6F;IAAa,GAAE/E,KAAK,CAAC+E,YAAmB,CAAC,GAC3D,IAAI;EACV,CAAC;;EAED;EACA,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,MAAMC,WAAW,GAAGjF,KAAK,CAACZ,SAAS,CAAC8F,aAAa;IAEjD,IAAID,WAAW,EAAE;MACf,oBACEzG,KAAA,CAAA8F,aAAA,CAACrF,eAAe,EAAAkG,QAAA,KACVnF,KAAK;QACTK,aAAa,EAAEA,aAAc;QAC7BY,eAAe,EAAEA,eAAgB;QACjCX,KAAK,EAAEA;MAAM,EACd,CAAC;IAEN,CAAC,MAAM,OAAO,IAAI;EACpB,CAAC;EAED,oBACE9B,KAAA,CAAA8F,aAAA,CAACzF,IAAI;IAAC8F,KAAK,EAAE;MAAES,IAAI,EAAE;IAAE;EAAE,gBACvB5G,KAAA,CAAA8F,aAAA,CAACzF,IAAI;IAAC8F,KAAK,EAAEzF,MAAM,CAACmG;EAAe,gBACjC7G,KAAA,CAAA8F,aAAA,CAAC1F,IAAI;IAAC+F,KAAK,EAAEzF,MAAM,CAACoG;EAAU,GAC3B,CAAAtF,KAAK,aAALA,KAAK,gBAAAE,qBAAA,GAALF,KAAK,CAAEuF,eAAe,cAAArF,qBAAA,gBAAAA,qBAAA,GAAtBA,qBAAA,CAAwBsF,QAAQ,CAAC,CAAC,cAAAtF,qBAAA,uBAAlCA,qBAAA,CAAoCuF,MAAM,IAAG,CAAC,GAC3CzF,KAAK,CAACuF,eAAe,GACrB,iCACA,CACF,CAAC,eACP/G,KAAA,CAAA8F,aAAA,CAACzF,IAAI;IAAC8F,KAAK,EAAEzF,MAAM,CAACwG;EAAa,gBAC/BlH,KAAA,CAAA8F,aAAA,CAAC1F,IAAI;IAAC+F,KAAK,EAAEzF,MAAM,CAACyG;EAAW,GAAC,aACnB,EAAC,GAAG,EACd,CAAA3F,KAAK,aAALA,KAAK,gBAAAG,qBAAA,GAALH,KAAK,CAAE+B,eAAe,cAAA5B,qBAAA,uBAAtBA,qBAAA,CAAwByF,KAAK,KAC5BzG,WAAW,CAACa,KAAK,aAALA,KAAK,gBAAAI,sBAAA,GAALJ,KAAK,CAAE+B,eAAe,cAAA3B,sBAAA,uBAAtBA,sBAAA,CAAwBwF,KAAK,CACvC,CAAC,eACPpH,KAAA,CAAA8F,aAAA,CAACtF,QAAQ;IACP6G,KAAK,EAAE7F,KAAK,CAAC8F,cAAe;IAC5BC,OAAO,EAAE/F,KAAK,CAAC+F,OAAQ;IACvB/E,UAAU,EAAEhB,KAAK,CAACgB,UAAW;IAC7BgF,QAAQ,EAAEhG,KAAK,CAACgG,QAAS;IACzBC,WAAW,EAAEjG,KAAK,CAACiG,WAAY;IAC/BC,eAAe,EAAElG,KAAK,CAACkG;EAAgB,CACxC,CAAC,EACDpB,kBAAkB,CAAC,CAAC,EACpBE,iBAAiB,CAAC,CACf,CACF,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useLayoutEffect","BackHandler","Text","View","useFocusEffect","Icon","OTPInput","ResendOTPButton","styles","maskContact","resendOTP","updateResendCount","VALIDATE_OTP_SCREENS","useResendOtpTimer","SnackBarType","ERROR_RESEND_OTP","OTP_SENT_SUCCESSFULLY","fireEventWithScreenName","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","OTPView","props","_props$resendConfig","_props$validateMessag","_props$selectedContac","_props$selectedContac2","formattedTime","timer","resetTimer","resendConfig","enableDelay","handleBackPress","doorstepOTP","isContactVisited","setCurrentScreen","CONTACT_LIST","handleBackNavigation","setOTPCode","handleResendOtp","_props$orderData","payload","refId","meta","orderIds","orderData","map","order","_order$displayInfo","displayInfo","orderId","contactInfo","id","selectedContact","mode","type","index","response","domain","status","_response$data","setSnackBar","show","message","data","result","OTP_FAILED","_response$data2","_response$additionalI","resendCountValue","Number","resendCount","additionalInfo","setResendCount","OTP_SUCCESS","cta","buttonTitle","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VALIDATE_OTP_ET_SCREEN","error","console","useCallback","backHandler","addEventListener","remove","navigation","setOptions","title","headerLeft","createElement","onPress","name","color","size","style","paddingRight","paddingTop","renderErrorMessage","errorMessage","renderRetryButton","enableRetry","enableResends","_extends","flex","titleContainer","titleText","validateMessage","toString","length","otpContainer","otpTextMsg","value","input","otpInputConfig","otpCode","hasError","setHasError","setErrorMessage"],"sources":["OTPView.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { FC, useEffect, useLayoutEffect } from 'react';\nimport { BackHandler, Text, View } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport Icon from '@react-native-vector-icons/material-icons';\n\n// Components\nimport OTPInput from '../sub-components/OTPInput';\nimport { ResendOTPButton } from '../sub-components/ResendOTPButton';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Utilities\nimport { maskContact } from '../../../../utils/ExecTaskUtils';\nimport { resendOTP, updateResendCount, VALIDATE_OTP_SCREENS } from '../utils';\nimport useResendOtpTimer from '../../../../utils/hooks/useTimer';\n\n// Types\nimport { ValidateOTPInput } from '../ValidateOTPSchema';\nimport { SnackBarType } from '../../../../components/widgets/SnackBarCustom';\nimport { ERROR_RESEND_OTP, OTP_SENT_SUCCESSFULLY } from '../constants';\n\n// Analytics\nimport { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';\nimport {\n  ScreenNameSdkConstants,\n  SentryEventNameSdkConstants,\n  SeverityLevelValue,\n} from '../../../../analytics/sentry/SentrySdkConstants';\n\nexport const OTPView: FC<ValidateOTPInput> = (props) => {\n  const { formattedTime, timer, resetTimer } = useResendOtpTimer(\n    props.resendConfig?.enableDelay\n  );\n\n  const handleBackPress = () => {\n    if (props.doorstepOTP && props.isContactVisited) {\n      props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);\n    } else {\n      props.handleBackNavigation();\n    }\n    props.setOTPCode('');\n    return true;\n  };\n\n  const handleResendOtp = async () => {\n    const payload = {\n      refId: props.refId,\n      meta: {\n        orderIds: props.orderData?.map((order) => order?.displayInfo?.orderId),\n      },\n      ...(props.doorstepOTP && {\n        contactInfo: {\n          id: props.selectedContact.id,\n          mode: props.selectedContact.mode,\n          type: props.selectedContact.type,\n          index: props.selectedContact.index,\n        },\n      }),\n    };\n    try {\n      // if (props.doorstepOTP && !props.isContactVisited) {\n      //   props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);// required may be in future\n      // } else {\n      props.setOTPCode('');\n      // Attempt to resend OTP\n      const response = await resendOTP(payload, {\n        ...props,\n        domain: props.domain,\n      });\n\n      if (!response?.status || !response) {\n        props.setSnackBar({\n          show: true,\n          message: response?.data?.result?.message || ERROR_RESEND_OTP,\n          type: SnackBarType.OTP_FAILED,\n        });\n        return;\n      } else {\n        const resendCountValue =\n          Number(\n            response?.data?.result?.resendCount ||\n              response?.additionalInfo?.resendCount\n          ) || props.resendCount + 1;\n\n        props.setResendCount(resendCountValue);\n        await updateResendCount(resendCountValue);\n\n        props.setSnackBar({\n          show: true,\n          message: OTP_SENT_SUCCESSFULLY,\n          type: SnackBarType.OTP_SUCCESS,\n        });\n\n        // Reset the timer\n        resetTimer();\n      }\n      const cta = props.resendConfig.buttonTitle;\n      fireEventWithScreenName({\n        severityLevel: SeverityLevelValue.LOG,\n        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n        screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n        cta: cta,\n      });\n      // }\n    } catch (error) {\n      console.error('Error during OTP generation or timer reset:', error);\n      props.setSnackBar({\n        show: true,\n        message: ERROR_RESEND_OTP,\n        type: SnackBarType.OTP_FAILED,\n      });\n    }\n    return;\n  };\n\n  // *reset timer on render\n  useEffect(() => {\n    resetTimer();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Handle back-button click\n  useFocusEffect(\n    React.useCallback(() => {\n      const backHandler = BackHandler.addEventListener('hardwareBackPress', handleBackPress);\n      return () => backHandler.remove();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Icon\n            onPress={() => {\n              handleBackPress();\n              const cta = 'Arrow Back';\n              fireEventWithScreenName({\n                severityLevel: SeverityLevelValue.LOG,\n                eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n                screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n                cta: cta,\n              });\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // *render error message for OTP input\n  const renderErrorMessage = () => {\n    return props.errorMessage ? (\n      <Text style={styles.errorMessage}>{props.errorMessage}</Text>\n    ) : null;\n  };\n\n  // *render retry button\n  const renderRetryButton = () => {\n    const enableRetry = props.resendOTP.enableResends;\n\n    if (enableRetry) {\n      return (\n        <ResendOTPButton\n          {...props}\n          formattedTime={formattedTime}\n          handleResendOtp={handleResendOtp}\n          timer={timer}\n        />\n      );\n    } else return null;\n  };\n\n  return (\n    <View style={{ flex: 1 }}>\n      <View style={styles.titleContainer}>\n        <Text style={styles.titleText}>\n          {props?.validateMessage?.toString()?.length > 0\n            ? props.validateMessage\n            : 'Enter OTP received by consignee'}\n        </Text>\n      </View>\n      <View style={styles.otpContainer}>\n        <Text style={styles.otpTextMsg}>\n          OTP sent to{' '}\n          {props?.selectedContact?.value &&\n            maskContact(props?.selectedContact?.value)}\n        </Text>\n        <OTPInput\n          input={props.otpInputConfig}\n          otpCode={props.otpCode}\n          setOTPCode={props.setOTPCode}\n          hasError={props.hasError}\n          setHasError={props.setHasError}\n          setErrorMessage={props.setErrorMessage}\n        />\n        {renderErrorMessage()}\n        {renderRetryButton()}\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/executiontasks/validateOTP/components/VerificationComplete.js

@@ -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';
@@ -54,27 +54,25 @@ const VerificationComplete = props => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const renderSuccessCard = () => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FastImage, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(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
+      },
+      contentFit: "contain"
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.otpResponseText
     }, "OTP verified successfully!"));
   };
   const renderFailedCard = () => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FastImage, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(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
+      },
+      contentFit: "contain"
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.otpResponseText
     }, "OTP verification Failed!"));

package/lib/module/components/executiontasks/validateOTP/components/VerificationComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useLayoutEffect","Text","View","styles","FastImage","getBaseETResponse","getEventCodeByET","RETRY_LIMIT_REACHED_CODE","BaseEventCodes","EntityCode","ExecutionTaskID","DefaultSubmitTimeout","VerificationComplete","props","navigation","setOptions","headerShown","sendSuccessOutput","_props$applicableReas","_etOutput","VALIDATE_OTP_ET","applicableReasons","success","mergedObjectiveId","setTimeout","onSubmitET","retryCount","sendFailedOutput","ENTITY_FAILURE","setLoading","renderSuccessCard","createElement","Fragment","source","require","style","height","width","resizeMode","otpResponseText","renderFailedCard","flex","justifyContent","responseCard"],"sources":["VerificationComplete.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-native/no-inline-styles */\nimport React, { FC, useEffect, useLayoutEffect } from 'react';\nimport { Text, View } from 'react-native';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Components\nimport FastImage from 'react-native-fast-image';\n\n// Utilities\nimport { getBaseETResponse } from '../../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../../manager/dispatchCodes/EventCodeContainer';\nimport { RETRY_LIMIT_REACHED_CODE } from '../../../../constants/constants';\n\n// Types\nimport {\n  BaseEventCodes,\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../../models/execTasks/ETConfig';\n\nconst DefaultSubmitTimeout = 3000;\n\nconst VerificationComplete: FC<any> = (props) => {\n  // TO hide header for modal screen\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      headerShown: false,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const sendSuccessOutput = async () => {\n    const _etOutput = await getBaseETResponse(\n      EntityCode.VALIDATE_OTP_ET,\n      true,\n      getEventCodeByET(\n        ExecutionTaskID.VALIDATE_OTP_ET,\n        true,\n        props.applicableReasons?.success\n      ),\n      '',\n      props.mergedObjectiveId,\n      ExecutionTaskID.VALIDATE_OTP_ET\n    );\n    setTimeout(async () => {\n      props.onSubmitET({\n        ..._etOutput,\n        retryCount: props.retryCount,\n      });\n    }, DefaultSubmitTimeout);\n  };\n\n  const sendFailedOutput = async () => {\n    const _etOutput = await getBaseETResponse(\n      EntityCode.VALIDATE_OTP_ET,\n      false,\n      BaseEventCodes.ENTITY_FAILURE,\n      RETRY_LIMIT_REACHED_CODE,\n      props.mergedObjectiveId,\n      ExecutionTaskID.VALIDATE_OTP_ET\n    );\n    setTimeout(async () => {\n      props.onSubmitET({\n        ..._etOutput,\n        retryCount: props.retryCount,\n      });\n    }, DefaultSubmitTimeout);\n  };\n\n  useEffect(() => {\n    props.setLoading(false);\n    if (props.success) {\n      sendSuccessOutput();\n    } else {\n      sendFailedOutput();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const renderSuccessCard = () => {\n    return (\n      <>\n        <FastImage\n          source={require('../../../../icons/icSuccess.gif')}\n          style={{ height: 116, width: 116 }} // Use consistent dimensions here\n          resizeMode=\"contain\" // Ensures the GIF is displayed properly without distortion\n        />\n        <Text style={styles.otpResponseText}>OTP verified successfully!</Text>\n      </>\n    );\n  };\n\n  const renderFailedCard = () => {\n    return (\n      <>\n        <FastImage\n          source={require('../../../../icons/icFailed.gif')}\n          style={{ height: 116, width: 116 }} // Use consistent dimensions here\n          resizeMode=\"contain\" // Ensures the GIF is displayed properly without distortion\n        />\n        <Text style={styles.otpResponseText}>OTP verification Failed!</Text>\n      </>\n    );\n  };\n\n  return (\n    <View style={{ flex: 1 }}>\n      <View\n        style={{\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        <View style={styles.responseCard}>\n          {props.success ? renderSuccessCard() : renderFailedCard()}\n        </View>\n      </View>\n    </View>\n  );\n};\nexport default VerificationComplete;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useLayoutEffect","Text","View","styles","Image","getBaseETResponse","getEventCodeByET","RETRY_LIMIT_REACHED_CODE","BaseEventCodes","EntityCode","ExecutionTaskID","DefaultSubmitTimeout","VerificationComplete","props","navigation","setOptions","headerShown","sendSuccessOutput","_props$applicableReas","_etOutput","VALIDATE_OTP_ET","applicableReasons","success","mergedObjectiveId","setTimeout","onSubmitET","retryCount","sendFailedOutput","ENTITY_FAILURE","setLoading","renderSuccessCard","createElement","Fragment","source","require","style","height","width","contentFit","otpResponseText","renderFailedCard","flex","justifyContent","responseCard"],"sources":["VerificationComplete.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-native/no-inline-styles */\nimport React, { FC, useEffect, useLayoutEffect } from 'react';\nimport { Text, View } from 'react-native';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Components\nimport { Image } from 'expo-image';\n\n// Utilities\nimport { getBaseETResponse } from '../../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../../manager/dispatchCodes/EventCodeContainer';\nimport { RETRY_LIMIT_REACHED_CODE } from '../../../../constants/constants';\n\n// Types\nimport {\n  BaseEventCodes,\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../../models/execTasks/ETConfig';\n\nconst DefaultSubmitTimeout = 3000;\n\nconst VerificationComplete: FC<any> = (props) => {\n  // TO hide header for modal screen\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      headerShown: false,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const sendSuccessOutput = async () => {\n    const _etOutput = await getBaseETResponse(\n      EntityCode.VALIDATE_OTP_ET,\n      true,\n      getEventCodeByET(\n        ExecutionTaskID.VALIDATE_OTP_ET,\n        true,\n        props.applicableReasons?.success\n      ),\n      '',\n      props.mergedObjectiveId,\n      ExecutionTaskID.VALIDATE_OTP_ET\n    );\n    setTimeout(async () => {\n      props.onSubmitET({\n        ..._etOutput,\n        retryCount: props.retryCount,\n      });\n    }, DefaultSubmitTimeout);\n  };\n\n  const sendFailedOutput = async () => {\n    const _etOutput = await getBaseETResponse(\n      EntityCode.VALIDATE_OTP_ET,\n      false,\n      BaseEventCodes.ENTITY_FAILURE,\n      RETRY_LIMIT_REACHED_CODE,\n      props.mergedObjectiveId,\n      ExecutionTaskID.VALIDATE_OTP_ET\n    );\n    setTimeout(async () => {\n      props.onSubmitET({\n        ..._etOutput,\n        retryCount: props.retryCount,\n      });\n    }, DefaultSubmitTimeout);\n  };\n\n  useEffect(() => {\n    props.setLoading(false);\n    if (props.success) {\n      sendSuccessOutput();\n    } else {\n      sendFailedOutput();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const renderSuccessCard = () => {\n    return (\n      <>\n        <Image\n          source={require('../../../../icons/icSuccess.gif')}\n          style={{ height: 116, width: 116 }}\n          contentFit=\"contain\"\n        />\n        <Text style={styles.otpResponseText}>OTP verified successfully!</Text>\n      </>\n    );\n  };\n\n  const renderFailedCard = () => {\n    return (\n      <>\n        <Image\n          source={require('../../../../icons/icFailed.gif')}\n          style={{ height: 116, width: 116 }}\n          contentFit=\"contain\"\n        />\n        <Text style={styles.otpResponseText}>OTP verification Failed!</Text>\n      </>\n    );\n  };\n\n  return (\n    <View style={{ flex: 1 }}>\n      <View\n        style={{\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        <View style={styles.responseCard}>\n          {props.success ? renderSuccessCard() : renderFailedCard()}\n        </View>\n      </View>\n    </View>\n  );\n};\nexport default VerificationComplete;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/executiontasks/verifyOtp/VerifyOtpET.js

@@ -1,23 +1,20 @@
 import { BackHandler, Pressable, StyleSheet, Text, View } from 'react-native';
 import React, { useEffect, useRef } from 'react';
-// @ts-ignore
 import OTPTextView from 'react-native-otp-textinput';
-import { Colors } from 'react-native-paper';
+import { MD2Colors } from 'react-native-paper';
 import { showToast } from '../../widgets/Toaster';
 import { getBaseETResponse } from '../../../utils/ExecTaskUtils';
 import { EntityCode, ExecutionTaskID } from '../../../models/execTasks/ETConfig';
 import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';
 import { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';
 const VerifyOtpET = props => {
-  const otpInput = useRef();
+  const otpInput = useRef(null);
   function backButtonHandler() {
     return true;
   }
   useEffect(() => {
-    BackHandler.addEventListener('hardwareBackPress', backButtonHandler);
-    return () => {
-      BackHandler.removeEventListener('hardwareBackPress', backButtonHandler);
-    };
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', backButtonHandler);
+    return () => backHandler.remove();
   }, []);
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
     style: styles.otpInputTextView
@@ -25,9 +22,9 @@ const VerifyOtpET = props => {
     style: styles.veriOtpText
   }, "Verify OTP"), /*#__PURE__*/React.createElement(OTPTextView, {
     textInputStyle: styles.otpInputStyle,
-    ref: otpInput,
+    ref: otpInput.current,
     inputCount: props.inputCount,
-    tintColor: Colors.blue300,
+    tintColor: MD2Colors.blue300,
     handleTextChange: async value => {
       if (value.length === props.inputCount) {
         props.onSubmit({
@@ -59,7 +56,7 @@ const styles = StyleSheet.create({
   },
   veriOtpText: {
     fontSize: 24,
-    color: Colors.black,
+    color: "#000000",
     marginTop: 40
   },
   otpInputStyle: {

package/lib/module/components/executiontasks/verifyOtp/VerifyOtpET.js.map

@@ -1 +1 @@
-{"version":3,"names":["BackHandler","Pressable","StyleSheet","Text","View","React","useEffect","useRef","OTPTextView","Colors","showToast","getBaseETResponse","EntityCode","ExecutionTaskID","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","VerifyOtpET","props","otpInput","backButtonHandler","addEventListener","removeEventListener","createElement","style","styles","otpInputTextView","veriOtpText","textInputStyle","otpInputStyle","ref","inputCount","tintColor","blue300","handleTextChange","value","length","onSubmit","VERIFY_INPUT","mergedObjectiveId","otpNotReceivedView","onPress","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VERIFY_OTP_ET_SCREEN","sendAgainText","create","backIconView","marginTop","marginStart","fontSize","color","black","borderRadius","borderWidth","paddingHorizontal","paddingVertical","marginHorizontal","flexDirection"],"sources":["VerifyOtpET.tsx"],"sourcesContent":["import { BackHandler, Pressable, StyleSheet, Text, View } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\n// @ts-ignore\nimport OTPTextView from 'react-native-otp-textinput';\nimport { Colors } from 'react-native-paper';\nimport { showToast } from '../../widgets/Toaster';\nimport type { OtpInputSchema } from './VerifyOtpSchema';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';\n\nconst VerifyOtpET = (props: OtpInputSchema) => {\n  const otpInput = useRef();\n\n  function backButtonHandler() {\n    return true;\n  }\n  useEffect(() => {\n    BackHandler.addEventListener('hardwareBackPress', backButtonHandler);\n    return () => {\n      BackHandler.removeEventListener('hardwareBackPress', backButtonHandler);\n    };\n  }, []);\n\n  return (\n    <View>\n      <View style={styles.otpInputTextView}>\n        <Text style={styles.veriOtpText}>Verify OTP</Text>\n        <OTPTextView\n          textInputStyle={styles.otpInputStyle}\n          ref={otpInput}\n          inputCount={props.inputCount}\n          tintColor={Colors.blue300}\n          handleTextChange={async (value: string) => {\n            if (value.length === props.inputCount) {\n              props.onSubmit({\n                ...(await getBaseETResponse(\n                  EntityCode.VERIFY_INPUT,\n                  true,\n                  '',\n                  '',\n                  props.mergedObjectiveId,\n                  ExecutionTaskID.VERIFY_INPUT\n                )),\n              });\n            }\n          }}\n        />\n        <View style={styles.otpNotReceivedView}>\n          <Text>Haven't received the sms?</Text>\n\n          <Pressable\n            onPress={() => {\n              showToast('Resending OTP');\n              const cta = 'Send again';\n              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VERIFY_OTP_ET_SCREEN, cta: cta });   \n  \n            }}\n            style={styles.sendAgainText}\n          >\n            <Text>Send again</Text>\n          </Pressable>\n        </View>\n      </View>\n    </View>\n  );\n};\nexport default VerifyOtpET;\n\nconst styles = StyleSheet.create({\n  backIconView: {\n    marginTop: 22,\n    marginStart: 22,\n  },\n  veriOtpText: {\n    fontSize: 24,\n    color: Colors.black,\n    marginTop: 40,\n  },\n  otpInputStyle: {\n    borderRadius: 4,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingVertical: 12,\n    marginTop: 32,\n  },\n  otpInputTextView: {\n    marginHorizontal: 17,\n  },\n  otpNotReceivedView: {\n    flexDirection: 'row',\n    marginTop: 10,\n  },\n  sendAgainText: {\n    marginHorizontal: 8,\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BackHandler","Pressable","StyleSheet","Text","View","React","useEffect","useRef","OTPTextView","MD2Colors","showToast","getBaseETResponse","EntityCode","ExecutionTaskID","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","VerifyOtpET","props","otpInput","backButtonHandler","backHandler","addEventListener","remove","createElement","style","styles","otpInputTextView","veriOtpText","textInputStyle","otpInputStyle","ref","current","inputCount","tintColor","blue300","handleTextChange","value","length","onSubmit","VERIFY_INPUT","mergedObjectiveId","otpNotReceivedView","onPress","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VERIFY_OTP_ET_SCREEN","sendAgainText","create","backIconView","marginTop","marginStart","fontSize","color","borderRadius","borderWidth","paddingHorizontal","paddingVertical","marginHorizontal","flexDirection"],"sources":["VerifyOtpET.tsx"],"sourcesContent":["import { BackHandler, Pressable, StyleSheet, Text, View } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\nimport OTPTextView from 'react-native-otp-textinput';\nimport { MD2Colors } from 'react-native-paper';\nimport { showToast } from '../../widgets/Toaster';\nimport type { OtpInputSchema } from './VerifyOtpSchema';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { EntityCode, ExecutionTaskID } from '../../../models/execTasks/ETConfig';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';\n\nconst VerifyOtpET = (props: OtpInputSchema) => {\n  const otpInput = useRef<any>(null);\n\n  function backButtonHandler() {\n    return true;\n  }\n  useEffect(() => {\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backButtonHandler);\n      return () => backHandler.remove();\n  }, []);\n\n  return (\n    <View>\n      <View style={styles.otpInputTextView}>\n        <Text style={styles.veriOtpText}>Verify OTP</Text>\n        <OTPTextView\n          textInputStyle={styles.otpInputStyle}\n          ref={otpInput.current}\n          inputCount={props.inputCount}\n          tintColor={MD2Colors.blue300}\n          handleTextChange={async (value: string) => {\n            if (value.length === props.inputCount) {\n              props.onSubmit({\n                ...(await getBaseETResponse(\n                  EntityCode.VERIFY_INPUT,\n                  true,\n                  '',\n                  '',\n                  props.mergedObjectiveId,\n                  ExecutionTaskID.VERIFY_INPUT\n                )),\n              });\n            }\n          }}\n        />\n        <View style={styles.otpNotReceivedView}>\n          <Text>Haven't received the sms?</Text>\n\n          <Pressable\n            onPress={() => {\n              showToast('Resending OTP');\n              const cta = 'Send again';\n              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VERIFY_OTP_ET_SCREEN, cta: cta });   \n            }}\n            style={styles.sendAgainText}>\n            <Text>Send again</Text>\n          </Pressable>\n        </View>\n      </View>\n    </View>\n  );\n};\nexport default VerifyOtpET;\n\nconst styles = StyleSheet.create({\n  backIconView: {\n    marginTop: 22,\n    marginStart: 22,\n  },\n  veriOtpText: {\n    fontSize: 24,\n    color: \"#000000\",\n    marginTop: 40,\n  },\n  otpInputStyle: {\n    borderRadius: 4,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingVertical: 12,\n    marginTop: 32,\n  },\n  otpInputTextView: {\n    marginHorizontal: 17,\n  },\n  otpNotReceivedView: {\n    flexDirection: 'row',\n    marginTop: 10,\n  },\n  sendAgainText: {\n    marginHorizontal: 8,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/widgets/CancelOrderDialog.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Modal, Platform, StyleSheet, View } from 'react-native';
 import { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';
 import { Button, Paragraph, Title } from 'react-native-paper';
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
+import Icon from '@react-native-vector-icons/material-design-icons';
 import SdkColors, { ColorTheme } from '../../styles/SdkColors';
 import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
 import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';

package/lib/module/components/widgets/CancelOrderDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","Platform","StyleSheet","View","CommonStyles","Fonts","Button","Paragraph","Title","Icon","SdkColors","ColorTheme","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","CancelOrderDialog","props","createElement","animationType","transparent","visible","onRequestClose","style","styles","wrapper","content","showIcon","iconName","alignSelf","size","name","color","LIGHT","primaryButton","fontFamily","OS","IBMPlexSans_600SemiBold","marginTop","marginBottom","textAlign","label","message","fontSize","IBMPlexSans_400Regular","mode","uppercase","labelStyle","nextButtonLabel","nextButton","onPress","onSubmit","cta","positiveButtonTitle","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","CANCEL_ORDER_DIALOG_SCREEN","testID","cancelButtonLabel","cancelButton","negativeButtonTitle","create","backgroundColor","padding","borderRadius","width","flex","alignItems","justifyContent"],"sources":["CancelOrderDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Platform, StyleSheet, View } from 'react-native';\nimport { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';\nimport { Button, Paragraph, Title } from 'react-native-paper';\nimport Icon from 'react-native-vector-icons/MaterialCommunityIcons';\nimport SdkColors, { ColorTheme } from '../../styles/SdkColors';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';\n\nconst CancelOrderDialog = (props: CancelDialogProps) => {\n  return (\n    <Modal\n      animationType=\"none\"\n      transparent={true}\n      visible={props.visible}\n      onRequestClose={() => {}}\n    >\n      <View style={styles.wrapper}>\n        <View style={styles.content}>\n          {props.showIcon && props.iconName && (\n            <Icon\n              style={{ alignSelf: 'center' }}\n              size={34}\n              name={props.iconName}\n              color={SdkColors[ColorTheme.LIGHT].primaryButton}\n            />\n          )}\n          <Title\n            style={{\n              fontFamily:\n                Platform.OS === 'android'\n                  ? Fonts.IBMPlexSans_600SemiBold\n                  : 'IBMPlexSans-SemiBold',\n              marginTop: 0,\n              marginBottom: 15,\n              textAlign: 'center',\n              color: '#000000',\n            }}\n          >\n            {props.label ?? 'Cancel Order'}\n          </Title>\n          {props.message && (\n            <Paragraph\n              style={{\n                textAlign: 'center',\n                fontSize: 14,\n                fontFamily:\n                  Platform.OS === 'android'\n                    ? Fonts.IBMPlexSans_400Regular\n                    : 'IBMPlexSans-Regular',\n              }}\n            >\n              {props.message}\n            </Paragraph>\n          )}\n          <View style={{ marginTop: 20 }}>\n            <Button\n              mode={'outlined'}\n              uppercase={false}\n              labelStyle={CommonStyles.nextButtonLabel}\n              style={CommonStyles.nextButton}\n              onPress={() => {\n                props.onSubmit(true);\n                const cta = props.positiveButtonTitle ?? 'Yes';\n                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN, cta: cta });   \n    \n              }}\n              testID=\"primary\"\n            >\n              {props.positiveButtonTitle ?? 'Yes'}\n            </Button>\n            <Button\n              uppercase={false}\n              mode={'outlined'}\n              labelStyle={CommonStyles.cancelButtonLabel}\n              style={[CommonStyles.cancelButton, { marginTop: 10 }]}\n              onPress={async () => {\n                props.onSubmit(false);\n                const cta = props.negativeButtonTitle ?? 'No';\n                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN, cta: cta });\n              }}\n              testID=\"secondary\"\n            >\n              {props.negativeButtonTitle ?? 'No'}\n            </Button>\n          </View>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  content: {\n    backgroundColor: 'white',\n    padding: 20,\n    borderRadius: 5,\n    width: '80%',\n  },\n  wrapper: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.7)',\n  },\n});\n\nexport default CancelOrderDialog;\n\nexport interface CancelDialogProps {\n  visible: boolean;\n  onSubmit: (success: boolean) => void;\n  label?: string;\n  message?: string;\n  positiveButtonTitle?: string;\n  negativeButtonTitle?: string;\n  showIcon?: boolean;\n  iconName?: string;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Modal","Platform","StyleSheet","View","CommonStyles","Fonts","Button","Paragraph","Title","Icon","SdkColors","ColorTheme","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","CancelOrderDialog","props","createElement","animationType","transparent","visible","onRequestClose","style","styles","wrapper","content","showIcon","iconName","alignSelf","size","name","color","LIGHT","primaryButton","fontFamily","OS","IBMPlexSans_600SemiBold","marginTop","marginBottom","textAlign","label","message","fontSize","IBMPlexSans_400Regular","mode","uppercase","labelStyle","nextButtonLabel","nextButton","onPress","onSubmit","cta","positiveButtonTitle","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","CANCEL_ORDER_DIALOG_SCREEN","testID","cancelButtonLabel","cancelButton","negativeButtonTitle","create","backgroundColor","padding","borderRadius","width","flex","alignItems","justifyContent"],"sources":["CancelOrderDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Platform, StyleSheet, View } from 'react-native';\nimport { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';\nimport { Button, Paragraph, Title } from 'react-native-paper';\nimport Icon from '@react-native-vector-icons/material-design-icons';\nimport SdkColors, { ColorTheme } from '../../styles/SdkColors';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';\n\nconst CancelOrderDialog = (props: CancelDialogProps) => {\n  return (\n    <Modal\n      animationType=\"none\"\n      transparent={true}\n      visible={props.visible}\n      onRequestClose={() => {}}\n    >\n      <View style={styles.wrapper}>\n        <View style={styles.content}>\n          {props.showIcon && props.iconName && (\n            <Icon\n              style={{ alignSelf: 'center' }}\n              size={34}\n              name={props.iconName}\n              color={SdkColors[ColorTheme.LIGHT].primaryButton}\n            />\n          )}\n          <Title\n            style={{\n              fontFamily:\n                Platform.OS === 'android'\n                  ? Fonts.IBMPlexSans_600SemiBold\n                  : 'IBMPlexSans-SemiBold',\n              marginTop: 0,\n              marginBottom: 15,\n              textAlign: 'center',\n              color: '#000000',\n            }}\n          >\n            {props.label ?? 'Cancel Order'}\n          </Title>\n          {props.message && (\n            <Paragraph\n              style={{\n                textAlign: 'center',\n                fontSize: 14,\n                fontFamily:\n                  Platform.OS === 'android'\n                    ? Fonts.IBMPlexSans_400Regular\n                    : 'IBMPlexSans-Regular',\n              }}\n            >\n              {props.message}\n            </Paragraph>\n          )}\n          <View style={{ marginTop: 20 }}>\n            <Button\n              mode={'outlined'}\n              uppercase={false}\n              labelStyle={CommonStyles.nextButtonLabel}\n              style={CommonStyles.nextButton}\n              onPress={() => {\n                props.onSubmit(true);\n                const cta = props.positiveButtonTitle ?? 'Yes';\n                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN, cta: cta });   \n    \n              }}\n              testID=\"primary\"\n            >\n              {props.positiveButtonTitle ?? 'Yes'}\n            </Button>\n            <Button\n              uppercase={false}\n              mode={'outlined'}\n              labelStyle={CommonStyles.cancelButtonLabel}\n              style={[CommonStyles.cancelButton, { marginTop: 10 }]}\n              onPress={async () => {\n                props.onSubmit(false);\n                const cta = props.negativeButtonTitle ?? 'No';\n                fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN, cta: cta });\n              }}\n              testID=\"secondary\"\n            >\n              {props.negativeButtonTitle ?? 'No'}\n            </Button>\n          </View>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  content: {\n    backgroundColor: 'white',\n    padding: 20,\n    borderRadius: 5,\n    width: '80%',\n  },\n  wrapper: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.7)',\n  },\n});\n\nexport default CancelOrderDialog;\n\nexport interface CancelDialogProps {\n  visible: boolean;\n  onSubmit: (success: boolean) => void;\n  label?: string;\n  message?: string;\n  positiveButtonTitle?: string;\n  negativeButtonTitle?: string;\n  showIcon?: boolean;\n  iconName?: any;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/widgets/Card.js

@@ -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';
 const Card = props => {

package/lib/module/components/widgets/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","React","Checkbox","Feather","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","Card","props","_props$selectConfig","_props$renderAddition","isSelected","selectConfig","createElement","style","styles","container","status","onPress","_props$selectConfig2","_props$selectConfig3","onSelect","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","CARD_WIDGET_SCREEN","theme","roundness","body","header","title","renderAdditionalHeader","call","Body","editConfig","Fragment","divider","_props$editConfig","_props$editConfig2","onEdit","icon","name","size","color","create","flexDirection","justifyContent","alignItems","paddingVertical","paddingHorizontal","marginVertical","marginHorizontal","borderWidth","borderColor","borderRadius","flex","fontSize","fontStyle","fontWeight","lineHeight","marginRight","height","width","backgroundColor","alignSelf","margin"],"sources":["Card.tsx"],"sourcesContent":["import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';\nimport React from 'react';\nimport { Checkbox } from 'react-native-paper';\nimport { Feather } from '@expo/vector-icons';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';\n\ninterface CardProps {\n  title: string;\n  renderAdditionalHeader?: () => JSX.Element;\n  Body: JSX.Element;\n  editConfig?: {\n    props: any;\n    onEdit: (props: any) => void;\n  };\n  selectConfig?: {\n    isSelected: boolean;\n    props: any;\n    onSelect: (props: any) => void;\n  };\n}\n\nconst Card = (props: CardProps) => {\n  const isSelected = props.selectConfig?.isSelected ? 'checked' : 'unchecked';\n\n  return (\n    <View style={styles.container}>\n      {props.selectConfig ? (\n        <View>\n          <Checkbox\n            status={isSelected}\n            onPress={() => {\n              props.selectConfig?.onSelect(props.selectConfig?.props);\n              const cta = \"Checkbox checked\";\n              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN, cta: cta });   \n            }}\n            theme={{ roundness: 5 }}\n          />\n        </View>\n      ) : null}\n      <View style={styles.body}>\n        <View style={styles.header}>\n          <Text style={styles.title}>{props.title}</Text>\n          {props.renderAdditionalHeader?.()}\n        </View>\n        {props.Body}\n      </View>\n      {props.editConfig ? (\n        <>\n          <View style={styles.divider} />\n          <TouchableOpacity\n            onPress={() => {props.editConfig?.onEdit(props.editConfig?.props)\n              const cta = \"Edit\";\n              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN, cta: cta });   \n  \n            }}\n            style={styles.icon}\n          >\n            <Feather name=\"edit\" size={24} color=\"#5B80F7\" />\n          </TouchableOpacity>\n        </>\n      ) : null}\n    </View>\n  );\n};\n\nexport default Card;\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    alignItems: 'flex-start',\n    paddingVertical: 12,\n    paddingHorizontal: 16,\n    marginVertical: 10,\n    marginHorizontal: 16,\n    borderWidth: 1,\n    borderColor: '#E0E3EB',\n    borderRadius: 8,\n    // height: 150,\n  },\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  body: {\n    flex: 1,\n  },\n  title: {\n    fontSize: 16,\n    fontStyle: 'normal',\n    fontWeight: '500',\n    lineHeight: 24,\n    marginRight: 8,\n  },\n  divider: {\n    height: '90%',\n    width: 2,\n    backgroundColor: '#E0E3EB',\n    alignSelf: 'center',\n  },\n  icon: {\n    alignSelf: 'center',\n    margin: 10,\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","React","Checkbox","Feather","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","Card","props","_props$selectConfig","_props$renderAddition","isSelected","selectConfig","createElement","style","styles","container","status","onPress","_props$selectConfig2","_props$selectConfig3","onSelect","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","CARD_WIDGET_SCREEN","theme","roundness","body","header","title","renderAdditionalHeader","call","Body","editConfig","Fragment","divider","_props$editConfig","_props$editConfig2","onEdit","icon","name","size","color","create","flexDirection","justifyContent","alignItems","paddingVertical","paddingHorizontal","marginVertical","marginHorizontal","borderWidth","borderColor","borderRadius","flex","fontSize","fontStyle","fontWeight","lineHeight","marginRight","height","width","backgroundColor","alignSelf","margin"],"sources":["Card.tsx"],"sourcesContent":["import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';\nimport React from 'react';\nimport { Checkbox } from 'react-native-paper';\nimport Feather from '@react-native-vector-icons/feather';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';\n\ninterface CardProps {\n  title: string;\n  renderAdditionalHeader?: () => JSX.Element;\n  Body: JSX.Element;\n  editConfig?: {\n    props: any;\n    onEdit: (props: any) => void;\n  };\n  selectConfig?: {\n    isSelected: boolean;\n    props: any;\n    onSelect: (props: any) => void;\n  };\n}\n\nconst Card = (props: CardProps) => {\n  const isSelected = props.selectConfig?.isSelected ? 'checked' : 'unchecked';\n\n  return (\n    <View style={styles.container}>\n      {props.selectConfig ? (\n        <View>\n          <Checkbox\n            status={isSelected}\n            onPress={() => {\n              props.selectConfig?.onSelect(props.selectConfig?.props);\n              const cta = \"Checkbox checked\";\n              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN, cta: cta });   \n            }}\n            theme={{ roundness: 5 }}\n          />\n        </View>\n      ) : null}\n      <View style={styles.body}>\n        <View style={styles.header}>\n          <Text style={styles.title}>{props.title}</Text>\n          {props.renderAdditionalHeader?.()}\n        </View>\n        {props.Body}\n      </View>\n      {props.editConfig ? (\n        <>\n          <View style={styles.divider} />\n          <TouchableOpacity\n            onPress={() => {props.editConfig?.onEdit(props.editConfig?.props)\n              const cta = \"Edit\";\n              fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN, cta: cta });   \n  \n            }}\n            style={styles.icon}\n          >\n            <Feather name=\"edit\" size={24} color=\"#5B80F7\" />\n          </TouchableOpacity>\n        </>\n      ) : null}\n    </View>\n  );\n};\n\nexport default Card;\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    alignItems: 'flex-start',\n    paddingVertical: 12,\n    paddingHorizontal: 16,\n    marginVertical: 10,\n    marginHorizontal: 16,\n    borderWidth: 1,\n    borderColor: '#E0E3EB',\n    borderRadius: 8,\n    // height: 150,\n  },\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  body: {\n    flex: 1,\n  },\n  title: {\n    fontSize: 16,\n    fontStyle: 'normal',\n    fontWeight: '500',\n    lineHeight: 24,\n    marginRight: 8,\n  },\n  divider: {\n    height: '90%',\n    width: 2,\n    backgroundColor: '#E0E3EB',\n    alignSelf: 'center',\n  },\n  icon: {\n    alignSelf: 'center',\n    margin: 10,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/widgets/SearchBar.js

@@ -1,6 +1,7 @@
 import React 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';
 const SearchBar = props => {

package/lib/module/components/widgets/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","EvilIcons","MaterialIcons","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","SearchBar","props","searchText","setSearchText","handleSearch","text","onChangeSearch","handleClear","onClear","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","SEARCH_BAR_SCREEN","createElement","style","styles","container","iconContainer","name","size","color","inputContainer","input","placeholder","onChangeText","value","onPress","create","flexDirection","alignItems","backgroundColor","borderRadius","paddingHorizontal","borderWidth","borderColor","marginHorizontal","flex","height","paddingLeft","paddingRight"],"sources":["SearchBar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';\nimport { EvilIcons, MaterialIcons } from '@expo/vector-icons';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';\n \ninterface SearchBarProps {\n  searchText: string;\n  setSearchText: (searchText: string) => void;\n  onChangeSearch: (searchText: string) => any;\n  placeholder: string;\n  onClear: () => any;\n}\n\nconst SearchBar = (props: SearchBarProps) => {\n  const { searchText, setSearchText } = props;\n  const handleSearch = (text: string) => {\n    props.onChangeSearch(text);\n  };\n  const handleClear = () => {\n    props.onClear();\n    setSearchText('');\n    const cta = \"Clear\";\n    fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SEARCH_BAR_SCREEN, cta: cta });\n\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity style={styles.iconContainer}>\n        <EvilIcons name=\"search\" size={24} color=\"#525B7A\" />\n      </TouchableOpacity>\n      <View style={styles.inputContainer}>\n        <TextInput\n          style={styles.input}\n          placeholder={props.placeholder}\n          onChangeText={(text) => {\n            handleSearch(text);\n            setSearchText(text);\n          }}\n          value={searchText}\n        />\n      </View>\n      {searchText ? (\n        <TouchableOpacity style={styles.iconContainer} onPress={handleClear}>\n          <MaterialIcons name=\"clear\" size={24} color=\"#525B7A\" />\n        </TouchableOpacity>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#ffffff',\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    borderWidth: 1,\n    borderColor: '#DDDDDD',\n    marginHorizontal: 16,\n  },\n  inputContainer: {\n    flex: 1,\n  },\n  input: {\n    height: 40,\n  },\n  iconContainer: {\n    paddingLeft: 4,\n    paddingRight: 8,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAoB,OAAO;AACvC,SAASC,IAAI,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC5E,SAASC,SAAS,EAAEC,aAAa,QAAQ,oBAAoB;AAC7D,SAASC,sBAAsB,EAAEC,2BAA2B,EAAEC,kBAAkB,QAAQ,2CAA2C;AACnI,SAASC,uBAAuB,QAAQ,6CAA6C;AAUrF,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAM;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGF,KAAK;EAC3C,MAAMG,YAAY,GAAIC,IAAY,IAAK;IACrCJ,KAAK,CAACK,cAAc,CAACD,IAAI,CAAC;EAC5B,CAAC;EACD,MAAME,WAAW,GAAGA,CAAA,KAAM;IACxBN,KAAK,CAACO,OAAO,CAAC,CAAC;IACfL,aAAa,CAAC,EAAE,CAAC;IACjB,MAAMM,GAAG,GAAG,OAAO;IACnBV,uBAAuB,CAAC;MAAEW,aAAa,EAAEZ,kBAAkB,CAACa,GAAG;MAAEC,SAAS,EAAEf,2BAA2B,CAACgB,cAAc;MAAEC,UAAU,EAAElB,sBAAsB,CAACmB,iBAAiB;MAAEN,GAAG,EAAEA;IAAI,CAAC,CAAC;EAE3L,CAAC;EAED,oBACEpB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IAACyB,KAAK,EAAEC,MAAM,CAACE;EAAc,gBAC5C/B,KAAA,CAAA2B,aAAA,CAACtB,SAAS;IAAC2B,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACpC,CAAC,eACnBlC,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACM;EAAe,gBACjCnC,KAAA,CAAA2B,aAAA,CAACzB,SAAS;IACR0B,KAAK,EAAEC,MAAM,CAACO,KAAM;IACpBC,WAAW,EAAEzB,KAAK,CAACyB,WAAY;IAC/BC,YAAY,EAAGtB,IAAI,IAAK;MACtBD,YAAY,CAACC,IAAI,CAAC;MAClBF,aAAa,CAACE,IAAI,CAAC;IACrB,CAAE;IACFuB,KAAK,EAAE1B;EAAW,CACnB,CACG,CAAC,EACNA,UAAU,gBACTb,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IAACyB,KAAK,EAAEC,MAAM,CAACE,aAAc;IAACS,OAAO,EAAEtB;EAAY,gBAClElB,KAAA,CAAA2B,aAAA,CAACrB,aAAa;IAAC0B,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACvC,CAAC,GACjB,IACA,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGzB,UAAU,CAACqC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,CAAC;IACfC,iBAAiB,EAAE,EAAE;IACrBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,gBAAgB,EAAE;EACpB,CAAC;EACDd,cAAc,EAAE;IACde,IAAI,EAAE;EACR,CAAC;EACDd,KAAK,EAAE;IACLe,MAAM,EAAE;EACV,CAAC;EACDpB,aAAa,EAAE;IACbqB,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAe1C,SAAS","ignoreList":[]}
+{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","EvilIcons","MaterialIcons","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","SearchBar","props","searchText","setSearchText","handleSearch","text","onChangeSearch","handleClear","onClear","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","SEARCH_BAR_SCREEN","createElement","style","styles","container","iconContainer","name","size","color","inputContainer","input","placeholder","onChangeText","value","onPress","create","flexDirection","alignItems","backgroundColor","borderRadius","paddingHorizontal","borderWidth","borderColor","marginHorizontal","flex","height","paddingLeft","paddingRight"],"sources":["SearchBar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';\nimport EvilIcons from '@react-native-vector-icons/evil-icons';\nimport MaterialIcons from '@react-native-vector-icons/material-icons';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';\n \ninterface SearchBarProps {\n  searchText: string;\n  setSearchText: (searchText: string) => void;\n  onChangeSearch: (searchText: string) => any;\n  placeholder: string;\n  onClear: () => any;\n}\n\nconst SearchBar = (props: SearchBarProps) => {\n  const { searchText, setSearchText } = props;\n  const handleSearch = (text: string) => {\n    props.onChangeSearch(text);\n  };\n  const handleClear = () => {\n    props.onClear();\n    setSearchText('');\n    const cta = \"Clear\";\n    fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.SEARCH_BAR_SCREEN, cta: cta });\n\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity style={styles.iconContainer}>\n        <EvilIcons name=\"search\" size={24} color=\"#525B7A\" />\n      </TouchableOpacity>\n      <View style={styles.inputContainer}>\n        <TextInput\n          style={styles.input}\n          placeholder={props.placeholder}\n          onChangeText={(text) => {\n            handleSearch(text);\n            setSearchText(text);\n          }}\n          value={searchText}\n        />\n      </View>\n      {searchText ? (\n        <TouchableOpacity style={styles.iconContainer} onPress={handleClear}>\n          <MaterialIcons name=\"clear\" size={24} color=\"#525B7A\" />\n        </TouchableOpacity>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#ffffff',\n    borderRadius: 6,\n    paddingHorizontal: 12,\n    borderWidth: 1,\n    borderColor: '#DDDDDD',\n    marginHorizontal: 16,\n  },\n  inputContainer: {\n    flex: 1,\n  },\n  input: {\n    height: 40,\n  },\n  iconContainer: {\n    paddingLeft: 4,\n    paddingRight: 8,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAoB,OAAO;AACvC,SAASC,IAAI,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC5E,OAAOC,SAAS,MAAM,uCAAuC;AAC7D,OAAOC,aAAa,MAAM,2CAA2C;AACrE,SAASC,sBAAsB,EAAEC,2BAA2B,EAAEC,kBAAkB,QAAQ,2CAA2C;AACnI,SAASC,uBAAuB,QAAQ,6CAA6C;AAUrF,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAM;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGF,KAAK;EAC3C,MAAMG,YAAY,GAAIC,IAAY,IAAK;IACrCJ,KAAK,CAACK,cAAc,CAACD,IAAI,CAAC;EAC5B,CAAC;EACD,MAAME,WAAW,GAAGA,CAAA,KAAM;IACxBN,KAAK,CAACO,OAAO,CAAC,CAAC;IACfL,aAAa,CAAC,EAAE,CAAC;IACjB,MAAMM,GAAG,GAAG,OAAO;IACnBV,uBAAuB,CAAC;MAAEW,aAAa,EAAEZ,kBAAkB,CAACa,GAAG;MAAEC,SAAS,EAAEf,2BAA2B,CAACgB,cAAc;MAAEC,UAAU,EAAElB,sBAAsB,CAACmB,iBAAiB;MAAEN,GAAG,EAAEA;IAAI,CAAC,CAAC;EAE3L,CAAC;EAED,oBACEpB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IAACyB,KAAK,EAAEC,MAAM,CAACE;EAAc,gBAC5C/B,KAAA,CAAA2B,aAAA,CAACtB,SAAS;IAAC2B,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACpC,CAAC,eACnBlC,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACM;EAAe,gBACjCnC,KAAA,CAAA2B,aAAA,CAACzB,SAAS;IACR0B,KAAK,EAAEC,MAAM,CAACO,KAAM;IACpBC,WAAW,EAAEzB,KAAK,CAACyB,WAAY;IAC/BC,YAAY,EAAGtB,IAAI,IAAK;MACtBD,YAAY,CAACC,IAAI,CAAC;MAClBF,aAAa,CAACE,IAAI,CAAC;IACrB,CAAE;IACFuB,KAAK,EAAE1B;EAAW,CACnB,CACG,CAAC,EACNA,UAAU,gBACTb,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IAACyB,KAAK,EAAEC,MAAM,CAACE,aAAc;IAACS,OAAO,EAAEtB;EAAY,gBAClElB,KAAA,CAAA2B,aAAA,CAACrB,aAAa;IAAC0B,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACvC,CAAC,GACjB,IACA,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGzB,UAAU,CAACqC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,CAAC;IACfC,iBAAiB,EAAE,EAAE;IACrBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,gBAAgB,EAAE;EACpB,CAAC;EACDd,cAAc,EAAE;IACde,IAAI,EAAE;EACR,CAAC;EACDd,KAAK,EAAE;IACLe,MAAM,EAAE;EACV,CAAC;EACDpB,aAAa,EAAE;IACbqB,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAe1C,SAAS","ignoreList":[]}

package/lib/module/components/widgets/SnackBarCustom.js

@@ -1,9 +1,7 @@
-/* eslint-disable react-native/no-inline-styles */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react';
 import { Animated, Platform, SafeAreaView, StyleSheet, Text, View } from 'react-native';
 import { Surface, withTheme } 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, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
 import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
@@ -105,23 +103,23 @@ const SnackbarCustom = ({
   }, /*#__PURE__*/React.createElement(View, {
     style: type && type === SnackBarType.FAILURE ? styles.fail : type && type === SnackBarType.WARNING ? styles.warn : type && type === SnackBarType.PAYMENT_WARNING ? styles.paymentWarn : type && type === SnackBarType.OTP_SUCCESS ? styles.otpSuccess : type && type === SnackBarType.OTP_FAILED ? styles.otpFailed : styles.main
   }, type && type === SnackBarType.FAILURE ? /*#__PURE__*/React.createElement(AntDesign, {
-    name: "exclamationcircleo",
+    name: "exclamation-circle",
     size: 20,
     color: "white"
   }) : type && type === SnackBarType.PAYMENT_WARNING ? /*#__PURE__*/React.createElement(AntDesign, {
-    name: "infocirlceo",
+    name: "info-circle",
     size: 20,
     color: "#D97706"
   }) : type && type === SnackBarType.OTP_SUCCESS ? /*#__PURE__*/React.createElement(AntDesign, {
-    name: "checkcircleo",
+    name: "check-circle",
     size: 20,
     color: "#059669"
   }) : type && type === SnackBarType.OTP_FAILED ? /*#__PURE__*/React.createElement(AntDesign, {
-    name: "closecircleo",
+    name: "close-circle",
     size: 20,
     color: "#DC2626"
   }) : /*#__PURE__*/React.createElement(AntDesign, {
-    name: "checkcircleo",
+    name: "check-circle",
     size: 20,
     color: "white"
   }), /*#__PURE__*/React.createElement(Text, {