npm - @os1-platform/dispatch-mobile - Versions diffs - 2.1.5 → 2.1.7 - Mend

@os1-platform/dispatch-mobile 2.1.5 → 2.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (319) hide show

package/lib/module/components/executiontasks/validateOTP/ValidateOTPET.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["View","Text","StyleSheet","BackHandler","Platform","React","useState","useLayoutEffect","Button","Provider","SvgXml","OTPInput","useTimer","CommonStyles","Fonts","generateOTP","parseRetryConfig","checkForValidation","ERROR_GENERATING_OTP","INVALID_OTP","INVALID_OTP_LENGTH","mobileSVG","EntityCode","ExecutionTaskID","getBaseETResponse","getEventCodeByET","SnackBarCustom","SnackBarType","Icon","GO_BACK_EVENT_CODE","hasGoBackConnector","GoBackModal","useFocusEffect","ValidateOTPET","props","_props$generationLogi","_props$generationLogi2","showBackModal","setShowBackModal","useCallback","onBackPress","_props$taskMeta","taskMeta","enableGoBack","applicableReasons","navigation","goBack","addEventListener","removeEventListener","setOptions","title","headerLeft","createElement","onPress","_props$taskMeta2","name","color","size","style","paddingRight","paddingTop","retryConfig","generationLogic","initialMinute","Math","floor","delay","initialSeconds","parseInt","toFixed","timer","resetTimer","sendOTP","setSendOTP","Boolean","generateOnLoad","retryCount","setRetryCount","userInput","setUserInput","captureInput","otpCode","setOTPCode","hasError","setHasError","errorMessage","setErrorMessage","snackBar","setSnackBar","show","type","SUCCESS","message","renderButtons","styles","bottomView","nextButton","width","marginStart","labelStyle","nextButtonLabel","mode","uppercase","_props$generationLogi3","response","api","FAILURE","length","replace","isValid","validation","_props$applicableReas","onSubmitET","VALIDATE_OTP_ET","success","mergedObjectiveId","cancelButton","marginEnd","cancelButtonLabel","_props$applicableReas2","failure","renderRetryButton","_props$generationLogi4","enableRetry","retryButton","disabled","maxAttempt","buttonTitle","renderErrorMessage","renderModal","showModal","setShowModal","onSuccess","onFailure","mainContainer","flex","justifyContent","alignItems","marginHorizontal","marginBottom","OS","xml","marginTop","titleText","visible","onDismiss","_props$captureInput","otpContainer","otpTitle","input","create","flexDirection","padding","backgroundColor","fontFamily","IBMPlexSans_400Regular","fontStyle","fontSize","lineHeight","letterSpacing","textAlign","marginVertical","subText","modalContent","modalView","borderRadius"],"sources":["ValidateOTPET.tsx"],"sourcesContent":["import { View, Text, StyleSheet, BackHandler, Platform } from 'react-native';\nimport React, { useState, useLayoutEffect } from 'react';\nimport { Button, Modal, Portal, Provider } from 'react-native-paper';\nimport { SvgXml } from 'react-native-svg';\nimport OTPInput from './sub-components/OTPInput';\nimport type { ValidateOTPInput } from './ValidateOTPSchema';\nimport useTimer from '../../../utils/hooks/useTimer';\nimport {\n CommonStyles,\n Fonts,\n} from '../../../styles/executionTasks/CommonStyles';\nimport { generateOTP, parseRetryConfig } from './utils';\nimport { checkForValidation } from './utils';\nimport {\n ERROR_GENERATING_OTP,\n INVALID_OTP,\n INVALID_OTP_LENGTH,\n mobileSVG,\n} from './constants';\nimport {\n EntityCode,\n ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport SnackBarCustom, {\n SnackBarType,\n} from '../../../components/widgets/SnackBarCustom';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\nimport { GO_BACK_EVENT_CODE } from '../../../constants/constants';\nimport { hasGoBackConnector } from '../../../components/utils';\nimport GoBackModal from '../../../components/widgets/GoBackModal';\nimport { useFocusEffect } from '@react-navigation/native';\n\nconst ValidateOTPET = (props: ValidateOTPInput) => {\n const [showBackModal, setShowBackModal] = useState(false);\n\n // Handle back-button click\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n if (\n props.taskMeta?.enableGoBack &&\n hasGoBackConnector(props.applicableReasons)\n ) {\n setShowBackModal(true);\n return true;\n } else {\n props.navigation.goBack();\n return true;\n }\n };\n BackHandler.addEventListener('hardwareBackPress', onBackPress);\n return () =>\n BackHandler.removeEventListener('hardwareBackPress', onBackPress);\n }, [])\n );\n\n useLayoutEffect(() => {\n props.navigation.setOptions({\n title: props.title,\n headerLeft: () => {\n return (\n <Icon\n onPress={() => {\n if (\n props.taskMeta?.enableGoBack &&\n hasGoBackConnector(props.applicableReasons)\n )\n setShowBackModal(true);\n else props.navigation.goBack();\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.title]);\n\n const retryConfig = parseRetryConfig(props.generationLogic?.retryConfig);\n\n const initialMinute = Math.floor(retryConfig.delay / 60);\n const initialSeconds = parseInt((retryConfig.delay % 60).toFixed(0));\n const [timer, resetTimer] = useTimer({\n initialMinute,\n initialSeconds,\n });\n\n const [sendOTP, setSendOTP] = useState(\n Boolean(props.generationLogic?.generateOnLoad)\n );\n const [retryCount, setRetryCount] = useState(0);\n\n const [userInput, setUserInput] = useState({\n captureInput: '',\n });\n const { captureInput: otpCode } = userInput;\n\n const setOTPCode = (otpCode: string) => {\n setUserInput({ ...userInput, captureInput: otpCode });\n };\n\n const [hasError, setHasError] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const [snackBar, setSnackBar] = useState({\n show: false,\n type: SnackBarType.SUCCESS,\n message: '',\n });\n\n const renderButtons = () => {\n return (\n <View style={styles.bottomView}>\n <View>\n <Button\n style={[CommonStyles.nextButton, { width: 165, marginStart: 10 }]}\n labelStyle={CommonStyles.nextButtonLabel}\n mode={'contained'}\n uppercase={false}\n onPress={async () => {\n // send OTP Generation using props\n if (\n sendOTP &&\n props.generationLogic &&\n props.generationLogic?.generateOnLoad\n ) {\n const response = await generateOTP(props.generationLogic.api);\n resetTimer();\n if (response) setSendOTP(false);\n else\n setSnackBar({\n show: true,\n message: ERROR_GENERATING_OTP,\n type: SnackBarType.FAILURE,\n });\n }\n // check for Validation\n else if (!sendOTP) {\n if (otpCode.length < props.captureInput.length) {\n setSnackBar({\n show: true,\n message: INVALID_OTP_LENGTH.replace(\n '<length>',\n `${props.captureInput.length}`\n ),\n type: SnackBarType.FAILURE,\n });\n } else {\n const isValid = await checkForValidation(\n otpCode,\n props.validation,\n { userInput }\n );\n\n if (!isValid) {\n setErrorMessage(INVALID_OTP);\n setHasError(true);\n } else {\n props.onSubmitET({\n ...(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 });\n }\n }\n }\n }}\n >\n Proceed\n </Button>\n </View>\n <View>\n <Button\n style={[CommonStyles.cancelButton, { width: 165, marginEnd: 10 }]}\n labelStyle={CommonStyles.cancelButtonLabel}\n mode={'outlined'}\n uppercase={false}\n onPress={async () => {\n // Cancel the ET\n props.onSubmitET({\n ...(await getBaseETResponse(\n EntityCode.VALIDATE_OTP_ET,\n false,\n getEventCodeByET(\n ExecutionTaskID.VALIDATE_OTP_ET,\n false,\n props.applicableReasons?.failure\n ),\n '',\n props.mergedObjectiveId,\n ExecutionTaskID.VALIDATE_OTP_ET\n )),\n });\n }}\n >\n Skip\n </Button>\n </View>\n </View>\n );\n };\n\n const renderRetryButton = () => {\n const generationLogic = props.generationLogic;\n const enableRetry = props.generationLogic?.enableRetry;\n\n if (generationLogic && enableRetry) {\n return (\n <View style={styles.retryButton}>\n <Button\n disabled={Boolean(timer) \|\| retryCount === retryConfig.maxAttempt}\n uppercase={false}\n onPress={async () => {\n setOTPCode('');\n setRetryCount((retryCount) => retryCount + 1);\n await generateOTP(generationLogic.api);\n resetTimer();\n }}\n >{`${retryConfig.buttonTitle} ${timer ? `in ${timer}` : ''}`}</Button>\n </View>\n );\n } else return null;\n };\n\n const renderErrorMessage = () => {\n return errorMessage ? (\n <Text style={styles.errorMessage}>{errorMessage}</Text>\n ) : null;\n };\n\n const renderModal = () => {\n return (\n <GoBackModal\n showModal={showBackModal}\n setShowModal={setShowBackModal}\n onSuccess={async () => {\n props.onSubmitET({\n ...(await getBaseETResponse(\n EntityCode.VALIDATE_OTP_ET,\n false,\n GO_BACK_EVENT_CODE,\n '',\n props.mergedObjectiveId,\n ExecutionTaskID.VALIDATE_OTP_ET\n )),\n });\n setShowBackModal(false);\n }}\n onFailure={() => setShowBackModal(false)}\n />\n );\n };\n\n if (sendOTP) {\n return (\n <Provider>\n <View style={CommonStyles.mainContainer}>\n {renderModal()}\n <View\n style={{\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n marginHorizontal: 18,\n }}\n >\n <View style={{ marginBottom: 16 }}>\n {Platform.OS === 'android' && <SvgXml xml={mobileSVG} /> }\n </View>\n <View style={{ marginTop: 16 }}>\n <Text style={styles.titleText}>\n Do you want to proceed to OTP verification? This will send a\n verification code to your consignee.\n </Text>\n </View>\n </View>\n {renderButtons()}\n <SnackBarCustom\n type={snackBar.type}\n message={`${snackBar.message}`}\n visible={snackBar.show}\n onDismiss={() => {\n setSnackBar({\n show: false,\n message: '',\n type: SnackBarType.SUCCESS,\n });\n }}\n />\n </View>\n </Provider>\n );\n }\n if (!sendOTP) {\n return (\n <Provider>\n <View style={CommonStyles.mainContainer}>\n {renderModal()}\n <View style={styles.otpContainer}>\n <View style={styles.otpTitle}>\n <Text>\n Enter the {props.captureInput?.length} digit OTP sent to the\n consignee to confirm order completion\n </Text>\n </View>\n <OTPInput\n input={props.captureInput}\n otpCode={otpCode}\n setOTPCode={setOTPCode}\n hasError={hasError}\n setHasError={setHasError}\n setErrorMessage={setErrorMessage}\n />\n {renderErrorMessage()}\n {renderRetryButton()}\n </View>\n {renderButtons()}\n <SnackBarCustom\n type={snackBar.type}\n message={`${snackBar.message}`}\n visible={snackBar.show}\n onDismiss={() => {\n setSnackBar({\n show: false,\n message: '',\n type: SnackBarType.SUCCESS,\n });\n }}\n />\n </View>\n </Provider>\n );\n }\n return null;\n};\n\nexport default ValidateOTPET;\n\nconst styles = StyleSheet.create({\n bottomView: {\n flexDirection: 'row-reverse',\n justifyContent: 'space-evenly',\n padding: 16,\n backgroundColor: 'white',\n },\n titleText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 16,\n lineHeight: 20,\n letterSpacing: 0.25,\n textAlign: 'center',\n color: '#3D445C',\n marginBottom: 10,\n },\n otpTitle: {\n marginTop: 10,\n marginBottom: 20,\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 16,\n lineHeight: 20,\n letterSpacing: 0.25,\n color: '#3D445C',\n alignItems: 'center',\n },\n otpContainer: {\n marginTop: 20,\n marginBottom: 40,\n marginHorizontal: 10,\n flex: 1,\n },\n retryButton: {\n alignItems: 'flex-start',\n marginVertical: 10,\n },\n errorMessage: {\n marginTop: 16,\n marginHorizontal: 10,\n color: '#DC2626',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontSize: 12,\n lineHeight: 16,\n },\n subText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 14,\n letterSpacing: 0.25,\n lineHeight: 20,\n textAlign: 'center',\n color: '#000000',\n marginBottom: 10,\n },\n modalContent: {\n marginStart: 60,\n marginEnd: 60,\n flex: 1,\n marginBottom: 60,\n },\n modalView: {\n backgroundColor: 'white',\n padding: 15,\n borderRadius: 9,\n },\n});\n"],"mappings":"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"}
1	+ {"version":3,"names":["View","Text","StyleSheet","BackHandler","Platform","React","useState","useLayoutEffect","Button","Provider","SvgXml","OTPInput","useTimer","CommonStyles","Fonts","generateOTP","parseRetryConfig","checkForValidation","ERROR_GENERATING_OTP","INVALID_OTP","INVALID_OTP_LENGTH","mobileSVG","EntityCode","ExecutionTaskID","getBaseETResponse","getEventCodeByET","SnackBarCustom","SnackBarType","Icon","GO_BACK_EVENT_CODE","hasGoBackConnector","GoBackModal","useFocusEffect","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","ValidateOTPET","props","_props$generationLogi","_props$generationLogi2","showBackModal","setShowBackModal","useCallback","onBackPress","_props$taskMeta","taskMeta","enableGoBack","applicableReasons","navigation","goBack","addEventListener","removeEventListener","setOptions","title","headerLeft","createElement","onPress","_props$taskMeta2","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VALIDATE_OTP_ET_SCREEN","name","color","size","style","paddingRight","paddingTop","retryConfig","generationLogic","initialMinute","Math","floor","delay","initialSeconds","parseInt","toFixed","timer","resetTimer","sendOTP","setSendOTP","Boolean","generateOnLoad","retryCount","setRetryCount","userInput","setUserInput","captureInput","otpCode","setOTPCode","hasError","setHasError","errorMessage","setErrorMessage","snackBar","setSnackBar","show","type","SUCCESS","message","renderButtons","styles","bottomView","nextButton","width","marginStart","labelStyle","nextButtonLabel","mode","uppercase","_props$generationLogi3","response","api","FAILURE","length","replace","isValid","validation","_props$applicableReas","onSubmitET","VALIDATE_OTP_ET","success","mergedObjectiveId","cancelButton","marginEnd","cancelButtonLabel","_props$applicableReas2","failure","renderRetryButton","_props$generationLogi4","enableRetry","retryButton","disabled","maxAttempt","buttonTitle","renderErrorMessage","renderModal","showModal","setShowModal","onSuccess","onFailure","mainContainer","flex","justifyContent","alignItems","marginHorizontal","marginBottom","OS","xml","marginTop","titleText","visible","onDismiss","_props$captureInput","otpContainer","otpTitle","input","create","flexDirection","padding","backgroundColor","fontFamily","IBMPlexSans_400Regular","fontStyle","fontSize","lineHeight","letterSpacing","textAlign","marginVertical","subText","modalContent","modalView","borderRadius"],"sources":["ValidateOTPET.tsx"],"sourcesContent":["import { View, Text, StyleSheet, BackHandler, Platform } from 'react-native';\nimport React, { useState, useLayoutEffect } from 'react';\nimport { Button, Modal, Portal, Provider } from 'react-native-paper';\nimport { SvgXml } from 'react-native-svg';\nimport OTPInput from './sub-components/OTPInput';\nimport type { ValidateOTPInput } from './ValidateOTPSchema';\nimport useTimer from '../../../utils/hooks/useTimer';\nimport {\n CommonStyles,\n Fonts,\n} from '../../../styles/executionTasks/CommonStyles';\nimport { generateOTP, parseRetryConfig } from './utils';\nimport { checkForValidation } from './utils';\nimport {\n ERROR_GENERATING_OTP,\n INVALID_OTP,\n INVALID_OTP_LENGTH,\n mobileSVG,\n} from './constants';\nimport {\n EntityCode,\n ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport SnackBarCustom, {\n SnackBarType,\n} from '../../../components/widgets/SnackBarCustom';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\nimport { GO_BACK_EVENT_CODE } from '../../../constants/constants';\nimport { hasGoBackConnector } from '../../../components/utils';\nimport GoBackModal from '../../../components/widgets/GoBackModal';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../../analytics/sentry/SentryAnalyticsUtils';\n\nconst ValidateOTPET = (props: ValidateOTPInput) => {\n const [showBackModal, setShowBackModal] = useState(false);\n\n // Handle back-button click\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n if (\n props.taskMeta?.enableGoBack &&\n hasGoBackConnector(props.applicableReasons)\n ) {\n setShowBackModal(true);\n return true;\n } else {\n props.navigation.goBack();\n return true;\n }\n };\n BackHandler.addEventListener('hardwareBackPress', onBackPress);\n return () =>\n BackHandler.removeEventListener('hardwareBackPress', onBackPress);\n }, [])\n );\n\n useLayoutEffect(() => {\n props.navigation.setOptions({\n title: props.title,\n headerLeft: () => {\n return (\n <Icon\n onPress={() => {\n if (\n props.taskMeta?.enableGoBack &&\n hasGoBackConnector(props.applicableReasons)\n )\n setShowBackModal(true);\n else props.navigation.goBack();\n const cta = 'Arrow Back';\n fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, 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.title]);\n\n const retryConfig = parseRetryConfig(props.generationLogic?.retryConfig);\n\n const initialMinute = Math.floor(retryConfig.delay / 60);\n const initialSeconds = parseInt((retryConfig.delay % 60).toFixed(0));\n const [timer, resetTimer] = useTimer({\n initialMinute,\n initialSeconds,\n });\n\n const [sendOTP, setSendOTP] = useState(\n Boolean(props.generationLogic?.generateOnLoad)\n );\n const [retryCount, setRetryCount] = useState(0);\n\n const [userInput, setUserInput] = useState({\n captureInput: '',\n });\n const { captureInput: otpCode } = userInput;\n\n const setOTPCode = (otpCode: string) => {\n setUserInput({ ...userInput, captureInput: otpCode });\n };\n\n const [hasError, setHasError] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n\n const [snackBar, setSnackBar] = useState({\n show: false,\n type: SnackBarType.SUCCESS,\n message: '',\n });\n\n const renderButtons = () => {\n return (\n <View style={styles.bottomView}>\n <View>\n <Button\n style={[CommonStyles.nextButton, { width: 165, marginStart: 10 }]}\n labelStyle={CommonStyles.nextButtonLabel}\n mode={'contained'}\n uppercase={false}\n onPress={async () => {\n // send OTP Generation using props\n if (\n sendOTP &&\n props.generationLogic &&\n props.generationLogic?.generateOnLoad\n ) {\n const response = await generateOTP(props.generationLogic.api);\n resetTimer();\n if (response) setSendOTP(false);\n else\n setSnackBar({\n show: true,\n message: ERROR_GENERATING_OTP,\n type: SnackBarType.FAILURE,\n });\n }\n // check for Validation\n else if (!sendOTP) {\n if (otpCode.length < props.captureInput.length) {\n setSnackBar({\n show: true,\n message: INVALID_OTP_LENGTH.replace(\n '<length>',\n `${props.captureInput.length}`\n ),\n type: SnackBarType.FAILURE,\n });\n } else {\n const isValid = await checkForValidation(\n otpCode,\n props.validation,\n { userInput }\n );\n\n if (!isValid) {\n setErrorMessage(INVALID_OTP);\n setHasError(true);\n } else {\n props.onSubmitET({\n ...(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 });\n }\n }\n }\n const cta = 'Proceed';\n fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, cta: cta }); \n \n }}\n >\n Proceed\n </Button>\n </View>\n <View>\n <Button\n style={[CommonStyles.cancelButton, { width: 165, marginEnd: 10 }]}\n labelStyle={CommonStyles.cancelButtonLabel}\n mode={'outlined'}\n uppercase={false}\n onPress={async () => {\n // Cancel the ET\n props.onSubmitET({\n ...(await getBaseETResponse(\n EntityCode.VALIDATE_OTP_ET,\n false,\n getEventCodeByET(\n ExecutionTaskID.VALIDATE_OTP_ET,\n false,\n props.applicableReasons?.failure\n ),\n '',\n props.mergedObjectiveId,\n ExecutionTaskID.VALIDATE_OTP_ET\n )),\n });\n const cta = 'Skip';\n fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, cta: cta }); \n \n }}\n >\n Skip\n </Button>\n </View>\n </View>\n );\n };\n\n const renderRetryButton = () => {\n const generationLogic = props.generationLogic;\n const enableRetry = props.generationLogic?.enableRetry;\n\n if (generationLogic && enableRetry) {\n return (\n <View style={styles.retryButton}>\n <Button\n disabled={Boolean(timer) \|\| retryCount === retryConfig.maxAttempt}\n uppercase={false}\n onPress={async () => {\n setOTPCode('');\n setRetryCount((retryCount) => retryCount + 1);\n await generateOTP(generationLogic.api);\n resetTimer();\n const cta = retryConfig.buttonTitle;\n fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN, cta: cta }); \n \n }}\n >{`${retryConfig.buttonTitle} ${timer ? `in ${timer}` : ''}`}</Button>\n </View>\n );\n } else return null;\n };\n\n const renderErrorMessage = () => {\n return errorMessage ? (\n <Text style={styles.errorMessage}>{errorMessage}</Text>\n ) : null;\n };\n\n const renderModal = () => {\n return (\n <GoBackModal\n showModal={showBackModal}\n setShowModal={setShowBackModal}\n onSuccess={async () => {\n props.onSubmitET({\n ...(await getBaseETResponse(\n EntityCode.VALIDATE_OTP_ET,\n false,\n GO_BACK_EVENT_CODE,\n '',\n props.mergedObjectiveId,\n ExecutionTaskID.VALIDATE_OTP_ET\n )),\n });\n setShowBackModal(false);\n }}\n onFailure={() => setShowBackModal(false)}\n />\n );\n };\n\n if (sendOTP) {\n return (\n <Provider>\n <View style={CommonStyles.mainContainer}>\n {renderModal()}\n <View\n style={{\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n marginHorizontal: 18,\n }}\n >\n <View style={{ marginBottom: 16 }}>\n {Platform.OS === 'android' && <SvgXml xml={mobileSVG} /> }\n </View>\n <View style={{ marginTop: 16 }}>\n <Text style={styles.titleText}>\n Do you want to proceed to OTP verification? This will send a\n verification code to your consignee.\n </Text>\n </View>\n </View>\n {renderButtons()}\n <SnackBarCustom\n type={snackBar.type}\n message={`${snackBar.message}`}\n visible={snackBar.show}\n onDismiss={() => {\n setSnackBar({\n show: false,\n message: '',\n type: SnackBarType.SUCCESS,\n });\n }}\n />\n </View>\n </Provider>\n );\n }\n if (!sendOTP) {\n return (\n <Provider>\n <View style={CommonStyles.mainContainer}>\n {renderModal()}\n <View style={styles.otpContainer}>\n <View style={styles.otpTitle}>\n <Text>\n Enter the {props.captureInput?.length} digit OTP sent to the\n consignee to confirm order completion\n </Text>\n </View>\n <OTPInput\n input={props.captureInput}\n otpCode={otpCode}\n setOTPCode={setOTPCode}\n hasError={hasError}\n setHasError={setHasError}\n setErrorMessage={setErrorMessage}\n />\n {renderErrorMessage()}\n {renderRetryButton()}\n </View>\n {renderButtons()}\n <SnackBarCustom\n type={snackBar.type}\n message={`${snackBar.message}`}\n visible={snackBar.show}\n onDismiss={() => {\n setSnackBar({\n show: false,\n message: '',\n type: SnackBarType.SUCCESS,\n });\n }}\n />\n </View>\n </Provider>\n );\n }\n return null;\n};\n\nexport default ValidateOTPET;\n\nconst styles = StyleSheet.create({\n bottomView: {\n flexDirection: 'row-reverse',\n justifyContent: 'space-evenly',\n padding: 16,\n backgroundColor: 'white',\n },\n titleText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 16,\n lineHeight: 20,\n letterSpacing: 0.25,\n textAlign: 'center',\n color: '#3D445C',\n marginBottom: 10,\n },\n otpTitle: {\n marginTop: 10,\n marginBottom: 20,\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 16,\n lineHeight: 20,\n letterSpacing: 0.25,\n color: '#3D445C',\n alignItems: 'center',\n },\n otpContainer: {\n marginTop: 20,\n marginBottom: 40,\n marginHorizontal: 10,\n flex: 1,\n },\n retryButton: {\n alignItems: 'flex-start',\n marginVertical: 10,\n },\n errorMessage: {\n marginTop: 16,\n marginHorizontal: 10,\n color: '#DC2626',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontSize: 12,\n lineHeight: 16,\n },\n subText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 14,\n letterSpacing: 0.25,\n lineHeight: 20,\n textAlign: 'center',\n color: '#000000',\n marginBottom: 10,\n },\n modalContent: {\n marginStart: 60,\n marginEnd: 60,\n flex: 1,\n marginBottom: 60,\n },\n modalView: {\n backgroundColor: 'white',\n padding: 15,\n borderRadius: 9,\n },\n});\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,cAAc;AAC5E,OAAOC,KAAK,IAAIC,QAAQ,EAAEC,eAAe,QAAQ,OAAO;AACxD,SAASC,MAAM,EAAiBC,QAAQ,QAAQ,oBAAoB;AACpE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,QAAQ,MAAM,2BAA2B;AAEhD,OAAOC,QAAQ,MAAM,+BAA+B;AACpD,SACEC,YAAY,EACZC,KAAK,QACA,6CAA6C;AACpD,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,SAAS;AACvD,SAASC,kBAAkB,QAAQ,SAAS;AAC5C,SACEC,oBAAoB,EACpBC,WAAW,EACXC,kBAAkB,EAClBC,SAAS,QACJ,aAAa;AACpB,SACEC,UAAU,EACVC,eAAe,QACV,oCAAoC;AAC3C,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SAASC,gBAAgB,QAAQ,mDAAmD;AACpF,OAAOC,cAAc,IACnBC,YAAY,QACP,4CAA4C;AACnD,OAAOC,IAAI,MAAM,yCAAyC;AAC1D,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,sBAAsB,EAAEC,2BAA2B,EAAEC,kBAAkB,QAAQ,8CAA8C;AACtI,SAASC,uBAAuB,QAAQ,gDAAgD;AAExF,MAAMC,aAAa,GAAIC,KAAuB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACjD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGpC,QAAQ,CAAC,KAAK,CAAC;;EAEzD;EACA0B,cAAc,CACZ3B,KAAK,CAACsC,WAAW,CAAC,MAAM;IACtB,MAAMC,WAAW,GAAGA,CAAA,KAAM;MAAA,IAAAC,eAAA;MACxB,IACE,CAAAA,eAAA,GAAAP,KAAK,CAACQ,QAAQ,cAAAD,eAAA,eAAdA,eAAA,CAAgBE,YAAY,IAC5BjB,kBAAkB,CAACQ,KAAK,CAACU,iBAAiB,CAAC,EAC3C;QACAN,gBAAgB,CAAC,IAAI,CAAC;QACtB,OAAO,IAAI;MACb,CAAC,MAAM;QACLJ,KAAK,CAACW,UAAU,CAACC,MAAM,CAAC,CAAC;QACzB,OAAO,IAAI;MACb;IACF,CAAC;IACD/C,WAAW,CAACgD,gBAAgB,CAAC,mBAAmB,EAAEP,WAAW,CAAC;IAC9D,OAAO,MACLzC,WAAW,CAACiD,mBAAmB,CAAC,mBAAmB,EAAER,WAAW,CAAC;EACrE,CAAC,EAAE,EAAE,CACP,CAAC;EAEDrC,eAAe,CAAC,MAAM;IACpB+B,KAAK,CAACW,UAAU,CAACI,UAAU,CAAC;MAC1BC,KAAK,EAAEhB,KAAK,CAACgB,KAAK;MAClBC,UAAU,EAAEA,CAAA,KAAM;QAChB,oBACElD,KAAA,CAAAmD,aAAA,CAAC5B,IAAI;UACH6B,OAAO,EAAEA,CAAA,KAAM;YAAA,IAAAC,gBAAA;YACb,IACE,CAAAA,gBAAA,GAAApB,KAAK,CAACQ,QAAQ,cAAAY,gBAAA,eAAdA,gBAAA,CAAgBX,YAAY,IAC5BjB,kBAAkB,CAACQ,KAAK,CAACU,iBAAiB,CAAC,EAE3CN,gBAAgB,CAAC,IAAI,CAAC,CAAC,KACpBJ,KAAK,CAACW,UAAU,CAACC,MAAM,CAAC,CAAC;YAC9B,MAAMS,GAAG,GAAG,YAAY;YACxBvB,uBAAuB,CAAC;cAAEwB,aAAa,EAAEzB,kBAAkB,CAAC0B,GAAG;cAAEC,SAAS,EAAE5B,2BAA2B,CAAC6B,cAAc;cAAEC,UAAU,EAAE/B,sBAAsB,CAACgC,sBAAsB;cAAEN,GAAG,EAAEA;YAAI,CAAC,CAAC;UAEhM,CAAE;UACFO,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;EACJ,CAAC,EAAE,CAACjC,KAAK,CAACW,UAAU,EAAEX,KAAK,CAACgB,KAAK,CAAC,CAAC;EAEnC,MAAMkB,WAAW,GAAGxD,gBAAgB,EAAAuB,qBAAA,GAACD,KAAK,CAACmC,eAAe,cAAAlC,qBAAA,uBAArBA,qBAAA,CAAuBiC,WAAW,CAAC;EAExE,MAAME,aAAa,GAAGC,IAAI,CAACC,KAAK,CAACJ,WAAW,CAACK,KAAK,GAAG,EAAE,CAAC;EACxD,MAAMC,cAAc,GAAGC,QAAQ,CAAC,CAACP,WAAW,CAACK,KAAK,GAAG,EAAE,EAAEG,OAAO,CAAC,CAAC,CAAC,CAAC;EACpE,MAAM,CAACC,KAAK,EAAEC,UAAU,CAAC,GAAGtE,QAAQ,CAAC;IACnC8D,aAAa;IACbI;EACF,CAAC,CAAC;EAEF,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAG9E,QAAQ,CACpC+E,OAAO,EAAA7C,sBAAA,GAACF,KAAK,CAACmC,eAAe,cAAAjC,sBAAA,uBAArBA,sBAAA,CAAuB8C,cAAc,CAC/C,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGlF,QAAQ,CAAC,CAAC,CAAC;EAE/C,MAAM,CAACmF,SAAS,EAAEC,YAAY,CAAC,GAAGpF,QAAQ,CAAC;IACzCqF,YAAY,EAAE;EAChB,CAAC,CAAC;EACF,MAAM;IAAEA,YAAY,EAAEC;EAAQ,CAAC,GAAGH,SAAS;EAE3C,MAAMI,UAAU,GAAID,OAAe,IAAK;IACtCF,YAAY,CAAC;MAAE,GAAGD,SAAS;MAAEE,YAAY,EAAEC;IAAQ,CAAC,CAAC;EACvD,CAAC;EAED,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGzF,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM,CAAC0F,YAAY,EAAEC,eAAe,CAAC,GAAG3F,QAAQ,CAAC,EAAE,CAAC;EAEpD,MAAM,CAAC4F,QAAQ,EAAEC,WAAW,CAAC,GAAG7F,QAAQ,CAAC;IACvC8F,IAAI,EAAE,KAAK;IACXC,IAAI,EAAE1E,YAAY,CAAC2E,OAAO;IAC1BC,OAAO,EAAE;EACX,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACEnG,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MAACqE,KAAK,EAAEoC,MAAM,CAACC;IAAW,gBAC7BrG,KAAA,CAAAmD,aAAA,CAACxD,IAAI,qBACHK,KAAA,CAAAmD,aAAA,CAAChD,MAAM;MACL6D,KAAK,EAAE,CAACxD,YAAY,CAAC8F,UAAU,EAAE;QAAEC,KAAK,EAAE,GAAG;QAAEC,WAAW,EAAE;MAAG,CAAC,CAAE;MAClEC,UAAU,EAAEjG,YAAY,CAACkG,eAAgB;MACzCC,IAAI,EAAE,WAAY;MAClBC,SAAS,EAAE,KAAM;MACjBxD,OAAO,EAAE,MAAAA,CAAA,KAAY;QAAA,IAAAyD,sBAAA;QACnB;QACA,IACE/B,OAAO,IACP7C,KAAK,CAACmC,eAAe,KAAAyC,sBAAA,GACrB5E,KAAK,CAACmC,eAAe,cAAAyC,sBAAA,eAArBA,sBAAA,CAAuB5B,cAAc,EACrC;UACA,MAAM6B,QAAQ,GAAG,MAAMpG,WAAW,CAACuB,KAAK,CAACmC,eAAe,CAAC2C,GAAG,CAAC;UAC7DlC,UAAU,CAAC,CAAC;UACZ,IAAIiC,QAAQ,EAAE/B,UAAU,CAAC,KAAK,CAAC,CAAC,KAE9Be,WAAW,CAAC;YACVC,IAAI,EAAE,IAAI;YACVG,OAAO,EAAErF,oBAAoB;YAC7BmF,IAAI,EAAE1E,YAAY,CAAC0F;UACrB,CAAC,CAAC;QACN;QACA;QAAA,KACK,IAAI,CAAClC,OAAO,EAAE;UACjB,IAAIS,OAAO,CAAC0B,MAAM,GAAGhF,KAAK,CAACqD,YAAY,CAAC2B,MAAM,EAAE;YAC9CnB,WAAW,CAAC;cACVC,IAAI,EAAE,IAAI;cACVG,OAAO,EAAEnF,kBAAkB,CAACmG,OAAO,CACjC,UAAU,EACT,GAAEjF,KAAK,CAACqD,YAAY,CAAC2B,MAAO,EAC/B,CAAC;cACDjB,IAAI,EAAE1E,YAAY,CAAC0F;YACrB,CAAC,CAAC;UACJ,CAAC,MAAM;YACL,MAAMG,OAAO,GAAG,MAAMvG,kBAAkB,CACtC2E,OAAO,EACPtD,KAAK,CAACmF,UAAU,EAChB;cAAEhC;YAAU,CACd,CAAC;YAED,IAAI,CAAC+B,OAAO,EAAE;cACZvB,eAAe,CAAC9E,WAAW,CAAC;cAC5B4E,WAAW,CAAC,IAAI,CAAC;YACnB,CAAC,MAAM;cAAA,IAAA2B,qBAAA;cACLpF,KAAK,CAACqF,UAAU,CAAC;gBACf,IAAI,MAAMnG,iBAAiB,CACzBF,UAAU,CAACsG,eAAe,EAC1B,IAAI,EACJnG,gBAAgB,CACdF,eAAe,CAACqG,eAAe,EAC/B,IAAI,GAAAF,qBAAA,GACJpF,KAAK,CAACU,iBAAiB,cAAA0E,qBAAA,uBAAvBA,qBAAA,CAAyBG,OAC3B,CAAC,EACD,EAAE,EACFvF,KAAK,CAACwF,iBAAiB,EACvBvG,eAAe,CAACqG,eAClB,CAAC;cACH,CAAC,CAAC;YACJ;UACF;QACF;QACA,MAAMjE,GAAG,GAAG,SAAS;QACrBvB,uBAAuB,CAAC;UAAEwB,aAAa,EAAEzB,kBAAkB,CAAC0B,GAAG;UAAEC,SAAS,EAAE5B,2BAA2B,CAAC6B,cAAc;UAAEC,UAAU,EAAE/B,sBAAsB,CAACgC,sBAAsB;UAAEN,GAAG,EAAEA;QAAI,CAAC,CAAC;MAEhM;IAAE,GACH,SAEO,CACJ,CAAC,eACPtD,KAAA,CAAAmD,aAAA,CAACxD,IAAI,qBACHK,KAAA,CAAAmD,aAAA,CAAChD,MAAM;MACL6D,KAAK,EAAE,CAACxD,YAAY,CAACkH,YAAY,EAAE;QAAEnB,KAAK,EAAE,GAAG;QAAEoB,SAAS,EAAE;MAAG,CAAC,CAAE;MAClElB,UAAU,EAAEjG,YAAY,CAACoH,iBAAkB;MAC3CjB,IAAI,EAAE,UAAW;MACjBC,SAAS,EAAE,KAAM;MACjBxD,OAAO,EAAE,MAAAA,CAAA,KAAY;QAAA,IAAAyE,sBAAA;QACnB;QACA5F,KAAK,CAACqF,UAAU,CAAC;UACf,IAAI,MAAMnG,iBAAiB,CACzBF,UAAU,CAACsG,eAAe,EAC1B,KAAK,EACLnG,gBAAgB,CACdF,eAAe,CAACqG,eAAe,EAC/B,KAAK,GAAAM,sBAAA,GACL5F,KAAK,CAACU,iBAAiB,cAAAkF,sBAAA,uBAAvBA,sBAAA,CAAyBC,OAC3B,CAAC,EACD,EAAE,EACF7F,KAAK,CAACwF,iBAAiB,EACvBvG,eAAe,CAACqG,eAClB,CAAC;QACH,CAAC,CAAC;QACF,MAAMjE,GAAG,GAAG,MAAM;QAClBvB,uBAAuB,CAAC;UAAEwB,aAAa,EAAEzB,kBAAkB,CAAC0B,GAAG;UAAEC,SAAS,EAAE5B,2BAA2B,CAAC6B,cAAc;UAAEC,UAAU,EAAE/B,sBAAsB,CAACgC,sBAAsB;UAAEN,GAAG,EAAEA;QAAI,CAAC,CAAC;MAEhM;IAAE,GACH,MAEO,CACJ,CACF,CAAC;EAEX,CAAC;EAED,MAAMyE,iBAAiB,GAAGA,CAAA,KAAM;IAAA,IAAAC,sBAAA;IAC9B,MAAM5D,eAAe,GAAGnC,KAAK,CAACmC,eAAe;IAC7C,MAAM6D,WAAW,IAAAD,sBAAA,GAAG/F,KAAK,CAACmC,eAAe,cAAA4D,sBAAA,uBAArBA,sBAAA,CAAuBC,WAAW;IAEtD,IAAI7D,eAAe,IAAI6D,WAAW,EAAE;MAClC,oBACEjI,KAAA,CAAAmD,aAAA,CAACxD,IAAI;QAACqE,KAAK,EAAEoC,MAAM,CAAC8B;MAAY,gBAC9BlI,KAAA,CAAAmD,aAAA,CAAChD,MAAM;QACLgI,QAAQ,EAAEnD,OAAO,CAACJ,KAAK,CAAC,IAAIM,UAAU,KAAKf,WAAW,CAACiE,UAAW;QAClExB,SAAS,EAAE,KAAM;QACjBxD,OAAO,EAAE,MAAAA,CAAA,KAAY;UACnBoC,UAAU,CAAC,EAAE,CAAC;UACdL,aAAa,CAAED,UAAU,IAAKA,UAAU,GAAG,CAAC,CAAC;UAC7C,MAAMxE,WAAW,CAAC0D,eAAe,CAAC2C,GAAG,CAAC;UACtClC,UAAU,CAAC,CAAC;UACZ,MAAMvB,GAAG,GAAGa,WAAW,CAACkE,WAAW;UACnCtG,uBAAuB,CAAC;YAAEwB,aAAa,EAAEzB,kBAAkB,CAAC0B,GAAG;YAAEC,SAAS,EAAE5B,2BAA2B,CAAC6B,cAAc;YAAEC,UAAU,EAAE/B,sBAAsB,CAACgC,sBAAsB;YAAEN,GAAG,EAAEA;UAAI,CAAC,CAAC;QAEhM;MAAE,GACD,GAAEa,WAAW,CAACkE,WAAY,IAAGzD,KAAK,GAAI,MAAKA,KAAM,EAAC,GAAG,EAAG,EAAU,CACjE,CAAC;IAEX,CAAC,MAAM,OAAO,IAAI;EACpB,CAAC;EAED,MAAM0D,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,OAAO3C,YAAY,gBACjB3F,KAAA,CAAAmD,aAAA,CAACvD,IAAI;MAACoE,KAAK,EAAEoC,MAAM,CAACT;IAAa,GAAEA,YAAmB,CAAC,GACrD,IAAI;EACV,CAAC;EAED,MAAM4C,WAAW,GAAGA,CAAA,KAAM;IACxB,oBACEvI,KAAA,CAAAmD,aAAA,CAACzB,WAAW;MACV8G,SAAS,EAAEpG,aAAc;MACzBqG,YAAY,EAAEpG,gBAAiB;MAC/BqG,SAAS,EAAE,MAAAA,CAAA,KAAY;QACrBzG,KAAK,CAACqF,UAAU,CAAC;UACf,IAAI,MAAMnG,iBAAiB,CACzBF,UAAU,CAACsG,eAAe,EAC1B,KAAK,EACL/F,kBAAkB,EAClB,EAAE,EACFS,KAAK,CAACwF,iBAAiB,EACvBvG,eAAe,CAACqG,eAClB,CAAC;QACH,CAAC,CAAC;QACFlF,gBAAgB,CAAC,KAAK,CAAC;MACzB,CAAE;MACFsG,SAAS,EAAEA,CAAA,KAAMtG,gBAAgB,CAAC,KAAK;IAAE,CAC1C,CAAC;EAEN,CAAC;EAED,IAAIyC,OAAO,EAAE;IACX,oBACE9E,KAAA,CAAAmD,aAAA,CAAC/C,QAAQ,qBACPJ,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MAACqE,KAAK,EAAExD,YAAY,CAACoI;IAAc,GACrCL,WAAW,CAAC,CAAC,eACdvI,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MACHqE,KAAK,EAAE;QACL6E,IAAI,EAAE,CAAC;QACPC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,gBAAgB,EAAE;MACpB;IAAE,gBAEFhJ,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MAACqE,KAAK,EAAE;QAAEiF,YAAY,EAAE;MAAG;IAAE,GAChClJ,QAAQ,CAACmJ,EAAE,KAAK,SAAS,iBAAKlJ,KAAA,CAAAmD,aAAA,CAAC9C,MAAM;MAAC8I,GAAG,EAAEnI;IAAU,CAAE,CACnD,CAAC,eACPhB,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MAACqE,KAAK,EAAE;QAAEoF,SAAS,EAAE;MAAG;IAAE,gBAC7BpJ,KAAA,CAAAmD,aAAA,CAACvD,IAAI;MAACoE,KAAK,EAAEoC,MAAM,CAACiD;IAAU,GAAC,mGAGzB,CACF,CACF,CAAC,EACNlD,aAAa,CAAC,CAAC,eAChBnG,KAAA,CAAAmD,aAAA,CAAC9B,cAAc;MACb2E,IAAI,EAAEH,QAAQ,CAACG,IAAK;MACpBE,OAAO,EAAG,GAAEL,QAAQ,CAACK,OAAQ,EAAE;MAC/BoD,OAAO,EAAEzD,QAAQ,CAACE,IAAK;MACvBwD,SAAS,EAAEA,CAAA,KAAM;QACfzD,WAAW,CAAC;UACVC,IAAI,EAAE,KAAK;UACXG,OAAO,EAAE,EAAE;UACXF,IAAI,EAAE1E,YAAY,CAAC2E;QACrB,CAAC,CAAC;MACJ;IAAE,CACH,CACG,CACE,CAAC;EAEf;EACA,IAAI,CAACnB,OAAO,EAAE;IAAA,IAAA0E,mBAAA;IACZ,oBACExJ,KAAA,CAAAmD,aAAA,CAAC/C,QAAQ,qBACPJ,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MAACqE,KAAK,EAAExD,YAAY,CAACoI;IAAc,GACrCL,WAAW,CAAC,CAAC,eACdvI,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MAACqE,KAAK,EAAEoC,MAAM,CAACqD;IAAa,gBAC/BzJ,KAAA,CAAAmD,aAAA,CAACxD,IAAI;MAACqE,KAAK,EAAEoC,MAAM,CAACsD;IAAS,gBAC3B1J,KAAA,CAAAmD,aAAA,CAACvD,IAAI,QAAC,YACM,GAAA4J,mBAAA,GAACvH,KAAK,CAACqD,YAAY,cAAAkE,mBAAA,uBAAlBA,mBAAA,CAAoBvC,MAAM,EAAC,8DAElC,CACF,CAAC,eACPjH,KAAA,CAAAmD,aAAA,CAAC7C,QAAQ;MACPqJ,KAAK,EAAE1H,KAAK,CAACqD,YAAa;MAC1BC,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvBC,QAAQ,EAAEA,QAAS;MACnBC,WAAW,EAAEA,WAAY;MACzBE,eAAe,EAAEA;IAAgB,CAClC,CAAC,EACD0C,kBAAkB,CAAC,CAAC,EACpBP,iBAAiB,CAAC,CACf,CAAC,EACN5B,aAAa,CAAC,CAAC,eAChBnG,KAAA,CAAAmD,aAAA,CAAC9B,cAAc;MACb2E,IAAI,EAAEH,QAAQ,CAACG,IAAK;MACpBE,OAAO,EAAG,GAAEL,QAAQ,CAACK,OAAQ,EAAE;MAC/BoD,OAAO,EAAEzD,QAAQ,CAACE,IAAK;MACvBwD,SAAS,EAAEA,CAAA,KAAM;QACfzD,WAAW,CAAC;UACVC,IAAI,EAAE,KAAK;UACXG,OAAO,EAAE,EAAE;UACXF,IAAI,EAAE1E,YAAY,CAAC2E;QACrB,CAAC,CAAC;MACJ;IAAE,CACH,CACG,CACE,CAAC;EAEf;EACA,OAAO,IAAI;AACb,CAAC;AAED,eAAejE,aAAa;AAE5B,MAAMoE,MAAM,GAAGvG,UAAU,CAAC+J,MAAM,CAAC;EAC/BvD,UAAU,EAAE;IACVwD,aAAa,EAAE,aAAa;IAC5Bf,cAAc,EAAE,cAAc;IAC9BgB,OAAO,EAAE,EAAE;IACXC,eAAe,EAAE;EACnB,CAAC;EACDV,SAAS,EAAE;IACTP,cAAc,EAAE,QAAQ;IACxBkB,UAAU,EACRjK,QAAQ,CAACmJ,EAAE,KAAK,SAAS,GACrBzI,KAAK,CAACwJ,sBAAsB,GAC5B,qBAAqB;IAC3BC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,QAAQ;IACnBxG,KAAK,EAAE,SAAS;IAChBmF,YAAY,EAAE;EAChB,CAAC;EACDS,QAAQ,EAAE;IACRN,SAAS,EAAE,EAAE;IACbH,YAAY,EAAE,EAAE;IAChBe,UAAU,EACRjK,QAAQ,CAACmJ,EAAE,KAAK,SAAS,GACrBzI,KAAK,CAACwJ,sBAAsB,GAC5B,qBAAqB;IAC3BC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBvG,KAAK,EAAE,SAAS;IAChBiF,UAAU,EAAE;EACd,CAAC;EACDU,YAAY,EAAE;IACZL,SAAS,EAAE,EAAE;IACbH,YAAY,EAAE,EAAE;IAChBD,gBAAgB,EAAE,EAAE;IACpBH,IAAI,EAAE;EACR,CAAC;EACDX,WAAW,EAAE;IACXa,UAAU,EAAE,YAAY;IACxBwB,cAAc,EAAE;EAClB,CAAC;EACD5E,YAAY,EAAE;IACZyD,SAAS,EAAE,EAAE;IACbJ,gBAAgB,EAAE,EAAE;IACpBlF,KAAK,EAAE,SAAS;IAChBkG,UAAU,EACRjK,QAAQ,CAACmJ,EAAE,KAAK,SAAS,GACrBzI,KAAK,CAACwJ,sBAAsB,GAC5B,qBAAqB;IAC3BE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDI,OAAO,EAAE;IACP1B,cAAc,EAAE,QAAQ;IACxBkB,UAAU,EACRjK,QAAQ,CAACmJ,EAAE,KAAK,SAAS,GACrBzI,KAAK,CAACwJ,sBAAsB,GAC5B,qBAAqB;IAC3BC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZE,aAAa,EAAE,IAAI;IACnBD,UAAU,EAAE,EAAE;IACdE,SAAS,EAAE,QAAQ;IACnBxG,KAAK,EAAE,SAAS;IAChBmF,YAAY,EAAE;EAChB,CAAC;EACDwB,YAAY,EAAE;IACZjE,WAAW,EAAE,EAAE;IACfmB,SAAS,EAAE,EAAE;IACbkB,IAAI,EAAE,CAAC;IACPI,YAAY,EAAE;EAChB,CAAC;EACDyB,SAAS,EAAE;IACTX,eAAe,EAAE,OAAO;IACxBD,OAAO,EAAE,EAAE;IACXa,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

package/lib/module/components/executiontasks/validateOTP/sub-components/OTPInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["StyleSheet","Pressable","Keyboard","Platform","React","useEffect","SplitTextInput","Fonts","InputType","INVALID_REGEX","OTPInput","props","maximumCodeLength","input","length","keyboardType","inputType","NUMBER","validationRegex","otpCode","regex","RegExp","hasError","test","setHasError","setErrorMessage","createElement","Fragment","onPress","dismiss","styles","text","value","onChange","setOTPCode","maxLength","create","fontFamily","OS","IBMPlexSans_400Regular","color","fontSize","textAlign","errorMessage","marginTop","marginHorizontal","lineHeight"],"sources":["OTPInput.tsx"],"sourcesContent":["import { StyleSheet, Pressable, Keyboard, Platform } from 'react-native';\nimport React, { useEffect } from 'react';\nimport SplitTextInput from '../../../widgets/SplitTextInput';\nimport { Fonts } from '../../../../styles/executionTasks/CommonStyles';\nimport { InputType, CaptureInput } from '../ValidateOTPSchema';\nimport { INVALID_REGEX } from '../constants';\n\nexport interface OTPInputProps {\n input: CaptureInput;\n otpCode: string;\n setOTPCode: (otpCode: string) => void;\n hasError: boolean;\n setHasError: (hasError: boolean) => void;\n setErrorMessage: (errorMessage: string) => void;\n}\n\nconst OTPInput = (props: OTPInputProps) => {\n const maximumCodeLength = props.input.length;\n const keyboardType =\n props.input.inputType === InputType.NUMBER ? 'number-pad' : 'default';\n\n useEffect(() => {\n if (\n props.input.validationRegex &&\n props.otpCode.length === maximumCodeLength\n ) {\n const regex = new RegExp(props.input.validationRegex);\n const hasError = !regex.test(props.otpCode);\n\n props.setHasError(hasError);\n if (hasError) props.setErrorMessage(INVALID_REGEX);\n else props.setErrorMessage('');\n }\n }, [props.otpCode]);\n\n return (\n <>\n <Pressable onPress={Keyboard.dismiss}>\n <SplitTextInput\n styles={styles.text}\n value={props.otpCode}\n onChange={(text) => {\n if (props.input.validationRegex) {\n }\n if (props.hasError) {\n props.setErrorMessage('');\n props.setHasError(false);\n }\n props.setOTPCode(text);\n }}\n maxLength={maximumCodeLength}\n keyboardType={keyboardType}\n hasError={props.hasError}\n />\n </Pressable>\n </>\n );\n};\n\nexport default OTPInput;\n\nconst styles = StyleSheet.create({\n text: {\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n color: '#3D445C',\n fontSize: 20,\n textAlign: 'center',\n },\n errorMessage: {\n marginTop: 16,\n marginHorizontal: 10,\n color: '#DC2626',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontSize: 12,\n lineHeight: 16,\n },\n});\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;AACxE,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,cAAc,MAAM,iCAAiC;AAC5D,SAASC,KAAK,QAAQ,gDAAgD;AACtE,SAASC,SAAS,QAAsB,sBAAsB;AAC9D,SAASC,aAAa,QAAQ,cAAc;~~AAW5C~~,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EACzC,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,KAAK,CAACC,MAAM;EAC5C,MAAMC,YAAY,GAChBJ,KAAK,CAACE,KAAK,CAACG,SAAS,KAAKR,SAAS,CAACS,MAAM,GAAG,YAAY,GAAG,SAAS;EAEvEZ,SAAS,CAAC,MAAM;IACd,IACEM,KAAK,CAACE,KAAK,CAACK,eAAe,IAC3BP,KAAK,CAACQ,OAAO,CAACL,MAAM,KAAKF,iBAAiB,EAC1C;MACA,MAAMQ,KAAK,GAAG,IAAIC,MAAM,CAACV,KAAK,CAACE,KAAK,CAACK,eAAe,CAAC;MACrD,MAAMI,QAAQ,GAAG,CAACF,KAAK,CAACG,IAAI,CAACZ,KAAK,CAACQ,OAAO,CAAC;MAE3CR,KAAK,CAACa,WAAW,CAACF,QAAQ,CAAC;MAC3B,IAAIA,QAAQ,EAAEX,KAAK,CAACc,eAAe,CAAChB,aAAa,CAAC,CAAC,KAC9CE,KAAK,CAACc,eAAe,CAAC,EAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAACd,KAAK,CAACQ,OAAO,CAAC,CAAC;EAEnB,oBACEf,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA,CAACzB,SAAS;IAAC2B,OAAO,EAAE1B,QAAQ,CAAC2B;EAAQ,gBACnCzB,KAAA,CAAAsB,aAAA,CAACpB,cAAc;IACbwB,MAAM,EAAEA,MAAM,CAACC,IAAK;IACpBC,KAAK,EAAErB,KAAK,CAACQ,OAAQ;IACrBc,QAAQ,EAAGF,IAAI,IAAK;MAClB,IAAIpB,KAAK,CAACE,KAAK,CAACK,eAAe,EAAE,CACjC;MACA,IAAIP,KAAK,CAACW,QAAQ,EAAE;QAClBX,KAAK,CAACc,eAAe,CAAC,EAAE,CAAC;QACzBd,KAAK,CAACa,WAAW,CAAC,KAAK,CAAC;MAC1B;MACAb,KAAK,CAACuB,UAAU,CAACH,IAAI,CAAC;IACxB,CAAE;IACFI,SAAS,EAAEvB,iBAAkB;IAC7BG,YAAY,EAAEA,YAAa;IAC3BO,QAAQ,EAAEX,KAAK,CAACW;EAAS,CAC1B,CACQ,CACX,CAAC;AAEP,CAAC;AAED,eAAeZ,QAAQ;AAEvB,MAAMoB,MAAM,GAAG9B,UAAU,CAACoC,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,UAAU,EACRlC,QAAQ,CAACmC,EAAE,KAAK,SAAS,GACrB/B,KAAK,CAACgC,sBAAsB,GAC5B,qBAAqB;IAC3BC,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACDC,YAAY,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,gBAAgB,EAAE,EAAE;IACpBL,KAAK,EAAE,SAAS;IAChBH,UAAU,EACRlC,QAAQ,CAACmC,EAAE,KAAK,SAAS,GACrB/B,KAAK,CAACgC,sBAAsB,GAC5B,qBAAqB;IAC3BE,QAAQ,EAAE,EAAE;IACZK,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
1	+ {"version":3,"names":["StyleSheet","Pressable","Keyboard","Platform","React","useEffect","SplitTextInput","Fonts","InputType","INVALID_REGEX","OTPInput","props","maximumCodeLength","input","length","keyboardType","inputType","NUMBER","validationRegex","otpCode","regex","RegExp","hasError","test","setHasError","setErrorMessage","createElement","Fragment","onPress","dismiss","styles","text","value","onChange","setOTPCode","maxLength","create","fontFamily","OS","IBMPlexSans_400Regular","color","fontSize","textAlign","errorMessage","marginTop","marginHorizontal","lineHeight"],"sources":["OTPInput.tsx"],"sourcesContent":["import { StyleSheet, Pressable, Keyboard, Platform } from 'react-native';\nimport React, { useEffect } from 'react';\nimport SplitTextInput from '../../../widgets/SplitTextInput';\nimport { Fonts } from '../../../../styles/executionTasks/CommonStyles';\nimport { InputType, CaptureInput } from '../ValidateOTPSchema';\nimport { INVALID_REGEX } from '../constants';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';\n\nexport interface OTPInputProps {\n input: CaptureInput;\n otpCode: string;\n setOTPCode: (otpCode: string) => void;\n hasError: boolean;\n setHasError: (hasError: boolean) => void;\n setErrorMessage: (errorMessage: string) => void;\n}\n\nconst OTPInput = (props: OTPInputProps) => {\n const maximumCodeLength = props.input.length;\n const keyboardType =\n props.input.inputType === InputType.NUMBER ? 'number-pad' : 'default';\n\n useEffect(() => {\n if (\n props.input.validationRegex &&\n props.otpCode.length === maximumCodeLength\n ) {\n const regex = new RegExp(props.input.validationRegex);\n const hasError = !regex.test(props.otpCode);\n\n props.setHasError(hasError);\n if (hasError) props.setErrorMessage(INVALID_REGEX);\n else props.setErrorMessage('');\n }\n }, [props.otpCode]);\n\n return (\n <>\n <Pressable onPress={Keyboard.dismiss}>\n <SplitTextInput\n styles={styles.text}\n value={props.otpCode}\n onChange={(text) => {\n if (props.input.validationRegex) {\n }\n if (props.hasError) {\n props.setErrorMessage('');\n props.setHasError(false);\n }\n props.setOTPCode(text);\n }}\n maxLength={maximumCodeLength}\n keyboardType={keyboardType}\n hasError={props.hasError}\n />\n </Pressable>\n </>\n );\n};\n\nexport default OTPInput;\n\nconst styles = StyleSheet.create({\n text: {\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n color: '#3D445C',\n fontSize: 20,\n textAlign: 'center',\n },\n errorMessage: {\n marginTop: 16,\n marginHorizontal: 10,\n color: '#DC2626',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontSize: 12,\n lineHeight: 16,\n },\n});\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;AACxE,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,cAAc,MAAM,iCAAiC;AAC5D,SAASC,KAAK,QAAQ,gDAAgD;AACtE,SAASC,SAAS,QAAsB,sBAAsB;AAC9D,SAASC,aAAa,QAAQ,cAAc;AAa5C,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EACzC,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,KAAK,CAACC,MAAM;EAC5C,MAAMC,YAAY,GAChBJ,KAAK,CAACE,KAAK,CAACG,SAAS,KAAKR,SAAS,CAACS,MAAM,GAAG,YAAY,GAAG,SAAS;EAEvEZ,SAAS,CAAC,MAAM;IACd,IACEM,KAAK,CAACE,KAAK,CAACK,eAAe,IAC3BP,KAAK,CAACQ,OAAO,CAACL,MAAM,KAAKF,iBAAiB,EAC1C;MACA,MAAMQ,KAAK,GAAG,IAAIC,MAAM,CAACV,KAAK,CAACE,KAAK,CAACK,eAAe,CAAC;MACrD,MAAMI,QAAQ,GAAG,CAACF,KAAK,CAACG,IAAI,CAACZ,KAAK,CAACQ,OAAO,CAAC;MAE3CR,KAAK,CAACa,WAAW,CAACF,QAAQ,CAAC;MAC3B,IAAIA,QAAQ,EAAEX,KAAK,CAACc,eAAe,CAAChB,aAAa,CAAC,CAAC,KAC9CE,KAAK,CAACc,eAAe,CAAC,EAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAACd,KAAK,CAACQ,OAAO,CAAC,CAAC;EAEnB,oBACEf,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA,CAACzB,SAAS;IAAC2B,OAAO,EAAE1B,QAAQ,CAAC2B;EAAQ,gBACnCzB,KAAA,CAAAsB,aAAA,CAACpB,cAAc;IACbwB,MAAM,EAAEA,MAAM,CAACC,IAAK;IACpBC,KAAK,EAAErB,KAAK,CAACQ,OAAQ;IACrBc,QAAQ,EAAGF,IAAI,IAAK;MAClB,IAAIpB,KAAK,CAACE,KAAK,CAACK,eAAe,EAAE,CACjC;MACA,IAAIP,KAAK,CAACW,QAAQ,EAAE;QAClBX,KAAK,CAACc,eAAe,CAAC,EAAE,CAAC;QACzBd,KAAK,CAACa,WAAW,CAAC,KAAK,CAAC;MAC1B;MACAb,KAAK,CAACuB,UAAU,CAACH,IAAI,CAAC;IACxB,CAAE;IACFI,SAAS,EAAEvB,iBAAkB;IAC7BG,YAAY,EAAEA,YAAa;IAC3BO,QAAQ,EAAEX,KAAK,CAACW;EAAS,CAC1B,CACQ,CACX,CAAC;AAEP,CAAC;AAED,eAAeZ,QAAQ;AAEvB,MAAMoB,MAAM,GAAG9B,UAAU,CAACoC,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,UAAU,EACRlC,QAAQ,CAACmC,EAAE,KAAK,SAAS,GACrB/B,KAAK,CAACgC,sBAAsB,GAC5B,qBAAqB;IAC3BC,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACDC,YAAY,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,gBAAgB,EAAE,EAAE;IACpBL,KAAK,EAAE,SAAS;IAChBH,UAAU,EACRlC,QAAQ,CAACmC,EAAE,KAAK,SAAS,GACrB/B,KAAK,CAACgC,sBAAsB,GAC5B,qBAAqB;IAC3BE,QAAQ,EAAE,EAAE;IACZK,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -6,6 +6,8 @@ import { Colors } 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();
   function backButtonHandler() {
@@ -38,6 +40,13 @@ const VerifyOtpET = props => {
   }, /*#__PURE__*/React.createElement(Text, null, "Haven't received the sms?"), /*#__PURE__*/React.createElement(Pressable, {
     onPress: () => {
       showToast('Resending OTP');
+      const cta = 'Send again';
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.VERIFY_OTP_ET_SCREEN,
+        cta: cta
+      });
     },
     style: styles.sendAgainText
   }, /*#__PURE__*/React.createElement(Text, null, "Send again")))));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BackHandler","Pressable","StyleSheet","Text","View","React","useEffect","useRef","OTPTextView","Colors","showToast","getBaseETResponse","EntityCode","ExecutionTaskID","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","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';\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 }}\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":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC7E,OAAOC,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD;AACA,OAAOC,WAAW,MAAM,4BAA4B;AACpD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,SAAS,QAAQ,uBAAuB;AAEjD,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SACEC,UAAU,EACVC,eAAe,QACV,oCAAoC;~~AAE3C~~,MAAMC,WAAW,GAAIC,KAAqB,IAAK;EAC7C,MAAMC,QAAQ,~~GAAGT~~,MAAM,CAAC,CAAC;EAEzB,~~SAASU~~,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI;EACb;~~EACAX~~,SAAS,CAAC,MAAM;IACdN,WAAW,~~CAACkB~~,gBAAgB,CAAC,mBAAmB,EAAED,iBAAiB,CAAC;IACpE,OAAO,MAAM;~~MACXjB~~,WAAW,~~CAACmB~~,mBAAmB,CAAC,mBAAmB,EAAEF,iBAAiB,CAAC;IACzE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,~~oBACEZ~~,KAAA,~~CAAAe~~,aAAA,~~CAAChB~~,IAAI,qBACHC,KAAA,~~CAAAe~~,aAAA,~~CAAChB~~,IAAI;~~IAACiB~~,KAAK,EAAEC,MAAM,CAACC;EAAiB,~~gBACnClB~~,KAAA,~~CAAAe~~,aAAA,~~CAACjB~~,IAAI;~~IAACkB~~,KAAK,EAAEC,MAAM,CAACE;EAAY,GAAC,YAAgB,CAAC,~~eAClDnB~~,KAAA,~~CAAAe~~,aAAA,~~CAACZ~~,WAAW;~~IACViB~~,cAAc,EAAEH,MAAM,CAACI,aAAc;IACrCC,GAAG,EAAEX,QAAS;IACdY,UAAU,EAAEb,KAAK,CAACa,UAAW;IAC7BC,SAAS,~~EAAEpB~~,MAAM,~~CAACqB~~,OAAQ;IAC1BC,gBAAgB,EAAE,MAAOC,KAAa,IAAK;MACzC,IAAIA,KAAK,CAACC,MAAM,KAAKlB,KAAK,CAACa,UAAU,EAAE;QACrCb,KAAK,CAACmB,QAAQ,CAAC;UACb,IAAI,~~MAAMvB~~,iBAAiB,CACzBC,UAAU,~~CAACuB~~,YAAY,EACvB,IAAI,EACJ,EAAE,EACF,EAAE,EACFpB,KAAK,CAACqB,iBAAiB,~~EACvBvB~~,eAAe,~~CAACsB~~,YAClB,CAAC;QACH,CAAC,CAAC;MACJ;IACF;EAAE,CACH,CAAC,~~eACF9B~~,KAAA,~~CAAAe~~,aAAA,~~CAAChB~~,IAAI;~~IAACiB~~,KAAK,EAAEC,MAAM,CAACe;EAAmB,~~gBACrChC~~,KAAA,~~CAAAe~~,aAAA,~~CAACjB~~,IAAI,QAAC,2BAA+B,CAAC,eAEtCE,KAAA,~~CAAAe~~,aAAA,~~CAACnB~~,SAAS;~~IACRqC~~,OAAO,EAAEA,CAAA,KAAM;~~MACb5B~~,SAAS,CAAC,eAAe,CAAC;~~IAC5B~~,CAAE;~~IACFW~~,KAAK,EAAEC,MAAM,~~CAACiB~~;EAAc,~~gBAE5BlC~~,KAAA,~~CAAAe~~,aAAA,~~CAACjB~~,IAAI,QAAC,YAAgB,CACb,CACP,CACF,CACF,CAAC;AAEX,CAAC;AACD,~~eAAeW~~,WAAW;AAE1B,MAAMQ,MAAM,~~GAAGpB~~,UAAU,~~CAACsC~~,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE;EACf,CAAC;~~EACDnB~~,WAAW,EAAE;~~IACXoB~~,QAAQ,EAAE,EAAE;IACZC,KAAK,~~EAAEpC~~,MAAM,~~CAACqC~~,KAAK;IACnBJ,SAAS,EAAE;EACb,CAAC;~~EACDhB~~,aAAa,EAAE;~~IACbqB~~,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBR,SAAS,EAAE;EACb,CAAC;~~EACDnB~~,gBAAgB,EAAE;~~IAChB4B~~,gBAAgB,EAAE;EACpB,CAAC;~~EACDd~~,kBAAkB,EAAE;~~IAClBe~~,aAAa,EAAE,KAAK;IACpBV,SAAS,EAAE;EACb,CAAC;EACDH,aAAa,EAAE;IACbY,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC"}
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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"}

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

@@ -4,6 +4,8 @@ import { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';
 import { Button, Paragraph, Title } from 'react-native-paper';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import SdkColors, { ColorTheme } from '../../styles/SdkColors';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 const CancelOrderDialog = props => {
   return /*#__PURE__*/React.createElement(Modal, {
     animationType: "none",
@@ -46,6 +48,13 @@ const CancelOrderDialog = props => {
     style: CommonStyles.nextButton,
     onPress: () => {
       props.onSubmit(true);
+      const cta = props.positiveButtonTitle ?? 'Yes';
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN,
+        cta: cta
+      });
     },
     testID: "primary"
   }, props.positiveButtonTitle ?? 'Yes'), /*#__PURE__*/React.createElement(Button, {
@@ -57,6 +66,13 @@ const CancelOrderDialog = props => {
     }],
     onPress: async () => {
       props.onSubmit(false);
+      const cta = props.negativeButtonTitle ?? 'No';
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.CANCEL_ORDER_DIALOG_SCREEN,
+        cta: cta
+      });
     },
     testID: "secondary"
   }, props.negativeButtonTitle ?? 'No')))));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Modal","Platform","StyleSheet","View","CommonStyles","Fonts","Button","Paragraph","Title","Icon","SdkColors","ColorTheme","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","~~testID~~","positiveButtonTitle","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';\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 }}\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 }}\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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,YAAY,EAAEC,KAAK,QAAQ,0CAA0C;AAC9E,SAASC,MAAM,EAAEC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAC7D,OAAOC,IAAI,MAAM,kDAAkD;AACnE,OAAOC,SAAS,IAAIC,UAAU,QAAQ,wBAAwB;~~AAE9D~~,MAAMC,iBAAiB,GAAIC,KAAwB,IAAK;EACtD,~~oBACEd~~,KAAA,~~CAAAe~~,aAAA,~~CAACd~~,KAAK;~~IACJe~~,aAAa,EAAC,MAAM;IACpBC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBC,cAAc,EAAEA,CAAA,KAAM,CAAC;EAAE,~~gBAEzBnB~~,KAAA,~~CAAAe~~,aAAA,~~CAACX~~,IAAI;~~IAACgB~~,KAAK,EAAEC,MAAM,CAACC;EAAQ,~~gBAC1BtB~~,KAAA,~~CAAAe~~,aAAA,~~CAACX~~,IAAI;~~IAACgB~~,KAAK,EAAEC,MAAM,CAACE;EAAQ,GACzBT,KAAK,CAACU,QAAQ,IAAIV,KAAK,CAACW,QAAQ,iBAC/~~BzB~~,KAAA,~~CAAAe~~,aAAA,~~CAACL~~,IAAI;~~IACHU~~,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAS,CAAE;IAC/BC,IAAI,EAAE,EAAG;IACTC,IAAI,EAAEd,KAAK,CAACW,QAAS;IACrBI,KAAK,~~EAAElB~~,SAAS,CAACC,UAAU,~~CAACkB~~,KAAK,CAAC,CAACC;EAAc,CAClD,CACF,~~eACD/B~~,KAAA,~~CAAAe~~,aAAA,~~CAACN~~,KAAK;~~IACJW~~,KAAK,EAAE;MACLY,UAAU,~~EACR9B~~,QAAQ,~~CAAC+B~~,EAAE,KAAK,SAAS,~~GACrB3B~~,KAAK,~~CAAC4B~~,uBAAuB,GAC7B,sBAAsB;MAC5BC,SAAS,EAAE,CAAC;MACZC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE,QAAQ;MACnBR,KAAK,EAAE;IACT;EAAE,GAEDf,KAAK,CAACwB,KAAK,IAAI,cACX,CAAC,EACPxB,KAAK,CAACyB,OAAO,~~iBACZvC~~,KAAA,~~CAAAe~~,aAAA,~~CAACP~~,SAAS;~~IACRY~~,KAAK,EAAE;MACLiB,SAAS,EAAE,QAAQ;MACnBG,QAAQ,EAAE,EAAE;MACZR,UAAU,~~EACR9B~~,QAAQ,~~CAAC+B~~,EAAE,KAAK,SAAS,~~GACrB3B~~,KAAK,~~CAACmC~~,sBAAsB,GAC5B;IACR;EAAE,GAED3B,KAAK,CAACyB,OACE,CACZ,~~eACDvC~~,KAAA,~~CAAAe~~,aAAA,~~CAACX~~,IAAI;~~IAACgB~~,KAAK,EAAE;MAAEe,SAAS,EAAE;IAAG;EAAE,~~gBAC7BnC~~,KAAA,~~CAAAe~~,aAAA,~~CAACR~~,MAAM;~~IACLmC~~,IAAI,EAAE,UAAW;IACjBC,SAAS,EAAE,KAAM;IACjBC,UAAU,~~EAAEvC~~,YAAY,~~CAACwC~~,eAAgB;IACzCzB,KAAK,~~EAAEf~~,YAAY,~~CAACyC~~,UAAW;IAC/BC,OAAO,EAAEA,CAAA,KAAM;MACbjC,KAAK,CAACkC,QAAQ,CAAC,IAAI,CAAC;~~IACtB~~,CAAE;~~IACFC~~,MAAM,EAAC;EAAS,~~GAEfnC~~,KAAK,CAACoC,mBAAmB,IAAI,KACxB,CAAC,~~eACTlD~~,KAAA,~~CAAAe~~,aAAA,~~CAACR~~,MAAM;~~IACLoC~~,SAAS,EAAE,KAAM;IACjBD,IAAI,EAAE,UAAW;IACjBE,UAAU,~~EAAEvC~~,YAAY,~~CAAC8C~~,iBAAkB;~~IAC3C/B~~,KAAK,EAAE,~~CAACf~~,YAAY,~~CAAC+C~~,YAAY,EAAE;~~MAAEjB~~,SAAS,EAAE;IAAG,CAAC,CAAE;IACtDY,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnBjC,KAAK,CAACkC,QAAQ,CAAC,KAAK,CAAC;~~IACvB~~,CAAE;~~IACFC~~,MAAM,EAAC;EAAW,~~GAEjBnC~~,KAAK,~~CAACuC~~,mBAAmB,IAAI,IACxB,CACJ,CACF,CACF,CACD,CAAC;AAEZ,CAAC;AAED,~~MAAMhC~~,MAAM,~~GAAGlB~~,UAAU,~~CAACmD~~,MAAM,CAAC;EAC/~~B/B~~,OAAO,EAAE;~~IACPgC~~,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE;EACT,CAAC;~~EACDpC~~,OAAO,EAAE;~~IACPqC~~,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBN,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,~~eAAe1C~~,iBAAiB"}
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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"}

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

