통합거래내역 거래 취소

src/entities/transaction/ui/all-transaction-part-cancel.tsx

@@ -3,22 +3,44 @@ import { AllTransactionCancelInfoResponse } from '../model/types';
 import { NumericFormat } from 'react-number-format';
 import { AllTransactionCancelSectionPasswordGroup } from './section/all-transaction-cancel-section-password-group';
 import { AllTransactionCancelSectionBankGroup } from './section/all-transaction-cancel-section-bank-group';
+import { BankCode } from '@/shared/@types/banking-code';
 
 export interface AllTransactionPartCancelProps extends AllTransactionCancelInfoResponse {
   serviceCode: string;
+  cancelPassword: string;
+  setCancelPassword: (cancelPassword: string) => void;
+  bankCode?: string;
+  setBankCode?: (BankCode: string) => void;
+  accountNo?: string;
+  setAccountNo?: (accountNo: string) => void;
+  accountHolder?: string;
+  setAccountHolder?: (accountHolder: string) => void;
 };
 
 export const AllTransactionPartCancel = ({
   serviceCode,
-  remainAmount,
-  partCancelCl,
-  isCompoundTax,
-  supplyAmount,
-  goodsVat,
-  taxFreeAmount,
-  serviceAmount,
   debtPreventionCancelDisplayInfo,
-  debtPreventionCancelRequestInfo
+  debtPreventionCancelRequestInfo,
+  goodsVat,
+  isCompoundTax,
+  isConditionalVatAutoCalcMerchant,
+  isNpg,
+  isVatAutoCalcMerchant,
+  isVatDisplayed,
+  partCancelCl,
+  remainAmount,
+  serviceAmount,
+  supplyAmount,
+  taxFreeAmount,
+  vatAutoCalcSummary,
+  cancelPassword,
+  setCancelPassword,
+  bankCode,
+  setBankCode,
+  accountNo,
+  setAccountNo,
+  accountHolder,
+  setAccountHolder
 }: AllTransactionPartCancelProps) => {
   
 
@@ -114,9 +136,19 @@ export const AllTransactionPartCancel = ({
       }
 
       <div className="form-section">
-        <AllTransactionCancelSectionPasswordGroup></AllTransactionCancelSectionPasswordGroup>
+        <AllTransactionCancelSectionPasswordGroup
+          cancelPassword={ cancelPassword }
+          setCancelPassword={ setCancelPassword }
+        ></AllTransactionCancelSectionPasswordGroup>
         { serviceCode === '03' &&
-        <AllTransactionCancelSectionBankGroup></AllTransactionCancelSectionBankGroup>
+          <AllTransactionCancelSectionBankGroup
+            bankCode={ bankCode }
+            setBankCode={ setBankCode }
+            accountNo={ accountNo }
+            setAccountNo={ setAccountNo }
+            accountHolder={ accountHolder }
+            setAccountHolder={ setAccountHolder }
+          ></AllTransactionCancelSectionBankGroup>
         }
       </div>  
     </>