أريد إضافة وسيلة دفع باستخدام myfatoorah-reactnative

أحمد عبد الله2 · 17 مارس 2023

اريد ان اضيف وسيلة دفع باستخدام myfatoorah-reactnative ولكني اواجه هذه المشكلة

ERROR Error: Invalid url string, js engine: hermes

هذا هو الكود

App.tsx

import 'react-native-gesture-handler';
import * as React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import Home from './Home';
import {MFWebView, MFSettings, MFTheme} from 'myfatoorah-reactnative';

const Stack = createStackNavigator();

export default function App() {
  React.useEffect(() => {
    let baseURL = 'https://apitest.myfatoorah.com';
    let token =
      'rLtt6JWvbUHDDhsZnfpAhpYk4dxYDQkbcPTyGaKp2TYqQgG7FGZ5Th_WD53Oq8Ebz6A53njUoo1w3pjU1D4vs_ZMqFiz_j0urb_BH9Oq9VZoKFoJEDAbRZepGcQanImyYrry7Kt6MnMdgfG5jn4HngWoRdKduNNyP4kzcp3mRv7x00ahkm9LAK7ZRieg7k1PDAnBIOG3EyVSJ5kK4WLMvYr7sCwHbHcu4A5WwelxYK0GMJy37bNAarSJDFQsJ2ZvJjvMDmfWwDVFEVe_5tOomfVNt6bOg9mexbGjMrnHBnKnZR1vQbBtQieDlQepzTZMuQrSuKn-t5XZM7V6fCW7oP-uXGX-sMOajeX65JOf6XVpk29DP6ro8WTAflCDANC193yof8-f5_EYY-3hXhJj7RBXmizDpneEQDSaSz5sFk0sV5qPcARJ9zGG73vuGFyenjPPmtDtXtpx35A-BVcOSBYVIWe9kndG3nclfefjKEuZ3m4jL9Gg1h2JBvmXSMYiZtp9MR5I6pvbvylU_PP5xJFSjVTIz7IQSjcVGO41npnwIxRXNRxFOdIUHn0tjQ-7LwvEcTXyPsHXcMD8WtgBh-wxR8aKX7WPSsT1O8d8reb2aR7K3rkV3K82K_0OgawImEpwSvp9MNKynEAJQS6ZHe_J_l77652xwPNxMRTMASk1ZsJL';
    let theme = new MFTheme('blue', 'gray', 'Payment', 'Cancel');
    MFSettings.sharedInstance.setTheme(theme);
    MFSettings.sharedInstance.configure(baseURL, token);
  }, []);

  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={Home} />
        <Stack.Screen
          name="MFWebView"
          component={MFWebView}
          options={MFWebView.navigationOptions}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

Home.tsx

import {Alert, Button, StyleSheet, Text, View} from 'react-native';
import React from 'react';
import {
  MFInitiatePayment,
  MFCurrencyISO,
  MFPaymentRequest,
  MFLanguage,
} from 'myfatoorah-reactnative';

const Home = () => {
  function initiatePayments() {
    let initiateRequest = new MFInitiatePayment(50, MFCurrencyISO.KUWAIT_KWD);
    MFPaymentRequest.sharedInstance.initiatePayment(
      initiateRequest,
      MFLanguage.ENGLISH,
      (response: Response) => {
        if (response) {
          Alert.alert('error: ' + response);
        } else {
          console.log('====================================');
          console.log(response);
          console.log('====================================');
          // setPaymentMethods(response.getPaymentMethods())
        }
      },
    );
  }

  return (
    <View>
      <Text>Home</Text>
      <Button title="test" onPress={initiatePayments} />
    </View>
  );
};

export default Home;

const styles = StyleSheet.create({});