@os1-platform/dispatch-mobile 3.0.4 → 3.1.1

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

@@ -0,0 +1,194 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* eslint-disable react-native/no-inline-styles */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React, { useEffect, useLayoutEffect } from 'react';
+import { BackHandler, Text, View } from 'react-native';
+import { useFocusEffect } from '@react-navigation/native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+
+// Components
+import OTPInput from '../sub-components/OTPInput';
+import { ResendOTPButton } from '../sub-components/ResendOTPButton';
+
+// Styles
+import styles from '../ValidateOtpStyles';
+
+// Utilities
+import { maskContact } from '../../../../utils/ExecTaskUtils';
+import { resendOTP, updateResendCount, VALIDATE_OTP_SCREENS } from '../utils';
+import useResendOtpTimer from '../../../../utils/hooks/useTimer';
+
+// Types
+
+import { SnackBarType } from '../../../../components/widgets/SnackBarCustom';
+import { ERROR_RESEND_OTP, OTP_SENT_SUCCESSFULLY } from '../constants';
+
+// Analytics
+import { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';
+import { ScreenNameSdkConstants, SentryEventNameSdkConstants, SeverityLevelValue } from '../../../../analytics/sentry/SentrySdkConstants';
+export const OTPView = props => {
+  var _props$resendConfig, _props$validateMessag, _props$selectedContac, _props$selectedContac2;
+  const {
+    formattedTime,
+    timer,
+    resetTimer
+  } = useResendOtpTimer((_props$resendConfig = props.resendConfig) === null || _props$resendConfig === void 0 ? void 0 : _props$resendConfig.enableDelay);
+  const handleBackPress = () => {
+    if (props.doorstepOTP && props.isContactVisited) {
+      props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);
+    } else {
+      props.handleBackNavigation();
+    }
+    props.setOTPCode('');
+    return true;
+  };
+  const handleResendOtp = async () => {
+    var _props$orderData;
+    const payload = {
+      refId: props.refId,
+      meta: {
+        orderIds: (_props$orderData = props.orderData) === null || _props$orderData === void 0 ? void 0 : _props$orderData.map(order => {
+          var _order$displayInfo;
+          return order === null || order === void 0 || (_order$displayInfo = order.displayInfo) === null || _order$displayInfo === void 0 ? void 0 : _order$displayInfo.orderId;
+        })
+      },
+      ...(props.doorstepOTP && {
+        contactInfo: {
+          id: props.selectedContact.id,
+          mode: props.selectedContact.mode,
+          type: props.selectedContact.type,
+          index: props.selectedContact.index
+        }
+      })
+    };
+    try {
+      // if (props.doorstepOTP && !props.isContactVisited) {
+      //   props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);// required may be in future
+      // } else {
+      props.setOTPCode('');
+      // Attempt to resend OTP
+      const response = await resendOTP(payload, {
+        ...props,
+        domain: props.domain
+      });
+      if (!(response !== null && response !== void 0 && response.status) || !response) {
+        var _response$data;
+        props.setSnackBar({
+          show: true,
+          message: (response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.result) === null || _response$data === void 0 ? void 0 : _response$data.message) || ERROR_RESEND_OTP,
+          type: SnackBarType.OTP_FAILED
+        });
+        return;
+      } else {
+        var _response$data2, _response$additionalI;
+        const resendCountValue = Number((response === null || response === void 0 || (_response$data2 = response.data) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.result) === null || _response$data2 === void 0 ? void 0 : _response$data2.resendCount) || (response === null || response === void 0 || (_response$additionalI = response.additionalInfo) === null || _response$additionalI === void 0 ? void 0 : _response$additionalI.resendCount)) || props.resendCount + 1;
+        props.setResendCount(resendCountValue);
+        await updateResendCount(resendCountValue);
+        props.setSnackBar({
+          show: true,
+          message: OTP_SENT_SUCCESSFULLY,
+          type: SnackBarType.OTP_SUCCESS
+        });
+
+        // Reset the timer
+        resetTimer();
+      }
+      const cta = props.resendConfig.buttonTitle;
+      fireEventWithScreenName({
+        severityLevel: SeverityLevelValue.LOG,
+        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,
+        cta: cta
+      });
+      // }
+    } catch (error) {
+      console.error('Error during OTP generation or timer reset:', error);
+      props.setSnackBar({
+        show: true,
+        message: ERROR_RESEND_OTP,
+        type: SnackBarType.OTP_FAILED
+      });
+    }
+    return;
+  };
+
+  // *reset timer on render
+  useEffect(() => {
+    resetTimer();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Handle back-button click
+  useFocusEffect(React.useCallback(() => {
+    BackHandler.addEventListener('hardwareBackPress', handleBackPress);
+    return () => BackHandler.removeEventListener('hardwareBackPress', handleBackPress);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []));
+  useLayoutEffect(() => {
+    props.navigation.setOptions({
+      title: props.title,
+      headerLeft: () => {
+        return /*#__PURE__*/React.createElement(Icon, {
+          onPress: () => {
+            handleBackPress();
+            const cta = 'Arrow Back';
+            fireEventWithScreenName({
+              severityLevel: SeverityLevelValue.LOG,
+              eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,
+              screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,
+              cta: cta
+            });
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        });
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // *render error message for OTP input
+  const renderErrorMessage = () => {
+    return props.errorMessage ? /*#__PURE__*/React.createElement(Text, {
+      style: styles.errorMessage
+    }, props.errorMessage) : null;
+  };
+
+  // *render retry button
+  const renderRetryButton = () => {
+    const enableRetry = props.resendOTP.enableResends;
+    if (enableRetry) {
+      return /*#__PURE__*/React.createElement(ResendOTPButton, _extends({}, props, {
+        formattedTime: formattedTime,
+        handleResendOtp: handleResendOtp,
+        timer: timer
+      }));
+    } else return null;
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.titleText
+  }, (props === null || props === void 0 || (_props$validateMessag = props.validateMessage) === null || _props$validateMessag === void 0 || (_props$validateMessag = _props$validateMessag.toString()) === null || _props$validateMessag === void 0 ? void 0 : _props$validateMessag.length) > 0 ? props.validateMessage : 'Enter OTP received by consignee')), /*#__PURE__*/React.createElement(View, {
+    style: styles.otpContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.otpTextMsg
+  }, "OTP sent to", ' ', (props === null || props === void 0 || (_props$selectedContac = props.selectedContact) === null || _props$selectedContac === void 0 ? void 0 : _props$selectedContac.value) && maskContact(props === null || props === void 0 || (_props$selectedContac2 = props.selectedContact) === null || _props$selectedContac2 === void 0 ? void 0 : _props$selectedContac2.value)), /*#__PURE__*/React.createElement(OTPInput, {
+    input: props.otpInputConfig,
+    otpCode: props.otpCode,
+    setOTPCode: props.setOTPCode,
+    hasError: props.hasError,
+    setHasError: props.setHasError,
+    setErrorMessage: props.setErrorMessage
+  }), renderErrorMessage(), renderRetryButton()));
+};
+//# sourceMappingURL=OTPView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useLayoutEffect","BackHandler","Text","View","useFocusEffect","Icon","OTPInput","ResendOTPButton","styles","maskContact","resendOTP","updateResendCount","VALIDATE_OTP_SCREENS","useResendOtpTimer","SnackBarType","ERROR_RESEND_OTP","OTP_SENT_SUCCESSFULLY","fireEventWithScreenName","ScreenNameSdkConstants","SentryEventNameSdkConstants","SeverityLevelValue","OTPView","props","_props$resendConfig","_props$validateMessag","_props$selectedContac","_props$selectedContac2","formattedTime","timer","resetTimer","resendConfig","enableDelay","handleBackPress","doorstepOTP","isContactVisited","setCurrentScreen","CONTACT_LIST","handleBackNavigation","setOTPCode","handleResendOtp","_props$orderData","payload","refId","meta","orderIds","orderData","map","order","_order$displayInfo","displayInfo","orderId","contactInfo","id","selectedContact","mode","type","index","response","domain","status","_response$data","setSnackBar","show","message","data","result","OTP_FAILED","_response$data2","_response$additionalI","resendCountValue","Number","resendCount","additionalInfo","setResendCount","OTP_SUCCESS","cta","buttonTitle","severityLevel","LOG","eventName","BUTTON_CLICKED","screenName","VALIDATE_OTP_ET_SCREEN","error","console","useCallback","addEventListener","removeEventListener","navigation","setOptions","title","headerLeft","createElement","onPress","name","color","size","style","paddingRight","paddingTop","renderErrorMessage","errorMessage","renderRetryButton","enableRetry","enableResends","_extends","flex","titleContainer","titleText","validateMessage","toString","length","otpContainer","otpTextMsg","value","input","otpInputConfig","otpCode","hasError","setHasError","setErrorMessage"],"sources":["OTPView.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { FC, useEffect, useLayoutEffect } from 'react';\nimport { BackHandler, Text, View } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport Icon from 'react-native-vector-icons/MaterialIcons';\n\n// Components\nimport OTPInput from '../sub-components/OTPInput';\nimport { ResendOTPButton } from '../sub-components/ResendOTPButton';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Utilities\nimport { maskContact } from '../../../../utils/ExecTaskUtils';\nimport { resendOTP, updateResendCount, VALIDATE_OTP_SCREENS } from '../utils';\nimport useResendOtpTimer from '../../../../utils/hooks/useTimer';\n\n// Types\nimport { ValidateOTPInput } from '../ValidateOTPSchema';\nimport { SnackBarType } from '../../../../components/widgets/SnackBarCustom';\nimport { ERROR_RESEND_OTP, OTP_SENT_SUCCESSFULLY } from '../constants';\n\n// Analytics\nimport { fireEventWithScreenName } from '../../../../analytics/sentry/SentryAnalyticsUtils';\nimport {\n  ScreenNameSdkConstants,\n  SentryEventNameSdkConstants,\n  SeverityLevelValue,\n} from '../../../../analytics/sentry/SentrySdkConstants';\n\nexport const OTPView: FC<ValidateOTPInput> = (props) => {\n  const { formattedTime, timer, resetTimer } = useResendOtpTimer(\n    props.resendConfig?.enableDelay\n  );\n\n  const handleBackPress = () => {\n    if (props.doorstepOTP && props.isContactVisited) {\n      props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);\n    } else {\n      props.handleBackNavigation();\n    }\n    props.setOTPCode('');\n    return true;\n  };\n\n  const handleResendOtp = async () => {\n    const payload = {\n      refId: props.refId,\n      meta: {\n        orderIds: props.orderData?.map((order) => order?.displayInfo?.orderId),\n      },\n      ...(props.doorstepOTP && {\n        contactInfo: {\n          id: props.selectedContact.id,\n          mode: props.selectedContact.mode,\n          type: props.selectedContact.type,\n          index: props.selectedContact.index,\n        },\n      }),\n    };\n    try {\n      // if (props.doorstepOTP && !props.isContactVisited) {\n      //   props.setCurrentScreen(VALIDATE_OTP_SCREENS.CONTACT_LIST);// required may be in future\n      // } else {\n      props.setOTPCode('');\n      // Attempt to resend OTP\n      const response = await resendOTP(payload, {\n        ...props,\n        domain: props.domain,\n      });\n\n      if (!response?.status || !response) {\n        props.setSnackBar({\n          show: true,\n          message: response?.data?.result?.message || ERROR_RESEND_OTP,\n          type: SnackBarType.OTP_FAILED,\n        });\n        return;\n      } else {\n        const resendCountValue =\n          Number(\n            response?.data?.result?.resendCount ||\n              response?.additionalInfo?.resendCount\n          ) || props.resendCount + 1;\n\n        props.setResendCount(resendCountValue);\n        await updateResendCount(resendCountValue);\n\n        props.setSnackBar({\n          show: true,\n          message: OTP_SENT_SUCCESSFULLY,\n          type: SnackBarType.OTP_SUCCESS,\n        });\n\n        // Reset the timer\n        resetTimer();\n      }\n      const cta = props.resendConfig.buttonTitle;\n      fireEventWithScreenName({\n        severityLevel: SeverityLevelValue.LOG,\n        eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n        screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n        cta: cta,\n      });\n      // }\n    } catch (error) {\n      console.error('Error during OTP generation or timer reset:', error);\n      props.setSnackBar({\n        show: true,\n        message: ERROR_RESEND_OTP,\n        type: SnackBarType.OTP_FAILED,\n      });\n    }\n    return;\n  };\n\n  // *reset timer on render\n  useEffect(() => {\n    resetTimer();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Handle back-button click\n  useFocusEffect(\n    React.useCallback(() => {\n      BackHandler.addEventListener('hardwareBackPress', handleBackPress);\n      return () =>\n        BackHandler.removeEventListener('hardwareBackPress', handleBackPress);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n  );\n\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      title: props.title,\n      headerLeft: () => {\n        return (\n          <Icon\n            onPress={() => {\n              handleBackPress();\n              const cta = 'Arrow Back';\n              fireEventWithScreenName({\n                severityLevel: SeverityLevelValue.LOG,\n                eventName: SentryEventNameSdkConstants.BUTTON_CLICKED,\n                screenName: ScreenNameSdkConstants.VALIDATE_OTP_ET_SCREEN,\n                cta: cta,\n              });\n            }}\n            name=\"arrow-back\"\n            color={'black'}\n            size={25}\n            style={{\n              paddingRight: 15,\n              paddingTop: 5,\n            }}\n          />\n        );\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // *render error message for OTP input\n  const renderErrorMessage = () => {\n    return props.errorMessage ? (\n      <Text style={styles.errorMessage}>{props.errorMessage}</Text>\n    ) : null;\n  };\n\n  // *render retry button\n  const renderRetryButton = () => {\n    const enableRetry = props.resendOTP.enableResends;\n\n    if (enableRetry) {\n      return (\n        <ResendOTPButton\n          {...props}\n          formattedTime={formattedTime}\n          handleResendOtp={handleResendOtp}\n          timer={timer}\n        />\n      );\n    } else return null;\n  };\n\n  return (\n    <View style={{ flex: 1 }}>\n      <View style={styles.titleContainer}>\n        <Text style={styles.titleText}>\n          {props?.validateMessage?.toString()?.length > 0\n            ? props.validateMessage\n            : 'Enter OTP received by consignee'}\n        </Text>\n      </View>\n      <View style={styles.otpContainer}>\n        <Text style={styles.otpTextMsg}>\n          OTP sent to{' '}\n          {props?.selectedContact?.value &&\n            maskContact(props?.selectedContact?.value)}\n        </Text>\n        <OTPInput\n          input={props.otpInputConfig}\n          otpCode={props.otpCode}\n          setOTPCode={props.setOTPCode}\n          hasError={props.hasError}\n          setHasError={props.setHasError}\n          setErrorMessage={props.setErrorMessage}\n        />\n        {renderErrorMessage()}\n        {renderRetryButton()}\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -1,7 +1,13 @@
-export const INVALID_OTP = `Wrong or expired OTP. Please try again.`;
+export const INVALID_OTP = `Entered incorrect OTP. <length> attempts left.`;
+export const INVALID_OTP_ONE_ATTEMPT_LEFT = `OTP verification failed! Please enter the correct OTP within 1 attempt.`;
 export const INVALID_OTP_LENGTH = `OTP should be of length <length>`;
 export const INVALID_REGEX = `Invalid OTP entered. Must match the expected pattern.`;
-export const ERROR_GENERATING_OTP = `Error occured while Generating OTP`;
+export const ERROR_GENERATING_OTP = `Unable to send OTP. Please try again.`;
+export const UNABLE_TO_SEND_OTP = `Unable to send new OTP as maximum limit reached.`;
+export const ERROR_RESEND_OTP = 'Failed to resend OTP. Try again.';
+export const ERROR_VALIDATE_OTP = 'Failed to validate OTP. Try again.';
+export const OTP_SENT_SUCCESSFULLY = 'OTP sent to the customer!';
+export const OTP_VERIFIED_SUCCESSFULLY = 'OTP verified successfully!';
 export const mobileSVG = `<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <mask id="mask0_3391_199849" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="164" height="164">
 <rect width="164" height="164" fill="url(#pattern0)"/>
@@ -19,7 +25,8 @@ export const mobileSVG = `<svg width="164" height="164" viewBox="0 0 164 164" fi
 `;
 export const DEFAULT_RETRY_CONFIG = {
   buttonTitle: 'Resend OTP',
-  delay: 10,
-  maxAttempt: 3
+  enableResends: true,
+  enableDelay: 60,
+  maxResends: 5
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["INVALID_OTP","INVALID_OTP_LENGTH","INVALID_REGEX","ERROR_GENERATING_OTP","mobileSVG","DEFAULT_RETRY_CONFIG","buttonTitle","delay","maxAttempt"],"sources":["constants.ts"],"sourcesContent":["export const INVALID_OTP = `Wrong or expired OTP. Please try again.`;\nexport const INVALID_OTP_LENGTH = `OTP should be of length <length>`;\nexport const INVALID_REGEX = `Invalid OTP entered. Must match the expected pattern.`;\nexport const ERROR_GENERATING_OTP = `Error occured while Generating OTP`;\nexport const mobileSVG = `<svg width=\"164\" height=\"164\" viewBox=\"0 0 164 164\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<mask id=\"mask0_3391_199849\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"164\" height=\"164\">\n<rect width=\"164\" height=\"164\" fill=\"url(#pattern0)\"/>\n</mask>\n<g mask=\"url(#mask0_3391_199849)\">\n<rect x=\"-28\" y=\"-29\" width=\"221\" height=\"221\" fill=\"#5B80F7\"/>\n</g>\n<defs>\n<pattern id=\"pattern0\" patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n<use xlink:href=\"#image0_3391_199849\" transform=\"scale(0.0078125)\"/>\n</pattern>\n<image id=\"image0_3391_199849\" width=\"128\" height=\"128\" xlink:href=\"data:image/png;base64,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\"/>\n</defs>\n</svg>\n`;\nexport const DEFAULT_RETRY_CONFIG = {\n  buttonTitle: 'Resend OTP',\n  delay: 10,\n  maxAttempt: 3,\n};\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,yCAAyC;AACpE,OAAO,MAAMC,kBAAkB,GAAG,kCAAkC;AACpE,OAAO,MAAMC,aAAa,GAAG,uDAAuD;AACpF,OAAO,MAAMC,oBAAoB,GAAG,oCAAoC;AACxE,OAAO,MAAMC,SAAS,GAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,WAAW,EAAE,YAAY;EACzBC,KAAK,EAAE,EAAE;EACTC,UAAU,EAAE;AACd,CAAC","ignoreList":[]}
+{"version":3,"names":["INVALID_OTP","INVALID_OTP_ONE_ATTEMPT_LEFT","INVALID_OTP_LENGTH","INVALID_REGEX","ERROR_GENERATING_OTP","UNABLE_TO_SEND_OTP","ERROR_RESEND_OTP","ERROR_VALIDATE_OTP","OTP_SENT_SUCCESSFULLY","OTP_VERIFIED_SUCCESSFULLY","mobileSVG","DEFAULT_RETRY_CONFIG","buttonTitle","enableResends","enableDelay","maxResends"],"sources":["constants.ts"],"sourcesContent":["export const INVALID_OTP = `Entered incorrect OTP. <length> attempts left.`;\nexport const INVALID_OTP_ONE_ATTEMPT_LEFT = `OTP verification failed! Please enter the correct OTP within 1 attempt.`;\nexport const INVALID_OTP_LENGTH = `OTP should be of length <length>`;\nexport const INVALID_REGEX = `Invalid OTP entered. Must match the expected pattern.`;\nexport const ERROR_GENERATING_OTP = `Unable to send OTP. Please try again.`;\nexport const UNABLE_TO_SEND_OTP = `Unable to send new OTP as maximum limit reached.`;\nexport const ERROR_RESEND_OTP = 'Failed to resend OTP. Try again.';\nexport const ERROR_VALIDATE_OTP = 'Failed to validate OTP. Try again.';\nexport const OTP_SENT_SUCCESSFULLY = 'OTP sent to the customer!';\nexport const OTP_VERIFIED_SUCCESSFULLY = 'OTP verified successfully!';\nexport const mobileSVG = `<svg width=\"164\" height=\"164\" viewBox=\"0 0 164 164\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<mask id=\"mask0_3391_199849\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"164\" height=\"164\">\n<rect width=\"164\" height=\"164\" fill=\"url(#pattern0)\"/>\n</mask>\n<g mask=\"url(#mask0_3391_199849)\">\n<rect x=\"-28\" y=\"-29\" width=\"221\" height=\"221\" fill=\"#5B80F7\"/>\n</g>\n<defs>\n<pattern id=\"pattern0\" patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n<use xlink:href=\"#image0_3391_199849\" transform=\"scale(0.0078125)\"/>\n</pattern>\n<image id=\"image0_3391_199849\" width=\"128\" height=\"128\" xlink:href=\"data:image/png;base64,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\"/>\n</defs>\n</svg>\n`;\nexport const DEFAULT_RETRY_CONFIG = {\n  buttonTitle: 'Resend OTP',\n  enableResends: true,\n  enableDelay: 60,\n  maxResends: 5,\n};\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,gDAAgD;AAC3E,OAAO,MAAMC,4BAA4B,GAAG,yEAAyE;AACrH,OAAO,MAAMC,kBAAkB,GAAG,kCAAkC;AACpE,OAAO,MAAMC,aAAa,GAAG,uDAAuD;AACpF,OAAO,MAAMC,oBAAoB,GAAG,uCAAuC;AAC3E,OAAO,MAAMC,kBAAkB,GAAG,kDAAkD;AACpF,OAAO,MAAMC,gBAAgB,GAAG,kCAAkC;AAClE,OAAO,MAAMC,kBAAkB,GAAG,oCAAoC;AACtE,OAAO,MAAMC,qBAAqB,GAAG,2BAA2B;AAChE,OAAO,MAAMC,yBAAyB,GAAG,4BAA4B;AACrE,OAAO,MAAMC,SAAS,GAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,WAAW,EAAE,YAAY;EACzBC,aAAa,EAAE,IAAI;EACnBC,WAAW,EAAE,EAAE;EACfC,UAAU,EAAE;AACd,CAAC","ignoreList":[]}

package/lib/module/components/executiontasks/validateOTP/sub-components/ContactCard.js

@@ -0,0 +1,59 @@
+/* eslint-disable react-native/no-inline-styles */
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+// Styles
+import styles from '../ValidateOtpStyles';
+
+// Types
+
+// Icons
+import { RadioCheckedIcon, RadioUncheckedIcon } from '../../../../icons';
+
+// Utilities
+import { isNotNullOrEmpty, truncateOrderId } from '../utils';
+import { sHeight } from '../../../../components/utils/Scale';
+import { maskContact } from '../../../../utils/ExecTaskUtils';
+export const ContactCard = props => {
+  const {
+    handleSelectContact,
+    contactDetails
+  } = props;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.75,
+    style: [styles.contactCard, (contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.isSelected) && styles.selectedCard],
+    onPress: () => handleSelectContact(contactDetails)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.rowContainer]
+  }, contactDetails !== null && contactDetails !== void 0 && contactDetails.isSelected ? /*#__PURE__*/React.createElement(RadioCheckedIcon, {
+    style: [styles.radioIcon]
+  }) : /*#__PURE__*/React.createElement(RadioUncheckedIcon, {
+    style: [styles.radioIcon]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.columnContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.rowContainer, {
+      marginBottom: 8
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.contactTitle, {
+      padding: 0,
+      margin: 0
+    }]
+  }, (contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.value) && maskContact(contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.value))), isNotNullOrEmpty(contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.orderId) && /*#__PURE__*/React.createElement(View, {
+    style: styles.rowContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.titleText, styles.contactLabel]
+  }, "Order ID"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.titleText, styles.contactText]
+  }, (contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.orderId) && truncateOrderId(contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.orderId))), isNotNullOrEmpty(contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.orderFrom) && /*#__PURE__*/React.createElement(View, {
+    style: [styles.rowContainer, {
+      marginTop: sHeight(4)
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.titleText, styles.contactLabel]
+  }, "Order From"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.titleText, styles.contactText]
+  }, contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.orderFrom)))));
+};
+//# sourceMappingURL=ContactCard.js.map

