diff --git a/src/entities/additional-service/ui/link-payment/apply/link-payment-step1.tsx b/src/entities/additional-service/ui/link-payment/apply/link-payment-step1.tsx index 3826843..8cfdb07 100644 --- a/src/entities/additional-service/ui/link-payment/apply/link-payment-step1.tsx +++ b/src/entities/additional-service/ui/link-payment/apply/link-payment-step1.tsx @@ -1,3 +1,4 @@ +import { useTranslation } from 'react-i18next'; import { PATHS } from '@/shared/constants/paths'; import { useNavigate } from '@/shared/lib/hooks/use-navigate'; import { useSetOnBack } from '@/widgets/sub-layout/use-sub-layout'; @@ -13,6 +14,7 @@ interface LinkPaymentStep1Props { } export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Props) => { + const { t } = useTranslation(); const { navigate } = useNavigate(); const midOptionsWithoutGids = useStore.getState().UserStore.selectOptionsMidsWithoutGids; @@ -46,7 +48,7 @@ export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Prop <>
-
가맹점
+
{t('filter.merchant')}
-
상품가격
+
{t('additionalService.linkPayment.productPrice')}
-
상품 주문번호
+
{t('additionalService.linkPayment.productOrderNumber')}
-
결제 유효일
+
{t('additionalService.linkPayment.paymentValidDate')}
- 까지 + {t('additionalService.linkPayment.until')}
diff --git a/src/entities/additional-service/ui/link-payment/apply/link-payment-step2.tsx b/src/entities/additional-service/ui/link-payment/apply/link-payment-step2.tsx index fad287e..05d1e0e 100644 --- a/src/entities/additional-service/ui/link-payment/apply/link-payment-step2.tsx +++ b/src/entities/additional-service/ui/link-payment/apply/link-payment-step2.tsx @@ -1,3 +1,4 @@ +import { useTranslation } from 'react-i18next'; import { ProcessStep } from "@/entities/transaction/model/types"; import { useSetOnBack } from "@/widgets/sub-layout/use-sub-layout"; import { IdentityType, Language } from '@/entities/additional-service/model/types' @@ -15,6 +16,8 @@ export const LinkPaymentStep2 = ({ formData, setFormData }: LinkPaymentStep2Props) => { + const { t } = useTranslation(); + useSetOnBack(() => { setProcessStep(ProcessStep.One); }); @@ -49,7 +52,7 @@ export const LinkPaymentStep2 = ({ <>
-
구매자명
+
{t('transaction.fields.buyerName')}
-
구매자 이메일
+
{t('additionalService.linkPayment.buyerEmail')}
-
구매자
휴대폰 번호
+
-
구매자 정보 대조
+
{t('additionalService.linkPayment.buyerInfoVerification')}
@@ -131,7 +134,7 @@ export const LinkPaymentStep2 = ({ {formData.identityType === IdentityType.CORPORATE ? ( { @@ -143,7 +146,7 @@ export const LinkPaymentStep2 = ({ ) : ( { @@ -157,39 +160,39 @@ export const LinkPaymentStep2 = ({
-
언어
+
{t('additionalService.linkPayment.language')}
handleLanguageType(Language.KR)} > - 국문 + {t('additionalService.linkPayment.korean')} handleLanguageType(Language.EN)} > - 영문 + {t('additionalService.linkPayment.english')}
-
링크내용
+
{t('additionalService.linkPayment.linkContent')}
handleLinkContent(LinkContentType.BASIC)} > - 기본 + {t('additionalService.linkPayment.basic')} handleLinkContent(LinkContentType.ADDITIONAL)} > - 추가 + {t('additionalService.linkPayment.additional')}
diff --git a/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx b/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx index eb53519..4213403 100644 --- a/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx +++ b/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx @@ -1,5 +1,6 @@ import moment from 'moment'; import { useEffect } from 'react'; +import { useTranslation } from 'react-i18next'; import { IMAGE_ROOT } from '@/shared/constants/common'; import { motion } from 'framer-motion'; import { ChangeEvent, useState } from 'react'; @@ -32,7 +33,7 @@ export const LinkPaymentWaitSendFilter = ({ setSendMethod, setProcessStatus }: LinkPaymentWaitFilterProps) => { - + const { t } = useTranslation(); const [filterMid, setFilterMid] = useState(mid); const [filterSearchType, setFilterSearchType] = useState(searchCl); @@ -58,21 +59,21 @@ export const LinkPaymentWaitSendFilter = ({ }; let searchTypeOption = [ - { name: '휴대폰번호', value: LinkPaymentSearchCl.PHONE }, - { name: '이메일', value: LinkPaymentSearchCl.EMAIL }, + { name: t('additionalService.linkPay.phoneNumber'), value: LinkPaymentSearchCl.PHONE }, + { name: t('common.email'), value: LinkPaymentSearchCl.EMAIL }, ]; let sendMethodOption = [ - { name: '전체', value: LinkPaymentSendMethod.ALL }, + { name: t('additionalService.linkPay.all'), value: LinkPaymentSendMethod.ALL }, { name: 'SMS', value: LinkPaymentSendMethod.SMS }, - { name: '이메일', value: LinkPaymentSendMethod.EMAIL }, - { name: '카카오', value: LinkPaymentSendMethod.KAKAO }, + { name: t('common.email'), value: LinkPaymentSendMethod.EMAIL }, + { name: t('common.kakao'), value: LinkPaymentSendMethod.KAKAO }, ]; let processStatusOption = [ - { name: '전체', value: LinkPaymentProcessStatus.ALL }, - { name: '발송요청', value: LinkPaymentProcessStatus.SEND_REQUEST }, - { name: '발송취소', value: LinkPaymentProcessStatus.SEND_CANCEL }, + { name: t('additionalService.linkPay.all'), value: LinkPaymentProcessStatus.ALL }, + { name: t('additionalService.linkPay.sendRequest'), value: LinkPaymentProcessStatus.SEND_REQUEST }, + { name: t('additionalService.linkPay.sendCancel'), value: LinkPaymentProcessStatus.SEND_CANCEL }, ]; useEffect(() => { @@ -90,7 +91,7 @@ export const LinkPaymentWaitSendFilter = ({ >
-
필터
+
{t('filter.filter')}
onClickToSetFilter()} - >적용 + >{t('filter.apply')}
diff --git a/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx b/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx index f146806..ea4a4f3 100644 --- a/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx +++ b/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx @@ -1,4 +1,5 @@ import { motion } from 'framer-motion'; +import { useTranslation } from 'react-i18next'; import { IMAGE_ROOT } from '@/shared/constants/common'; import { SmsPaymentDetailResendProps } from '../../../additional-service/model/sms-payment/types'; import { useExtensionSmsResendMutation } from '../../api/sms-payment/use-extension-sms-resend-mutation'; @@ -12,7 +13,8 @@ export const SmsPaymentDetailResend = ({ mid, tid }: SmsPaymentDetailResendProps) => { - + const { t } = useTranslation(); + const variants = { hidden: { y: '100%' }, visible: { y: '0%' }, @@ -32,13 +34,13 @@ export const SmsPaymentDetailResend = ({ sendMessage: smsDetailData.sendMessage }).then((rs) => { if (rs.status) { - snackBar("SMS 발송을 성공하였습니다.") + snackBar(t('additionalService.sms.sendSuccess')) } else { - snackBar(`[실패] ${rs.error?.message}`) + snackBar(t('additionalService.sms.sendFailed', { message: rs.error?.message })) } setBottomSmsPaymentDetailResendOn(false); }).catch((error) => { - snackBar(`[실패] ${error?.response?.data?.message || error?.response?.data?.error?.message}` || '[실패] 신청을 실패하였습니다.') + snackBar(t('additionalService.sms.sendFailed', { message: error?.response?.data?.message || error?.response?.data?.error?.message }) || t('additionalService.sms.sendFailedGeneric')) }); } @@ -61,22 +63,22 @@ export const SmsPaymentDetailResend = ({ >
-

SMS 상세 & 재발송

-
-
발신자(번호) : {smsDetailData?.senderName || '-'}({smsDetailData?.senderNumber || '-'})
-
수신자(번호) : {smsDetailData?.receiverName || '-'}({smsDetailData?.receiverNumber || '-'})
+
{t('additionalService.sms.sender')} : {smsDetailData?.senderName || '-'}({smsDetailData?.senderNumber || '-'})
+
{t('additionalService.sms.receiver')} : {smsDetailData?.receiverName || '-'}({smsDetailData?.receiverNumber || '-'})

{smsDetailData?.sendMessage || '-'}

@@ -88,7 +90,7 @@ export const SmsPaymentDetailResend = ({ onClick={onClickResend} disabled={!smsDetailData?.sendMessage} > - 신청 + {t('common.request')}
diff --git a/src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx b/src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx index 2770560..2be3ee0 100644 --- a/src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx +++ b/src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx @@ -1,4 +1,5 @@ import moment from 'moment'; +import { useTranslation } from 'react-i18next'; import { IMAGE_ROOT } from '@/shared/constants/common'; import { motion } from 'framer-motion'; import { useState } from 'react'; @@ -28,6 +29,7 @@ export const SmsPaymentFilter = ({ setToDate, setSmsCl }: SmsPaymentFilterProps) => { + const { t } = useTranslation(); const [filterMid, setFilterMid] = useState(mid); const [filterSearchCl, setFilterSearchCl] = useState(searchCl); @@ -52,14 +54,14 @@ export const SmsPaymentFilter = ({ ]; let searchTypeOption = [ - { name: '주문자', value: SmsPaymentSearchCl.BUYER_NAME }, - { name: '수신번호', value: SmsPaymentSearchCl.RECEIVE_PHONE_NUMBER }, + { name: t('transaction.fields.buyerName'), value: SmsPaymentSearchCl.BUYER_NAME }, + { name: t('additionalService.sms.receivePhoneNumber'), value: SmsPaymentSearchCl.RECEIVE_PHONE_NUMBER }, ] let smsTypeOption = [ - { name: '전체', value: SmsCl.ALL }, - { name: '가상계좌\n요청', value: SmsCl.VACCOUNT_REQ }, - { name: '가상계좌\n요청+입금', value: SmsCl.VACCOUNT_REQ_DEPOSIT }, + { name: t('additionalService.sms.all'), value: SmsCl.ALL }, + { name: t('additionalService.sms.virtualAccountReqShort'), value: SmsCl.VACCOUNT_REQ }, + { name: t('additionalService.sms.virtualAccountReqDepositShort'), value: SmsCl.VACCOUNT_REQ_DEPOSIT }, ] const onClickToClose = () => { @@ -78,7 +80,7 @@ export const SmsPaymentFilter = ({ >
-
필터
+
{t('filter.filter')}
onClickToSetFilter()} - >적용 + >{t('filter.apply')}
diff --git a/src/locales/en.json b/src/locales/en.json index c5dfca0..0acf8f1 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -868,14 +868,28 @@ "agreeOrReject": "Agree/Reject Settlement" }, "ars": { + "title": "Credit Card ARS Payment", "paymentComplete": "Payment Complete", "unpaid": "Unpaid", "pendingPayment": "Pending Payment", "paymentSuccess": "Payment Success", "expired": "Expired", - "canceled": "Canceled" + "canceled": "Canceled", + "paymentRequest": "Payment Request", + "merchant": "Merchant", + "orderNumber": "Order Number", + "productName": "Product Name", + "amount": "Amount", + "installmentPeriod": "Installment Period", + "lumpSum": "Lump Sum", + "buyerName": "Buyer Name", + "phoneNumber": "Phone Number", + "email": "Email", + "paymentMethod": "Payment Method", + "requestFailed": "Request failed." }, "sms": { + "title": "SMS Payment Notification", "virtualAccountRequest": "Virtual Account Request", "virtualAccountRequestDeposit": "Virtual Account Request + Deposit", "smsDetailAndResend": "SMS Details & Resend", @@ -883,7 +897,13 @@ "receiver": "Receiver (Number)", "sendSuccess": "SMS sent successfully.", "sendFailed": "[Failed] {{message}}", - "sendFailedGeneric": "[Failed] Request failed." + "sendFailedGeneric": "[Failed] Request failed.", + "all": "All", + "virtualAccountReqShort": "Virtual Account\nRequest", + "virtualAccountReqDepositShort": "Virtual Account\nRequest+Deposit", + "buyerReceiveNumber": "Buyer,Receive Number", + "receivePhoneNumber": "Receive Phone Number", + "queryResult": "Query Result" }, "linkPay": { "sendRequest": "Send Request", @@ -1023,7 +1043,55 @@ "applyTitle": "Link Payment Request", "messagePreview": "Message Preview", "separateApprovalTitle": "Separate Approval Detail", - "resendSuccess": "Resend successful.", + "previous": "Previous", + "next": "Next", + "requestProcessingError": "Unable to process request.", + "requestError": "An error occurred during request", + "confirmSendMessage": "Please confirm\nthe message to be sent", + "paymentRequestComplete": "Payment request has been completed.", + "merchantName": "Merchant Name", + "customerGreeting": "Hello, {buyerName}!", + "paymentGuideMessage": "NICEPAYMENTS Co., Ltd. is notifying you\nof the payment details.\nYou can check the details and proceed with payment by accessing the URL below.", + "separateApproval": "Link Payment_Separate Approval", + "extendPeriodNotice": "※ Extension Period: Up to 7 days, can be extended 3 times in total", + "linkBreakNotice": "※ Link Break: Function to close payment before expiration date, cannot be undone once broken", + "transactionAmount": "Transaction Amount", + "paymentStatus": "Payment Status", + "validityPeriod": "Validity Period", + "extendCount": "Extension Count", + "extendPeriod": "Extension Period", + "unset": "Not Set", + "extendPeriodAction": "Extend Period", + "linkBreakAction": "Break Link", + "noItemsSelected": "No items selected.", + "pleaseSelectExtendPeriod": "Please select extension period for all selected items.", + "allRequestSuccess": "All requests successful.", + "extendPeriodFailed": "Failed to extend validity period. Please check individual status.", + "extendPeriodFailedGeneric": "Failed to extend validity period.", + "linkBreakFailed": "Failed to break link. Please check individual status.", + "linkBreakFailedGeneric": "Failed to break link.", + "pleaseRetry": "Please try again", + "sendMethod": "Send Method", + "productPrice": "Product Price", + "productOrderNumber": "Product Order Number", + "paymentValidDate": "Payment Valid Date", + "until": "Until", + "selectDate": "Select Date", + "buyerEmail": "Buyer Email", + "buyerPhoneNumber": "Buyer\nPhone Number", + "buyerInfoVerification": "Buyer Info Verification", + "individual": "Individual", + "corporate": "Corporate", + "businessNumber10Digits": "Business Number (10 digits)", + "birthDate6Digits": "Birth Date (6 digits)", + "language": "Language", + "korean": "Korean", + "english": "English", + "linkContent": "Link Content", + "basic": "Basic", + "additional": "Additional", + "sendMethodFilter": "Send Method", + "processStatus": "Process Status", "resendFailed": "Resend failed.", "resendError": "An error occurred during resend.", "resendConfirm": "Do you want to resend?", diff --git a/src/locales/ko.json b/src/locales/ko.json index adf1584..1aa25d0 100644 --- a/src/locales/ko.json +++ b/src/locales/ko.json @@ -868,14 +868,28 @@ "agreeOrReject": "정산 동의/거절" }, "ars": { + "title": "신용카드 ARS 결제", "paymentComplete": "결제완료", "unpaid": "미결제", "pendingPayment": "결제대기", "paymentSuccess": "결제성공", "expired": "기간만료", - "canceled": "취소완료" + "canceled": "취소완료", + "paymentRequest": "결제 신청", + "merchant": "가맹점", + "orderNumber": "주문번호", + "productName": "상품명", + "amount": "금액", + "installmentPeriod": "할부기간", + "lumpSum": "일시불", + "buyerName": "구매자명", + "phoneNumber": "휴대폰 번호", + "email": "이메일", + "paymentMethod": "결제 방식", + "requestFailed": "신청을 실패하였습니다." }, "sms": { + "title": "SMS 결제 통보", "virtualAccountRequest": "가상계좌 요청", "virtualAccountRequestDeposit": "가상계좌 요청 + 입금", "smsDetailAndResend": "SMS 상세 & 재발송", @@ -883,7 +897,13 @@ "receiver": "수신자(번호)", "sendSuccess": "SMS 발송을 성공하였습니다.", "sendFailed": "[실패] {{message}}", - "sendFailedGeneric": "[실패] 신청을 실패하였습니다." + "sendFailedGeneric": "[실패] 신청을 실패하였습니다.", + "all": "전체", + "virtualAccountReqShort": "가상계좌\n요청", + "virtualAccountReqDepositShort": "가상계좌\n요청+입금", + "buyerReceiveNumber": "주문자,수신번호", + "receivePhoneNumber": "수신번호", + "queryResult": "조회결과" }, "linkPay": { "sendRequest": "발송요청", @@ -1023,7 +1043,55 @@ "applyTitle": "링크결제 신청", "messagePreview": "메시지 미리보기", "separateApprovalTitle": "분리승인 상세", - "resendSuccess": "재발송을 성공하였습니다.", + "previous": "이전", + "next": "다음", + "requestProcessingError": "요청을 처리할 수 없습니다.", + "requestError": "요청 중 오류가 발생했습니다", + "confirmSendMessage": "발송 메시지를\n최종 확인하세요", + "paymentRequestComplete": "결제 신청이 완료되었습니다.", + "merchantName": "가맹점 상호", + "customerGreeting": "{buyerName} 고객님, 안녕하세요?", + "paymentGuideMessage": "나이스페이먼츠 주식회사에서\n결제하실 내역 안내드립니다.\n아래 URL로 접속하시면 상세 내역 확인과 결제 진행이 가능합니다.", + "separateApproval": "링크결제_분리승인", + "extendPeriodNotice": "※ 연장 기간: 최대 7일, 총 3번 연장 가능", + "linkBreakNotice": "※ 링크 중단: 유효기간 전, 결제를 마감하는 기능, 링크중단 시 원복 불가", + "transactionAmount": "거래금액", + "paymentStatus": "결제상태", + "validityPeriod": "유효기간", + "extendCount": "연장횟수", + "extendPeriod": "연장기간", + "unset": "미설정", + "extendPeriodAction": "기간연장", + "linkBreakAction": "링크중단", + "noItemsSelected": "선택된 항목이 없습니다.", + "pleaseSelectExtendPeriod": "모든 선택된 항목의 연장 기간을 선택해주세요.", + "allRequestSuccess": "전체요청 성공했습니다.", + "extendPeriodFailed": "유효기간 연장에 실패했습니다. 개별 상태를 확인해주세요.", + "extendPeriodFailedGeneric": "유효기간 연장에 실패했습니다.", + "linkBreakFailed": "링크중단 요청에 실패했습니다. 개별 상태를 확인해주세요.", + "linkBreakFailedGeneric": "링크중단 요청에 실패했습니다.", + "pleaseRetry": "다시 시도해 주세요", + "sendMethod": "발송 수단", + "productPrice": "상품가격", + "productOrderNumber": "상품 주문번호", + "paymentValidDate": "결제 유효일", + "until": "까지", + "selectDate": "날짜 선택", + "buyerEmail": "구매자 이메일", + "buyerPhoneNumber": "구매자\n휴대폰 번호", + "buyerInfoVerification": "구매자 정보 대조", + "individual": "개인", + "corporate": "법인", + "businessNumber10Digits": "사업자번호 10자리", + "birthDate6Digits": "생년월일 6자리", + "language": "언어", + "korean": "국문", + "english": "영문", + "linkContent": "링크내용", + "basic": "기본", + "additional": "추가", + "sendMethodFilter": "발송수단", + "processStatus": "진행상태", "resendFailed": "재발송을 실패하였습니다.", "resendError": "재발송 중 오류가 발생했습니다.", "resendConfirm": "재발송 하시겠습니까?", diff --git a/src/pages/additional-service/ars/list-page.tsx b/src/pages/additional-service/ars/list-page.tsx index 92a66dd..dc21d10 100644 --- a/src/pages/additional-service/ars/list-page.tsx +++ b/src/pages/additional-service/ars/list-page.tsx @@ -69,7 +69,7 @@ export const ArsListPage = () => { onIntersect }); - useSetHeaderTitle('신용카드 ARS 결제'); + useSetHeaderTitle(t('additionalService.ars.title')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); useSetOnBack(() => { @@ -248,23 +248,23 @@ export const ArsListPage = () => { />
@@ -300,7 +300,7 @@ export const ArsListPage = () => { + >{t('additionalService.ars.paymentRequest')}
{ + const { t } = useTranslation(); const { navigate } = useNavigate(); const location = useLocation(); @@ -39,7 +41,7 @@ export const ArsRequestPage = () => { const [successPageOn, setSuccessPageOn] = useState(false); const [resultMessage, setResultMessage] = useState(''); - useSetHeaderTitle('결제 신청'); + useSetHeaderTitle(t('additionalService.ars.paymentRequest')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); useSetOnBack(() => { @@ -63,12 +65,13 @@ export const ArsRequestPage = () => { if (rs.status) { setSuccessPageOn(true); } else { - const errorMessage = rs.error?.message || '신청을 실패하였습니다.'; - snackBar(`[실패] ${errorMessage}`); + const errorMessage = rs.error?.message || t('additionalService.ars.requestFailed'); + snackBar(`[${t('common.failed')}] ${errorMessage}`); } }) .catch((error) => { - snackBar(`[실패] ${error?.response?.data?.message || error?.response?.data?.error?.message}` || '[실패] 신청을 실패하였습니다.') + const errorMsg = error?.response?.data?.message || error?.response?.data?.error?.message || t('additionalService.ars.requestFailed'); + snackBar(`[${t('common.failed')}] ${errorMsg}`); }) }; @@ -127,7 +130,7 @@ export const ArsRequestPage = () => {
-
가맹점 *
+
{t('additionalService.ars.merchant')} *
{
-
상품명 *
+
{t('additionalService.ars.productName')} *
{
-
금액 *
+
{t('additionalService.ars.amount')} *
{
-
할부기간 *
+
{t('additionalService.ars.installmentPeriod')} *
-
구매자명 *
+
{t('additionalService.ars.buyerName')} *
{
-
휴대폰 번호 *
+
{t('additionalService.ars.phoneNumber')} *
{
-
이메일
+
{t('additionalService.ars.email')}
{
-
결제 방식 *
+
{t('additionalService.ars.paymentMethod')} *
{getArsPaymentMethodBtns()}
@@ -253,7 +256,7 @@ export const ArsRequestPage = () => { className="btn-50 btn-blue flex-1" onClick={() => onClickToRequest()} disabled={!isFormValid()} - >결제 신청 + >{t('additionalService.ars.paymentRequest')}
diff --git a/src/pages/additional-service/link-payment/apply/link-payment-apply-confirm-page.tsx b/src/pages/additional-service/link-payment/apply/link-payment-apply-confirm-page.tsx index 4381a08..59d17b0 100644 --- a/src/pages/additional-service/link-payment/apply/link-payment-apply-confirm-page.tsx +++ b/src/pages/additional-service/link-payment/apply/link-payment-apply-confirm-page.tsx @@ -1,3 +1,4 @@ +import { useTranslation } from 'react-i18next'; import { HeaderType } from '@/entities/common/model/types'; import { useSetFooterMode, useSetHeaderTitle, useSetHeaderType } from '@/widgets/sub-layout/use-sub-layout'; import { useNavigate } from '@/shared/lib/hooks/use-navigate'; @@ -9,13 +10,14 @@ import { ExtensionLinkPayRequestParams, ExtensionLinkPayRequestResponse, LinkPay import { snackBar } from '@/shared/lib'; export const LinkPaymentApplyConfirmPage = () => { + const { t } = useTranslation(); const { navigate } = useNavigate(); const location = useLocation(); const formData: LinkPaymentFormData = location.state?.formData; const { mutateAsync: linkPayRequest } = useExtensionLinkPayRequestMutation(); - useSetHeaderTitle('메시지 미리보기'); + useSetHeaderTitle(t('additionalService.linkPayment.messagePreview')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); @@ -53,16 +55,16 @@ export const LinkPaymentApplyConfirmPage = () => { navigate(PATHS.additionalService.linkPayment.confirmSuccess); } else { // 일반 에러 메시지 - const errorMessage = rs.error?.message || '요청을 처리할 수 없습니다.'; - snackBar(`[실패] ${errorMessage}`); + const errorMessage = rs.error?.message || t('additionalService.linkPayment.requestProcessingError'); + snackBar(`[${t('common.failed')}] ${errorMessage}`); } }) .catch((error) => { // 네트워크 에러 등 예외 상황 const errorMessage = error?.response?.data?.error?.message || error?.message || - '요청 중 오류가 발생했습니다'; - snackBar(`[실패] ${errorMessage}`); + t('additionalService.linkPayment.requestError'); + snackBar(`[${t('common.failed')}] ${errorMessage}`); }); }; @@ -76,20 +78,18 @@ export const LinkPaymentApplyConfirmPage = () => {
-

발송 메시지를
최종 확인하세요

+

{t('additionalService.linkPayment.confirmSendMessage')}

- {formData.buyerName} 고객님, 안녕하세요?
- 나이스페이먼츠 주식회사에서
- 결제하실 내역 안내드립니다.
- 아래 URL로 접속하시면 상세 내역 확인과 결제 진행이 가능합니다.

+ {t('additionalService.linkPayment.customerGreeting', { buyerName: formData.buyerName })}
+ {t('additionalService.linkPayment.paymentGuideMessage')}

!${pay_url}

- 가맹점 상호 : 나이스페이먼츠 주식회사
- 상품명 : {formData.goodsName}
- 금액 : {formData.amount.toLocaleString()}원 + {t('additionalService.linkPayment.merchantName')} : 나이스페이먼츠 주식회사
+ {t('transaction.fields.productName')} : {formData.goodsName}
+ {t('transaction.fields.amount')} : {formData.amount.toLocaleString()}{t('common.currencyUnit')}

@@ -100,11 +100,11 @@ export const LinkPaymentApplyConfirmPage = () => { + >{t('additionalService.linkPayment.previous')} + >{t('additionalService.linkPay.paymentRequest')}
diff --git a/src/pages/additional-service/link-payment/apply/link-payment-apply-page.tsx b/src/pages/additional-service/link-payment/apply/link-payment-apply-page.tsx index 1b2ea8f..2752cea 100644 --- a/src/pages/additional-service/link-payment/apply/link-payment-apply-page.tsx +++ b/src/pages/additional-service/link-payment/apply/link-payment-apply-page.tsx @@ -1,4 +1,5 @@ import { useState } from 'react'; +import { useTranslation } from 'react-i18next'; import { LinkPaymentStep1 } from '@/entities/additional-service/ui/link-payment/apply/link-payment-step1'; import { LinkPaymentStep2 } from '@/entities/additional-service/ui/link-payment/apply/link-payment-step2'; import { HeaderType } from '@/entities/common/model/types'; @@ -14,6 +15,7 @@ import moment from 'moment'; export const LinkPaymentApplyPage = () => { + const { t } = useTranslation(); const { navigate } = useNavigate(); const midOptionsWithoutGids = useStore.getState().UserStore.selectOptionsMidsWithoutGids; @@ -43,7 +45,7 @@ export const LinkPaymentApplyPage = () => { linkContentType: LinkContentType.BASIC }); - useSetHeaderTitle('링크결제 신청'); + useSetHeaderTitle(t('additionalService.linkPayment.applyTitle')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); @@ -144,7 +146,7 @@ export const LinkPaymentApplyPage = () => { className="btn-50 btn-blue flex-1" onClick={() => onClickToChangeTab()} disabled={!isStep1Valid()} - >다음 + >{t('additionalService.linkPayment.next')}
} {(processStep === ProcessStep.Two) && @@ -152,12 +154,12 @@ export const LinkPaymentApplyPage = () => { + >{t('additionalService.linkPayment.previous')} + >{t('additionalService.linkPay.paymentRequest')}
}
diff --git a/src/pages/additional-service/link-payment/apply/link-payment-apply-success-page.tsx b/src/pages/additional-service/link-payment/apply/link-payment-apply-success-page.tsx index a3d5dd5..7ed2721 100644 --- a/src/pages/additional-service/link-payment/apply/link-payment-apply-success-page.tsx +++ b/src/pages/additional-service/link-payment/apply/link-payment-apply-success-page.tsx @@ -1,12 +1,14 @@ +import { useTranslation } from 'react-i18next'; import { HeaderType } from '@/entities/common/model/types'; import { useSetFooterMode, useSetHeaderTitle, useSetHeaderType } from '@/widgets/sub-layout/use-sub-layout'; import { useNavigate } from '@/shared/lib/hooks/use-navigate'; import { PATHS } from "@/shared/constants/paths"; export const LinkPaymentApplySuccessPage = () => { + const { t } = useTranslation(); const { navigate } = useNavigate(); - useSetHeaderTitle('링크결제 신청'); + useSetHeaderTitle(t('additionalService.linkPayment.applyTitle')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); @@ -20,15 +22,15 @@ export const LinkPaymentApplySuccessPage = () => {

- 링크결제
- 결제 신청이 완료되었습니다. + {t('additionalService.linkPayment.title')}
+ {t('additionalService.linkPayment.paymentRequestComplete')}

- + >{t('common.confirm')}
diff --git a/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-fail.tsx b/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-fail.tsx index 5139fd0..8a3cca7 100644 --- a/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-fail.tsx +++ b/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-fail.tsx @@ -1,4 +1,5 @@ import { motion } from 'framer-motion'; +import { useTranslation } from 'react-i18next'; import { useNavigate } from '@/shared/lib/hooks/use-navigate'; import { PATHS } from "@/shared/constants/paths"; import { @@ -25,6 +26,7 @@ export const LinkPaymentApplyFailPage = ({ errorMessage, onClose }: LinkPaymentApplyFailPageProps) => { + const { t } = useTranslation(); const onClickToClose = () => { setPageOn(false); @@ -51,7 +53,7 @@ export const LinkPaymentApplyFailPage = ({ aria-hidden="true" >

- 링크결제_분리승인 + {t('additionalService.linkPayment.separateApproval')}

{resultMessage && ( @@ -62,8 +64,8 @@ export const LinkPaymentApplyFailPage = ({

- 결과 : - {errorMessage || '다시 시도해 주세요'} + {t('common.result')} : + {errorMessage || t('additionalService.linkPayment.pleaseRetry')}

@@ -71,7 +73,7 @@ export const LinkPaymentApplyFailPage = ({ + >{t('common.confirm')}
diff --git a/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-page.tsx b/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-page.tsx index 6bb1e67..ca24363 100644 --- a/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-page.tsx +++ b/src/pages/additional-service/link-payment/separate-approval/link-payment-separate-approval-page.tsx @@ -1,4 +1,5 @@ import { useEffect, useState, useCallback } from 'react'; +import { useTranslation } from 'react-i18next'; import { PATHS } from '@/shared/constants/paths'; import { useLocation } from 'react-router'; import { useNavigate } from '@/shared/lib/hooks/use-navigate'; @@ -20,6 +21,7 @@ import { useStore } from '@/shared/model/store'; import moment from 'moment'; export const LinkPaymentSeparateApprovalPage = () => { + const { t } = useTranslation(); const { navigate } = useNavigate(); const location = useLocation(); const userMid = useStore.getState().UserStore.mid; @@ -43,7 +45,7 @@ export const LinkPaymentSeparateApprovalPage = () => { const { mutateAsync: callItems } = useExtensionLinkPaySeparateDetail(); const { mutateAsync: linkPaySeparateAction } = useExtensionLinkPaySeparateAction(); - useSetHeaderTitle('분리승인 상세'); + useSetHeaderTitle(t('additionalService.linkPayment.separateApprovalTitle')); useSetHeaderType(HeaderType.RightClose); useSetOnBack(() => { navigate(PATHS.additionalService.linkPayment.shippingHistory); @@ -189,7 +191,7 @@ export const LinkPaymentSeparateApprovalPage = () => { // 선택된 항목이 없으면 리턴 if (selectedItems.length === 0) { - setErrorMessage('선택된 항목이 없습니다.'); + setErrorMessage(t('additionalService.linkPayment.noItemsSelected')); setFailPageOn(true); return; } @@ -203,7 +205,7 @@ export const LinkPaymentSeparateApprovalPage = () => { const allHaveExtendPeriod = selectedSubItems.every(id => extendPeriods[id]); if (!allHaveExtendPeriod) { - setErrorMessage('모든 선택된 항목의 연장 기간을 선택해주세요.'); + setErrorMessage(t('additionalService.linkPayment.pleaseSelectExtendPeriod')); setFailPageOn(true); return; } @@ -237,16 +239,16 @@ export const LinkPaymentSeparateApprovalPage = () => { setTotalCount(response.totalCount); if (response.success) { - setResultMessage(`전체요청 성공했습니다.`); + setResultMessage(t('additionalService.linkPayment.allRequestSuccess')); setSuccessPageOn(true); } else { - setResultMessage(`유효기간 연장에 실패했습니다. 개별 상태를 확인해주세요.`); + setResultMessage(t('additionalService.linkPayment.extendPeriodFailed')); setErrorMessage(''); setFailPageOn(true); } }).catch((error) => { console.error('기간연장 실패:', error); - setResultMessage('유효기간 연장에 실패했습니다.'); + setResultMessage(t('additionalService.linkPayment.extendPeriodFailedGeneric')); setFailPageOn(true); }); }; @@ -257,7 +259,7 @@ export const LinkPaymentSeparateApprovalPage = () => { // 선택된 항목이 없으면 리턴 if (selectedItems.length === 0) { - setErrorMessage('선택된 항목이 없습니다.'); + setErrorMessage(t('additionalService.linkPayment.noItemsSelected')); setFailPageOn(true); return; } @@ -287,16 +289,16 @@ export const LinkPaymentSeparateApprovalPage = () => { setFailCount(response.failCount); setTotalCount(response.totalCount); if (response.success) { - setResultMessage(`전체요청 성공했습니다.`); + setResultMessage(t('additionalService.linkPayment.allRequestSuccess')); setSuccessPageOn(true); } else { - setResultMessage('링크중단 요청에 실패했습니다. 개별 상태를 확인해주세요.'); + setResultMessage(t('additionalService.linkPayment.linkBreakFailed')); setErrorMessage(''); setFailPageOn(true); } }).catch((error) => { console.error('링크중단 실패:', error); - setResultMessage('링크중단 요청에 실패했습니다.'); + setResultMessage(t('additionalService.linkPayment.linkBreakFailedGeneric')); setFailPageOn(true); }); }; @@ -334,8 +336,8 @@ export const LinkPaymentSeparateApprovalPage = () => {
-

※ 연장 기간: 최대 7일, 총 3번 연장 가능

-

※ 링크 중단: 유효기간 전, 결제를 마감하는 기능, 링크중단 시 원복 불가

+

{t('additionalService.linkPayment.extendPeriodNotice')}

+

{t('additionalService.linkPayment.linkBreakNotice')}

@@ -360,17 +362,17 @@ export const LinkPaymentSeparateApprovalPage = () => {
  • - • 거래금액: + • {t('additionalService.linkPayment.transactionAmount')}: {item.amount.toLocaleString()}
  • - • 결제상태: + • {t('additionalService.linkPayment.paymentStatus')}: {item.paymentStatusName}
    • {item.type !== LinkPaymentSeparateType.MAIN && ( <>
  • - • 유효기간: + • {t('additionalService.linkPayment.validityPeriod')}: {item.paymentLimitDate ? moment(item.paymentLimitDate, 'YYYYMMDD').format('YYYY/MM/DD') @@ -379,7 +381,7 @@ export const LinkPaymentSeparateApprovalPage = () => {
  • - • 연장횟수: + • {t('additionalService.linkPayment.extendCount')}: {item.paymentLimitCount}
    • @@ -388,7 +390,7 @@ export const LinkPaymentSeparateApprovalPage = () => {
- +