nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- 현금영수증 목록,상세 다국어 누락된 항목에 대하여 언어화

Browse Source
This commit is contained in:
HyeonJongKim
2025-11-13 15:27:14 +09:00
parent bab88aaac9
commit f343a8a438
3 changed files with 114 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/entities/transaction/model/contant.ts
View File

@@ -17,120 +17,120 @@ import {
} from '@/entities/transaction/model/types';
export const getAllTransactionMoidTidOptionsGroup = (t: TFunction) => [
{name: t('transaction.constants.orderNumber'), value: AllTransactionMoidTid.MOID},
{name: t('transaction.constants.tid'), value: AllTransactionMoidTid.TID},
{ name: t('transaction.constants.orderNumber'), value: AllTransactionMoidTid.MOID },
{ name: t('transaction.constants.tid'), value: AllTransactionMoidTid.TID },
];
export const getAllTransactionStatusCodeBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: AllTransactionStatusCode.ALL},
{name: t('transaction.constants.approvalComplete'), value: AllTransactionStatusCode.APPROVAL},
{name: t('transaction.constants.totalCancel'), value: AllTransactionStatusCode.CANCEL},
{name: t('transaction.constants.refund'), value: AllTransactionStatusCode.REFUND}
{ name: t('transaction.constants.all'), value: AllTransactionStatusCode.ALL },
{ name: t('transaction.constants.approvalComplete'), value: AllTransactionStatusCode.APPROVAL },
{ name: t('transaction.constants.totalCancel'), value: AllTransactionStatusCode.CANCEL },
{ name: t('transaction.constants.refund'), value: AllTransactionStatusCode.REFUND }
];
export const getAllTransactionServiceCodeOptionsGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: AllTransactionServiceCode.ALL},
{name: t('transaction.constants.creditCard'), value: AllTransactionServiceCode.CREDIT_CARD},
{name: t('transaction.constants.virtualAccount'), value: AllTransactionServiceCode.VIRTUAL_ACCOUNT},
{name: t('transaction.constants.accountTransfer'), value: AllTransactionServiceCode.ACCOUNT_TRANSFER},
{name: t('transaction.constants.accountSimpleTransfer'), value: AllTransactionServiceCode.ACCOUNT_SIMPLE_TRANSFER},
{name: t('transaction.constants.mobilePayment'), value: AllTransactionServiceCode.MOBILE_PAYMENT},
{name: t('transaction.constants.ssgMoney'), value: AllTransactionServiceCode.SSGMONEY},
{name: t('transaction.constants.ssgBank'), value: AllTransactionServiceCode.SSGBANK},
{name: t('transaction.constants.cultureLand'), value: AllTransactionServiceCode.CULT},
{name: t('transaction.constants.tmoneyPay'), value: AllTransactionServiceCode.TMONEY},
{ name: t('transaction.constants.all'), value: AllTransactionServiceCode.ALL },
{ name: t('transaction.constants.creditCard'), value: AllTransactionServiceCode.CREDIT_CARD },
{ name: t('transaction.constants.virtualAccount'), value: AllTransactionServiceCode.VIRTUAL_ACCOUNT },
{ name: t('transaction.constants.accountTransfer'), value: AllTransactionServiceCode.ACCOUNT_TRANSFER },
{ name: t('transaction.constants.accountSimpleTransfer'), value: AllTransactionServiceCode.ACCOUNT_SIMPLE_TRANSFER },
{ name: t('transaction.constants.mobilePayment'), value: AllTransactionServiceCode.MOBILE_PAYMENT },
{ name: t('transaction.constants.ssgMoney'), value: AllTransactionServiceCode.SSGMONEY },
{ name: t('transaction.constants.ssgBank'), value: AllTransactionServiceCode.SSGBANK },
{ name: t('transaction.constants.cultureLand'), value: AllTransactionServiceCode.CULT },
{ name: t('transaction.constants.tmoneyPay'), value: AllTransactionServiceCode.TMONEY },
];
export const getAllTransactionStatusCode = (t: TFunction) => [
{
serviceCode: '',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approvalComplete')},
{code: '1', name: t('transaction.constants.totalCancel')},
{code: '2', name: t('transaction.constants.refund')}
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approvalComplete') },
{ code: '1', name: t('transaction.constants.totalCancel') },
{ code: '2', name: t('transaction.constants.refund') }
]
},
{
serviceCode: '01',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.totalCancelShort')},
{code: '2', name: t('transaction.constants.cancelShort')}
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.totalCancelShort') },
{ code: '2', name: t('transaction.constants.cancelShort') }
]
},
{
serviceCode: '02',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.cancel')},
{code: '2', name: t('transaction.constants.refund')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.cancel') },
{ code: '2', name: t('transaction.constants.refund') },
]
},
{
serviceCode: '03',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.deposit')},
{code: '2', name: t('transaction.constants.refund')},
{code: '3', name: t('transaction.constants.waitingDeposit')},
{code: '4', name: t('transaction.constants.issueCancel')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.deposit') },
{ code: '2', name: t('transaction.constants.refund') },
{ code: '3', name: t('transaction.constants.waitingDeposit') },
{ code: '4', name: t('transaction.constants.issueCancel') },
]
},
{
serviceCode: '05',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.cancel')},
{code: '2', name: t('transaction.constants.refund')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.cancel') },
{ code: '2', name: t('transaction.constants.refund') },
]
},
{
serviceCode: '14',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.cancel')},
{code: '2', name: t('transaction.constants.refund')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.cancel') },
{ code: '2', name: t('transaction.constants.refund') },
]
},
{
serviceCode: '21',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.cancel')},
{code: '2', name: t('transaction.constants.refund')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.cancel') },
{ code: '2', name: t('transaction.constants.refund') },
]
},
{
serviceCode: '24',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.cancel')},
{code: '2', name: t('transaction.constants.refund')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.cancel') },
{ code: '2', name: t('transaction.constants.refund') },
]
},
{
serviceCode: '26',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.cancel')},
{code: '2', name: t('transaction.constants.refund')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.cancel') },
{ code: '2', name: t('transaction.constants.refund') },
]
},
{
serviceCode: '31',
list: [
{code: '', name: t('transaction.constants.all')},
{code: '0', name: t('transaction.constants.approval')},
{code: '1', name: t('transaction.constants.totalCancelShort')},
{code: '2', name: t('transaction.constants.cancelShort')},
{ code: '', name: t('transaction.constants.all') },
{ code: '0', name: t('transaction.constants.approval') },
{ code: '1', name: t('transaction.constants.totalCancelShort') },
{ code: '2', name: t('transaction.constants.cancelShort') },
]
},
];
@@ -142,73 +142,73 @@ export const AllTransactionCardBankCodeOptionsGroup = {
export const getCashReceiptPurposeTypeBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: CashReceiptPurposeType.ALL},
{name: t('transaction.handWrittenIssuance.incomeDeduction'), value: CashReceiptPurposeType.INCOME_DEDUCTION},
{name: t('transaction.handWrittenIssuance.expenseProof'), value: CashReceiptPurposeType.EXPENSE_PROOF},
{ name: t('transaction.constants.all'), value: CashReceiptPurposeType.ALL },
{ name: t('transaction.handWrittenIssuance.incomeDeduction'), value: CashReceiptPurposeType.INCOME_DEDUCTION },
{ name: t('transaction.handWrittenIssuance.expenseProof'), value: CashReceiptPurposeType.EXPENSE_PROOF },
];
export const getCashReceiptTransactionTypeBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: CashReceiptTransactionType.ALL},
{name: t('transaction.constants.approval'), value: CashReceiptTransactionType.APPROVAL},
{name: t('transaction.constants.cancel'), value: CashReceiptTransactionType.CANCEL},
{ name: t('transaction.constants.all'), value: CashReceiptTransactionType.ALL },
{ name: t('transaction.constants.approval'), value: CashReceiptTransactionType.APPROVAL },
{ name: t('transaction.constants.cancel'), value: CashReceiptTransactionType.CANCEL },
];
export const getCashReceiptProcessResultBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: CashReceiptProcessResult.ALL},
{name: t('transaction.constants.request'), value: CashReceiptProcessResult.REQUEST},
{name: t('transaction.constants.requestCancel'), value: CashReceiptProcessResult.REQUEST_CANCEL},
{name: t('transaction.constants.requestComplete'), value: CashReceiptProcessResult.REQUEST_COMPLETE},
{name: t('transaction.constants.issueComplete'), value: CashReceiptProcessResult.ISSUE_COMPLETE},
{name: t('transaction.constants.requestFail'), value: CashReceiptProcessResult.REQUEST_FAIL},
{name: t('transaction.constants.issueFail'), value: CashReceiptProcessResult.ISSUE_FAIL},
{ name: t('transaction.constants.all'), value: CashReceiptProcessResult.ALL },
{ name: t('transaction.constants.request'), value: CashReceiptProcessResult.REQUEST },
{ name: t('transaction.constants.requestCancel'), value: CashReceiptProcessResult.REQUEST_CANCEL },
{ name: t('transaction.constants.requestComplete'), value: CashReceiptProcessResult.REQUEST_COMPLETE },
{ name: t('transaction.constants.issueComplete'), value: CashReceiptProcessResult.ISSUE_COMPLETE },
{ name: t('transaction.constants.requestFail'), value: CashReceiptProcessResult.REQUEST_FAIL },
{ name: t('transaction.constants.issueFail'), value: CashReceiptProcessResult.ISSUE_FAIL },
];
export const getEscrowSearchTypeOptionsGroup = (t: TFunction) => [
{name: t('transaction.constants.orderNumber'), value: EscrowSearchType.ORDER_NUMBER },
{name: t('transaction.constants.tid'), value: EscrowSearchType.TID }
{ name: t('transaction.constants.orderNumber'), value: EscrowSearchType.ORDER_NUMBER },
{ name: t('transaction.constants.tid'), value: EscrowSearchType.TID }
];
export const getEscrowDeliveryStatusBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: EscrowDeliveryStatus.ALL},
{name: t('transaction.constants.paymentComplete'), value: EscrowDeliveryStatus.PAY_COMPLETE},
{name: t('transaction.constants.deliveryRegistration'), value: EscrowDeliveryStatus.DELIVERY_INSERT},
{name: t('transaction.constants.deliveryComplete'), value: EscrowDeliveryStatus.DELIVERY_COMPLETE},
{name: t('transaction.constants.purchaseConfirm'), value: EscrowDeliveryStatus.PURCHASE_CONFIRM},
{name: t('transaction.constants.purchaseReject'), value: EscrowDeliveryStatus.PURCHASE_REJECT},
{name: t('transaction.constants.refundProcessing'), value: EscrowDeliveryStatus.RETURN_PROCESSING},
{name: t('transaction.constants.depositComplete'), value: EscrowDeliveryStatus.DEPOSIT_COMPLETE},
{ name: t('transaction.constants.all'), value: EscrowDeliveryStatus.ALL },
{ name: t('transaction.constants.paymentComplete'), value: EscrowDeliveryStatus.PAY_COMPLETE },
{ name: t('transaction.constants.deliveryRegistration'), value: EscrowDeliveryStatus.DELIVERY_INSERT },
{ name: t('transaction.constants.deliveryComplete'), value: EscrowDeliveryStatus.DELIVERY_COMPLETE },
{ name: t('transaction.constants.purchaseConfirm'), value: EscrowDeliveryStatus.PURCHASE_CONFIRM },
{ name: t('transaction.constants.purchaseReject'), value: EscrowDeliveryStatus.PURCHASE_REJECT },
{ name: t('transaction.constants.refundProcessing'), value: EscrowDeliveryStatus.RETURN_PROCESSING },
{ name: t('transaction.constants.depositComplete'), value: EscrowDeliveryStatus.DEPOSIT_COMPLETE },
];
export const getEscrowSettlementStatusBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: EscrowSettlementStatus.ALL},
{name: t('transaction.constants.creditCard'), value: EscrowSettlementStatus.CREDIT_CARD},
{name: t('transaction.constants.virtualAccount'), value: EscrowSettlementStatus.REAL_ACCOUNT},
{name: t('transaction.constants.accountTransfer'), value: EscrowSettlementStatus.ACCOUNT_TRANSFER},
{ name: t('transaction.constants.all'), value: EscrowSettlementStatus.ALL },
{ name: t('transaction.constants.creditCard'), value: EscrowSettlementStatus.CREDIT_CARD },
{ name: t('transaction.constants.virtualAccount'), value: EscrowSettlementStatus.REAL_ACCOUNT },
{ name: t('transaction.constants.accountTransfer'), value: EscrowSettlementStatus.ACCOUNT_TRANSFER },
];
export const getBillingSearchTypeOptionsGroup = (t: TFunction) => [
{name: t('transaction.constants.orderNumber'), value: BillingSearchType.ORDER_NUMBER },
{name: t('transaction.constants.tid'), value: BillingSearchType.TID }
{ name: t('transaction.constants.orderNumber'), value: BillingSearchType.ORDER_NUMBER },
{ name: t('transaction.constants.tid'), value: BillingSearchType.TID }
];
export const getBillingRequestStatusBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: BillingRequestStatus.ALL},
{name: t('transaction.constants.inProgress'), value: BillingRequestStatus.IN_PROGRESS},
{name: t('transaction.constants.success'), value: BillingRequestStatus.SUCCESS},
{name: t('transaction.constants.requestCancel'), value: BillingRequestStatus.REQUEST_CANCEL},
{ name: t('transaction.constants.all'), value: BillingRequestStatus.ALL },
{ name: t('transaction.constants.inProgress'), value: BillingRequestStatus.IN_PROGRESS },
{ name: t('transaction.constants.success'), value: BillingRequestStatus.SUCCESS },
{ name: t('transaction.constants.requestCancel'), value: BillingRequestStatus.REQUEST_CANCEL },
];
export const getBillingProcessResultBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: BillingProcessResult.ALL},
{name: t('transaction.constants.success'), value: BillingProcessResult.SUCCESS},
{name: t('transaction.constants.failure'), value: BillingProcessResult.FAILURE},
{ name: t('transaction.constants.all'), value: BillingProcessResult.ALL },
{ name: t('transaction.constants.success'), value: BillingProcessResult.SUCCESS },
{ name: t('transaction.constants.failure'), value: BillingProcessResult.FAILURE },
];
export const getBillingPaymentMethodBtnGroup = (t: TFunction) => [
{name: t('transaction.constants.all'), value: BillingPaymentMethod.ALL},
{name: t('transaction.constants.creditCard'), value: BillingPaymentMethod.CREDIT_CARD},
{name: t('transaction.constants.virtualAccount'), value: BillingPaymentMethod.VIRTUAL_ACCOUNT},
{name: t('transaction.constants.mobilePayment'), value: BillingPaymentMethod.MOBILE_PAYMENT},
{ name: t('transaction.constants.all'), value: BillingPaymentMethod.ALL },
{ name: t('transaction.constants.creditCard'), value: BillingPaymentMethod.CREDIT_CARD },
{ name: t('transaction.constants.virtualAccount'), value: BillingPaymentMethod.VIRTUAL_ACCOUNT },
{ name: t('transaction.constants.mobilePayment'), value: BillingPaymentMethod.MOBILE_PAYMENT },
];
export const getPaymentMethodName = (t: TFunction, paymentMethod?: string): string => {
@@ -237,3 +237,15 @@ export const getPaymentMethodName = (t: TFunction, paymentMethod?: string): stri
return methodMap[paymentMethod] || paymentMethod;
};
export const getTransactionTypeName = (t: TFunction) => (transactionType?: string): string => {
if (!transactionType) return '';
const found = getCashReceiptTransactionTypeBtnGroup(t).find(item => item.value === transactionType);
return found ? found.name : transactionType;
}
export const getCashReceiptPurposeTypeName = (t: TFunction) => (purpose?: string): string => {
if (!purpose) return '';
const found = getCashReceiptPurposeTypeBtnGroup(t).find(item => item.value === purpose);
return found ? found.name : purpose;
}

