@os1-platform/dispatch-mobile 2.1.21 → 2.1.23

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

@@ -0,0 +1,179 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable react-native/no-inline-styles */
+import React, { useState, useLayoutEffect, useEffect, useContext } from 'react';
+import { getBaseETResponse } from '../../../../utils/ExecTaskUtils';
+import { getEventCodeByET } from '../../../../manager/dispatchCodes/EventCodeContainer';
+import { EntityCode, ExecutionTaskID } from '../../../../models/execTasks/ETConfig';
+import { Button, Modal, Portal, Provider, Text } from 'react-native-paper';
+import { Platform, StyleSheet, View } from 'react-native';
+import { CommonStyles, DeliverPickupStyles, Fonts } from '../../../../styles/executionTasks/CommonStyles';
+import { PAYMENT_SUCCESS_DEFAULT_TIMEOUT } from '../../../../constants/constants';
+import { useFocusEffect } from '@react-navigation/native';
+import { BackHandler } from 'react-native';
+import FailureCloseIcon from '../../../../icons/FailureCloseIcon';
+import SuccessCompleteIcon from '../../../../icons/SuccessCompleteIcon';
+import { PAYMENT_SCREEN } from '../CollectPaymentSchema';
+import { PaymentContext } from '../../../../utils/context/paymentContext';
+import { PAYMENT_SELECTION_SHARED_PREF_KEY, getSharedPrefPaymentSelection } from '../PaymentUtils';
+import Storage from '../../../../utils/storage';
+let storage = Storage.getInstance();
+const CompletePayment = props => {
+  const paymentConfigContext = useContext(PaymentContext);
+  const [disableProceed, setDisableProceed] = useState(false);
+  const [showModal, setShowModal] = useState(true);
+
+  // TO hide header for modal screen
+  useLayoutEffect(() => {
+    props.navigation.setOptions({
+      headerShown: false
+    });
+  }, [props.navigation]);
+
+  // Handle back-button click
+  useFocusEffect(React.useCallback(() => {
+    const onBackPress = () => {
+      return false;
+    };
+    BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+  }, []));
+
+  // useLayoutEffect(() => {
+  //   props.navigation.setOptions({
+  //     title: 'Payment Complete',
+  //     headerShown: false,
+  //   });
+  // }, [props.navigation, props.title]);
+
+  useEffect(() => {
+    if (props.success) {
+      // setTimeout(() => {
+      sendOutput();
+      // }, 3000);
+    }
+  }, [props.success]);
+  const sendOutput = () => {
+    var _paymentConfigContext;
+    setTimeout(async () => {
+      var _props$applicableReas;
+      const previousSelectedModes = await getSharedPrefPaymentSelection(props.refId, storage);
+      let etOutput = {
+        paymentMode: props.paymentMode,
+        collectedAmount: props.collectedAmount,
+        refId: props.refId,
+        ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, props.success, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, props.success, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.success), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
+      };
+      if (previousSelectedModes) {
+        etOutput.paymentMeta = {
+          previousSelectedModes
+        };
+      }
+      if (props.success) {
+        setShowModal(false);
+      }
+      setDisableProceed(true);
+      props.onSubmitET(etOutput);
+      storage.removeSharedItem(PAYMENT_SELECTION_SHARED_PREF_KEY + props.refId);
+    }, (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext = paymentConfigContext.sdkConfig) === null || _paymentConfigContext === void 0 ? void 0 : _paymentConfigContext.paymentSuccessTimeout) || PAYMENT_SUCCESS_DEFAULT_TIMEOUT);
+  };
+  return /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+    style: DeliverPickupStyles.mainContainer
+  }, /*#__PURE__*/React.createElement(Modal, {
+    dismissable: false,
+    visible: showModal,
+    contentContainerStyle: DeliverPickupStyles.modalContent
+  }, /*#__PURE__*/React.createElement(View, {
+    style: DeliverPickupStyles.modalView
+  }, props.success ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingVertical: 30
+    }
+  }, /*#__PURE__*/React.createElement(SuccessCompleteIcon, null), /*#__PURE__*/React.createElement(Text, {
+    style: [CommonStyles.titleText, {
+      marginTop: 20
+    }]
+  }, "Payment Received!")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingVertical: 30
+    }
+  }, /*#__PURE__*/React.createElement(FailureCloseIcon, null), /*#__PURE__*/React.createElement(Text, {
+    style: [CommonStyles.titleText, {
+      marginTop: 20
+    }]
+  }, "Payment Failed!")), /*#__PURE__*/React.createElement(Button, {
+    disabled: disableProceed,
+    mode: 'contained',
+    uppercase: false,
+    labelStyle: CommonStyles.nextButtonLabel,
+    style: [CommonStyles.nextButton, {
+      marginTop: 20
+    }],
+    onPress: async () => {
+      var _props$applicableReas2;
+      let etOutput = {
+        paymentMode: props.paymentMode,
+        collectedAmount: props.collectedAmount,
+        refId: props.refId,
+        screen: PAYMENT_SCREEN.INIT,
+        sourceScreen: PAYMENT_SCREEN.COMPLETE,
+        ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, false, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, false, (_props$applicableReas2 = props.applicableReasons) === null || _props$applicableReas2 === void 0 ? void 0 : _props$applicableReas2.failure), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
+      };
+      storage.removeSharedItem(PAYMENT_SELECTION_SHARED_PREF_KEY + props.refId);
+      setDisableProceed(true);
+      props.next(etOutput);
+    }
+  }, "Try again"), /*#__PURE__*/React.createElement(Button, {
+    labelStyle: [CommonStyles.cancelButtonLabel, {
+      color: '#3D445C'
+    }],
+    style: [CommonStyles.cancelButton, {
+      marginTop: 10
+    }],
+    mode: 'outlined',
+    onPress: async () => {
+      var _props$applicableReas3;
+      const previousSelectedModes = await getSharedPrefPaymentSelection(props.refId, storage);
+      let etOutput = {
+        paymentMode: props.paymentMode,
+        collectedAmount: props.collectedAmount,
+        refId: props.refId,
+        ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, false, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, false, (_props$applicableReas3 = props.applicableReasons) === null || _props$applicableReas3 === void 0 ? void 0 : _props$applicableReas3.failure), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
+      };
+      if (previousSelectedModes) {
+        etOutput.paymentMeta = {
+          previousSelectedModes
+        };
+      }
+      setDisableProceed(true);
+      props.onSubmitET(etOutput);
+      storage.removeSharedItem(PAYMENT_SELECTION_SHARED_PREF_KEY + props.refId);
+    }
+  }, "Cancel")))))));
+};
+export default CompletePayment;
+const styles = StyleSheet.create({
+  title: {
+    fontSize: 18,
+    fontStyle: 'normal',
+    fontWeight: '600',
+    lineHeight: 28,
+    textAlign: 'center',
+    color: '#111111',
+    fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_600SemiBold : 'IBMPlexSans-SemiBold'
+  },
+  message1: {
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 12,
+    lineHeight: 20,
+    textAlign: 'center',
+    color: '#111111',
+    marginTop: 12,
+    fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular'
+  }
+});
+//# sourceMappingURL=CompletePayment.js.map

