- 이름,이메일,계좌번호 등 마스킹정책 적용

- 권한 체크 오 기입 수정
- 다국어 누락 부분 수정
This commit is contained in:
HyeonJongKim
2025-11-17 19:14:56 +09:00
parent fd5333e4a2
commit 4e1baffb13
13 changed files with 400 additions and 67 deletions

View File

@@ -6,6 +6,7 @@ import { CashReceiptPurposeType } from '../model/types';
import { PatternFormat } from 'react-number-format';
import { useTranslation } from 'react-i18next';
import { useKeyboardAware } from '@/shared/lib/hooks/use-keyboard-aware';
import { MaskedNameInput, MaskedEmailInput, MaskedPhoneInput } from '@/shared/ui/masked-input';
export interface CashReceiptHandWrittenIssuanceStep1Props {
businessNumber?: string;
@@ -95,11 +96,10 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
<div className="issue-row">
<div className="issue-label">{t('transaction.fields.buyer')}</div>
<div className="issue-field">
<input
type="text"
<MaskedNameInput
value={buyerName || ''}
onChange={setBuyerName}
placeholder={t('transaction.handWrittenIssuance.buyerNamePlaceholder')}
value={buyerName}
onChange={(e: ChangeEvent<HTMLInputElement>) => setBuyerName(e.target.value)}
onFocus={handleInputFocus}
/>
</div>
@@ -120,11 +120,10 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
<div className="issue-row">
<div className="issue-label">{t('account.emailAddress')}</div>
<div className="issue-field">
<input
type="email"
<MaskedEmailInput
value={email || ''}
onChange={setEmail}
placeholder={t('transaction.handWrittenIssuance.emailPlaceholder')}
value={email}
onChange={(e: ChangeEvent<HTMLInputElement>) => setEmail(e.target.value)}
onFocus={handleInputFocus}
/>
</div>
@@ -132,14 +131,12 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
<div className="issue-row" style={keyboardAwarePadding}>
<div className="issue-label">{t('account.phoneNumber')}</div>
<div className="issue-field">
<PatternFormat
<MaskedPhoneInput
value={phoneNumber || ''}
onChange={setPhoneNumber}
placeholder={t('transaction.handWrittenIssuance.phoneNumberPlaceholder')}
value={phoneNumber}
valueIsNumericString
format="###########"
onChange={(e: ChangeEvent<HTMLInputElement>) => setPhoneNumber(e.target.value)}
onFocus={handleInputFocus}
></PatternFormat>
/>
</div>
</div>
</div>