@@ -2,6 +2,8 @@ import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
 import React from 'react';
 import { Checkbox } from 'react-native-paper';
 import { Feather } from '@expo/vector-icons';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 const Card = props => {
   var _props$selectConfig, _props$renderAddition;
   const isSelected = (_props$selectConfig = props.selectConfig) !== null && _props$selectConfig !== void 0 && _props$selectConfig.isSelected ? 'checked' : 'unchecked';
@@ -12,6 +14,13 @@ const Card = props => {
     onPress: () => {
       var _props$selectConfig2, _props$selectConfig3;
       (_props$selectConfig2 = props.selectConfig) === null || _props$selectConfig2 === void 0 || _props$selectConfig2.onSelect((_props$selectConfig3 = props.selectConfig) === null || _props$selectConfig3 === void 0 ? void 0 : _props$selectConfig3.props);
+      const cta = "Checkbox checked";
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN,
+        cta: cta
+      });
     },
     theme: {
       roundness: 5
@@ -27,7 +36,14 @@ const Card = props => {
   }), /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: () => {
       var _props$editConfig, _props$editConfig2;
-      return (_props$editConfig = props.editConfig) === null || _props$editConfig === void 0 ? void 0 : _props$editConfig.onEdit((_props$editConfig2 = props.editConfig) === null || _props$editConfig2 === void 0 ? void 0 : _props$editConfig2.props);
+      (_props$editConfig = props.editConfig) === null || _props$editConfig === void 0 || _props$editConfig.onEdit((_props$editConfig2 = props.editConfig) === null || _props$editConfig2 === void 0 ? void 0 : _props$editConfig2.props);
+      const cta = "Edit";
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.CARD_WIDGET_SCREEN,
+        cta: cta
+      });
     },
     style: styles.icon
   }, /*#__PURE__*/React.createElement(Feather, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","React","Checkbox","Feather","Card","props","_props$selectConfig","_props$renderAddition","isSelected","selectConfig","createElement","style","styles","container","status","onPress","_props$selectConfig2","_props$selectConfig3","onSelect","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';\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 }}\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 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":"AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AACvE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;~~AAiB5C~~,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EAAA,IAAAC,mBAAA,EAAAC,qBAAA;EACjC,MAAMC,UAAU,GAAG,CAAAF,mBAAA,GAAAD,KAAK,CAACI,YAAY,cAAAH,mBAAA,eAAlBA,mBAAA,CAAoBE,UAAU,GAAG,SAAS,GAAG,WAAW;EAE3E,~~oBACEP~~,KAAA,~~CAAAS~~,aAAA,~~CAACb~~,IAAI;~~IAACc~~,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BR,KAAK,CAACI,YAAY,~~gBACjBR~~,KAAA,~~CAAAS~~,aAAA,~~CAACb~~,IAAI,qBACHI,KAAA,~~CAAAS~~,aAAA,~~CAACR~~,QAAQ;~~IACPY~~,MAAM,EAAEN,UAAW;IACnBO,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,oBAAA,EAAAC,oBAAA;MACb,CAAAD,oBAAA,GAAAX,KAAK,CAACI,YAAY,cAAAO,oBAAA,eAAlBA,oBAAA,CAAoBE,QAAQ,EAAAD,oBAAA,GAACZ,KAAK,CAACI,YAAY,cAAAQ,oBAAA,uBAAlBA,oBAAA,CAAoBZ,KAAK,CAAC;~~IACzD~~,CAAE;~~IACFc~~,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAE;EAAE,CACzB,CACG,CAAC,GACL,IAAI,~~eACRnB~~,KAAA,~~CAAAS~~,aAAA,~~CAACb~~,IAAI;~~IAACc~~,KAAK,EAAEC,MAAM,~~CAACS~~;EAAK,~~gBACvBpB~~,KAAA,~~CAAAS~~,aAAA,~~CAACb~~,IAAI;~~IAACc~~,KAAK,EAAEC,MAAM,~~CAACU~~;EAAO,~~gBACzBrB~~,KAAA,~~CAAAS~~,aAAA,~~CAACZ~~,IAAI;~~IAACa~~,KAAK,EAAEC,MAAM,~~CAACW~~;EAAM,~~GAAElB~~,KAAK,~~CAACkB~~,KAAY,CAAC,~~GAAAhB~~,qBAAA,GAC9CF,KAAK,~~CAACmB~~,sBAAsB,~~cAAAjB~~,qBAAA,uBAA5BA,qBAAA,~~CAAAkB~~,IAAA,~~CAAApB~~,KAA+B,CAC5B,CAAC,EACNA,KAAK,~~CAACqB~~,IACH,CAAC,~~EACNrB~~,KAAK,~~CAACsB~~,UAAU,~~gBACf1B~~,KAAA,~~CAAAS~~,aAAA,~~CAAAT~~,KAAA,~~CAAA2B~~,QAAA,~~qBACE3B~~,KAAA,~~CAAAS~~,aAAA,~~CAACb~~,IAAI;~~IAACc~~,KAAK,EAAEC,MAAM,~~CAACiB~~;EAAQ,CAAE,CAAC,eAC/~~B5B~~,KAAA,~~CAAAS~~,aAAA,~~CAACV~~,gBAAgB;~~IACfe~~,OAAO,EAAEA,CAAA;MAAA,~~IAAAe~~,iBAAA,EAAAC,kBAAA;~~MAAA~~,~~QAAAD~~,iBAAA,~~GAAMzB~~,KAAK,~~CAACsB~~,UAAU,cAAAG,iBAAA,~~uBAAhBA~~,iBAAA,CAAkBE,MAAM,EAAAD,kBAAA,~~GAAC1B~~,KAAK,~~CAACsB~~,UAAU,cAAAI,kBAAA,uBAAhBA,kBAAA,~~CAAkB1B~~,KAAK,CAAC;~~IAAA~~,CAAC;~~IACjEM~~,KAAK,EAAEC,MAAM,~~CAACqB~~;EAAK,~~gBAEnBhC~~,KAAA,~~CAAAS~~,aAAA,~~CAACP~~,OAAO;~~IAAC+B~~,IAAI,EAAC,MAAM;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CAChC,CAClB,CAAC,GACD,IACA,CAAC;AAEX,CAAC;AAED,~~eAAehC~~,IAAI;AAEnB,MAAMQ,MAAM,~~GAAGb~~,UAAU,~~CAACsC~~,MAAM,CAAC;EAC/~~BxB~~,SAAS,EAAE;~~IACTyB~~,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,YAAY;IACxBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE,EAAE;IAClBC,gBAAgB,EAAE,EAAE;IACpBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;IACd;EACF,CAAC;;EACDzB,MAAM,EAAE;IACNgB,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE;EACd,CAAC;EACDnB,IAAI,EAAE;IACJ2B,IAAI,EAAE;EACR,CAAC;EACDzB,KAAK,EAAE;IACL0B,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE;EACf,CAAC;EACDxB,OAAO,EAAE;IACPyB,MAAM,EAAE,KAAK;IACbC,KAAK,EAAE,CAAC;IACRC,eAAe,EAAE,SAAS;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDxB,IAAI,EAAE;IACJwB,SAAS,EAAE,QAAQ;IACnBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
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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"}

package/lib/module/components/widgets/ModalWidget.js CHANGED Viewed

@@ -3,6 +3,8 @@ import React from 'react';
 import { Portal, Modal } from 'react-native-paper';
 import { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';
 import { TouchableOpacity } from 'react-native';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 const ModalWidget = props => {
   var _props$renderAddition, _props$renderChildren, _props$renderAddition2;
   const {
@@ -44,13 +46,31 @@ const ModalWidget = props => {
     style: buttonStyle
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: [CommonStyles.nextButton, primaryBtnStyles],
-    onPress: props.primaryButton.onPress,
+    onPress: () => {
+      props.primaryButton.onPress();
+      const cta = props.primaryButton.label;
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.MODEL_WIDGET_SCREEN,
+        cta: cta
+      });
+    },
     disabled: primaryButtonDisabled
   }, /*#__PURE__*/React.createElement(Text, {
     style: [CommonStyles.nextButtonLabel, primaryBtnLabelStyles]
   }, props.primaryButton.label)), /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: [CommonStyles.cancelButton, secondaryBtnStyles],
-    onPress: props.secondaryButton.onPress,
+    onPress: () => {
+      props.secondaryButton.onPress();
+      const cta = props.secondaryButton.label;
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.MODEL_WIDGET_SCREEN,
+        cta: cta
+      });
+    },
     disabled: secondaryButtonDisabled
   }, /*#__PURE__*/React.createElement(Text, {
     style: [CommonStyles.cancelButtonLabel, secondaryBtnLabelStyles]

package/lib/module/components/widgets/ModalWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["View","Text","StyleSheet","Platform","React","Portal","Modal","CommonStyles","Fonts","TouchableOpacity","ModalWidget","props","_props$renderAddition","_props$renderChildren","_props$renderAddition2","dismissable","contentContainerStyle","modalStyle","title","styles","titleStyle","subTitle","subTitleStyle","bodyStyle","buttonStyle","primaryButton","disabled","primaryButtonDisabled","primaryBtnStyles","labelStyles","primaryBtnLabelStyles","secondaryButton","secondaryButtonDisabled","secondaryBtnStyles","secondaryBtnLabelStyles","createElement","visible","showModal","modalContent","style","modalView","renderAdditionalHeader","call","titleText","label","subTitleText","renderChildren","nextButton","onPress","nextButtonLabel","cancelButton","cancelButtonLabel","renderAdditionalButtons","create","marginStart","marginEnd","marginBottom","flex","backgroundColor","padding","borderRadius","justifyContent","fontFamily","OS","IBMPlexSans_600SemiBold","fontStyle","fontSize","lineHeight","textAlign","color","IBMPlexSans_400Regular"],"sources":["ModalWidget.tsx"],"sourcesContent":["import { View, Text, StyleSheet, ViewStyle, TextStyle, Platform } from 'react-native';\nimport React from 'react';\nimport { Portal, Modal } from 'react-native-paper';\nimport { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';\nimport { TouchableOpacity } from 'react-native';\n\ninterface ButtonProps {\n label: string;\n disabled?: boolean;\n onPress: (() => void) \| (() => Promise<any>);\n styles?: ViewStyle;\n labelStyles?: TextStyle;\n}\n\ninterface TitleProps {\n label: string;\n styles?: TextStyle;\n}\n\nexport interface ModalProps {\n showModal: boolean;\n dismissable?: boolean;\n title: TitleProps;\n subTitle?: TitleProps;\n contentContainerStyle?: ViewStyle;\n modalStyle?: ViewStyle;\n bodyStyle?: ViewStyle;\n renderChildren?: () => JSX.Element;\n buttonStyle?: ViewStyle;\n primaryButton: ButtonProps;\n secondaryButton: ButtonProps;\n renderAdditionalButtons?: () => JSX.Element;\n renderAdditionalHeader?: () => JSX.Element;\n}\n\nconst ModalWidget = (props: ModalProps) => {\n const {\n dismissable = true,\n contentContainerStyle = {},\n modalStyle = {},\n title: { styles: titleStyle = {} },\n subTitle: { styles: subTitleStyle = {} } = {},\n bodyStyle = {},\n buttonStyle = {},\n primaryButton: {\n disabled: primaryButtonDisabled = false,\n styles: primaryBtnStyles = {},\n labelStyles: primaryBtnLabelStyles = {},\n },\n secondaryButton: {\n disabled: secondaryButtonDisabled = false,\n styles: secondaryBtnStyles = {},\n labelStyles: secondaryBtnLabelStyles = {},\n },\n } = props;\n return (\n <Portal>\n <Modal\n visible={props.showModal}\n dismissable={dismissable}\n contentContainerStyle={[styles.modalContent, contentContainerStyle]}\n >\n <View style={[styles.modalView, modalStyle]}>\n <View style={bodyStyle}>\n {props.renderAdditionalHeader?.()}\n <Text style={[styles.titleText, titleStyle]}>\n {props.title.label}\n </Text>\n {props.subTitle ? (\n <Text style={[styles.subTitleText, subTitleStyle]}>\n {props.subTitle.label}\n </Text>\n ) : null}\n {props.renderChildren?.()}\n </View>\n\n <View style={buttonStyle}>\n <TouchableOpacity\n style={[CommonStyles.nextButton, primaryBtnStyles]}\n onPress={props.primaryButton.onPress}\n disabled={primaryButtonDisabled}\n >\n <Text\n style={[CommonStyles.nextButtonLabel, primaryBtnLabelStyles]}\n >\n {props.primaryButton.label}\n </Text>\n </TouchableOpacity>\n <TouchableOpacity\n style={[CommonStyles.cancelButton, secondaryBtnStyles]}\n onPress={props.secondaryButton.onPress}\n disabled={secondaryButtonDisabled}\n >\n <Text\n style={[\n CommonStyles.cancelButtonLabel,\n secondaryBtnLabelStyles,\n ]}\n >\n {props.secondaryButton.label}\n </Text>\n </TouchableOpacity>\n {props.renderAdditionalButtons?.()}\n </View>\n </View>\n </Modal>\n </Portal>\n );\n};\n\nexport default ModalWidget;\n\ninterface StyleSheetType {\n modalContent: ViewStyle;\n modalView: ViewStyle;\n titleText: TextStyle;\n subTitleText: TextStyle;\n}\n\nconst styles = StyleSheet.create<StyleSheetType>({\n modalContent: {\n marginStart: 60,\n marginEnd: 60,\n marginBottom: 60,\n flex: 1,\n },\n modalView: {\n backgroundColor: 'white',\n padding: 15,\n borderRadius: 9,\n },\n titleText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_600SemiBold\n : 'IBMPlexSans-SemiBold',\n fontStyle: 'normal',\n fontSize: 14,\n lineHeight: 20,\n textAlign: 'center',\n color: '#111111',\n marginBottom: 10,\n },\n subTitleText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 14,\n lineHeight: 20,\n color: '#000000',\n marginBottom: 10,\n },\n});\n"],"mappings":"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"}
1	+ {"version":3,"names":["View","Text","StyleSheet","Platform","React","Portal","Modal","CommonStyles","Fonts","TouchableOpacity","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","fireEventWithScreenName","ModalWidget","props","_props$renderAddition","_props$renderChildren","_props$renderAddition2","dismissable","contentContainerStyle","modalStyle","title","styles","titleStyle","subTitle","subTitleStyle","bodyStyle","buttonStyle","primaryButton","disabled","primaryButtonDisabled","primaryBtnStyles","labelStyles","primaryBtnLabelStyles","secondaryButton","secondaryButtonDisabled","secondaryBtnStyles","secondaryBtnLabelStyles","createElement","visible","showModal","modalContent","style","modalView","renderAdditionalHeader","call","titleText","label","subTitleText","renderChildren","nextButton","onPress","cta","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","MODEL_WIDGET_SCREEN","nextButtonLabel","cancelButton","cancelButtonLabel","renderAdditionalButtons","create","marginStart","marginEnd","marginBottom","flex","backgroundColor","padding","borderRadius","justifyContent","fontFamily","OS","IBMPlexSans_600SemiBold","fontStyle","fontSize","lineHeight","textAlign","color","IBMPlexSans_400Regular"],"sources":["ModalWidget.tsx"],"sourcesContent":["import { View, Text, StyleSheet, ViewStyle, TextStyle, Platform } from 'react-native';\nimport React from 'react';\nimport { Portal, Modal } from 'react-native-paper';\nimport { CommonStyles, Fonts } from '../../styles/executionTasks/CommonStyles';\nimport { TouchableOpacity } from 'react-native';\nimport { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';\nimport { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';\n\ninterface ButtonProps {\n label: string;\n disabled?: boolean;\n onPress: (() => void) \| (() => Promise<any>);\n styles?: ViewStyle;\n labelStyles?: TextStyle;\n}\n\ninterface TitleProps {\n label: string;\n styles?: TextStyle;\n}\n\nexport interface ModalProps {\n showModal: boolean;\n dismissable?: boolean;\n title: TitleProps;\n subTitle?: TitleProps;\n contentContainerStyle?: ViewStyle;\n modalStyle?: ViewStyle;\n bodyStyle?: ViewStyle;\n renderChildren?: () => JSX.Element;\n buttonStyle?: ViewStyle;\n primaryButton: ButtonProps;\n secondaryButton: ButtonProps;\n renderAdditionalButtons?: () => JSX.Element;\n renderAdditionalHeader?: () => JSX.Element;\n}\n\nconst ModalWidget = (props: ModalProps) => {\n const {\n dismissable = true,\n contentContainerStyle = {},\n modalStyle = {},\n title: { styles: titleStyle = {} },\n subTitle: { styles: subTitleStyle = {} } = {},\n bodyStyle = {},\n buttonStyle = {},\n primaryButton: {\n disabled: primaryButtonDisabled = false,\n styles: primaryBtnStyles = {},\n labelStyles: primaryBtnLabelStyles = {},\n },\n secondaryButton: {\n disabled: secondaryButtonDisabled = false,\n styles: secondaryBtnStyles = {},\n labelStyles: secondaryBtnLabelStyles = {},\n },\n } = props;\n return (\n <Portal>\n <Modal\n visible={props.showModal}\n dismissable={dismissable}\n contentContainerStyle={[styles.modalContent, contentContainerStyle]}\n >\n <View style={[styles.modalView, modalStyle]}>\n <View style={bodyStyle}>\n {props.renderAdditionalHeader?.()}\n <Text style={[styles.titleText, titleStyle]}>\n {props.title.label}\n </Text>\n {props.subTitle ? (\n <Text style={[styles.subTitleText, subTitleStyle]}>\n {props.subTitle.label}\n </Text>\n ) : null}\n {props.renderChildren?.()}\n </View>\n\n <View style={buttonStyle}>\n <TouchableOpacity\n style={[CommonStyles.nextButton, primaryBtnStyles]}\n onPress={() => {\n props.primaryButton.onPress();\n const cta = props.primaryButton.label;\n fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.MODEL_WIDGET_SCREEN, cta: cta });\n \n\n }}\n disabled={primaryButtonDisabled}\n >\n <Text\n style={[CommonStyles.nextButtonLabel, primaryBtnLabelStyles]}\n >\n {props.primaryButton.label}\n </Text>\n </TouchableOpacity>\n <TouchableOpacity\n style={[CommonStyles.cancelButton, secondaryBtnStyles]}\n onPress={() => {\n props.secondaryButton.onPress();\n const cta = props.secondaryButton.label;\n fireEventWithScreenName({ severityLevel: SeverityLevelValue.LOG, eventName: SentryEventNameSdkConstants.BUTTON_CLICKED, screenName: ScreenNameSdkConstants.MODEL_WIDGET_SCREEN, cta: cta });\n \n\n }}\n disabled={secondaryButtonDisabled}\n >\n <Text\n style={[\n CommonStyles.cancelButtonLabel,\n secondaryBtnLabelStyles,\n ]}\n >\n {props.secondaryButton.label}\n </Text>\n </TouchableOpacity>\n {props.renderAdditionalButtons?.()}\n </View>\n </View>\n </Modal>\n </Portal>\n );\n};\n\nexport default ModalWidget;\n\ninterface StyleSheetType {\n modalContent: ViewStyle;\n modalView: ViewStyle;\n titleText: TextStyle;\n subTitleText: TextStyle;\n}\n\nconst styles = StyleSheet.create<StyleSheetType>({\n modalContent: {\n marginStart: 60,\n marginEnd: 60,\n marginBottom: 60,\n flex: 1,\n },\n modalView: {\n backgroundColor: 'white',\n padding: 15,\n borderRadius: 9,\n },\n titleText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_600SemiBold\n : 'IBMPlexSans-SemiBold',\n fontStyle: 'normal',\n fontSize: 14,\n lineHeight: 20,\n textAlign: 'center',\n color: '#111111',\n marginBottom: 10,\n },\n subTitleText: {\n justifyContent: 'center',\n fontFamily:\n Platform.OS === 'android'\n ? Fonts.IBMPlexSans_400Regular\n : 'IBMPlexSans-Regular',\n fontStyle: 'normal',\n fontSize: 14,\n lineHeight: 20,\n color: '#000000',\n marginBottom: 10,\n },\n});\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAwBC,QAAQ,QAAQ,cAAc;AACrF,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,KAAK,QAAQ,oBAAoB;AAClD,SAASC,YAAY,EAAEC,KAAK,QAAQ,0CAA0C;AAC9E,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,EAAEC,2BAA2B,EAAEC,kBAAkB,QAAQ,2CAA2C;AACnI,SAASC,uBAAuB,QAAQ,6CAA6C;AA+BrF,MAAMC,WAAW,GAAIC,KAAiB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EACzC,MAAM;IACJC,WAAW,GAAG,IAAI;IAClBC,qBAAqB,GAAG,CAAC,CAAC;IAC1BC,UAAU,GAAG,CAAC,CAAC;IACfC,KAAK,EAAE;MAAEC,MAAM,EAAEC,UAAU,GAAG,CAAC;IAAE,CAAC;IAClCC,QAAQ,EAAE;MAAEF,MAAM,EAAEG,aAAa,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC,CAAC;IAC7CC,SAAS,GAAG,CAAC,CAAC;IACdC,WAAW,GAAG,CAAC,CAAC;IAChBC,aAAa,EAAE;MACbC,QAAQ,EAAEC,qBAAqB,GAAG,KAAK;MACvCR,MAAM,EAAES,gBAAgB,GAAG,CAAC,CAAC;MAC7BC,WAAW,EAAEC,qBAAqB,GAAG,CAAC;IACxC,CAAC;IACDC,eAAe,EAAE;MACfL,QAAQ,EAAEM,uBAAuB,GAAG,KAAK;MACzCb,MAAM,EAAEc,kBAAkB,GAAG,CAAC,CAAC;MAC/BJ,WAAW,EAAEK,uBAAuB,GAAG,CAAC;IAC1C;EACF,CAAC,GAAGvB,KAAK;EACT,oBACEX,KAAA,CAAAmC,aAAA,CAAClC,MAAM,qBACLD,KAAA,CAAAmC,aAAA,CAACjC,KAAK;IACJkC,OAAO,EAAEzB,KAAK,CAAC0B,SAAU;IACzBtB,WAAW,EAAEA,WAAY;IACzBC,qBAAqB,EAAE,CAACG,MAAM,CAACmB,YAAY,EAAEtB,qBAAqB;EAAE,gBAEpEhB,KAAA,CAAAmC,aAAA,CAACvC,IAAI;IAAC2C,KAAK,EAAE,CAACpB,MAAM,CAACqB,SAAS,EAAEvB,UAAU;EAAE,gBAC1CjB,KAAA,CAAAmC,aAAA,CAACvC,IAAI;IAAC2C,KAAK,EAAEhB;EAAU,IAAAX,qBAAA,GACpBD,KAAK,CAAC8B,sBAAsB,cAAA7B,qBAAA,uBAA5BA,qBAAA,CAAA8B,IAAA,CAAA/B,KAA+B,CAAC,eACjCX,KAAA,CAAAmC,aAAA,CAACtC,IAAI;IAAC0C,KAAK,EAAE,CAACpB,MAAM,CAACwB,SAAS,EAAEvB,UAAU;EAAE,GACzCT,KAAK,CAACO,KAAK,CAAC0B,KACT,CAAC,EACNjC,KAAK,CAACU,QAAQ,gBACbrB,KAAA,CAAAmC,aAAA,CAACtC,IAAI;IAAC0C,KAAK,EAAE,CAACpB,MAAM,CAAC0B,YAAY,EAAEvB,aAAa;EAAE,GAC/CX,KAAK,CAACU,QAAQ,CAACuB,KACZ,CAAC,GACL,IAAI,GAAA/B,qBAAA,GACPF,KAAK,CAACmC,cAAc,cAAAjC,qBAAA,uBAApBA,qBAAA,CAAA6B,IAAA,CAAA/B,KAAuB,CACpB,CAAC,eAEPX,KAAA,CAAAmC,aAAA,CAACvC,IAAI;IAAC2C,KAAK,EAAEf;EAAY,gBACvBxB,KAAA,CAAAmC,aAAA,CAAC9B,gBAAgB;IACfkC,KAAK,EAAE,CAACpC,YAAY,CAAC4C,UAAU,EAAEnB,gBAAgB,CAAE;IACnDoB,OAAO,EAAEA,CAAA,KAAM;MACbrC,KAAK,CAACc,aAAa,CAACuB,OAAO,CAAC,CAAC;MAC7B,MAAMC,GAAG,GAAGtC,KAAK,CAACc,aAAa,CAACmB,KAAK;MACrCnC,uBAAuB,CAAC;QAAEyC,aAAa,EAAE1C,kBAAkB,CAAC2C,GAAG;QAAEC,SAAS,EAAE7C,2BAA2B,CAAC8C,cAAc;QAAEC,UAAU,EAAEhD,sBAAsB,CAACiD,mBAAmB;QAAEN,GAAG,EAAEA;MAAI,CAAC,CAAC;IAG7L,CAAE;IACFvB,QAAQ,EAAEC;EAAsB,gBAEhC3B,KAAA,CAAAmC,aAAA,CAACtC,IAAI;IACH0C,KAAK,EAAE,CAACpC,YAAY,CAACqD,eAAe,EAAE1B,qBAAqB;EAAE,GAE5DnB,KAAK,CAACc,aAAa,CAACmB,KACjB,CACU,CAAC,eACnB5C,KAAA,CAAAmC,aAAA,CAAC9B,gBAAgB;IACfkC,KAAK,EAAE,CAACpC,YAAY,CAACsD,YAAY,EAAExB,kBAAkB,CAAE;IACvDe,OAAO,EAAEA,CAAA,KAAM;MACbrC,KAAK,CAACoB,eAAe,CAACiB,OAAO,CAAC,CAAC;MAC/B,MAAMC,GAAG,GAAGtC,KAAK,CAACoB,eAAe,CAACa,KAAK;MACvCnC,uBAAuB,CAAC;QAAEyC,aAAa,EAAE1C,kBAAkB,CAAC2C,GAAG;QAAEC,SAAS,EAAE7C,2BAA2B,CAAC8C,cAAc;QAAEC,UAAU,EAAEhD,sBAAsB,CAACiD,mBAAmB;QAAEN,GAAG,EAAEA;MAAI,CAAC,CAAC;IAG7L,CAAE;IACFvB,QAAQ,EAAEM;EAAwB,gBAElChC,KAAA,CAAAmC,aAAA,CAACtC,IAAI;IACH0C,KAAK,EAAE,CACLpC,YAAY,CAACuD,iBAAiB,EAC9BxB,uBAAuB;EACvB,GAEDvB,KAAK,CAACoB,eAAe,CAACa,KACnB,CACU,CAAC,GAAA9B,sBAAA,GAClBH,KAAK,CAACgD,uBAAuB,cAAA7C,sBAAA,uBAA7BA,sBAAA,CAAA4B,IAAA,CAAA/B,KAAgC,CAC7B,CACF,CACD,CACD,CAAC;AAEb,CAAC;AAED,eAAeD,WAAW;AAS1B,MAAMS,MAAM,GAAGrB,UAAU,CAAC8D,MAAM,CAAiB;EAC/CtB,YAAY,EAAE;IACZuB,WAAW,EAAE,EAAE;IACfC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE;EACR,CAAC;EACDxB,SAAS,EAAE;IACTyB,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAChB,CAAC;EACDxB,SAAS,EAAE;IACTyB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EACRtE,QAAQ,CAACuE,EAAE,KAAK,SAAS,GACrBlE,KAAK,CAACmE,uBAAuB,GAC7B,sBAAsB;IAC5BC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,SAAS;IAChBb,YAAY,EAAE;EAChB,CAAC;EACDlB,YAAY,EAAE;IACZuB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EACRtE,QAAQ,CAACuE,EAAE,KAAK,SAAS,GACrBlE,KAAK,CAACyE,sBAAsB,GAC5B,qBAAqB;IAC3BL,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,KAAK,EAAE,SAAS;IAChBb,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
 import { EvilIcons, MaterialIcons } from '@expo/vector-icons';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 const SearchBar = props => {
   const {
     searchText,
@@ -12,6 +14,13 @@ const SearchBar = props => {
   const handleClear = () => {
     props.onClear();
     setSearchText('');
+    const cta = "Clear";
+    fireEventWithScreenName({
+      severityLevel: SeverityLevelValue.LOG,
+      eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+      screenName: ScreenNameSdkConstants.SEARCH_BAR_SCREEN,
+      cta: cta
+    });
   };
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","EvilIcons","MaterialIcons","SearchBar","props","searchText","setSearchText","handleSearch","text","onChangeSearch","handleClear","onClear","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';\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 };\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;~~AAU7D~~,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;~~EACnB~~,CAAC;EAED,~~oBACEV~~,KAAA,~~CAAAgB~~,aAAA,~~CAACf~~,IAAI;~~IAACgB~~,KAAK,EAAEC,MAAM,CAACC;EAAU,~~gBAC5BnB~~,KAAA,~~CAAAgB~~,aAAA,~~CAACb~~,gBAAgB;~~IAACc~~,KAAK,EAAEC,MAAM,CAACE;EAAc,~~gBAC5CpB~~,KAAA,~~CAAAgB~~,aAAA,~~CAACX~~,SAAS;~~IAACgB~~,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACpC,CAAC,~~eACnBvB~~,KAAA,~~CAAAgB~~,aAAA,~~CAACf~~,IAAI;~~IAACgB~~,KAAK,EAAEC,MAAM,CAACM;EAAe,~~gBACjCxB~~,KAAA,~~CAAAgB~~,aAAA,~~CAACd~~,SAAS;~~IACRe~~,KAAK,EAAEC,MAAM,CAACO,KAAM;IACpBC,WAAW,~~EAAElB~~,KAAK,~~CAACkB~~,WAAY;IAC/BC,YAAY,~~EAAGf~~,IAAI,IAAK;MACtBD,YAAY,CAACC,IAAI,CAAC;MAClBF,aAAa,CAACE,IAAI,CAAC;IACrB,CAAE;~~IACFgB~~,KAAK,~~EAAEnB~~;EAAW,CACnB,CACG,CAAC,EACNA,UAAU,~~gBACTT~~,KAAA,~~CAAAgB~~,aAAA,~~CAACb~~,gBAAgB;~~IAACc~~,KAAK,EAAEC,MAAM,CAACE,aAAc;IAACS,OAAO,~~EAAEf~~;EAAY,~~gBAClEd~~,KAAA,~~CAAAgB~~,aAAA,~~CAACV~~,aAAa;~~IAACe~~,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CACvC,CAAC,GACjB,IACA,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,~~GAAGd~~,UAAU,~~CAAC0B~~,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,~~eAAenC~~,SAAS"}
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"}

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

@@ -3,6 +3,8 @@ import { Animated, Platform, SafeAreaView, StyleSheet, Text, View } from 'react-
 import { Surface, withTheme } from 'react-native-paper';
 import { AntDesign } from '@expo/vector-icons';
 import { Fonts } from '../../styles/executionTasks/CommonStyles';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../analytics/sentry/SentrySdkConstants';
+import { fireEventWithScreenName } from '../../analytics/sentry/SentryAnalyticsUtils';
 const DURATION_MEDIUM = 3000;
 export let SnackBarType = /*#__PURE__*/function (SnackBarType) {
   SnackBarType[SnackBarType["SUCCESS"] = 0] = "SUCCESS";
@@ -112,6 +114,13 @@ const SnackbarCustom = _ref => {
     color: "white",
     onPress: () => {
       setHidden(true);
+      const cta = "Close";
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.SCAN_BAR_CUSTOM_SCREEN,
+        cta: cta
+      });
     }
   }))));
 };