package/lib/module/components/executiontasks/collectPayment/components/CompletePayment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useLayoutEffect","useEffect","useContext","getBaseETResponse","getEventCodeByET","EntityCode","ExecutionTaskID","Button","Modal","Portal","Provider","Text","Platform","StyleSheet","View","CommonStyles","DeliverPickupStyles","Fonts","PAYMENT_SUCCESS_DEFAULT_TIMEOUT","useFocusEffect","BackHandler","FailureCloseIcon","SuccessCompleteIcon","PAYMENT_SCREEN","PaymentContext","PAYMENT_SELECTION_SHARED_PREF_KEY","getSharedPrefPaymentSelection","Storage","storage","getInstance","CompletePayment","props","paymentConfigContext","disableProceed","setDisableProceed","showModal","setShowModal","navigation","setOptions","headerShown","useCallback","onBackPress","addEventListener","removeEventListener","success","sendOutput","_paymentConfigContext","setTimeout","_props$applicableReas","previousSelectedModes","refId","etOutput","paymentMode","collectedAmount","COLLECT_PAYMENT_ET","applicableReasons","mergedObjectiveId","paymentMeta","onSubmitET","removeSharedItem","sdkConfig","paymentSuccessTimeout","createElement","style","mainContainer","dismissable","visible","contentContainerStyle","modalContent","modalView","justifyContent","alignItems","paddingVertical","titleText","marginTop","Fragment","disabled","mode","uppercase","labelStyle","nextButtonLabel","nextButton","onPress","_props$applicableReas2","screen","INIT","sourceScreen","COMPLETE","failure","next","cancelButtonLabel","color","cancelButton","_props$applicableReas3","styles","create","title","fontSize","fontStyle","fontWeight","lineHeight","textAlign","fontFamily","OS","IBMPlexSans_600SemiBold","message1","IBMPlexSans_400Regular"],"sources":["CompletePayment.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-native/no-inline-styles */\nimport React, { useState, useLayoutEffect, useEffect, useContext } from 'react';\nimport { getBaseETResponse } from '../../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../../manager/dispatchCodes/EventCodeContainer';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../../models/execTasks/ETConfig';\nimport { Button, Modal, Portal, Provider, Text } from 'react-native-paper';\nimport { Platform, StyleSheet, View } from 'react-native';\nimport {\n  CommonStyles,\n  DeliverPickupStyles,\n  Fonts,\n} from '../../../../styles/executionTasks/CommonStyles';\nimport { PAYMENT_SUCCESS_DEFAULT_TIMEOUT } from '../../../../constants/constants';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { BackHandler } from 'react-native';\nimport FailureCloseIcon from '../../../../icons/FailureCloseIcon';\nimport SuccessCompleteIcon from '../../../../icons/SuccessCompleteIcon';\nimport {\n  CollectPaymentInput,\n  CollectPaymentOutput,\n  PAYMENT_SCREEN,\n} from '../CollectPaymentSchema';\nimport { PaymentContext } from '../../../../utils/context/paymentContext';\nimport {\n  PAYMENT_SELECTION_SHARED_PREF_KEY,\n  getSharedPrefPaymentSelection,\n} from '../PaymentUtils';\nimport Storage from '../../../../utils/storage';\n\nlet storage = Storage.getInstance();\n\nconst CompletePayment = (props: CollectPaymentInput & CollectPaymentOutput) => {\n  const paymentConfigContext = useContext(PaymentContext);\n\n  const [disableProceed, setDisableProceed] = useState(false);\n  const [showModal, setShowModal] = useState<boolean>(true);\n\n  // TO hide header for modal screen\n  useLayoutEffect(() => {\n    props.navigation.setOptions({\n      headerShown: false,\n    });\n  }, [props.navigation]);\n\n  // Handle back-button click\n  useFocusEffect(\n    React.useCallback(() => {\n      const onBackPress = () => {\n        return false;\n      };\n      BackHandler.addEventListener('hardwareBackPress', onBackPress);\n      return () =>\n        BackHandler.removeEventListener('hardwareBackPress', onBackPress);\n    }, [])\n  );\n\n  // useLayoutEffect(() => {\n  //   props.navigation.setOptions({\n  //     title: 'Payment Complete',\n  //     headerShown: false,\n  //   });\n  // }, [props.navigation, props.title]);\n\n  useEffect(() => {\n    if (props.success) {\n      // setTimeout(() => {\n      sendOutput();\n      // }, 3000);\n    }\n  }, [props.success]);\n\n  const sendOutput = () => {\n    setTimeout(async () => {\n      const previousSelectedModes = await getSharedPrefPaymentSelection(\n        props.refId,\n        storage\n      );\n      let etOutput: CollectPaymentOutput = {\n        paymentMode: props.paymentMode,\n        collectedAmount: props.collectedAmount,\n        refId: props.refId,\n        ...(await getBaseETResponse(\n          EntityCode.COLLECT_PAYMENT_ET,\n          props.success,\n          getEventCodeByET(\n            ExecutionTaskID.COLLECT_PAYMENT_ET,\n            props.success,\n            props.applicableReasons?.success\n          ),\n          '',\n          props.mergedObjectiveId,\n          ExecutionTaskID.COLLECT_PAYMENT_ET\n        )),\n      };\n      if (previousSelectedModes) {\n        etOutput.paymentMeta = {\n          previousSelectedModes,\n        };\n      }\n      if (props.success) {\n        setShowModal(false);\n      }\n      setDisableProceed(true);\n      props.onSubmitET(etOutput);\n      storage.removeSharedItem(PAYMENT_SELECTION_SHARED_PREF_KEY + props.refId);\n    }, paymentConfigContext?.sdkConfig?.paymentSuccessTimeout || PAYMENT_SUCCESS_DEFAULT_TIMEOUT);\n  };\n\n  return (\n    <Provider>\n      <Portal>\n        <View style={DeliverPickupStyles.mainContainer}>\n          <Modal\n            dismissable={false}\n            visible={showModal}\n            contentContainerStyle={DeliverPickupStyles.modalContent}\n          >\n            <View style={DeliverPickupStyles.modalView}>\n              {props.success ? (\n                <View\n                  style={{\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                    paddingVertical: 30,\n                  }}\n                >\n                  <SuccessCompleteIcon />\n                  <Text style={[CommonStyles.titleText, { marginTop: 20 }]}>\n                    Payment Received!\n                  </Text>\n                </View>\n              ) : (\n                <>\n                  <View\n                    style={{\n                      justifyContent: 'center',\n                      alignItems: 'center',\n                      paddingVertical: 30,\n                    }}\n                  >\n                    <FailureCloseIcon />\n                    <Text style={[CommonStyles.titleText, { marginTop: 20 }]}>\n                      Payment Failed!\n                    </Text>\n                  </View>\n                  <Button\n                    disabled={disableProceed}\n                    mode={'contained'}\n                    uppercase={false}\n                    labelStyle={CommonStyles.nextButtonLabel}\n                    style={[\n                      CommonStyles.nextButton,\n                      {\n                        marginTop: 20,\n                      },\n                    ]}\n                    onPress={async () => {\n                      let etOutput: CollectPaymentOutput & {\n                        screen: PAYMENT_SCREEN;\n                        contactDetails?: string;\n                        sourceScreen: PAYMENT_SCREEN;\n                      } = {\n                        paymentMode: props.paymentMode,\n                        collectedAmount: props.collectedAmount,\n                        refId: props.refId,\n                        screen: PAYMENT_SCREEN.INIT,\n                        sourceScreen: PAYMENT_SCREEN.COMPLETE,\n                        ...(await getBaseETResponse(\n                          EntityCode.COLLECT_PAYMENT_ET,\n                          false,\n                          getEventCodeByET(\n                            ExecutionTaskID.COLLECT_PAYMENT_ET,\n                            false,\n                            props.applicableReasons?.failure\n                          ),\n                          '',\n                          props.mergedObjectiveId,\n                          ExecutionTaskID.COLLECT_PAYMENT_ET\n                        )),\n                      };\n                      storage.removeSharedItem(\n                        PAYMENT_SELECTION_SHARED_PREF_KEY + props.refId\n                      );\n                      setDisableProceed(true);\n                      props.next(etOutput);\n                    }}\n                  >\n                    Try again\n                  </Button>\n                  <Button\n                    labelStyle={[\n                      CommonStyles.cancelButtonLabel,\n                      { color: '#3D445C' },\n                    ]}\n                    style={[CommonStyles.cancelButton, { marginTop: 10 }]}\n                    mode={'outlined'}\n                    onPress={async () => {\n                      const previousSelectedModes =\n                        await getSharedPrefPaymentSelection(\n                          props.refId,\n                          storage\n                        );\n                      let etOutput: CollectPaymentOutput = {\n                        paymentMode: props.paymentMode,\n                        collectedAmount: props.collectedAmount,\n                        refId: props.refId,\n                        ...(await getBaseETResponse(\n                          EntityCode.COLLECT_PAYMENT_ET,\n                          false,\n                          getEventCodeByET(\n                            ExecutionTaskID.COLLECT_PAYMENT_ET,\n                            false,\n                            props.applicableReasons?.failure\n                          ),\n                          '',\n                          props.mergedObjectiveId,\n                          ExecutionTaskID.COLLECT_PAYMENT_ET\n                        )),\n                      };\n                      if (previousSelectedModes) {\n                        etOutput.paymentMeta = {\n                          previousSelectedModes,\n                        };\n                      }\n                      setDisableProceed(true);\n                      props.onSubmitET(etOutput);\n                      storage.removeSharedItem(\n                        PAYMENT_SELECTION_SHARED_PREF_KEY + props.refId\n                      );\n                    }}\n                  >\n                    Cancel\n                  </Button>\n                </>\n              )}\n            </View>\n          </Modal>\n        </View>\n      </Portal>\n    </Provider>\n  );\n};\nexport default CompletePayment;\n\nconst styles = StyleSheet.create({\n  title: {\n    fontSize: 18,\n    fontStyle: 'normal',\n    fontWeight: '600',\n    lineHeight: 28,\n    textAlign: 'center',\n    color: '#111111',\n    fontFamily: Platform.OS === 'android'\n    ? Fonts.IBMPlexSans_600SemiBold\n    : 'IBMPlexSans-SemiBold',\n  },\n  message1: {\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    fontSize: 12,\n    lineHeight: 20,\n    textAlign: 'center',\n    color: '#111111',\n    marginTop: 12,\n    fontFamily: Platform.OS === 'android'\n    ? Fonts.IBMPlexSans_400Regular\n    : 'IBMPlexSans-Regular',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=CustomContactsModal.js.map

