@os1-platform/dispatch-mobile 2.1.21 → 2.1.23

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

@@ -0,0 +1,538 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _PaymentUtils = require("../PaymentUtils");
+var _ExecTaskUtils = require("../../../../utils/ExecTaskUtils");
+var _ETConfig = require("../../../../models/execTasks/ETConfig");
+var _EventCodeContainer = require("../../../../manager/dispatchCodes/EventCodeContainer");
+var _CommonStyles = require("../../../../styles/executionTasks/CommonStyles");
+var _reactNativePaper = require("react-native-paper");
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _constants = require("../../../../constants/constants");
+var _events = _interopRequireDefault(require("../../../../events"));
+var _CollectPaymentSchema = require("../CollectPaymentSchema");
+var _native = require("@react-navigation/native");
+var _RouteParams = require("../../../../ui/uiConfig/RouteParams");
+var _platformCoreosExecutionEngineSdk = require("@os1-platform/platform-coreos-execution-engine-sdk");
+var _callbacksHandler = _interopRequireDefault(require("../../../../manager/sdk/callbacksHandler"));
+var _ModalWidget = _interopRequireDefault(require("../../../../components/widgets/ModalWidget"));
+var _storage = _interopRequireDefault(require("../../../../utils/storage"));
+var _paymentContext = require("../../../../utils/context/paymentContext");
+var _apiConstants = require("../../../../constants/apiConstants");
+var _Constants = require("../../../../utils/Constants");
+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; }
+let storage = _storage.default.getInstance();
+const PaymentContactDetails = props => {
+  var _props$route$params$R, _props$onsiteLinkShar;
+  const paymentConfigContext = (0, _react.useContext)(_paymentContext.PaymentContext);
+  const [selectedContact, setSelectedContact] = (0, _react.useState)('');
+  const [displayContactModal, setDisplayContactModal] = (0, _react.useState)(false);
+  const [manualContactDetails, setManualContactDetails] = (0, _react.useState)();
+  const [displayError, setErrorDisplay] = (0, _react.useState)(false);
+  const [manualContact, setManualContact] = (0, _react.useState)('');
+  const [contactList, setContactList] = (0, _react.useState)([]);
+  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;
+  (0, _react.useEffect)(() => {
+    (async () => {
+      if (props.route.params[_RouteParams.RouteParams.ROOT_META_DATA]) {
+        var _phoneNumbers$value;
+        //Call objectiveDetails fn and fetch sds ids
+        let progressGroup = null;
+        try {
+          progressGroup = await _storage.default.getInstance().getSharedItem(_Constants.PROGRESS_GROUP, false);
+        } catch (error) {
+          var _error$response;
+          _Logger.default.getInstance().logEvent('~ getPaymentStatus triggered ', JSON.stringify((error === null || error === void 0 || (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data) || error), _Logger.LOG_TYPE.SDK_ERROR);
+          progressGroup = null;
+        }
+        const {
+          contact
+        } = await _platformCoreosExecutionEngineSdk.DispatchExecutor.getObjectiveTaskDetails(props.mergedObjectiveId[0], progressGroup, props.route.params[_RouteParams.RouteParams.ROOT_META_DATA].statusFilter);
+
+        // run callback to get corresponding phone numbers
+        const phoneNumbers = await _callbacksHandler.default.getPhoneNumbers(contact);
+        if (phoneNumbers && (_phoneNumbers$value = phoneNumbers.value) !== null && _phoneNumbers$value !== void 0 && _phoneNumbers$value.length) {
+          setContactList(phoneNumbers.value);
+        }
+      }
+    })();
+    _events.default.on(_constants.PAYMENT_NOTIFICATION, async data => {
+      console.log("PaymentCollectDetail:", 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, _paymentConfigContext, _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 || (_paymentConfigContext = paymentConfigContext.sdkConfig) === null || _paymentConfigContext === void 0 || (_paymentConfigContext = _paymentConfigContext.etConfig) === null || _paymentConfigContext === void 0 ? void 0 : _paymentConfigContext.currencyCode) || ''
+          },
+          refId: data.refId,
+          screen: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.CONTACTS,
+          ...(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) {
+        /* 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);
+      }
+    });
+    return () => _events.default.remove(_constants.PAYMENT_NOTIFICATION);
+  }, []);
+  const handleOnCancelClick = async () => {
+    var _props$applicableReas2, _paymentConfigContext2;
+    props.onSubmitET({
+      paymentMode: props.paymentMode,
+      refId: paymentRefId,
+      ...(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)),
+      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(_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.LINK,
+      //           appAbbr: 'testApp31',
+      //         },
+      //       ],
+      //     },
+      //   },
+      // };
+      const _ps = paymentResp === null || paymentResp === void 0 ? void 0 : paymentResp.data;
+      console.log('Contact getPaymentStatus _ps: ', JSON.stringify(_ps));
+      sharedPrefPaymentData = await (0, _PaymentUtils.getPaymentDataMO)(props.mergedObjectiveId, paymentRefId, storage);
+      if (_ps !== null && _ps !== void 0 && (_ps$data$transactions = _ps.data.transactions) !== null && _ps$data$transactions !== void 0 && _ps$data$transactions.length && (sharedPrefPaymentData || (0, _PaymentUtils.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) === _CollectPaymentSchema.STATUS.SUCCESS) {
+        var _sharedPrefPaymentDat4, _sharedPrefPaymentDat5, _sharedPrefPaymentDat6, _paymentConfigContext3, _props$applicableReas3;
+        props.next({
+          paymentMode: ((_sharedPrefPaymentDat4 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat4 === void 0 ? void 0 : _sharedPrefPaymentDat4.paymentMode) || (0, _PaymentUtils.getPaymentType)(_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].txnType) || props.paymentMode,
+          collectedAmount: {
+            value: ((_sharedPrefPaymentDat5 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat5 === void 0 ? void 0 : _sharedPrefPaymentDat5.amount.value) || (_ps === null || _ps === void 0 ? void 0 : _ps.data.transactions[0].money.amount) || props.expectedAmount,
+            currencyCode: ((_sharedPrefPaymentDat6 = sharedPrefPaymentData) === null || _sharedPrefPaymentDat6 === void 0 ? void 0 : _sharedPrefPaymentDat6.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: _CollectPaymentSchema.PAYMENT_SCREEN.COMPLETE,
+          sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.CONTACTS,
+          ...(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))
+        });
+        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) === _CollectPaymentSchema.STATUS.FAILED) {
+        await (0, _PaymentUtils.removeSharedPrefPaymentData)(paymentRefId, storage);
+      }
+      if (isProceed) await sendPaymentLink(selectedContact);else if (isProceed === false) await handleOnCancelClick();
+    } catch (err) {
+      var _err$response, _err$response2;
+      _Logger.default.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), _Logger.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);
+    }
+  };
+
+  // Handle back-button click
+  (0, _native.useFocusEffect)(_react.default.useCallback(() => {
+    const onBackPress = () => {
+      (async (_props$applicableReas4, _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$applicableReas4 = props.applicableReasons) === null || _props$applicableReas4 === void 0 ? void 0 : _props$applicableReas4.success), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET)),
+        screen: _CollectPaymentSchema.PAYMENT_SCREEN.INIT,
+        sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.CONTACTS,
+        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) || ''
+        }
+      }))();
+      return true;
+    };
+    _reactNative.BackHandler.addEventListener('hardwareBackPress', onBackPress);
+    return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', onBackPress);
+  }, []));
+  (0, _react.useLayoutEffect)(() => {
+    props.navigation.setOptions({
+      headerShown: true,
+      title: 'Payment Link',
+      headerLeft: () => {
+        return /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+          onPress: async () => {
+            var _props$applicableReas5, _paymentConfigContext5;
+            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$applicableReas5 = props.applicableReasons) === null || _props$applicableReas5 === void 0 ? void 0 : _props$applicableReas5.success), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET)),
+              screen: _CollectPaymentSchema.PAYMENT_SCREEN.INIT,
+              sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.CONTACTS,
+              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) || ''
+              }
+            });
+          },
+          name: "arrow-back",
+          color: 'black',
+          size: 25,
+          style: {
+            paddingRight: 15,
+            paddingTop: 5
+          }
+        });
+      }
+    });
+  }, [props.navigation, props.title]);
+  const renderItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.reasonItemStyle
+    }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.RadioButton, {
+      color: '#5B80F7',
+      value: item,
+      status: selectedContact === item ? 'checked' : 'unchecked',
+      onPress: () => {
+        setSelectedContact(item);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.reasonTextStyle, {
+        fontWeight: 'bold'
+      }],
+      onPress: () => {
+        setSelectedContact(item);
+      }
+    }, (0, _ExecTaskUtils.maskContact)(item)));
+  };
+  const inputValidation = (data, _regex) => {
+    if (_regex) {
+      const regex = new RegExp(_regex);
+      return regex.test(data);
+    }
+    return false;
+  };
+  const sendPaymentLink = async contactDetails => {
+    var _props$applicableReas6, _paymentConfigContext6;
+    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$applicableReas6 = props.applicableReasons) === null || _props$applicableReas6 === void 0 ? void 0 : _props$applicableReas6.success), '', props.mergedObjectiveId, _ETConfig.ExecutionTaskID.COLLECT_PAYMENT_ET)),
+      screen: _CollectPaymentSchema.PAYMENT_SCREEN.PROCESS,
+      sourceScreen: _CollectPaymentSchema.PAYMENT_SCREEN.CONTACTS,
+      collectedAmount: {
+        value: props.expectedAmount,
+        currencyCode: (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext6 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext6 === void 0 || (_paymentConfigContext6 = _paymentConfigContext6.etConfig) === null || _paymentConfigContext6 === void 0 ? void 0 : _paymentConfigContext6.currencyCode) || ''
+      },
+      contactDetails
+    });
+  };
+  const onModalSubmit = () => {
+    var _paymentConfigContext7;
+    const regex = (manualContactDetails === null || manualContactDetails === void 0 ? void 0 : manualContactDetails.type) === 'PHONE' ? (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext7 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext7 === void 0 || (_paymentConfigContext7 = _paymentConfigContext7.etConfig) === null || _paymentConfigContext7 === void 0 ? void 0 : _paymentConfigContext7.mobilePhoneRegex) || '' : _constants.EMAIL_REGEX;
+    if (inputValidation(manualContact, regex)) {
+      setErrorDisplay(false);
+      (async _paymentConfigContext8 => {
+        const contact = (manualContactDetails === null || manualContactDetails === void 0 ? void 0 : manualContactDetails.type) === 'PHONE' ? (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext8 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext8 === void 0 || (_paymentConfigContext8 = _paymentConfigContext8.etConfig) === null || _paymentConfigContext8 === void 0 ? void 0 : _paymentConfigContext8.phoneCode) + manualContact : manualContact;
+        await sendPaymentLink(contact);
+      })();
+    } else {
+      setErrorDisplay(true);
+    }
+  };
+  const renderManualContactsModal = () => {
+    return /*#__PURE__*/_react.default.createElement(_ModalWidget.default, {
+      title: {
+        label: (manualContactDetails === null || manualContactDetails === void 0 ? void 0 : manualContactDetails.title) || ''
+      },
+      contentContainerStyle: {
+        marginBottom: 120
+      },
+      showModal: displayContactModal,
+      renderChildren: () => {
+        var _paymentConfigContext9, _paymentConfigContext10, _paymentConfigContext11;
+        return (manualContactDetails === null || manualContactDetails === void 0 ? void 0 : manualContactDetails.type) === 'PHONE' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+          style: {
+            marginVertical: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+          style: [styles.inputLabel, {
+            marginBottom: 8
+          }]
+        }, "Phone Number")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+          style: [{
+            justifyContent: 'flex-start',
+            display: 'flex',
+            flexDirection: 'row'
+          }]
+        }, paymentConfigContext !== null && paymentConfigContext !== void 0 && (_paymentConfigContext9 = paymentConfigContext.sdkConfig) !== null && _paymentConfigContext9 !== void 0 && (_paymentConfigContext9 = _paymentConfigContext9.etConfig) !== null && _paymentConfigContext9 !== void 0 && _paymentConfigContext9.phoneCode ? /*#__PURE__*/_react.default.createElement(_reactNativePaper.TextInput, {
+          style: [styles.input, {
+            borderTopEndRadius: 0,
+            borderBottomEndRadius: 0
+          }, displayError ? {
+            borderColor: 'red'
+          } : {}],
+          disabled: true,
+          value: '(' + (paymentConfigContext === null || paymentConfigContext === void 0 || (_paymentConfigContext10 = paymentConfigContext.sdkConfig) === null || _paymentConfigContext10 === void 0 || (_paymentConfigContext10 = _paymentConfigContext10.etConfig) === null || _paymentConfigContext10 === void 0 ? void 0 : _paymentConfigContext10.phoneCode) + ')'
+        }) : null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.TextInput, {
+          style: [styles.input, {
+            flexGrow: 1,
+            flex: 1
+          }, paymentConfigContext !== null && paymentConfigContext !== void 0 && (_paymentConfigContext11 = paymentConfigContext.sdkConfig) !== null && _paymentConfigContext11 !== void 0 && (_paymentConfigContext11 = _paymentConfigContext11.etConfig) !== null && _paymentConfigContext11 !== void 0 && _paymentConfigContext11.phoneCode ? {
+            borderLeftWidth: 0,
+            borderTopStartRadius: 0,
+            borderBottomStartRadius: 0
+          } : {}, displayError ? {
+            borderColor: 'red'
+          } : {}],
+          autoFocus: true,
+          placeholder: "Add Phone Number",
+          onChangeText: setManualContact,
+          activeUnderlineColor: "transparent"
+        })), displayError ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+          style: {
+            color: 'red'
+          }
+        }, "Enter valid phone number.") : null) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+          style: {
+            marginVertical: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+          style: [styles.inputLabel, {
+            marginBottom: 8
+          }]
+        }, "Email Address")), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNativePaper.TextInput, {
+          style: [styles.input, displayError ? {
+            borderColor: 'red'
+          } : {}],
+          autoFocus: true,
+          placeholder: "Add Email Address",
+          onChangeText: setManualContact,
+          activeUnderlineColor: 'transparent'
+        })), displayError ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+          style: {
+            color: 'red'
+          }
+        }, "Enter valid email address.") : null);
+      },
+      primaryButton: {
+        label: 'Send Payment Link',
+        onPress: () => {
+          onModalSubmit();
+        },
+        labelStyles: {
+          ..._CommonStyles.CommonStyles.nextButtonLabel
+        },
+        styles: {
+          ..._CommonStyles.CommonStyles.nextButton,
+          padding: 8,
+          borderRadius: 5,
+          marginVertical: 10,
+          marginTop: 15
+        }
+      },
+      secondaryButton: {
+        label: 'Cancel',
+        onPress: () => {
+          setErrorDisplay(false);
+          setDisplayContactModal(false);
+        },
+        labelStyles: {
+          ..._CommonStyles.CommonStyles.cancelButtonLabel
+        },
+        styles: {
+          ..._CommonStyles.CommonStyles.cancelButton,
+          padding: 8,
+          borderRadius: 5
+        }
+      }
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNativePaper.Provider, null, renderManualContactsModal(), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _CommonStyles.CommonStyles.mainContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.title, {
+      paddingBottom: 0
+    }]
+  }, "Select or add contact details to send the payment link"), contactList.length ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginBottom: 16,
+      maxHeight: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: contactList,
+    renderItem: renderItem,
+    keyExtractor: item => item
+  })) : null, (_props$onsiteLinkShar = props.onsiteLinkSharing) !== null && _props$onsiteLinkShar !== void 0 && _props$onsiteLinkShar.length ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      backgroundColor: 'white',
+      padding: 16,
+      flexDirection: 'row',
+      justifyContent: 'space-evenly'
+    }, props.onsiteLinkSharing.includes('Email') && props.onsiteLinkSharing.includes('Phone Number') ? {} : {
+      justifyContent: 'flex-start',
+      paddingStart: 55
+    }]
+  }, props.onsiteLinkSharing.includes('Email') ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.link],
+    onPress: () => {
+      setDisplayContactModal(true);
+      setManualContactDetails({
+        title: 'Add Email Address',
+        type: 'EMAIL'
+      });
+    }
+  }, "Add Email Address")) : null, props.onsiteLinkSharing.includes('Email') && props.onsiteLinkSharing.includes('Phone Number') ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      borderLeftWidth: 1,
+      borderColor: '#cccccc'
+    }
+  }) : null, props.onsiteLinkSharing.includes('Phone Number') ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.link],
+    onPress: () => {
+      setDisplayContactModal(true);
+      setManualContactDetails({
+        title: 'Add Phone Number',
+        type: 'PHONE'
+      });
+    }
+  }, "Add Phone Number")) : null) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.btnContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonParentContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.cancelButton, {
+      marginEnd: 5,
+      flex: 1
+    }],
+    labelStyle: {
+      ..._CommonStyles.CommonStyles.cancelButtonLabel,
+      color: '#5B80F7',
+      textTransform: 'capitalize'
+    },
+    mode: 'outlined',
+    onPress: async () => {
+      await getPaymentStatus(false);
+    }
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.nextButton, {
+      flex: 1,
+      marginStart: 5
+    }, !selectedContact ? {
+      backgroundColor: '#E0E3EB'
+    } : {}],
+    labelStyle: [_CommonStyles.CommonStyles.nextButtonLabel, {
+      textTransform: 'capitalize'
+    }, !selectedContact ? {
+      color: '#A3AAC2'
+    } : {}],
+    disabled: !selectedContact,
+    mode: 'contained',
+    onPress: async () => {
+      await getPaymentStatus(true);
+    }
+  }, "Send Payment Link")))));
+};
+var _default = exports.default = PaymentContactDetails;
+const styles = _reactNative.StyleSheet.create({
+  title: {
+    fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+    fontWeight: '400',
+    fontSize: 16,
+    lineHeight: 24,
+    color: '#3D445C',
+    margin: 20
+  },
+  reasonItemStyle: {
+    flexDirection: 'row',
+    paddingVertical: 5,
+    paddingStart: 20,
+    paddingEnd: 20,
+    backgroundColor: 'white',
+    marginBottom: 5
+  },
+  reasonTextStyle: {
+    flex: 1,
+    flexWrap: 'wrap',
+    fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+    fontStyle: 'normal',
+    fontSize: 14,
+    lineHeight: 21,
+    letterSpacing: 0.25,
+    textAlign: 'justify',
+    color: '#111111',
+    paddingTop: 5
+  },
+  link: {
+    color: '#5B80F7',
+    fontSize: 14,
+    fontWeight: '500',
+    lineHeight: 20
+  },
+  inputLabel: {
+    fontSize: 14,
+    lineHeight: 20,
+    fontWeight: '500',
+    fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_500Medium : 'IBMPlexSans-Medium',
+    color: '#3D445C'
+  },
+  input: {
+    // flex: 1,
+    fontSize: 14,
+    lineHeight: 24,
+    fontFamily: _reactNative.Platform.OS === 'android' ? _CommonStyles.Fonts.IBMPlexSans_400Regular : 'IBMPlexSans-Regular',
+    borderColor: '#E0E3EB',
+    borderWidth: 1,
+    height: 22,
+    borderRadius: 6,
+    paddingHorizontal: 13,
+    paddingVertical: 9,
+    backgroundColor: '#ffffff'
+  },
+  buttonParentContainer: {
+    flexDirection: 'row',
+    padding: 10,
+    paddingTop: 16,
+    backgroundColor: 'white',
+    borderTopWidth: 1,
+    borderTopColor: '#eeeeee'
+  },
+  btnContainer: {
+    justifyContent: 'flex-end',
+    marginBottom: 10,
+    flexGrow: 1
+  }
+});
+//# sourceMappingURL=PaymentContactDetails.js.map