diff --git a/src/pages/transaction/history-transaction/blocks/ResendTransaction.tsx b/src/pages/transaction/history-transaction/blocks/ResendTransaction.tsx index 676dd32..53a3af8 100644 --- a/src/pages/transaction/history-transaction/blocks/ResendTransaction.tsx +++ b/src/pages/transaction/history-transaction/blocks/ResendTransaction.tsx @@ -3,13 +3,13 @@ import { useCallApi } from '@/hooks'; import { apiConfig } from '@/config/api.config'; import { useCallback, useEffect, useState } from 'react'; import { - Dialog, - DialogBody, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle + Dialog, + DialogBody, + DialogContent, + DialogDescription, + DialogFooter, + DialogHeader, + DialogTitle } from '@/components/ui/dialog'; import { Alert, useDataGrid } from '@/components'; import { doSaveLogActivity } from '@/actions/GlobalActions'; @@ -19,216 +19,219 @@ import { Input } from '@/components/ui/input'; const API_URL = apiConfig.transaction; interface ResendTransactionProps { - isOpen: boolean | null; - onClose: () => void | null; - selectedTransactionForResend: any | null; // Adjust the type as per your requirements + isOpen: boolean | null; + onClose: () => void | null; + selectedTransactionForResend: any | null; // Adjust the type as per your requirements } -const ResendTransaction = ({ isOpen, onClose, selectedTransactionForResend }: ResendTransactionProps) => { +const ResendTransaction = ({ + isOpen, + onClose, + selectedTransactionForResend +}: ResendTransactionProps) => { + // const { showResendDialog, handleResendDialog, selectedTransactionForResend } = useTransactionContext(); + const { GetData, PostData } = useCallApi(); + const { showDetailDialog, setShowDetailDialog, selectedTransactionId } = useTransactionContext(); + const { reload } = useDataGrid(); + const [transactionDetails, setTransactionDetails] = useState(null); + const [alert, setAlert] = useState({ + show: false, + message: '' + }); + const initialStatePin = { + pin: '' + }; + const [formField, setFormField] = useState(initialStatePin); - // const { showResendDialog, handleResendDialog, selectedTransactionForResend } = useTransactionContext(); - const { GetData, PostData } = useCallApi(); - const { - showDetailDialog, - setShowDetailDialog, - selectedTransactionId - } = useTransactionContext(); - const { reload } = useDataGrid(); - const [transactionDetails, setTransactionDetails] = useState(null); - const [alert, setAlert] = useState({ - show: false, - message: '' - }); - const initialStatePin = { + useEffect(() => { + // if (showResendDialog) { + if (isOpen) { + // Reset form fields when dialog opens + setFormField({ pin: '' - }; - const [formField, setFormField] = useState(initialStatePin); + }); + setAlert({ show: false, message: '' }); + // setTransactionDetails(null); // Optional reset + } + }, [isOpen]); - useEffect(() => { - // if (showResendDialog) { - if (isOpen) { - // Reset form fields when dialog opens - setFormField({ - pin: '' - }); - setAlert({ show: false, message: '' }); - // setTransactionDetails(null); // Optional reset - } - }, [isOpen]); + // useEffect(() => { + // const fetchTransactionDetails = async () => { + // if (selectedTransactionForResend) { + // try { + // const response = await GetData( + // `${API_URL}/transaction/history/detail/${selectedTransactionForResend}`, + // { + // id: selectedTransactionForResend, + // } + // ); + // setTransactionDetails(response?.data); + // } catch (error) { + // console.error('Error fetching transaction', error); + // } + // } - // useEffect(() => { - // const fetchTransactionDetails = async () => { - // if (selectedTransactionForResend) { - // try { - // const response = await GetData( - // `${API_URL}/transaction/history/detail/${selectedTransactionForResend}`, - // { - // id: selectedTransactionForResend, - // } - // ); - // setTransactionDetails(response?.data); - // } catch (error) { - // console.error('Error fetching transaction', error); - // } - // } + // }; - // }; + // if (isOpen && selectedTransactionForResend) { + // fetchTransactionDetails(); + // } + // }, [isOpen, selectedTransactionForResend, GetData]); - // if (isOpen && selectedTransactionForResend) { - // fetchTransactionDetails(); - // } - // }, [isOpen, selectedTransactionForResend, GetData]); + // console.log(selectedTransactionForResend); - // console.log(selectedTransactionForResend); + const doResendTransaction = useCallback( + async (data: any | null, pintransactiion: string) => { + if (pintransactiion.trim() === '') { + setAlert({ show: true, message: 'Please fill pin.' }); + return; + } + if (pintransactiion.length < 6) { + setAlert({ show: true, message: 'Pin length must be 6 characters long.' }); + return; + } - const doResendTransaction = useCallback(async (data: any | null, pintransactiion: string) => { + if (!data) { + toast.error('No Transaction selected'); + return; + } - if (pintransactiion.trim() === '') { - setAlert({ show: true, message: 'Please fill pin.' }); - return; - } + if (!data.type) { + toast.error('No Transaction Type selected'); + return; + } - if (pintransactiion.length < 6) { - setAlert({ show: true, message: 'Pin length must be 6 characters long.' }); - return; - } + let apiEndpoint: string | null | undefined = null; + let apiJsonData: any | null | undefined = null; - if (!data) { - toast.error('No Transaction selected'); - return; - } + switch (data.kind) { + case 'T': + apiEndpoint = `${API_URL}/transaction/transfer`; + apiJsonData = { + id_origin_customer: data.origin_customer.id, + // msisdn_destination: data.transfer.destination_customer.msisdn, + msisdn_destination: data.transfer.destination_msisdn, + id_transaction_type: data.type.id, + amount: String(data.transfer.amount), + pin: pintransactiion, + type: data.transfer.type + }; + break; + case 'U': + apiEndpoint = `${API_URL}/transaction/topup`; + apiJsonData = { + id_origin_customer: data.origin_customer.id, + id_transaction_type: data.type.id, + pin_p24: data.transfer.pin_p24, + amount: String(data.transfer.amount), + pin: pintransactiion + }; + break; + case 'W': + apiEndpoint = `${API_URL}/transaction/withdraw`; + apiJsonData = { + id_origin_customer: data.origin_customer.id, + id_transaction_type: data.type.id, + destination_iban: data.transfer.destination_iban, + amount: String(data.transfer.amount), + pin: pintransactiion + }; + break; + case 'P': + let walletParam = ''; + apiEndpoint = `${API_URL}/transaction/purchase`; + if (data.origin_wallet.name === 'Emoney Account') { + walletParam = 'emoney'; + } else if (data.origin_wallet.name === 'Point Account') { + walletParam = 'point'; + } + apiJsonData = { + id_origin_customer: data.origin_customer.id, + code_product: data.purchase.product.code, + wallet: walletParam, + destination_number: data.purchase.destination_number, + destination_amount: data.purchase.destination_amount ?? 0, + pin: pintransactiion, + purpose: data.purchase.purpose ?? 'Purchase' + }; + break; + } - if (!data.type) { - toast.error('No Transaction Type selected'); - return; - } + if (!apiEndpoint || !apiJsonData) { + toast.error('Invalid transaction'); + return; + } - let apiEndpoint: string | null | undefined = null; - let apiJsonData: any | null | undefined = null; + const response = await PostData(apiEndpoint, apiJsonData); - switch (data.kind) { - case 'T': - apiEndpoint = `${API_URL}/transaction/transfer`; - apiJsonData = { - id_origin_customer: data.origin_customer.id, - // msisdn_destination: data.transfer.destination_customer.msisdn, - msisdn_destination: data.transfer.destination_msisdn, - id_transaction_type: data.type.id, - amount: String(data.transfer.amount), - pin: pintransactiion, - type: data.transfer.type - } - break; - case 'U': - apiEndpoint = `${API_URL}/transaction/topup`; - apiJsonData = { - id_origin_customer: data.origin_customer.id, - id_transaction_type: data.type.id, - pin_p24: data.transfer.pin_p24, - amount: String(data.transfer.amount), - pin: pintransactiion - } - break; - case 'W': - apiEndpoint = `${API_URL}/transaction/withdraw`; - apiJsonData = { - id_origin_customer: data.origin_customer.id, - id_transaction_type: data.type.id, - destination_iban: data.transfer.destination_iban, - amount: String(data.transfer.amount), - pin: pintransactiion - } - break; - case 'P': - let walletParam = ""; - apiEndpoint = `${API_URL}/transaction/purchase`; - if (data.origin_wallet.name === 'Emoney Account') { - walletParam = "emoney"; - } else if (data.origin_wallet.name === 'Point Account') { - walletParam = "point"; - } - apiJsonData = { - id_origin_customer: data.origin_customer.id, - code_product: data.purchase.code, - wallet: walletParam, - destination_number: data.purchase.destination_number, - destination_amount: data.purchase.destination_amount, - pin: pintransactiion, - purpose: data.purchase.purpose - } - break; - } + if (response?.status) { + setAlert({ show: false, message: '' }); + // handleResendDialog(false, null); + onClose(); + setShowDetailDialog(false); + reload(); + toast.success('Success Retry Transaction'); - if (!apiEndpoint || !apiJsonData) { - toast.error('Invalid transaction'); - return; - } + const createActivity = { + module: 'History Transaction', + description: `Retry Transaction => ${data.code}`, + action: 'U' + }; - const response = await PostData(apiEndpoint, apiJsonData); + doSaveLogActivity(createActivity); + } else { + setAlert({ show: true, message: response?.message }); + toast.error('Failed Retry Transaction'); + } + }, + [selectedTransactionForResend, PostData] + ); - if (response?.status) { - setAlert({ show: false, message: '' }); - // handleResendDialog(false, null); - onClose(); - setShowDetailDialog(false); - reload(); - toast.success('Success Retry Transaction'); + if (!isOpen) return null; - const createActivity = { - module: 'History Transaction', - description: `Retry Transaction => ${data.code}`, - action: 'U' - }; - - doSaveLogActivity(createActivity); - } else { - setAlert({ show: true, message: response?.message.message }); - toast.error('Failed Retry Transaction'); - } - }, [selectedTransactionForResend, PostData]); - - if (!isOpen) return null; - - return ( - - - - - - -

Are you sure?

-

You will retry this transaction!

- - {alert.show && ( - -

{alert.message}

- - )} - - - - setFormField({ ...formField, pin: e.target.value })} - /> - - - - {/* + {/* */} - - - - - ); + + + + + ); }; export default ResendTransaction;