@os1-platform/dispatch-mobile 3.1.9 → 3.2.1

package/lib/module/components/executiontasks/collectPayment/components/ProcessPayment.js

@@ -12,11 +12,11 @@ import { formatExpiryTime, getPaymentDataMO, getPaymentLink, getPaymentType, rem
 // useQRExpiryTimer,
 } from '../PaymentUtils';
 import { ActivityIndicator, Button, Modal, Portal, Provider } from 'react-native-paper';
-import Icon from 'react-native-vector-icons/MaterialIcons';
+import Icon from '@react-native-vector-icons/material-icons';
 import { PAYMENT_NOTIFICATION } from '../../../../constants/constants';
 import { useFocusEffect } from '@react-navigation/native';
 import ProgressDialog from '../../../../components/widgets/ProgressDialog';
-import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons';
+import MaterialIcon from '@react-native-vector-icons/material-design-icons';
 import ModalWidget from '../../../../components/widgets/ModalWidget';
 import FailedIcon from '../../../../icons/FailedIcon';
 import EventListener from '../../../../events';
@@ -42,7 +42,7 @@ const ProcessPayment = props => {
   const [showGoBackDisabledModal, setGoBackDisabledModal] = useState(false);
   const [isRetryEnabled, setIsRetryEnabled] = useState(false);
   const [backDisable, setBackDisable] = useState(true);
-  const timerRef = useRef();
+  const timerRef = useRef(null);
   const paymentRefId = (_props$route$params$R = props.route.params[RouteParams.ROOT_META_DATA].paymentConfig) === null || _props$route$params$R === void 0 ? void 0 : _props$route$params$R.paymentRefId;
   // For back button timer
   const useTimer = (timerDuration, onTimerEnd) => {
@@ -151,8 +151,8 @@ const ProcessPayment = props => {
       isRetryEnabled ? onNext() : setGoBackModal(true);
       return true;
     };
-    BackHandler.addEventListener('hardwareBackPress', onBackPress);
-    return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => backHandler.remove();
   }, [isRetryEnabled, backDisable]));
   useLayoutEffect(() => {
     props.navigation.setOptions({
@@ -383,7 +383,7 @@ const useQRExpiryTimer = (initialTimerValue, onTimerEnd) => {
   };
 };
 const RenderQR = props => {
-  var _paymentConfigContext11;
+  var _paymentConfigContext1;
   const [initialTimer, setInitialTimer] = useState(0); //initial timer to start qr expiry hook
   const [isQRExpired, setIsQRExpired] = useState(false);
   const {
@@ -560,7 +560,7 @@ const RenderQR = props => {
           ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, true, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas5 = props.applicableReasons) === null || _props$applicableReas5 === void 0 ? void 0 : _props$applicableReas5.success), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
         });
       } else if ((_ps$data$meta2 = _ps.data.meta) !== null && _ps$data$meta2 !== void 0 && _ps$data$meta2.totalCount && _ps !== null && _ps !== void 0 && (_ps$data$transactions2 = _ps.data.transactions) !== null && _ps$data$transactions2 !== void 0 && _ps$data$transactions2.length && (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].status) === STATUS.FAILED) {
-        var _paymentConfigContext10, _props$applicableReas6;
+        var _paymentConfigContext0, _props$applicableReas6;
         /* await storage.removeSharedItems(
           props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
         ); */
@@ -569,7 +569,7 @@ const RenderQR = props => {
           paymentMode: getPaymentType(_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].txnType) || props.paymentMode,
           collectedAmount: {
             value: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.amount) || props.expectedAmount,
-            currencyCode: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.currency) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext10 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext10 === void 0 || (_paymentConfigContext10 = _paymentConfigContext10.etConfig) === null || _paymentConfigContext10 === void 0 ? void 0 : _paymentConfigContext10.currencyCode) || ''
+            currencyCode: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.currency) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext0 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext0 === void 0 || (_paymentConfigContext0 = _paymentConfigContext0.etConfig) === null || _paymentConfigContext0 === void 0 ? void 0 : _paymentConfigContext0.currencyCode) || ''
           },
           refId: paymentRefId,
           screen: PAYMENT_SCREEN.COMPLETE,