package/lib/module/components/executiontasks/validateOTP/sub-components/ContactCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","View","styles","RadioCheckedIcon","RadioUncheckedIcon","isNotNullOrEmpty","truncateOrderId","sHeight","maskContact","ContactCard","props","handleSelectContact","contactDetails","createElement","activeOpacity","style","contactCard","isSelected","selectedCard","onPress","rowContainer","radioIcon","columnContainer","marginBottom","contactTitle","padding","margin","value","orderId","titleText","contactLabel","contactText","orderFrom","marginTop"],"sources":["ContactCard.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Types\nimport { ContactTypes } from '../ValidateOTPSchema';\n\n// Icons\nimport { RadioCheckedIcon, RadioUncheckedIcon } from '../../../../icons';\n\n// Utilities\nimport { isNotNullOrEmpty, truncateOrderId } from '../utils';\nimport { sHeight } from '../../../../components/utils/Scale';\nimport { maskContact } from '../../../../utils/ExecTaskUtils';\n\ninterface ContactCardPropType {\n  handleSelectContact: (contactDetails: ContactTypes) => void;\n  contactDetails: ContactTypes;\n}\nexport const ContactCard = (props: ContactCardPropType) => {\n  const { handleSelectContact, contactDetails } = props;\n  return (\n    <TouchableOpacity\n      activeOpacity={0.75}\n      style={[\n        styles.contactCard,\n        contactDetails?.isSelected && styles.selectedCard,\n      ]}\n      onPress={() => handleSelectContact(contactDetails)}\n    >\n      <View style={[styles.rowContainer]}>\n        {contactDetails?.isSelected ? (\n          <RadioCheckedIcon style={[styles.radioIcon]} />\n        ) : (\n          <RadioUncheckedIcon style={[styles.radioIcon]} />\n        )}\n        <View style={styles.columnContainer}>\n          {/* Contact */}\n          <View style={[styles.rowContainer, { marginBottom: 8 }]}>\n            <Text style={[styles.contactTitle, { padding: 0, margin: 0 }]}>\n              {contactDetails?.value && maskContact(contactDetails?.value)}\n            </Text>\n          </View>\n          {isNotNullOrEmpty(contactDetails?.orderId) && (\n            <View style={styles.rowContainer}>\n              <Text style={[styles.titleText, styles.contactLabel]}>\n                Order ID\n              </Text>\n              <Text style={[styles.titleText, styles.contactText]}>\n                {contactDetails?.orderId &&\n                  truncateOrderId(contactDetails?.orderId)}\n              </Text>\n            </View>\n          )}\n          {isNotNullOrEmpty(contactDetails?.orderFrom) && (\n            <View style={[styles.rowContainer, { marginTop: sHeight(4) }]}>\n              <Text style={[styles.titleText, styles.contactLabel]}>\n                Order From\n              </Text>\n              <Text style={[styles.titleText, styles.contactText]}>\n                {contactDetails?.orderFrom}\n              </Text>\n            </View>\n          )}\n        </View>\n      </View>\n    </TouchableOpacity>\n  );\n};\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA,OAAOC,MAAM,MAAM,sBAAsB;;AAEzC;;AAGA;AACA,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,mBAAmB;;AAExE;AACA,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,UAAU;AAC5D,SAASC,OAAO,QAAQ,oCAAoC;AAC5D,SAASC,WAAW,QAAQ,iCAAiC;AAM7D,OAAO,MAAMC,WAAW,GAAIC,KAA0B,IAAK;EACzD,MAAM;IAAEC,mBAAmB;IAAEC;EAAe,CAAC,GAAGF,KAAK;EACrD,oBACEZ,KAAA,CAAAe,aAAA,CAACb,gBAAgB;IACfc,aAAa,EAAE,IAAK;IACpBC,KAAK,EAAE,CACLb,MAAM,CAACc,WAAW,EAClB,CAAAJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEK,UAAU,KAAIf,MAAM,CAACgB,YAAY,CACjD;IACFC,OAAO,EAAEA,CAAA,KAAMR,mBAAmB,CAACC,cAAc;EAAE,gBAEnDd,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACc,KAAK,EAAE,CAACb,MAAM,CAACkB,YAAY;EAAE,GAChCR,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEK,UAAU,gBACzBnB,KAAA,CAAAe,aAAA,CAACV,gBAAgB;IAACY,KAAK,EAAE,CAACb,MAAM,CAACmB,SAAS;EAAE,CAAE,CAAC,gBAE/CvB,KAAA,CAAAe,aAAA,CAACT,kBAAkB;IAACW,KAAK,EAAE,CAACb,MAAM,CAACmB,SAAS;EAAE,CAAE,CACjD,eACDvB,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACc,KAAK,EAAEb,MAAM,CAACoB;EAAgB,gBAElCxB,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACc,KAAK,EAAE,CAACb,MAAM,CAACkB,YAAY,EAAE;MAAEG,YAAY,EAAE;IAAE,CAAC;EAAE,gBACtDzB,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAE,CAACb,MAAM,CAACsB,YAAY,EAAE;MAAEC,OAAO,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;EAAE,GAC3D,CAAAd,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEe,KAAK,KAAInB,WAAW,CAACI,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEe,KAAK,CACvD,CACF,CAAC,EACNtB,gBAAgB,CAACO,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgB,OAAO,CAAC,iBACxC9B,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACc,KAAK,EAAEb,MAAM,CAACkB;EAAa,gBAC/BtB,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAE,CAACb,MAAM,CAAC2B,SAAS,EAAE3B,MAAM,CAAC4B,YAAY;EAAE,GAAC,UAEhD,CAAC,eACPhC,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAE,CAACb,MAAM,CAAC2B,SAAS,EAAE3B,MAAM,CAAC6B,WAAW;EAAE,GACjD,CAAAnB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgB,OAAO,KACtBtB,eAAe,CAACM,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgB,OAAO,CACrC,CACF,CACP,EACAvB,gBAAgB,CAACO,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEoB,SAAS,CAAC,iBAC1ClC,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACc,KAAK,EAAE,CAACb,MAAM,CAACkB,YAAY,EAAE;MAAEa,SAAS,EAAE1B,OAAO,CAAC,CAAC;IAAE,CAAC;EAAE,gBAC5DT,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAE,CAACb,MAAM,CAAC2B,SAAS,EAAE3B,MAAM,CAAC4B,YAAY;EAAE,GAAC,YAEhD,CAAC,eACPhC,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAE,CAACb,MAAM,CAAC2B,SAAS,EAAE3B,MAAM,CAAC6B,WAAW;EAAE,GACjDnB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEoB,SACb,CACF,CAEJ,CACF,CACU,CAAC;AAEvB,CAAC","ignoreList":[]}

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