4
src/entities/transaction/ui/list-item.tsx
View File

@@ -1,7 +1,7 @@
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { BillingRequestStatus, CashReceiptTransactionType, EscrowDeliveryStatus, ListItemProps, TransactionCategory } from '../model/types';
import moment from 'moment';
import { getAllTransactionStatusCode, getPaymentMethodName } from '../model/contant';
import { getAllTransactionStatusCode, getPaymentMethodName, getTransactionTypeName } from '../model/contant';
import { useTranslation } from 'react-i18next';
export const ListItem = ({
@@ -219,7 +219,7 @@ export const ListItem = ({
>
<span>{ getTime() }</span>
<span className="separator">|</span>
<span>{ transactionType }</span>
<span>{ getTransactionTypeName(t)(transactionType) }</span>
<span className="separator">|</span>
<span>{ getPaymentMethodName(t, paymentMethod) }</span>
<span className="separator">|</span>

5
src/entities/transaction/ui/section/issue-info-section.tsx
View File

@@ -2,6 +2,7 @@ import { useTranslation } from 'react-i18next';
import { InfoSectionProps } from '../../model/types';
import moment from 'moment';
import { useEffect, useState } from 'react';
import { getCashReceiptPurposeTypeName, getTransactionTypeName } from '../../model/contant';
export const IssueInfoSection = ({
transactionCategory,
@@ -40,7 +41,7 @@ export const IssueInfoSection = ({
</li>
<li className="kv-row">
<span className="k">{t('transaction.fields.purpose')}</span>
<span className="v">{ issueInfo?.purpose }</span>
<span className="v">{ getCashReceiptPurposeTypeName(t)(issueInfo?.purpose) }</span>
</li>
<li className="kv-row">
<span className="k">{t('transaction.fields.paymentMethod')}</span>
@@ -56,7 +57,7 @@ export const IssueInfoSection = ({
</li>
<li className="kv-row">
<span className="k">{t('transaction.fields.transactionType')}</span>
<span className="v">{ issueInfo?.transactionType }</span>
<span className="v">{ getTransactionTypeName(t)(issueInfo?.transactionType) }</span>
</li>
</ul>
</div>