@@ -673,7 +673,7 @@ const RenderQR = props => {
       fontWeight: 'bold',
       marginTop: 0
     }]
-  }, (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext11 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext11 === void 0 || (_paymentConfigContext11 = _paymentConfigContext11.etConfig) === null || _paymentConfigContext11 === void 0 ? void 0 : _paymentConfigContext11.currencyCode) + ' ' + props.expectedAmount), /*#__PURE__*/React.createElement(Text, {
+  }, (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext1 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext1 === void 0 || (_paymentConfigContext1 = _paymentConfigContext1.etConfig) === null || _paymentConfigContext1 === void 0 ? void 0 : _paymentConfigContext1.currencyCode) + ' ' + props.expectedAmount), /*#__PURE__*/React.createElement(Text, {
     style: [styles.textStyle1, {
       color: isQRExpired ? '#DC2626' : '#D97706',
       // Red color for expired, yellow for active
@@ -753,7 +753,7 @@ const RenderQR = props => {
   }, "Check Payment Status")))));
 };
 const PaymentLink = props => {
-  var _props$route$params$R2, _paymentConfigContext16;
+  var _props$route$params$R2, _paymentConfigContext14;
   const paymentConfigContext = useContext(PaymentContext);
   const [showStatusModal, setStatusModal] = useState(false);
   const [disableStatusBtn, setDisableStatusBtn] = useState(true);
@@ -763,16 +763,16 @@ const PaymentLink = props => {
     message: ''
   });
   const [isTimerActive, setIsTimerActive] = useState(true);
-  const timerRef = useRef();
-  const statusTimerRef = useRef();
+  const timerRef = useRef(null);
+  const statusTimerRef = useRef(null);
   const paymentRefId = (_props$route$params$R2 = props.route.params[RouteParams.ROOT_META_DATA].paymentConfig) === null || _props$route$params$R2 === void 0 ? void 0 : _props$route$params$R2.paymentRefId;
   const sendClickEvent = event => {
-    var _paymentConfigContext12;
+    var _paymentConfigContext10;
     let param = {
       refId: paymentRefId,
       money: {
         amount: props.expectedAmount,
-        currency: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext12 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext12 === void 0 || (_paymentConfigContext12 = _paymentConfigContext12.etConfig) === null || _paymentConfigContext12 === void 0 ? void 0 : _paymentConfigContext12.currencyCode) || ''
+        currency: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext10 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext10 === void 0 || (_paymentConfigContext10 = _paymentConfigContext10.etConfig) === null || _paymentConfigContext10 === void 0 ? void 0 : _paymentConfigContext10.currencyCode) || ''
       },
       contactDetails: props.contactDetails,
       paymentLink: getPaymentLink((paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.sdkConfig.env) || 'DEV', (paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.sdkConfig.tenantID) || '', (paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.sdkConfig.etConfig.appAbbr) || '', paymentRefId)