package/lib/module/components/executiontasks/collectPayment/components/CustomContactsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["CustomContactsModal.tsx"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,433 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable react-native/no-inline-styles */
+import React, { useEffect, useState, useLayoutEffect, useContext } from 'react';
+import { FlatList, Platform, Text, TouchableOpacity, View } from 'react-native';
+import { isEmptyOrBlank } from '../../../../utils/utils';
+import { PAYMENT_SHARED_PREF_KEY, getPaymentDataMO, getPaymentType, removeSharedPrefPaymentData } from '../PaymentUtils';
+import { getBaseETResponse } from '../../../../utils/ExecTaskUtils';
+import { EntityCode, ExecutionTaskID } from '../../../../models/execTasks/ETConfig';
+import { getEventCodeByET } from '../../../../manager/dispatchCodes/EventCodeContainer';
+import { PaymentStyles } from '../PaymentStyles';
+import { CommonStyles, Fonts } from '../../../../styles/executionTasks/CommonStyles';
+import { showToast } from '../../../widgets/Toaster';
+import { Button, Provider, RadioButton } from 'react-native-paper';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { GO_BACK_EVENT_CODE, PAYMENT_NOTIFICATION } from '../../../../constants/constants';
+import { hasGoBackConnector } from '../../../../components/utils';
+import GoBackModal from '../../../../components/widgets/GoBackModal';
+import { useFocusEffect } from '@react-navigation/native';
+import { BackHandler } from 'react-native';
+import ProgressDialog from '../../../../components/widgets/ProgressDialog';
+import EventListener from '../../../../events';
+import { PAYMENT_SCREEN, STATUS } from '../CollectPaymentSchema';
+import Storage from '../../../../utils/storage';
+import { PaymentContext } from '../../../../utils/context/paymentContext';
+import { ENDPOINTS } from '../../../../constants/apiConstants';
+import { RouteParams } from '../../../../ui/uiConfig/RouteParams';
+import Logger, { LOG_TYPE } from '../../../../utils/Logger';
+const styles = PaymentStyles;
+let storage = Storage.getInstance();
+const InitPayment = props => {
+  var _props$route$params$R, _paymentConfigContext8;
+  const paymentConfigContext = useContext(PaymentContext);
+  const [paymentStatus, setPaymentStatus] = useState(null);
+  const [paymentMode, setPaymentMode] = useState(props.allowedModes[0]);
+  const [disableNext, setDisableNext] = useState(false);
+  const [showBackModal, setShowBackModal] = useState(false);
+  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;
+  const handleOnProceedClick = async () => {
+    if (!isEmptyOrBlank(paymentMode)) {
+      var _props$applicableReas, _paymentConfigContext;
+      setDisableNext(true);
+      props.next({
+        paymentMode: paymentMode,
+        refId: paymentRefId,
+        ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, true, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas = props.applicableReasons) === null || _props$applicableReas === void 0 ? void 0 : _props$applicableReas.success), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET)),
+        screen: paymentMode === 'QR_CODE' ? PAYMENT_SCREEN.PROCESS : paymentMode === 'PAYMENT_LINK' ? PAYMENT_SCREEN.CONTACTS : PAYMENT_SCREEN.COMPLETE,
+        sourceScreen: PAYMENT_SCREEN.INIT,
+        collectedAmount: {
+          value: props.expectedAmount,
+          currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext = paymentConfigContext.sdkConfig) === null || _paymentConfigContext === void 0 || (_paymentConfigContext = _paymentConfigContext.etConfig) === null || _paymentConfigContext === void 0 ? void 0 : _paymentConfigContext.currencyCode) || ''
+        }
+      });
+    } else showToast('No payment mode selected');
+  };
+  const handleOnCancelClick = async () => {
+    var _props$applicableReas2, _paymentConfigContext2;
+    props.onSubmitET({
+      paymentMode: paymentMode,
+      refId: paymentRefId,
+      ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, false, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, false, (_props$applicableReas2 = props.applicableReasons) === null || _props$applicableReas2 === void 0 ? void 0 : _props$applicableReas2.failure), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET)),
+      collectedAmount: {
+        value: props.expectedAmount,
+        currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext2 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext2 === void 0 || (_paymentConfigContext2 = _paymentConfigContext2.etConfig) === null || _paymentConfigContext2 === void 0 ? void 0 : _paymentConfigContext2.currencyCode) || ''
+      }
+    });
+  };
+  const getPaymentStatus = async isProceed => {
+    try {
+      var _ps$data$transactions, _ps$data$meta, _ps$data$meta2, _ps$data$transactions2;
+      let sharedPrefPaymentData = null;
+      const paymentResp = await (paymentConfigContext === null || paymentConfigContext === void 0 ? void 0 : paymentConfigContext.networkInstance.requestGet(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.LINK,
+      //           appAbbr: 'testApp31',
+      //         },
+      //       ],
+      //     },
+      //   },
+      // };
+      const _ps = paymentResp === null || paymentResp === void 0 ? void 0 : paymentResp.data;
+      console.log('INIT getPaymentStatus _ps: ', JSON.stringify(_ps));
+      sharedPrefPaymentData = await getPaymentDataMO(props.mergedObjectiveId, paymentRefId, storage);
+      /**
+       * TBD: For first time INIT Screen rendering, no data in shared Pref, meaning the payment was not initiated from mobile.
+       * For next time init screen rendering, refId should be associated with a MergedObjectiveId, if not then the payment won't be considered.
+       */
+      if (_ps !== null && _ps !== void 0 && (_ps$data$transactions = _ps.data.transactions) !== null && _ps$data$transactions !== void 0 && _ps$data$transactions.length && (sharedPrefPaymentData || getPaymentType(_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].txnType)) && (_ps$data$meta = _ps.data.meta) !== null && _ps$data$meta !== void 0 && _ps$data$meta.totalCount && (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].status) === STATUS.SUCCESS) {
+        var _sharedPrefPaymentDat, _sharedPrefPaymentDat2, _sharedPrefPaymentDat3, _paymentConfigContext3, _props$applicableReas3;
+        props.next({
+          paymentMode: ((_sharedPrefPaymentDat = sharedPrefPaymentData) === null || _sharedPrefPaymentDat === void 0 ? void 0 : _sharedPrefPaymentDat.paymentMode) || getPaymentType(_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].txnType) || paymentMode,
+          collectedAmount: {
+            value: ((_sharedPrefPaymentDat2 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat2 === void 0 ? void 0 : _sharedPrefPaymentDat2.amount.value) || (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.amount) || props.expectedAmount,
+            currencyCode: ((_sharedPrefPaymentDat3 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat3 === void 0 ? void 0 : _sharedPrefPaymentDat3.amount.currencyCode) || (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.currency) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext3 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext3 === void 0 || (_paymentConfigContext3 = _paymentConfigContext3.etConfig) === null || _paymentConfigContext3 === void 0 ? void 0 : _paymentConfigContext3.currencyCode) || ''
+          },
+          refId: _ps.data.transactions[0].refId,
+          screen: PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: PAYMENT_SCREEN.INIT,
+          ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, true, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas3 = props.applicableReasons) === null || _props$applicableReas3 === void 0 ? void 0 : _props$applicableReas3.success), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+        setPaymentStatus(_ps);
+        return;
+      } else if (sharedPrefPaymentData && (_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) {
+        /* const _sharedPrefPaymentData = JSON.parse(
+            JSON.stringify(sharedPrefPaymentData)
+          ); */
+        await removeSharedPrefPaymentData(paymentRefId, storage);
+        /*  await storage.removeSharedItems(
+          props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
+        ); */
+      }
+      if (isProceed) await handleOnProceedClick();else if (isProceed === false) await handleOnCancelClick();
+      setPaymentStatus(_ps);
+    } catch (err) {
+      var _err$response, _err$response2;
+      Logger.getInstance().logEvent('~ getPaymentStatus triggered ', JSON.stringify((err === null || err === void 0 || (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.data) || err), LOG_TYPE.SDK_ERROR);
+      console.error('STATUS: ', (err === null || err === void 0 || (_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.data) || err.message);
+      if (isProceed) await handleOnProceedClick();else if (isProceed === false) await handleOnCancelClick();
+      setPaymentStatus(undefined);
+    }
+  };
+  useEffect(() => {
+    (async () => {
+      await getPaymentStatus(null);
+      // setPaymentStatus(false); // FOR TESTING payment status on click
+    })();
+    EventListener.on(PAYMENT_NOTIFICATION, async data => {
+      console.log('InitPayment:', JSON.stringify(data));
+      let sharedPrefPaymentData = null;
+      if (data && (data.status === STATUS.SUCCESS || data.status === STATUS.FAILED)) {
+        sharedPrefPaymentData = await getPaymentDataMO(props.mergedObjectiveId, data.refId, storage);
+      }
+      if (sharedPrefPaymentData && data && data.status === STATUS.SUCCESS) {
+        var _sharedPrefPaymentDat4, _sharedPrefPaymentDat5, _sharedPrefPaymentDat6, _paymentConfigContext4, _props$applicableReas4;
+        props.next({
+          paymentMode: ((_sharedPrefPaymentDat4 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat4 === void 0 ? void 0 : _sharedPrefPaymentDat4.paymentMode) || paymentMode,
+          collectedAmount: {
+            value: ((_sharedPrefPaymentDat5 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat5 === void 0 ? void 0 : _sharedPrefPaymentDat5.amount.value) || props.expectedAmount,
+            currencyCode: ((_sharedPrefPaymentDat6 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat6 === void 0 ? void 0 : _sharedPrefPaymentDat6.amount.currencyCode) || (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext4 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext4 === void 0 || (_paymentConfigContext4 = _paymentConfigContext4.etConfig) === null || _paymentConfigContext4 === void 0 ? void 0 : _paymentConfigContext4.currencyCode) || ''
+          },
+          refId: data.refId,
+          screen: PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: PAYMENT_SCREEN.INIT,
+          ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, true, getEventCodeByET(ExecutionTaskID.COLLECT_PAYMENT_ET, true, (_props$applicableReas4 = props.applicableReasons) === null || _props$applicableReas4 === void 0 ? void 0 : _props$applicableReas4.success), '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+      } else if (sharedPrefPaymentData && data && data.status === STATUS.FAILED /* &&
+                                                                                props.sourceScreen !== 'COMPLETE' */) {
+        /* const _sharedPrefPaymentData = JSON.parse(
+        JSON.stringify(sharedPrefPaymentData)
+        ); */
+        /* await storage.removeSharedItems(
+          props.mergedObjectiveId.map((_id) => PAYMENT_SHARED_PREF_KEY + _id)
+        ); */
+        await removeSharedPrefPaymentData(data.refId, storage);
+        /* props.next({
+        paymentMode: _sharedPrefPaymentData?.paymentMode || paymentMode,
+        collectedAmount: {
+          value: data.amount,
+          currencyCode:
+            _sharedPrefPaymentData?.amount.currencyCode ||
+            props.amount.currencyCode,
+          minorUnit:
+            _sharedPrefPaymentData?.amount.minorUnit ||
+            props.amount.minorUnit,
+        },
+        txnId: data.txnId,
+        refId: data.refId,
+        transactionSuccess: false,
+        screen: PAYMENT_SCREEN.COMPLETE,
+        sourceScreen: PAYMENT_SCREEN.INIT,
+        ...(await getBaseETResponse(
+          EntityCode.COLLECT_PAYMENT_ET,
+          false,
+          getEventCodeByET(
+            ExecutionTaskID.COLLECT_PAYMENT_ET,
+            false,
+            props.applicableReasons?.failure
+          ),
+          '',
+          props.mergedObjectiveId,
+          ExecutionTaskID.COLLECT_PAYMENT_ET
+        )),
+        }); */
+      }
+    });
+    return () => EventListener.remove(PAYMENT_NOTIFICATION);
+  }, []);
+
+  // Handle back-button click
+  useFocusEffect(React.useCallback(() => {
+    const onBackPress = async () => {
+      var _props$taskMeta;
+      let sharedPref = null;
+      // (async () => {
+      sharedPref = await storage.getSharedItem(PAYMENT_SHARED_PREF_KEY + paymentRefId);
+      // })();
+
+      const paymentInProgress =
+      /* props.mergedObjectiveId.some(
+        async (moId) =>
+          await storage.getSharedItem(PAYMENT_SHARED_PREF_KEY + moId)
+      ) */
+      sharedPref || false;
+      if ((_props$taskMeta = props.taskMeta) !== null && _props$taskMeta !== void 0 && _props$taskMeta.enableGoBack && hasGoBackConnector(props.applicableReasons) && !paymentInProgress) {
+        setShowBackModal(true);
+        return true;
+      } else {
+        props.navigation.goBack();
+        return true;
+      }
+    };
+    BackHandler.addEventListener('hardwareBackPress', () => {
+      onBackPress();
+      return true;
+    });
+    return () => BackHandler.removeEventListener('hardwareBackPress', () => {
+      onBackPress();
+      return true;
+    });
+  }, []));
+  useLayoutEffect(() => {
+    props.navigation.setOptions({
+      headerShown: true,
+      title: 'Choose Payment Method',
+      headerLeft: () => {
+        return /*#__PURE__*/React.createElement(Icon, {
+          onPress: async () => {
+            var _props$taskMeta2;
+            const sharedPref = await storage.getSharedItem(PAYMENT_SHARED_PREF_KEY + paymentRefId);
+            const paymentInProgress =
+            /* props.mergedObjectiveId.some(
+              async (moId) =>
+                await storage.getSharedItem(PAYMENT_SHARED_PREF_KEY + moId)
+            ) */
+            sharedPref || false;
+            if ((_props$taskMeta2 = props.taskMeta) !== null && _props$taskMeta2 !== void 0 && _props$taskMeta2.enableGoBack && hasGoBackConnector(props.applicableReasons) && !paymentInProgress) setShowBackModal(true);else props.navigation.goBack();
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        });
+      }
+    });
+  }, [props.navigation]);
+  useEffect(() => {
+    if (props.allowedModes && props.allowedModes.length > 0) {
+      setPaymentMode(props.allowedModes[0]);
+    }
+  }, [props.allowedModes]);
+  const renderModal = () => {
+    return /*#__PURE__*/React.createElement(GoBackModal, {
+      showModal: showBackModal,
+      setShowModal: setShowBackModal,
+      onSuccess: async () => {
+        var _paymentConfigContext5;
+        props.onSubmitET({
+          collectedAmount: {
+            value: props.expectedAmount,
+            currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext5 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext5 === void 0 || (_paymentConfigContext5 = _paymentConfigContext5.etConfig) === null || _paymentConfigContext5 === void 0 ? void 0 : _paymentConfigContext5.currencyCode) || ''
+          },
+          paymentMode: paymentMode,
+          refId: paymentRefId,
+          ...(await getBaseETResponse(EntityCode.COLLECT_PAYMENT_ET, false, GO_BACK_EVENT_CODE, '', props.mergedObjectiveId, ExecutionTaskID.COLLECT_PAYMENT_ET))
+        });
+        setShowBackModal(false);
+      },
+      onFailure: () => setShowBackModal(false)
+    });
+  };
+  const renderItem = ({
+    item
+  }) => {
+    var _paymentConfigContext6, _paymentConfigContext7, _props$plModes;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 1,
+      onPress: () => {
+        setPaymentMode(item);
+      },
+      style: [styles.reasonItemStyle, {
+        marginBottom: 4,
+        paddingVertical: 8
+      }]
+    }, /*#__PURE__*/React.createElement(RadioButton, {
+      color: '#5B80F7',
+      value: item,
+      status: paymentMode === item ? 'checked' : 'unchecked',
+      onPress: () => {
+        setPaymentMode(item);
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        display: 'flex',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.reasonTextStyle, {
+        fontWeight: 'bold',
+        paddingTop: 6,
+        fontSize: 14,
+        lineHeight: 20,
+        color: '#3D445C'
+      }],
+      onPress: () => {
+        setPaymentMode(item);
+      }
+    }, item === 'CASH' ? 'Cash' : item === 'QR_CODE' ? 'QR Code' : item === 'PAYMENT_LINK' ? 'Payment Link' : item), (item === 'QR_CODE' || item === 'PAYMENT_LINK') && /*#__PURE__*/React.createElement(Text, {
+      style: [styles.reasonTextStyle, {
+        fontWeight: '500',
+        fontFamily: Fonts.IBMPlexSans_500Medium,
+        paddingTop: 2,
+        fontSize: 12,
+        lineHeight: 16,
+        color: '#525B7A'
+      }],
+      onPress: () => {
+        setPaymentMode(item);
+      }
+    }, item === 'QR_CODE' ? (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext6 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext6 === void 0 || (_paymentConfigContext6 = _paymentConfigContext6.etConfig) === null || _paymentConfigContext6 === void 0 ? void 0 : _paymentConfigContext6.currencyCode) === 'INR' ? 'UPI' : 'Scan to get a payment link' : item === 'PAYMENT_LINK' ? (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext7 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext7 === void 0 || (_paymentConfigContext7 = _paymentConfigContext7.etConfig) === null || _paymentConfigContext7 === void 0 ? void 0 : _paymentConfigContext7.currencyCode) === 'INR' ? (_props$plModes = props.plModes) === null || _props$plModes === void 0 ? void 0 : _props$plModes.join(', ') : 'Credit / Debit Cards, Netbanking …' : '')));
+  };
+  return /*#__PURE__*/React.createElement(Provider, null, renderModal(), /*#__PURE__*/React.createElement(ProgressDialog, {
+    customModalContentStyle: {
+      paddingVertical: 40
+    },
+    visible: paymentStatus === null ? true : false,
+    label: "Loading",
+    labelStyle: {
+      fontWeight: '400',
+      fontFamily: Platform.OS === 'android' ? Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+      marginTop: 16,
+      color: '#3D445C'
+    }
+  }), paymentStatus === null ? null : /*#__PURE__*/React.createElement(View, {
+    style: CommonStyles.mainContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: 'white',
+      marginTop: 30
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.amountStyle, styles.textStyle1, {
+      paddingTop: 0,
+      paddingBottom: 0,
+      color: '#3D445C',
+      margin: 0,
+      fontSize: 16
+    }]
+  }, "Collect at Delivery"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.amountStyle, {
+      paddingTop: 0,
+      fontSize: 24
+    }]
+  }, (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext8 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext8 === void 0 || (_paymentConfigContext8 = _paymentConfigContext8.etConfig) === null || _paymentConfigContext8 === void 0 ? void 0 : _paymentConfigContext8.currencyCode) + ' ' + props.expectedAmount)), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textStyle1, {
+      paddingBottom: 12
+    }]
+  }, 'Select a payment option'.toUpperCase()), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: props.allowedModes,
+    renderItem: renderItem,
+    keyExtractor: item => item
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'flex-end',
+      // marginBottom: 10,
+      padding: 16,
+      // paddingTop: 10,
+      borderTopWidth: 1,
+      borderTopColor: '#E0E3EB',
+      elevation: 0.5
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+      // marginStart: 10,
+      // marginEnd: 10,
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: [CommonStyles.cancelButton, {
+      marginEnd: 5,
+      flex: 1
+    }],
+    labelStyle: {
+      ...CommonStyles.cancelButtonLabel,
+      color: '#5B80F7',
+      textTransform: 'capitalize'
+    },
+    mode: 'outlined',
+    onPress: async () => {
+      await getPaymentStatus(false);
+    }
+  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+    disabled: disableNext,
+    style: [CommonStyles.nextButton, {
+      flex: 1,
+      marginStart: 5
+    }],
+    labelStyle: {
+      ...CommonStyles.nextButtonLabel,
+      textTransform: 'capitalize'
+    },
+    mode: 'contained',
+    onPress: async () => {
+      // Check payment status every time when moving away from init screen
+      await getPaymentStatus(true);
+    }
+  }, "Proceed")))));
+};
+export default InitPayment;
+//# sourceMappingURL=InitPayment.js.map