부가서비스: 계좌명 인증 상태 표시 및 날짜 선택기 개선

- AccountHolderAuth에서 transferStatus 기반 성공/실패 표시 추가
- SingleDatePicker 컴포넌트 생성 및 링크결제 Step1에 적용
- 각 리스트 아이템에 key prop 추가로 React 경고 해결

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
HyeonJongKim
2025-09-22 18:34:16 +09:00
parent 546b623bb7
commit 133015c492
17 changed files with 351 additions and 21 deletions

View File

@@ -0,0 +1,8 @@
import { AuthAndTransferStatus } from "../types";
export const authStatusBtnGroup = [
{ name: '전체', value: AuthAndTransferStatus.ALL },
{ name: '요청', value: AuthAndTransferStatus.REQUEST},
{ name: '성공', value: AuthAndTransferStatus.SUCCESS},
{ name: '실패', value: AuthAndTransferStatus.FAIL}
]

View File

@@ -1,5 +1,6 @@
import { DefaulResponsePagination, DefaultRequestPagination } from '@/entities/common/model/types';
import { PayoutContent } from './payout/types';
import { P } from 'node_modules/framer-motion/dist/types.d-Cjd591yU';
// ========================================
// 공통 Enums 및 타입들
@@ -24,6 +25,7 @@ export interface SortOptionsBoxProps {
// 부가서비스 카테고리 enum
export enum AdditionalServiceCategory {
KeyInPayment = 'KeyInPayment',
AccountHolderAuth = 'AccountHolderAuth',
AccountHolderSearch = 'AccountHolderSearch',
LinkPaymentHistory = 'LinkPaymentHistory',
LinkPaymentPending = 'LinkPaymentPending',
@@ -135,6 +137,28 @@ export interface KeyInPaymentFilterProps extends FilterProps {
setMaxAmount: (maxAmount: string | number) => void;
}
// ========================================
// 계좌 점유 조회 관련 타입들
// ========================================
export enum AuthAndTransferStatus {
ALL = "ALL",
REQUEST = "REQUEST",
SUCCESS = "SUCCESS",
FAIL = "FAIL"
}
export interface AccountHolderAuthListItem {
tid?: string;
accountName?: string;
accountNo?: string;
requestDate?: string;
bankName?: string;
transferStatus?: AuthAndTransferStatus;
}
export interface AccountHolderAuthListProps {
listItems: Record<string, Array<ListItemProps>>;
mid: string;
}
// ========================================
// 계좌성명 조회 관련 타입들
// ========================================
@@ -353,7 +377,8 @@ export interface SettlementAgencyBottomAgreeProps {
export interface ListItemProps extends
KeyInPaymentListItem, AccountHolderSearchListItem,
LinkPaymentHistoryListItem, LinkPaymentWaitListItem,
AccountHolderAuthListItem,LinkPaymentHistoryListItem,
LinkPaymentWaitListItem,
PayoutContent {
additionalServiceCategory?: AdditionalServiceCategory;
mid?: string
@@ -538,6 +563,19 @@ export interface ExtensionLinkPayWaitDeleteRespone {
status: boolean
}
// 계좌 점유 인증 확장 서비스
// ========================================
export interface ExtensionAccountHolderAuthListParams extends ExtensionRequestParams {
fromDate: string;
toDate: string;
authStatus: String;
page?: DefaultRequestPagination;
}
export interface ExtensionAccountHolderAuthListResponse extends DefaulResponsePagination {
content: Array<ListItemProps>
}
// 계좌 성명 조회 확장 서비스
// ========================================
export interface ExtensionAccountHolderSearchListParams extends ExtensionRequestParams { // Request