@os1-platform/dispatch-mobile 3.1.9 → 3.2.0

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

@@ -13,11 +13,11 @@ var _PaymentStyles = require("../PaymentStyles");
 var _CommonStyles = require("../../../../styles/executionTasks/CommonStyles");
 var _PaymentUtils = require("../PaymentUtils");
 var _reactNativePaper = require("react-native-paper");
-var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _materialIcons = _interopRequireDefault(require("@react-native-vector-icons/material-icons"));
 var _constants = require("../../../../constants/constants");
 var _native = require("@react-navigation/native");
 var _ProgressDialog = _interopRequireDefault(require("../../../../components/widgets/ProgressDialog"));
-var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
+var _materialDesignIcons = _interopRequireDefault(require("@react-native-vector-icons/material-design-icons"));
 var _ModalWidget = _interopRequireDefault(require("../../../../components/widgets/ModalWidget"));
 var _FailedIcon = _interopRequireDefault(require("../../../../icons/FailedIcon"));
 var _events = _interopRequireDefault(require("../../../../events"));
@@ -156,15 +156,15 @@ const ProcessPayment = props => {
       isRetryEnabled ? onNext() : setGoBackModal(true);
       return true;
     };
-    _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
-    return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+    const backHandler = _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => backHandler.remove();
   }, [isRetryEnabled, backDisable]));
   (0, _react.useLayoutEffect)(() => {
     props.navigation.setOptions({
       headerShown: true,
       title: props.paymentMode === 'QR_CODE' ? 'QR Code' : props.paymentMode === 'PAYMENT_LINK' ? 'Payment Confirmation' : props.title,
       headerLeft: () => {
-        return /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+        return /*#__PURE__*/_react.default.createElement(_materialIcons.default, {
           onPress: () => {
             // isRetryEnabled
             //   ? onNext()
@@ -388,7 +388,7 @@ const useQRExpiryTimer = (initialTimerValue, onTimerEnd) => {
   };
 };
 const RenderQR = props => {
-  var _paymentConfigContext11;
+  var _paymentConfigContext1;
   const [initialTimer, setInitialTimer] = (0, _react.useState)(0); //initial timer to start qr expiry hook
   const [isQRExpired, setIsQRExpired] = (0, _react.useState)(false);
   const {
@@ -565,7 +565,7 @@ const RenderQR = props => {
           ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas5 = props.applicableReasons) === null || _props$applicableReas5 === void 0 ? void 0 : _props$applicableReas5.success), '', props.mergedObjectiveId, _ETConfig.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) === _CollectPaymentSchema.STATUS.FAILED) {
-        var _paymentConfigContext10, _props$applicableReas6;
+        var _paymentConfigContext0, _props$applicableReas6;
         /* await storage.removeSharedItems(
           props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
         ); */
@@ -574,7 +574,7 @@ const RenderQR = props => {
           paymentMode: (0, _PaymentUtils.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: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
@@ -678,7 +678,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.default.createElement(_reactNative.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.default.createElement(_reactNative.Text, {
     style: [styles.textStyle1, {
       color: isQRExpired ? '#DC2626' : '#D97706',
       // Red color for expired, yellow for active
@@ -758,7 +758,7 @@ const RenderQR = props => {
   }, "Check Payment Status")))));
 };
 const PaymentLink = props => {
-  var _props$route$params$R2, _paymentConfigContext16;
+  var _props$route$params$R2, _paymentConfigContext14;
   const paymentConfigContext = (0, _react.useContext)(_paymentContext.PaymentContext);
   const [showStatusModal, setStatusModal] = (0, _react.useState)(false);
   const [disableStatusBtn, setDisableStatusBtn] = (0, _react.useState)(true);
@@ -772,12 +772,12 @@ const PaymentLink = props => {
   const statusTimerRef = (0, _react.useRef)();
   const paymentRefId = (_props$route$params$R2 = props.route.params[_RouteParams.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: (0, _PaymentUtils.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)
@@ -805,14 +805,14 @@ const PaymentLink = props => {
     }
   };
   (0, _react.useEffect)(() => {
-    (async _paymentConfigContext13 => {
+    (async _paymentConfigContext11 => {
       await (0, _PaymentUtils.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
@@ -856,12 +856,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) === _CollectPaymentSchema.STATUS.SUCCESS) {
-        var _paymentConfigContext14, _props$applicableReas7;
+        var _paymentConfigContext12, _props$applicableReas7;
         props.next({
           paymentMode: (0, _PaymentUtils.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: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
@@ -869,7 +869,7 @@ const PaymentLink = props => {
           ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas7 = props.applicableReasons) === null || _props$applicableReas7 === void 0 ? void 0 : _props$applicableReas7.success), '', props.mergedObjectiveId, _ETConfig.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) === _CollectPaymentSchema.STATUS.FAILED) {
-        var _paymentConfigContext15, _props$applicableReas8;
+        var _paymentConfigContext13, _props$applicableReas8;
         /* await storage.removeSharedItems(
           props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
         ); */
@@ -878,7 +878,7 @@ const PaymentLink = props => {
           paymentMode: (0, _PaymentUtils.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: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
@@ -929,7 +929,7 @@ const PaymentLink = props => {
     style: [styles.paymentWaitIcon, {
       marginBottom: 20
     }]
-  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+  }, /*#__PURE__*/_react.default.createElement(_materialDesignIcons.default, {
     size: 64,
     name: "clock-time-nine-outline",
     color: "#3D445C"
@@ -945,7 +945,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.default.createElement(_reactNative.Text, {
     style: [_CommonStyles.CommonStyles.titleText]
   }, "Waiting for payment!"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {