- 자금이체 : 이체신청 API 추가

- 은행목록 추가
- 알림톡: 상세 페이지 및 Types 수정

src/pages/additional-service/fund-account/transfer-detail-page.tsx

@@ -11,10 +11,12 @@ import { useLocation } from 'react-router';
 import { useEffect, useState } from 'react';
 import { NumericFormat } from 'react-number-format';
 import { useExtensionFundAccountTransferDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-detail-mutation';
-import { ExtensionFundAccountTransferDetailParams, ExtensionFundAccountTransferDetailResponse, ExtensionFundAccountTransferRegistParams, ExtensionFundAccountTransferRequestResponse, FundAccountStatus } from '@/entities/additional-service/model/fund-account/types';
+import { ExtensionFundAccountTransferDetailParams, ExtensionFundAccountTransferDetailResponse, ExtensionFundAccountTransferRegistParams, ExtensionFundAccountTransferRequestParams, ExtensionFundAccountTransferRequestResponse, FundAccountStatus } from '@/entities/additional-service/model/fund-account/types';
 import { getFundAccountStatusName } from '@/entities/additional-service/model/fund-account/constant';
 import moment from 'moment';
 import { useExtensionFundAccountTransferRegistMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-regist-mutation';
+import { snackBar } from '@/shared/lib';
+import { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';
 
 export const FundAccountTransferDetailPage = () => {
   const { navigate } = useNavigate();
@@ -25,7 +27,7 @@ export const FundAccountTransferDetailPage = () => {
   const [detail, setDetail] = useState<ExtensionFundAccountTransferDetailResponse>();
 
   const { mutateAsync: extensionFundAccountTransferDetail } = useExtensionFundAccountTransferDetailMutation();
-  const { mutateAsync: extensionFundAccountTransferRequest } = useExtensionFundAccountTransferRegistMutation();
+  const { mutateAsync: extensionFundAccountTransferRequest } = useExtensionFundAccountTransferRequestMutation();
 
   const callDetail = () => {
     let params: ExtensionFundAccountTransferDetailParams = {
@@ -48,26 +50,15 @@ export const FundAccountTransferDetailPage = () => {
     callDetail();
   }, []);
 
-  // const onClickToRequest = () => {
-  //   if (!detail) {
-  //     alert('상세 정보를 불러오는 중입니다.');
-  //     return;
-  //   }
-
-  //   let params: ExtensionFundAccountTransferRegistParams = {
-  //     mid: mid,
-  //     bankCode: detail.bankCode || '',
-  //     accountNo: detail.accountNo || '',
-  //     accountName: detail.accountName || '',
-  //     amount: detail.amount || 0,
-  //     moid: detail.moid || ''
-  //   };
-  //   extensionFundAccountTransferRequest(params).then((rs: ExtensionFundAccountTransferRequestResponse) => {
-  //     console.log(rs)
-  //     alert(rs.status ? '이체 요청이 완료되었습니다.' : '이체 요청에 실패했습니다.');
-  //     navigate(PATHS.additionalService.fundAccount.transferList);
-  //   });
-  // };
+  const onClickToRequest = () => {
+    let params: ExtensionFundAccountTransferRequestParams = {
+      seq: seq
+    };
+    extensionFundAccountTransferRequest(params).then((rs: ExtensionFundAccountTransferRequestResponse) => {
+      callDetail();
+      snackBar("이체요청을 성공하였습니다.")
+    });
+  };
 
   return (
     <>
@@ -136,7 +127,7 @@ export const FundAccountTransferDetailPage = () => {
             <div className="apply-row">
               <button
                 className="btn-50 btn-blue flex-1"
-                //onClick={() => onClickToRequest()}
+                onClick={() => onClickToRequest()}
                 disabled={detail?.resultStatus !== FundAccountStatus.REGIST_COMPLETE}
               >이체 요청</button>
             </div>