통합 거래내역 필터

src/entities/transaction/model/contant.ts

@@ -1,4 +1,8 @@
 import { 
+  AllTransactionMoidTid,
+  AllTransactionSearchCl,
+  AllTransactionServiceCode,
+  AllTransactionStateCode,
   BillingPaymentMethod, 
   BillingProcessResult,
   BillingRequestStatus,
@@ -11,6 +15,46 @@ import {
   EscrowSettlementStatus
 } from '@/entities/transaction/model/types';
 
+export const FilterMotionVariants = {
+  hidden: {x: '100%' },
+  visible: { x: '0%' },
+};
+export const FilterMotionDuration = {
+  duration: 0.3
+};
+export const FilterMotionStyle = {
+  width: '100%',
+  height: '100%'
+};
+
+export const AllTransactionMoidTidOptionsGroup = [
+  {name: '주문번호', value: AllTransactionMoidTid.MOID},
+  {name: 'TID', value: AllTransactionMoidTid.TID},
+];
+
+export const AllTransactionStateCodeBtnGroup = [
+  {name: '전체', value: AllTransactionStateCode.ALL},
+  {name: '승인/입금완료', value: AllTransactionStateCode.APPROVAL},
+  {name: '전취소/취소', value: AllTransactionStateCode.CANCEL},
+  {name: '후취소/환불', value: AllTransactionStateCode.REFUND}
+];
+export const AllTransactionServiceCodeOptionsGroup = [
+  {name: '전체', value: AllTransactionServiceCode.ALL},
+  {name: '신용카드', value: AllTransactionServiceCode.CREDIT_CARD},
+  {name: '가상계좌', value: AllTransactionServiceCode.VIRTUAL_ACCOUNT},
+  {name: '계좌이체', value: AllTransactionServiceCode.ACCOUNT_TRANSFER},
+  {name: '계좌간편결제', value: AllTransactionServiceCode.ACCOUNT_SIMPLE_TRANSFER},
+  {name: '휴대폰', value: AllTransactionServiceCode.MOBILE_PAYMENT},
+  {name: 'SSG 머니', value: AllTransactionServiceCode.SSGMONEY},
+  {name: 'SSG 은행계좌', value: AllTransactionServiceCode.SSGBANK},
+  {name: '문화상품권', value: AllTransactionServiceCode.CULT},
+  {name: '티머니페이', value: AllTransactionServiceCode.TMONEY},
+
+];
+export const AllTransactionCardBankCodeOptionsGroup = {
+
+};
+
 export const CashReceiptPurposeTypeBtnGroup = [
   {name: '전체', value: CashReceiptPurposeType.ALL},
   {name: '소득공제', value: CashReceiptPurposeType.INCOME_DEDUCTION},
@@ -44,7 +88,7 @@ export const EscrowDeliveryStatusBtnGroup = [
   {name: '환불처리', value: EscrowDeliveryStatus.RETURN_PROCESSING},
   {name: '지급완료', value: EscrowDeliveryStatus.DEPOSIT_COMPLETE},
 ];
-export let EscrowSettlementStatusBtnGroup = [
+export const EscrowSettlementStatusBtnGroup = [
   {name: '전체', value: EscrowSettlementStatus.ALL},
   {name: '신용카드', value: EscrowSettlementStatus.CREDIT_CARD},
   {name: '가상계좌', value: EscrowSettlementStatus.REAL_ACCOUNT},

src/entities/transaction/model/types.ts

@@ -33,6 +33,44 @@ export enum ProcessStep {
   One = 'One',
   Two = 'Two',
 };
+
+export enum AllTransactionMoidTid {
+  MOID = 'MOID',
+  TID = 'TID'
+};
+export enum AllTransactionStateCode {
+  ALL = '0',
+  APPROVAL = '1',
+  CANCEL = '2',
+  REFUND = '3'
+};
+export enum AllTransactionServiceCode {
+  ALL = 'ALL',
+  CREDIT_CARD = 'CREDIT_CARD',
+  VIRTUAL_ACCOUNT = 'VIRTUAL_ACCOUNT',
+  ACCOUNT_TRANSFER = 'ACCOUNT_TRANSFER',
+  ACCOUNT_SIMPLE_TRANSFER = 'ACCOUNT_SIMPLE_TRANSFER',
+  MOBILE_PAYMENT = 'MOBILE_PAYMENT',
+  SSGMONEY = 'SSGMONEY',
+  SSGBANK = 'SSGBANK',
+  CULT = 'CULT',
+  TMONEY = 'TMONEY '
+};
+
+export enum AllTransactionSearchCl {
+  ALL = 'ALL',
+  CARD_NO = 'CARD_NO',
+  CARD_APPROVAL_NO = 'CARD_APPROVAL_NO',
+  BANK_BUYER_NM = 'BANK_BUYER_NM',
+  VACCT_NO = 'VACCT_NO',
+  VACCT_DEPOSIT_NM = 'VACCT_DEPOSIT_NM',
+  TEL_NO = 'TEL_NO',
+  SSGMONEY_GIFT_NO = 'SSGMONEY_GIFT_NO',
+  SSGBANK_APPROVAL_NO = 'SSGBANK_APPROVAL_NO',
+  CMSBANK_USER_ID = 'CMSBANK_USER_ID',
+  CULT_USER_ID = 'CULT_USER_ID',
+  TMONEY_CARD_NO = 'TMONEY_CARD_NO',
+};
 export enum CashReceiptPurposeType {
   ALL = 'ALL',
   INCOME_DEDUCTION = 'INCOME_DEDUCTION',
@@ -205,14 +243,14 @@ export interface AllTransactionListParams {
   toDate: string;
   stateCode: string;
   serviceCode: string;
-  minAmount: number;
-  maxAmount: number;
+  minAmount?: number | string;
+  maxAmount?: number | string;
   dateCl: string;
   goodsName: string;
-  cardCode: string;
-  bankCode: string;
-  searchCl: string;
-  searchValue: string;
+  cardCode?: string;
+  bankCode?: string;
+  searchCl?: AllTransactionSearchCl;
+  searchValue?: string;
   page?: DefaultRequestPagination;
 };
 
@@ -482,6 +520,30 @@ export interface FilterProps {
   setFilterOn: (filterOn: boolean) => void;
 };
 export interface AllTransactionFilterProps extends FilterProps {
+  mid: string;
+  fromDate: string;
+  toDate: string;
+  stateCode: AllTransactionStateCode;
+  serviceCode: AllTransactionServiceCode;
+  minAmount?: number | string;
+  maxAmount?: number | string;
+  cardCode?: string;
+  bankCode?: string;
+  searchCl?: AllTransactionSearchCl;
+  searchValue?: string;
+  setMid: (mid: string) => void;
+  setMoid: (moid: string) => void;
+  setTid: (tid: string) => void;
+  setFromDate: (fromDate: string) => void;
+  setToDate: (endDate: string) => void;
+  setStateCode: (stateCode: AllTransactionStateCode) => void;
+  setServiceCode: (serviceCode: AllTransactionServiceCode) => void;
+  setMinAmount: (minAmount: string | number) => void;
+  setMaxAmount: (maxAmount: string | number) => void;
+  setCardCode: (cardCode: string | undefined) => void;
+  setBankCode: (bankCode: string | undefined) => void;
+  setSearchCl: (searchCl: AllTransactionSearchCl | undefined) => void;
+  setSearchValue: (searchValue: string | undefined) => void;
 
 };
 export interface CashReceiptFilterProps extends FilterProps {