import React from 'react';
import { SafeAreaView } from 'react-native';
import WebView, { WebViewMessageEvent } from 'react-native-webview';
import { isAppUrl, isBlank, openPGApp } from '../../libs/libs';
import type { TossPaymentRequestDataTypes } from './types/payment.types';
type Props = {
clientKey: string;
payment: TossPaymentRequestDataTypes;
onWebViewMessageReceived: (e: WebViewMessageEvent) => void;
detectIsLoading: (isLoading: boolean) => void;
};
const Payment = ({
clientKey,
payment,
onWebViewMessageReceived,
detectIsLoading,
}: Props) => {
const WEBVIEW_SOURCE_HTML = `
`;
return (
{
window.ReactNativeWebView.postMessage(JSON.stringify(err));
})
`}
onMessage={onWebViewMessageReceived}
originWhitelist={['*']}
sharedCookiesEnabled={true}
onShouldStartLoadWithRequest={(request) => {
const { url, mainDocumentURL } = request;
if (isBlank(url, mainDocumentURL)) {
detectIsLoading(true);
return true;
}
detectIsLoading(false);
if (isAppUrl(url)) {
/* 3rd-party 앱 오픈 */
openPGApp(url);
return false;
}
return true;
}}
/>
);
};
export default Payment;