import React from 'react';
import type {StackScreenProps} from '@react-navigation/stack';
import type {RootStackParamList} from './App';
import IMP from 'iamport-react-native';
import Loading from './Loading';
import {SafeAreaView} from 'react-native-safe-area-context';

function getBoolean(value: string | boolean | undefined) {
  if (typeof value === 'boolean') {
    return value;
  }
  if (typeof value === 'string') {
    return value === 'true';
  }
  return undefined;
}

type Props = StackScreenProps<RootStackParamList, 'Payment'>;

function Payment({navigation, route}: Props) {
  /* 가맹점 식별코드, 결제 데이터 추출 */
  const userCode = route.params?.userCode;
  const data = route.params?.data;

  /* [필수입력] 결제 후 실행될 콜백 함수 입력 */
  function callback(response: any) {
    const isSuccessed = getIsSuccessed(response);
    if (isSuccessed) {
      // 결제 성공한 경우, 리디렉션 위해 홈으로 이동한다
      const params = {
        response,
        type: 'payment',
      };
      navigation.replace('Home', params);
    } else {
      // 결제 실패한 경우, 본래 페이지로 돌아간다
      navigation.goBack();
    }
  }

  function getIsSuccessed(response: any) {
    const {imp_success, success, error_code, code} = response;
    return (
      getBoolean(imp_success) ??
      getBoolean(success) ??
      (error_code == null && code == null)
    );
  }

  return (
    <SafeAreaView style={{flex: 1, justifyContent: 'center'}}>
      <IMP.Payment
        userCode={userCode as string}
        loading={<Loading />}
        data={{
          ...data,
          app_scheme: 'exampleforwebview',
        }}
        callback={callback}
      />
    </SafeAreaView>
  );
}

export default Payment;