@@ -800,14 +800,14 @@ const PaymentLink = props => {
     }
   };
   useEffect(() => {
-    (async _paymentConfigContext13 => {
+    (async _paymentConfigContext11 => {
       await setSharedPrefPaymentData(paymentRefId,
       // props.mergedObjectiveId,
       {
         paymentMode: props.paymentMode,
         amount: {
           value: props.expectedAmount,
-          currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext13 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext13 === void 0 || (_paymentConfigContext13 = _paymentConfigContext13.etConfig) === null || _paymentConfigContext13 === void 0 ? void 0 : _paymentConfigContext13.currencyCode) || ''
+          currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext11 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext11 === void 0 || (_paymentConfigContext11 = _paymentConfigContext11.etConfig) === null || _paymentConfigContext11 === void 0 ? void 0 : _paymentConfigContext11.currencyCode) || ''
         },
         // refId: paymentRefId,
         moIds: props.mergedObjectiveId
@@ -851,12 +851,12 @@ const PaymentLink = props => {
       const _ps = paymentResp === null || paymentResp === void 0 ? void 0 : paymentResp.data;
       console.log('_ps pl: ', JSON.stringify(_ps));
       if ((_ps$data$meta3 = _ps.data.meta) !== null && _ps$data$meta3 !== void 0 && _ps$data$meta3.totalCount && _ps !== null && _ps !== void 0 && (_ps$data$transactions3 = _ps.data.transactions) !== null && _ps$data$transactions3 !== void 0 && _ps$data$transactions3.length && (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].status) === STATUS.SUCCESS) {
-        var _paymentConfigContext14, _props$applicableReas7;
+        var _paymentConfigContext12, _props$applicableReas7;
         props.next({
           paymentMode: getPaymentType(_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].txnType) || props.paymentMode,
           collectedAmount: {
             value: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.amount) || props.expectedAmount,
-            currencyCode: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.currency) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext14 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext14 === void 0 || (_paymentConfigContext14 = _paymentConfigContext14.etConfig) === null || _paymentConfigContext14 === void 0 ? void 0 : _paymentConfigContext14.currencyCode) || ''
+            currencyCode: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.currency) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext12 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext12 === void 0 || (_paymentConfigContext12 = _paymentConfigContext12.etConfig) === null || _paymentConfigContext12 === void 0 ? void 0 : _paymentConfigContext12.currencyCode) || ''
           },
           refId: paymentRefId,
           screen: PAYMENT_SCREEN.COMPLETE,
@@ -864,7 +864,7 @@ const PaymentLink = props => {
           ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, true, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas7 = props.applicableReasons) === null || _props$applicableReas7 === void 0 ? void 0 : _props$applicableReas7.success), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
         });
       } else if ((_ps$data$meta4 = _ps.data.meta) !== null && _ps$data$meta4 !== void 0 && _ps$data$meta4.totalCount && _ps !== null && _ps !== void 0 && (_ps$data$transactions4 = _ps.data.transactions) !== null && _ps$data$transactions4 !== void 0 && _ps$data$transactions4.length && (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].status) === STATUS.FAILED) {
-        var _paymentConfigContext15, _props$applicableReas8;
+        var _paymentConfigContext13, _props$applicableReas8;
         /* await storage.removeSharedItems(
           props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
         ); */
@@ -873,7 +873,7 @@ const PaymentLink = props => {
           paymentMode: getPaymentType(_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].txnType) || props.paymentMode,
           collectedAmount: {
             value: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.amount) || props.expectedAmount,
-            currencyCode: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.currency) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext15 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext15 === void 0 || (_paymentConfigContext15 = _paymentConfigContext15.etConfig) === null || _paymentConfigContext15 === void 0 ? void 0 : _paymentConfigContext15.currencyCode) || ''
+            currencyCode: (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.currency) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext13 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext13 === void 0 || (_paymentConfigContext13 = _paymentConfigContext13.etConfig) === null || _paymentConfigContext13 === void 0 ? void 0 : _paymentConfigContext13.currencyCode) || ''
           },
           refId: paymentRefId,
           screen: PAYMENT_SCREEN.COMPLETE,
@@ -940,7 +940,7 @@ const PaymentLink = props => {
       props.setBackDisable(false);
     },
     ref: timerRef,
-    timer: paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext16 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext16 === void 0 || (_paymentConfigContext16 = _paymentConfigContext16.etConfig) === null || _paymentConfigContext16 === void 0 ? void 0 : _paymentConfigContext16.goBackDisableTimer
+    timer: paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext14 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext14 === void 0 || (_paymentConfigContext14 = _paymentConfigContext14.etConfig) === null || _paymentConfigContext14 === void 0 ? void 0 : _paymentConfigContext14.goBackDisableTimer
   }), /*#__PURE__*/React.createElement(Text, {
     style: [CommonStyles.titleText]
   }, "Waiting for payment!"), /*#__PURE__*/React.createElement(Text, {