@@ -1,12 +1,16 @@
-import { StyleSheet, Pressable, Keyboard, Platform } from 'react-native';
+/* eslint-disable @typescript-eslint/no-unused-vars */
+// External imports
 import React, { useEffect } from 'react';
+import { StyleSheet, Pressable, Keyboard, Platform } from 'react-native';
+
+// Internal imports
 import SplitTextInput from '../../../widgets/SplitTextInput';
 import { Fonts } from '../../../../styles/executionTasks/CommonStyles';
 import { InputType } from '../ValidateOTPSchema';
 import { INVALID_REGEX } from '../constants';
 const OTPInput = props => {
-  const maximumCodeLength = props.input.length;
-  const keyboardType = props.input.inputType === InputType.NUMBER ? 'number-pad' : 'default';
+  const maximumCodeLength = props.input.length || 6;
+  const keyboardType = props.input.inputType === InputType.NUMBER || InputType.NUMERIC ? 'number-pad' : 'default';
   useEffect(() => {
     if (props.input.validationRegex && props.otpCode.length === maximumCodeLength) {
       const regex = new RegExp(props.input.validationRegex);
@@ -14,7 +18,7 @@ const OTPInput = props => {
       props.setHasError(hasError);
       if (hasError) props.setErrorMessage(INVALID_REGEX);else props.setErrorMessage('');
     }
-  }, [props.otpCode]);
+  }, [maximumCodeLength, props, props.otpCode]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
     onPress: Keyboard.dismiss
   }, /*#__PURE__*/React.createElement(SplitTextInput, {
@@ -38,7 +42,9 @@ const styles = StyleSheet.create({
   text: {
     fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
     color: '#3D445C',
-    fontSize: 20,
+    fontSize: 16,
+    lineHeight: 24,
+    fontWeight: '400',
     textAlign: 'center'
   },
   errorMessage: {

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

@@ -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';\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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","StyleSheet","Pressable","Keyboard","Platform","SplitTextInput","Fonts","InputType","INVALID_REGEX","OTPInput","props","maximumCodeLength","input","length","keyboardType","inputType","NUMBER","NUMERIC","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","lineHeight","fontWeight","textAlign","errorMessage","marginTop","marginHorizontal"],"sources":["OTPInput.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n// External imports\nimport React, { useEffect } from 'react';\nimport { StyleSheet, Pressable, Keyboard, Platform } from 'react-native';\n\n// Internal imports\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 || 6;\n  const keyboardType =\n    props.input.inputType === InputType.NUMBER || InputType.NUMERIC\n      ? 'number-pad'\n      : '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  }, [maximumCodeLength, props, 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: 16,\n    lineHeight: 24,\n    fontWeight: '400',\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":"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","ignoreList":[]}

package/lib/module/components/executiontasks/validateOTP/sub-components/ResendOTPButton.js

@@ -0,0 +1,52 @@
+/* eslint-disable react-native/no-inline-styles */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+// Styles
+import styles from '../ValidateOtpStyles';
+
+// Types
+
+// Icons
+import { InfoExclamatoryDarkIcon } from '../../../../icons';
+export const ResendOTPButton = props => {
+  var _props$resendOTP;
+  const {
+    timer,
+    resendConfig,
+    formattedTime,
+    handleResendOtp,
+    resendCount
+  } = props;
+  const enableRetry = props === null || props === void 0 || (_props$resendOTP = props.resendOTP) === null || _props$resendOTP === void 0 ? void 0 : _props$resendOTP.enableResends;
+  return /*#__PURE__*/React.createElement(View, null, resendCount >= resendConfig.maxResends ? /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: true,
+    onPress: handleResendOtp
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.resendOtpMsg, styles.resendOtpBtn, {
+      color: '#E0E3EB'
+    }]
+  }, resendConfig.buttonTitle)), /*#__PURE__*/React.createElement(View, {
+    style: styles.maxLimitReachBox
+  }, /*#__PURE__*/React.createElement(InfoExclamatoryDarkIcon, {
+    height: 22,
+    width: 22,
+    style: {
+      padding: 4
+    },
+    fill: '#525B7A'
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.maxLimitReachText
+  }, "Maximum resend limit reached."))) : Number(timer) !== 0 ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.resendOtpMsg
+  }, `${resendConfig.buttonTitle} ${timer ? `in ${formattedTime}` : ''}`) : /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: Boolean(timer) || resendCount >= resendConfig.maxResends || !enableRetry,
+    onPress: handleResendOtp
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.resendOtpMsg, styles.resendOtpBtn, !enableRetry && {
+      color: '#E0E3EB'
+    }]
+  }, resendConfig.buttonTitle)));
+};
+//# sourceMappingURL=ResendOTPButton.js.map

