@os1-platform/dispatch-mobile 2.1.21 → 2.1.23

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

@@ -0,0 +1,887 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _ExecTaskUtils = require("../../../../utils/ExecTaskUtils");
+var _EventCodeContainer = require("../../../../manager/dispatchCodes/EventCodeContainer");
+var _ETConfig = require("../../../../models/execTasks/ETConfig");
+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 _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 _ModalWidget = _interopRequireDefault(require("../../../../components/widgets/ModalWidget"));
+var _FailedIcon = _interopRequireDefault(require("../../../../icons/FailedIcon"));
+var _events = _interopRequireDefault(require("../../../../events"));
+var _RouteParams = require("../../../../ui/uiConfig/RouteParams");
+var _CollectPaymentSchema = require("../CollectPaymentSchema");
+var _SnackBarCustom = _interopRequireWildcard(require("../../../../components/widgets/SnackBarCustom"));
+var _storage = _interopRequireDefault(require("../../../../utils/storage"));
+var _paymentContext = require("../../../../utils/context/paymentContext");
+var _apiConstants = require("../../../../constants/apiConstants");
+var _Timer = require("../../../../components/widgets/Timer");
+var _SentryAnalyticsUtils = require("../../../../analytics/sentry/SentryAnalyticsUtils");
+var _SentrySdkConstants = require("../../../../analytics/sentry/SentrySdkConstants");
+var _Logger = _interopRequireWildcard(require("../../../../utils/Logger"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 @typescript-eslint/no-unused-vars */ /* eslint-disable react-native/no-inline-styles */
+const styles = _PaymentStyles.PaymentStyles;
+let storage = _storage.default.getInstance();
+const ProcessPayment = props => {
+  var _props$route$params$R, _paymentConfigContext;
+  const paymentConfigContext = (0, _react.useContext)(_paymentContext.PaymentContext);
+  const [showGoBackModal, setGoBackModal] = (0, _react.useState)(false);
+  const [showGoBackDisabledModal, setGoBackDisabledModal] = (0, _react.useState)(false);
+  const [isRetryEnabled, setIsRetryEnabled] = (0, _react.useState)(false);
+  const [backDisable, setBackDisable] = (0, _react.useState)(true);
+  const timerRef = (0, _react.useRef)();
+  const paymentRefId = (_props$route$params$R = props.route.params[_RouteParams.RouteParams.ROOT_META_DATA].paymentConfig) === null || _props$route$params$R === void 0 ? void 0 : _props$route$params$R.paymentRefId;
+  const useTimer = (timerDuration, onTimerEnd) => {
+    const [counter, setCounter] = (0, _react.useState)(timerDuration);
+    const [hasTimerEnded, setHasTimerEnded] = (0, _react.useState)(false);
+    (0, _react.useEffect)(() => {
+      if (hasTimerEnded) return; // Stop if the timer has already ended
+
+      const interval = setInterval(() => {
+        if (counter > 0) {
+          setCounter(prev => prev - 1);
+        } else if (counter === 0 && !hasTimerEnded) {
+          setBackDisable(false);
+          setHasTimerEnded(true); // Mark the timer as ended
+          onTimerEnd && onTimerEnd(); // Call the callback if provided
+          clearInterval(interval);
+        }
+      }, 1000);
+      return () => clearInterval(interval);
+    }, [counter, hasTimerEnded]);
+
+    // Function to reset the timer
+    const resetTimer = () => {
+      setCounter(timerDuration);
+      setHasTimerEnded(false);
+      setBackDisable(true);
+    };
+    return {
+      counter,
+      resetTimer
+    };
+  };
+  const {
+    counter
+  } = useTimer(paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext = paymentConfigContext.sdkConfig) === null || _paymentConfigContext === void 0 || (_paymentConfigContext = _paymentConfigContext.etConfig) === null || _paymentConfigContext === void 0 ? void 0 : _paymentConfigContext.goBackDisableTimer, () => {
+    console.log('Timer ended!');
+    setBackDisable(false);
+  });
+  (0, _react.useEffect)(() => {
+    _events.default.on(_constants.PAYMENT_NOTIFICATION, async data => {
+      console.log('ProcessPayment:', JSON.stringify(data));
+      let sharedPrefPaymentData = null;
+      if (data && (data.status === _CollectPaymentSchema.STATUS.SUCCESS || data.status === _CollectPaymentSchema.STATUS.FAILED)) {
+        sharedPrefPaymentData = await (0, _PaymentUtils.getPaymentDataMO)(props.mergedObjectiveId, data.refId, storage);
+      }
+      if (sharedPrefPaymentData && data && data.status === _CollectPaymentSchema.STATUS.SUCCESS) {
+        var _sharedPrefPaymentDat, _sharedPrefPaymentDat2, _sharedPrefPaymentDat3, _paymentConfigContext2, _props$applicableReas;
+        props.next({
+          paymentMode: ((_sharedPrefPaymentDat = sharedPrefPaymentData) === null || _sharedPrefPaymentDat === void 0 ? void 0 : _sharedPrefPaymentDat.paymentMode) || props.paymentMode,
+          collectedAmount: {
+            value: ((_sharedPrefPaymentDat2 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat2 === void 0 ? void 0 : _sharedPrefPaymentDat2.amount.value) || props.expectedAmount,
+            currencyCode: ((_sharedPrefPaymentDat3 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat3 === void 0 ? void 0 : _sharedPrefPaymentDat3.amount.currencyCode) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext2 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext2 === void 0 || (_paymentConfigContext2 = _paymentConfigContext2.etConfig) === null || _paymentConfigContext2 === void 0 ? void 0 : _paymentConfigContext2.currencyCode) || ''
+          },
+          refId: data.refId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.success), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+      } else if (sharedPrefPaymentData && data && data.status === _CollectPaymentSchema.STATUS.FAILED) {
+        var _paymentConfigContext3, _props$applicableReas2;
+        const _sharedPrefPaymentData = JSON.parse(JSON.stringify(sharedPrefPaymentData));
+        /* await storage.removeSharedItems(
+          props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
+        ); */
+        await (0, _PaymentUtils.removeSharedPrefPaymentData)(data.refId, storage);
+        props.next({
+          paymentMode: (_sharedPrefPaymentData === null || _sharedPrefPaymentData === void 0 ? void 0 : _sharedPrefPaymentData.paymentMode) || props.paymentMode,
+          collectedAmount: {
+            value: (_sharedPrefPaymentData === null || _sharedPrefPaymentData === void 0 ? void 0 : _sharedPrefPaymentData.amount.value) || props.expectedAmount,
+            currencyCode: (_sharedPrefPaymentData === null || _sharedPrefPaymentData === void 0 ? void 0 : _sharedPrefPaymentData.amount.currencyCode) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext3 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext3 === void 0 || (_paymentConfigContext3 = _paymentConfigContext3.etConfig) === null || _paymentConfigContext3 === void 0 ? void 0 : _paymentConfigContext3.currencyCode) || ''
+          },
+          refId: data.refId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, false, (_props$applicableReas2 = props.applicableReasons) === null || _props$applicableReas2 === void 0 ? void 0 : _props$applicableReas2.failure), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+      }
+    });
+    return () => {
+      _events.default.remove(_constants.PAYMENT_NOTIFICATION);
+    };
+  }, []);
+  const onNext = async () => {
+    var _props$applicableReas3, _paymentConfigContext4;
+    props.next({
+      paymentMode: props.paymentMode,
+      refId: paymentRefId,
+      ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas3 = props.applicableReasons) === null || _props$applicableReas3 === void 0 ? void 0 : _props$applicableReas3.success), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET)),
+      screen: _CollectPaymentSchema.PAYMENT_SCREEN.INIT,
+      sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+      collectedAmount: {
+        value: props.expectedAmount,
+        currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext4 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext4 === void 0 || (_paymentConfigContext4 = _paymentConfigContext4.etConfig) === null || _paymentConfigContext4 === void 0 ? void 0 : _paymentConfigContext4.currencyCode) || ''
+      }
+    });
+  };
+
+  // Handle back-button click
+  (0, _native.useFocusEffect)((0, _react.useCallback)(() => {
+    const onBackPress = () => {
+      // isRetryEnabled
+      //   ? onNext()
+      //   : backDisable
+      //   ? setGoBackDisabledModal(true)
+      //   : setGoBackModal(true);
+      isRetryEnabled ? onNext() : setGoBackModal(true);
+      return true;
+    };
+    _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+  }, [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, {
+          onPress: () => {
+            // isRetryEnabled
+            //   ? onNext()
+            //   : backDisable
+            //   ? setGoBackDisabledModal(true)
+            //   : setGoBackModal(true);
+            isRetryEnabled ? onNext() : setGoBackModal(true);
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        });
+      }
+    });
+  }, [backDisable, props.navigation, props.title, isRetryEnabled]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Modal, {
+    visible: showGoBackModal,
+    dismissable: false,
+    contentContainerStyle: [modalStyles.modalContent]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [modalStyles.modalView, {
+      paddingVertical: 24,
+      paddingHorizontal: 16
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [modalStyles.subTitleText, {
+      textAlign: 'center'
+    }]
+  }, "Are you sure you want to go back and change the payment method?")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      alignSelf: 'center',
+      marginTop: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [_CommonStyles.CommonStyles.nextButton, {
+      height: 35,
+      borderRadius: 5,
+      width: 240,
+      marginBottom: 16
+    }, counter !== 0 && {
+      backgroundColor: '#E0E3EB',
+      borderColor: '#F9F9FB'
+    }],
+    onPress: () => {
+      onNext();
+      (0, _SentryAnalyticsUtils.fireEventWithScreenName)({
+        severityLevel: _SentrySdkConstants.SeverityLevelValue.LOG,
+        eventName: _SentrySdkConstants.SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: _SentrySdkConstants.ScreenNameSdkConstants.MODEL_WIDGET_SCREEN,
+        cta: 'Yes'
+      });
+    },
+    disabled: backDisable
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.nextButtonLabel, {
+      textAlignVertical: 'center',
+      paddingVertical: 6,
+      paddingHorizontal: 20
+    }, counter !== 0 && {
+      color: '#A3AAC2'
+    }]
+  }, `Yes ${counter > 0 ? '(' + counter + ' sec)' : ''}`)), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [_CommonStyles.CommonStyles.cancelButton, {
+      height: 35,
+      borderRadius: 5,
+      width: 240
+    }],
+    onPress: () => {
+      setGoBackModal(false);
+      (0, _SentryAnalyticsUtils.fireEventWithScreenName)({
+        severityLevel: _SentrySdkConstants.SeverityLevelValue.LOG,
+        eventName: _SentrySdkConstants.SentryEventNameSdkConstants.BUTTON_CLICKED,
+        screenName: _SentrySdkConstants.ScreenNameSdkConstants.MODEL_WIDGET_SCREEN,
+        cta: 'Cancel'
+      });
+    },
+    disabled: false
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.cancelButtonLabel, {
+      textAlignVertical: 'center',
+      paddingVertical: 6,
+      paddingHorizontal: 20,
+      color: '#3D445C'
+    }]
+  }, 'Cancel'))))))), /*#__PURE__*/_react.default.createElement(_ModalWidget.default, {
+    modalStyle: {
+      padding: 25
+    },
+    dismissable: false,
+    buttonStyle: {
+      alignSelf: 'center',
+      marginTop: 10
+    },
+    title: {
+      label: '',
+      styles: {
+        textAlign: 'center',
+        display: 'none'
+      }
+    },
+    subTitle: {
+      // label:
+      //   'Payment is in progress, please wait until the payment is completed or timed out.',
+      label: 'Please wait for the timer to complete before navigating back.',
+      styles: {
+        textAlign: 'center'
+      }
+    },
+    showModal: showGoBackDisabledModal,
+    primaryButton: {
+      label: 'OK',
+      onPress: () => {
+        setGoBackDisabledModal(false);
+      },
+      styles: {
+        height: 40,
+        borderRadius: 5,
+        width: 240,
+        marginBottom: 10,
+        marginTop: 24,
+        backgroundColor: 'white',
+        borderColor: '#5B80F7',
+        borderWidth: 1
+      },
+      labelStyles: {
+        textAlignVertical: 'center',
+        paddingVertical: 8,
+        paddingHorizontal: 20,
+        fontSize: 14,
+        lineHeight: 20,
+        fontFamily: 'IBM Plex Sans',
+        color: '#5B80F7',
+        fontWeight: '700'
+      }
+    },
+    secondaryButton: {
+      label: '',
+      onPress: () => {},
+      styles: {
+        height: 35,
+        borderRadius: 5,
+        width: 240,
+        display: 'none'
+      },
+      labelStyles: {
+        textAlignVertical: 'center'
+      }
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    style: _CommonStyles.CommonStyles.mainContainer
+  }, props.paymentMode === 'QR_CODE' ? /*#__PURE__*/_react.default.createElement(RenderQR, _extends({}, props, {
+    setBackDisable: setBackDisable,
+    showGoBackModal: showGoBackModal,
+    setIsRetryEnabled: isEnabled => {
+      setIsRetryEnabled(isEnabled);
+    }
+  })) : /*#__PURE__*/_react.default.createElement(PaymentLink, _extends({
+    setBackDisable: setBackDisable
+  }, props))));
+};
+var _default = exports.default = ProcessPayment;
+const RenderQR = props => {
+  var _paymentConfigContext11;
+  const paymentConfigContext = (0, _react.useContext)(_paymentContext.PaymentContext);
+  const [qrData, setQrData] = (0, _react.useState)(null);
+  const [showStatusModal, setStatusModal] = (0, _react.useState)(false);
+  const [showRetryModal, setRetryModal] = (0, _react.useState)(false);
+  const [disableStatusBtn, setDisableStatusBtn] = (0, _react.useState)(true);
+  const [fetchQR, setFetchQR] = (0, _react.useState)(true);
+  const timerRef = (0, _react.useRef)();
+  const statusTimerRef = (0, _react.useRef)();
+  const paymentConfig = props.route.params[_RouteParams.RouteParams.ROOT_META_DATA].paymentConfig;
+  const paymentRefId = paymentConfig === null || paymentConfig === void 0 ? void 0 : paymentConfig.paymentRefId;
+  (0, _react.useEffect)(() => {
+    props.setIsRetryEnabled(showRetryModal);
+  }, [showRetryModal]);
+  const sendClickEvent = event => {
+    var _paymentConfigContext5;
+    (0, _ExecTaskUtils.onClickEvent)(event, props.route.params[_RouteParams.RouteParams.NEXT_STATES], props.route.params[_RouteParams.RouteParams.ROOT_META_DATA].customEventsData, {
+      refId: paymentRefId,
+      money: {
+        amount: props.expectedAmount,
+        currency: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext5 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext5 === void 0 || (_paymentConfigContext5 = _paymentConfigContext5.etConfig) === null || _paymentConfigContext5 === void 0 ? void 0 : _paymentConfigContext5.currencyCode) || ''
+      }
+    });
+  };
+  const fetchQrCode = async () => {
+    var _paymentConfigContext6;
+    sendClickEvent('QR_CODE');
+    setFetchQR(true);
+    let qrParams = {
+      refId: paymentRefId,
+      appAbbr: (paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.sdkConfig.etConfig.appAbbr) || '',
+      money: {
+        amount: props.expectedAmount,
+        currency: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext6 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext6 === void 0 || (_paymentConfigContext6 = _paymentConfigContext6.etConfig) === null || _paymentConfigContext6 === void 0 ? void 0 : _paymentConfigContext6.currencyCode) || ''
+      }
+    };
+    if (paymentConfig !== null && paymentConfig !== void 0 && paymentConfig.userInfo) {
+      qrParams.userInfo = paymentConfig.userInfo;
+    }
+    try {
+      const paymentResp = await (paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.networkInstance.requestPost(_apiConstants.ENDPOINTS.GENERATE_QR, qrParams, {
+        requestId: 'payment:' + paymentRefId
+      }));
+      // const paymentResp = {
+      //   data: {
+      //     data: {
+      //       qrCode:
+      //         'data:image/png;base64,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',
+      //     },
+      //   },
+      // };
+      setFetchQR(false);
+      const _qrData = paymentResp === null || paymentResp === void 0 ? void 0 : paymentResp.data;
+      console.log('_qrData: ', _qrData);
+      if (_qrData.data.qrCode) {
+        var _paymentConfigContext7;
+        setQrData(_qrData);
+        setRetryModal(false);
+        await (0, _PaymentUtils.setSharedPrefPaymentData)(paymentRefId,
+        // props.mergedObjectiveId,
+        {
+          paymentMode: props.paymentMode,
+          amount: {
+            value: props.expectedAmount,
+            currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext7 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext7 === void 0 || (_paymentConfigContext7 = _paymentConfigContext7.etConfig) === null || _paymentConfigContext7 === void 0 ? void 0 : _paymentConfigContext7.currencyCode) || ''
+          },
+          // refId: paymentRefId,
+          moIds: props.mergedObjectiveId
+        }, storage);
+        await (0, _PaymentUtils.setSharedPrefPaymentSelection)(paymentRefId, 'QR_CODE', storage);
+      } else if (_qrData.data.status === _CollectPaymentSchema.STATUS.SUCCESS) {
+        var _paymentConfigContext8, _props$applicableReas4;
+        props.next({
+          paymentMode: props.paymentMode,
+          collectedAmount: {
+            value: props.expectedAmount,
+            currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext8 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext8 === void 0 || (_paymentConfigContext8 = _paymentConfigContext8.etConfig) === null || _paymentConfigContext8 === void 0 ? void 0 : _paymentConfigContext8.currencyCode) || ''
+          },
+          refId: paymentRefId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas4 = props.applicableReasons) === null || _props$applicableReas4 === void 0 ? void 0 : _props$applicableReas4.success), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+      } else {
+        setRetryModal(true);
+      }
+    } catch (err) {
+      var _err$response, _err$response2;
+      _Logger.default.getInstance().logEvent('~ fetchQrCode triggered ', JSON.stringify((err === null || err === void 0 || (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.data) || err), _Logger.LOG_TYPE.SDK_ERROR);
+      console.error('QR Gen: ', JSON.stringify((err === null || err === void 0 || (_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.data) || err));
+      setFetchQR(false);
+      setRetryModal(true);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    fetchQrCode();
+  }, []);
+  const checkStatus = async () => {
+    sendClickEvent('CHECK_STATUS');
+    setStatusModal(true);
+    try {
+      var _ps$data$meta, _ps$data$transactions, _ps$data$meta2, _ps$data$transactions2;
+      const paymentResp = await (paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.networkInstance.requestGet(_apiConstants.ENDPOINTS.PAYMENT_STATUS + paymentRefId, {
+        requestId: 'payment:' + paymentRefId
+      }, {
+        appAbbr: paymentConfigContext.sdkConfig.etConfig.appAbbr,
+        latest: true
+      }));
+      const _ps = paymentResp === null || paymentResp === void 0 ? void 0 : paymentResp.data;
+      console.log('_ps qr: ', _ps);
+      if ((_ps$data$meta = _ps.data.meta) !== null && _ps$data$meta !== void 0 && _ps$data$meta.totalCount && _ps !== null && _ps !== void 0 && (_ps$data$transactions = _ps.data.transactions) !== null && _ps$data$transactions !== void 0 && _ps$data$transactions.length && (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].status) === _CollectPaymentSchema.STATUS.SUCCESS) {
+        var _paymentConfigContext9, _props$applicableReas5;
+        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 || (_paymentConfigContext9 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext9 === void 0 || (_paymentConfigContext9 = _paymentConfigContext9.etConfig) === null || _paymentConfigContext9 === void 0 ? void 0 : _paymentConfigContext9.currencyCode) || ''
+          },
+          refId: paymentRefId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+          ...(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;
+        /* await storage.removeSharedItems(
+          props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
+        ); */
+        await (0, _PaymentUtils.removeSharedPrefPaymentData)(paymentRefId, storage);
+        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 || (_paymentConfigContext10 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext10 === void 0 || (_paymentConfigContext10 = _paymentConfigContext10.etConfig) === null || _paymentConfigContext10 === void 0 ? void 0 : _paymentConfigContext10.currencyCode) || ''
+          },
+          refId: paymentRefId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, false, (_props$applicableReas6 = props.applicableReasons) === null || _props$applicableReas6 === void 0 ? void 0 : _props$applicableReas6.failure), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+      }
+      setStatusModal(false);
+      setDisableStatusBtn(true);
+    } catch (err) {
+      var _err$response3, _err$response4;
+      _Logger.default.getInstance().logEvent('~ checkStatus triggered ', JSON.stringify((err === null || err === void 0 || (_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : _err$response3.data) || err), _Logger.LOG_TYPE.SDK_ERROR);
+      console.error('Get Status QR: ', (err === null || err === void 0 || (_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : _err$response4.data) || err);
+      setStatusModal(false);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProgressDialog.default, {
+    customModalContentStyle: {
+      paddingVertical: 40
+    },
+    visible: showStatusModal,
+    label: "Please wait while we are checking the status",
+    labelStyle: {
+      fontWeight: '400',
+      marginTop: 16,
+      fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+      color: '#525B7A'
+    }
+  }), fetchQR ? /*#__PURE__*/_react.default.createElement(_ProgressDialog.default, {
+    visible: qrData ? false : true,
+    customModalContentStyle: {
+      paddingVertical: 40
+    },
+    label: "Generating QR Code",
+    labelStyle: {
+      fontWeight: '400',
+      marginTop: 16,
+      fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+      color: '#3D445C'
+    }
+  }) : showRetryModal ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_CommonStyles.CommonStyles.mainContainer, {
+      justifyContent: 'center',
+      alignItems: 'center'
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.flexCenter
+  }, /*#__PURE__*/_react.default.createElement(_FailedIcon.default, null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.titleText, {
+      marginTop: 20
+    }]
+  }, "QR Code Fetching Failed!"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.subText, {
+      marginHorizontal: 20,
+      color: '#525B7A'
+    }]
+  }, "Due to a technical issue, we are unable to fetch the QR Code"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.nextButton, {
+      marginEnd: 5,
+      marginTop: 5,
+      paddingBottom: 3
+    }],
+    labelStyle: {
+      ..._CommonStyles.CommonStyles.nextButtonLabel,
+      textTransform: 'capitalize',
+      fontSize: 14
+    },
+    mode: 'outlined',
+    onPress: fetchQrCode
+  }, "Retry"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: _CommonStyles.CommonStyles.mainContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _CommonStyles.CommonStyles.mainContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      alignItems: 'center',
+      paddingTop: 25
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.titleText, {
+      fontSize: 18
+    }]
+  }, "Scan to pay"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.textStyle1, {
+      color: '#3D445C',
+      marginTop: 12
+    }]
+  }, "Total payable amount"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.titleText, {
+      paddingBottom: 20,
+      fontWeight: 'bold'
+    }]
+  }, (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.Image, {
+    style: {
+      width: 300,
+      height: 300,
+      backgroundColor: 'transparent'
+    },
+    source: {
+      uri: qrData === null || qrData === void 0 ? void 0 : qrData.data.qrCode
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginTop: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.ActivityIndicator, {
+    size: "small",
+    color: "rgba(107, 142, 255, 1)",
+    style: {
+      marginBottom: 10
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _CommonStyles.CommonStyles.subText
+  }, "Waiting for the payment confirmation"))))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 10,
+      borderWidth: 1,
+      borderColor: '#E0E3EB'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _CommonStyles.CommonStyles.subText
+  }, "Customer payment successful?"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      marginStart: 10,
+      marginEnd: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.nextButton, {
+      marginEnd: 5,
+      flex: 1
+    }, disableStatusBtn ? {
+      backgroundColor: '#E0E3EB'
+    } : {}],
+    labelStyle: [_CommonStyles.CommonStyles.nextButtonLabel, {
+      textTransform: 'capitalize'
+    }, disableStatusBtn ? {
+      color: '#A3AAC2'
+    } : {}],
+    mode: 'outlined',
+    onPress: checkStatus,
+    disabled: disableStatusBtn
+  }, disableStatusBtn ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, 'Check Status (', /*#__PURE__*/_react.default.createElement(_Timer.Timer, {
+    ref: statusTimerRef,
+    singleValue: true,
+    timer: 5,
+    onTimerEnd: () => setDisableStatusBtn(false)
+  }), ' sec)') : 'Check Status')))));
+};
+const PaymentLink = props => {
+  var _props$route$params$R2, _paymentConfigContext16;
+  const paymentConfigContext = (0, _react.useContext)(_paymentContext.PaymentContext);
+  const [showStatusModal, setStatusModal] = (0, _react.useState)(false);
+  const [disableStatusBtn, setDisableStatusBtn] = (0, _react.useState)(true);
+  const [snackBar, setSnackBar] = (0, _react.useState)({
+    show: false,
+    type: _SnackBarCustom.SnackBarType.SUCCESS,
+    message: ''
+  });
+  const [isTimerActive, setIsTimerActive] = (0, _react.useState)(true);
+  const timerRef = (0, _react.useRef)();
+  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;
+    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) || ''
+      },
+      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)
+    };
+    if (event === 'CHECK_STATUS') {
+      delete param.contactDetails;
+      delete param.paymentLink;
+    }
+    (0, _ExecTaskUtils.onClickEvent)(event, props.route.params[_RouteParams.RouteParams.NEXT_STATES], props.route.params[_RouteParams.RouteParams.ROOT_META_DATA].customEventsData, param);
+  };
+  const sendPaymentLink = event => {
+    sendClickEvent(event);
+    setSnackBar({
+      show: true,
+      message: 'Payment link sent successfully!',
+      type: _SnackBarCustom.SnackBarType.SUCCESS
+    });
+    if (event === 'RESEND_LINK') {
+      var _statusTimerRef$curre, _timerRef$current;
+      setDisableStatusBtn(true);
+      statusTimerRef === null || statusTimerRef === void 0 || (_statusTimerRef$curre = statusTimerRef.current) === null || _statusTimerRef$curre === void 0 || _statusTimerRef$curre.resetTimer();
+      timerRef === null || timerRef === void 0 || (_timerRef$current = timerRef.current) === null || _timerRef$current === void 0 || _timerRef$current.resetTimer();
+      setIsTimerActive(true);
+      props.setBackDisable(true);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    (async _paymentConfigContext13 => {
+      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) || ''
+        },
+        // refId: paymentRefId,
+        moIds: props.mergedObjectiveId
+      }, storage);
+      await (0, _PaymentUtils.setSharedPrefPaymentSelection)(paymentRefId, 'PAYMENT_LINK', storage);
+      sendPaymentLink('SEND_LINK');
+    })();
+  }, []);
+  const checkStatus = async () => {
+    sendClickEvent('CHECK_STATUS');
+    try {
+      var _ps$data$meta3, _ps$data$transactions3, _ps$data$meta4, _ps$data$transactions4;
+      setStatusModal(true);
+      const paymentResp = await (paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.networkInstance.requestGet(_apiConstants.ENDPOINTS.PAYMENT_STATUS + paymentRefId, {
+        requestId: 'payment:' + paymentRefId
+      }, {
+        appAbbr: paymentConfigContext.sdkConfig.etConfig.appAbbr,
+        latest: true
+      }));
+      // const paymentResp = {
+      //   data: {
+      //     data: {
+      //       meta: { totalCount: 1 },
+      //       transactions: [
+      //         {
+      //           refId: paymentRefId,
+      //           status: STATUS.FAILED,
+      //           subStatus: SUB_STATUS.completed,
+      //           money: {
+      //             amount: 1000,
+      //             currency: 'INR',
+      //           },
+      //           txnId: '123',
+      //           txnType: TRANSACTION_TYPE.QRCODE,
+      //           appAbbr: 'testApp31',
+      //         },
+      //       ],
+      //     },
+      //   },
+      // };
+      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;
+        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) || ''
+          },
+          refId: paymentRefId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+          ...(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;
+        /* await storage.removeSharedItems(
+          props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
+        ); */
+        await (0, _PaymentUtils.removeSharedPrefPaymentData)(paymentRefId, storage);
+        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 || (_paymentConfigContext15 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext15 === void 0 || (_paymentConfigContext15 = _paymentConfigContext15.etConfig) === null || _paymentConfigContext15 === void 0 ? void 0 : _paymentConfigContext15.currencyCode) || ''
+          },
+          refId: paymentRefId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+          ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.COLLECT_PAYMENT_ET, false, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET, false, (_props$applicableReas8 = props.applicableReasons) === null || _props$applicableReas8 === void 0 ? void 0 : _props$applicableReas8.failure), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+      }
+      setStatusModal(false);
+      setDisableStatusBtn(true);
+    } catch (err) {
+      var _err$response5, _err$response6;
+      _Logger.default.getInstance().logEvent('~ checkStatus1 triggered ', JSON.stringify((err === null || err === void 0 || (_err$response5 = err.response) === null || _err$response5 === void 0 ? void 0 : _err$response5.data) || err), _Logger.LOG_TYPE.SDK_ERROR);
+      console.log('Check status pl: ', (err === null || err === void 0 || (_err$response6 = err.response) === null || _err$response6 === void 0 ? void 0 : _err$response6.data) || err);
+      setStatusModal(false);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProgressDialog.default, {
+    customModalContentStyle: {
+      paddingVertical: 40
+    },
+    visible: showStatusModal,
+    label: "Please wait while we are checking the payment status",
+    labelStyle: {
+      fontWeight: '400',
+      fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+      color: '#3D445C'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SnackBarCustom.default, {
+    type: snackBar.type,
+    message: `${snackBar.message}`,
+    visible: snackBar.show,
+    onDismiss: () => {
+      setSnackBar({
+        show: false,
+        message: '',
+        type: _SnackBarCustom.SnackBarType.SUCCESS
+      });
+    },
+    customTop: 0
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_CommonStyles.CommonStyles.mainContainer, {
+      justifyContent: 'center',
+      alignItems: 'center'
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.flexCenter
+  }, !isTimerActive ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.paymentWaitIcon, {
+      marginBottom: 20
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    size: 64,
+    name: "clock-time-nine-outline",
+    color: "#3D445C"
+  })) : /*#__PURE__*/_react.default.createElement(_reactNativePaper.ActivityIndicator, {
+    size: "large",
+    color: "#3D445C",
+    style: {
+      marginBottom: 20
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Timer.Timer, {
+    onTimerEnd: () => {
+      setIsTimerActive(false);
+      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
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.titleText]
+  }, "Waiting for payment!"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CommonStyles.CommonStyles.subText, {
+      marginHorizontal: 30
+    }]
+  }, "Please wait for the customer to make the payment"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 10,
+      borderWidth: 1,
+      borderColor: '#E0E3EB'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      marginStart: 10,
+      marginEnd: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.cancelButton, {
+      marginEnd: 5,
+      flex: 1
+    }],
+    labelStyle: {
+      ..._CommonStyles.CommonStyles.cancelButtonLabel,
+      color: '#5B80F7',
+      textTransform: 'capitalize',
+      fontSize: 11
+    },
+    mode: 'outlined',
+    onPress: () => sendPaymentLink('RESEND_LINK')
+  }, "Resend Payment Link"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.nextButton, {
+      marginEnd: 5,
+      flex: 1
+    }, disableStatusBtn ? {
+      backgroundColor: '#E0E3EB'
+    } : {}],
+    labelStyle: [_CommonStyles.CommonStyles.nextButtonLabel, {
+      textTransform: 'capitalize'
+    }, disableStatusBtn ? {
+      color: '#A3AAC2'
+    } : {}],
+    mode: 'outlined',
+    onPress: checkStatus,
+    disabled: disableStatusBtn
+  }, disableStatusBtn ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, 'Check Status (', /*#__PURE__*/_react.default.createElement(_Timer.Timer, {
+    ref: statusTimerRef,
+    singleValue: true,
+    timer: 5,
+    onTimerEnd: () => setDisableStatusBtn(false)
+  }), ' sec)') : 'Check Status')))));
+};
+const modalStyles = _reactNative.StyleSheet.create({
+  modalContent: {
+    marginStart: 55,
+    marginEnd: 55,
+    marginBottom: 60,
+    flex: 1
+  },
+  modalView: {
+    backgroundColor: 'white',
+    padding: 15,
+    borderRadius: 9
+  },
+  titleText: {
+    justifyContent: 'center',
+    fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_600SemiBold : 'IBMPlexSans-SemiBold',
+    fontStyle: 'normal',
+    fontSize: 14,
+    lineHeight: 20,
+    textAlign: 'center',
+    color: '#111111',
+    marginBottom: 10
+  },
+  subTitleText: {
+    justifyContent: 'center',
+    fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+    fontStyle: 'normal',
+    fontSize: 14,
+    lineHeight: 20,
+    color: '#000000',
+    marginBottom: 10
+  }
+});
+//# sourceMappingURL=ProcessPayment.js.map