package/lib/module/components/executiontasks/validateOTP/sub-components/ResendOTPButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","View","styles","InfoExclamatoryDarkIcon","ResendOTPButton","props","_props$resendOTP","timer","resendConfig","formattedTime","handleResendOtp","resendCount","enableRetry","resendOTP","enableResends","createElement","maxResends","disabled","onPress","style","resendOtpMsg","resendOtpBtn","color","buttonTitle","maxLimitReachBox","height","width","padding","fill","maxLimitReachText","Number","Boolean"],"sources":["ResendOTPButton.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\n\n// Styles\nimport styles from '../ValidateOtpStyles';\n\n// Types\nimport { ResendOTPConfigType } from '../ValidateOTPSchema';\n\n// Icons\nimport { InfoExclamatoryDarkIcon } from '../../../../icons';\n\ninterface ResendOTPButtonPropType {\n  timer: number;\n  resendConfig: ResendOTPConfigType;\n  resendCount: number;\n  formattedTime: string;\n  handleResendOtp: () => void;\n  resendOTP?: any;\n}\n\nexport const ResendOTPButton = (props: ResendOTPButtonPropType) => {\n  const { timer, resendConfig, formattedTime, handleResendOtp, resendCount } =\n    props;\n  const enableRetry = props?.resendOTP?.enableResends;\n  return (\n    <View>\n      {resendCount >= resendConfig.maxResends ? (\n        <View>\n          <TouchableOpacity disabled onPress={handleResendOtp}>\n            <Text\n              style={[\n                styles.resendOtpMsg,\n                styles.resendOtpBtn,\n                {\n                  color: '#E0E3EB',\n                },\n              ]}\n            >\n              {resendConfig.buttonTitle}\n            </Text>\n          </TouchableOpacity>\n\n          <View style={styles.maxLimitReachBox}>\n            <InfoExclamatoryDarkIcon\n              height={22}\n              width={22}\n              style={{ padding: 4 }}\n              fill={'#525B7A'}\n            />\n            <Text style={styles.maxLimitReachText}>\n              Maximum resend limit reached.\n            </Text>\n          </View>\n        </View>\n      ) : Number(timer) !== 0 ? (\n        <Text style={styles.resendOtpMsg}>\n          {`${resendConfig.buttonTitle} ${timer ? `in ${formattedTime}` : ''}`}\n        </Text>\n      ) : (\n        <TouchableOpacity\n          disabled={\n            Boolean(timer) ||\n            resendCount >= resendConfig.maxResends ||\n            !enableRetry\n          }\n          onPress={handleResendOtp}\n        >\n          <Text\n            style={[\n              styles.resendOtpMsg,\n              styles.resendOtpBtn,\n              !enableRetry && {\n                color: '#E0E3EB',\n              },\n            ]}\n          >\n            {resendConfig.buttonTitle}\n          </Text>\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n"],"mappings":"AAAA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA,OAAOC,MAAM,MAAM,sBAAsB;;AAEzC;;AAGA;AACA,SAASC,uBAAuB,QAAQ,mBAAmB;AAW3D,OAAO,MAAMC,eAAe,GAAIC,KAA8B,IAAK;EAAA,IAAAC,gBAAA;EACjE,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC,aAAa;IAAEC,eAAe;IAAEC;EAAY,CAAC,GACxEN,KAAK;EACP,MAAMO,WAAW,GAAGP,KAAK,aAALA,KAAK,gBAAAC,gBAAA,GAALD,KAAK,CAAEQ,SAAS,cAAAP,gBAAA,uBAAhBA,gBAAA,CAAkBQ,aAAa;EACnD,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,IAAI,QACFU,WAAW,IAAIH,YAAY,CAACQ,UAAU,gBACrClB,KAAA,CAAAiB,aAAA,CAACd,IAAI,qBACHH,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;IAACiB,QAAQ;IAACC,OAAO,EAAER;EAAgB,gBAClDZ,KAAA,CAAAiB,aAAA,CAAChB,IAAI;IACHoB,KAAK,EAAE,CACLjB,MAAM,CAACkB,YAAY,EACnBlB,MAAM,CAACmB,YAAY,EACnB;MACEC,KAAK,EAAE;IACT,CAAC;EACD,GAEDd,YAAY,CAACe,WACV,CACU,CAAC,eAEnBzB,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACkB,KAAK,EAAEjB,MAAM,CAACsB;EAAiB,gBACnC1B,KAAA,CAAAiB,aAAA,CAACZ,uBAAuB;IACtBsB,MAAM,EAAE,EAAG;IACXC,KAAK,EAAE,EAAG;IACVP,KAAK,EAAE;MAAEQ,OAAO,EAAE;IAAE,CAAE;IACtBC,IAAI,EAAE;EAAU,CACjB,CAAC,eACF9B,KAAA,CAAAiB,aAAA,CAAChB,IAAI;IAACoB,KAAK,EAAEjB,MAAM,CAAC2B;EAAkB,GAAC,+BAEjC,CACF,CACF,CAAC,GACLC,MAAM,CAACvB,KAAK,CAAC,KAAK,CAAC,gBACrBT,KAAA,CAAAiB,aAAA,CAAChB,IAAI;IAACoB,KAAK,EAAEjB,MAAM,CAACkB;EAAa,GAC9B,GAAGZ,YAAY,CAACe,WAAW,IAAIhB,KAAK,GAAG,MAAME,aAAa,EAAE,GAAG,EAAE,EAC9D,CAAC,gBAEPX,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;IACfiB,QAAQ,EACNc,OAAO,CAACxB,KAAK,CAAC,IACdI,WAAW,IAAIH,YAAY,CAACQ,UAAU,IACtC,CAACJ,WACF;IACDM,OAAO,EAAER;EAAgB,gBAEzBZ,KAAA,CAAAiB,aAAA,CAAChB,IAAI;IACHoB,KAAK,EAAE,CACLjB,MAAM,CAACkB,YAAY,EACnBlB,MAAM,CAACmB,YAAY,EACnB,CAACT,WAAW,IAAI;MACdU,KAAK,EAAE;IACT,CAAC;EACD,GAEDd,YAAY,CAACe,WACV,CACU,CAEhB,CAAC;AAEX,CAAC","ignoreList":[]}