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

Merge branch 'main' of https://gitea.bpsoft.co.kr/nicepayments/nice-app-web

Browse Source
This commit is contained in:
focp212@naver.com
2025-10-24 10:28:47 +09:00
parent 9348656db0 edf8ced12c
commit 67d37d2c24
33 changed files with 734 additions and 444 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-deatil-mutation.ts
View File

@@ -13,35 +13,14 @@ import {
} from '@tanstack/react-query';
import { ExtensionAccountHolderAuthDetailParams, ExtensionAccountHolderAuthDetailResponse } from '../../model/account-holder-auth/types';
export const extensionAccountHolderAuthDetail = async (params: ExtensionAccountHolderAuthDetailParams): Promise<DetailResponse> => {
const response = await resultify(
axios.post<ExtensionAccountHolderAuthDetailResponse>(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderAuthDetail(), params),
);
const detailResponse: DetailResponse = {
titleInfo: {
accountName: response.accountName,
accountNo: response.accountNo,
scheduledSendDate: response.requestDate //추후 발송예정일자로 수정
} as TitleInfo,
detailInfo: {
companyName: response.companyName,
mid: response.mid,
requestDate: response.requestDate,
bankName: response.bankName,
accountNo: response.accountNo,
accountName: response.accountName,
transferStatus: response.transferStatus,
failureReason: response.failReason,
} as DetailInfo
};
return detailResponse;
export const extensionAccountHolderAuthDetail = async (params: ExtensionAccountHolderAuthDetailParams): Promise<ExtensionAccountHolderAuthDetailResponse> => {
return resultify(
axios.post<ExtensionAccountHolderAuthDetailResponse>(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderAuthDetail(), params),
);
};
export const useExtensionAccountHolderAuthDetailMutation = (options?: UseMutationOptions<DetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>) => {
const mutation = useMutation<DetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>({
export const useExtensionAccountHolderAuthDetailMutation = (options?: UseMutationOptions<ExtensionAccountHolderAuthDetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>) => {
const mutation = useMutation<ExtensionAccountHolderAuthDetailResponse, CBDCAxiosError, ExtensionAccountHolderAuthDetailParams>({
...options,
mutationFn: (params: ExtensionAccountHolderAuthDetailParams) => extensionAccountHolderAuthDetail(params),
});

34
src/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-detail-mutation.ts
View File

@@ -13,39 +13,19 @@ import {
} from '@tanstack/react-query';
import { ExtensionAccountHolderSearchDetailParams, ExtensionAccountHolderSearchDetailResponse } from '../../model/account-holder-search/types';
export const extensionAccountHolderSearchDetail = async (params: ExtensionAccountHolderSearchDetailParams): Promise<DetailResponse> => {
const response = await resultify(
axios.post<ExtensionAccountHolderSearchDetailResponse>(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderSearchDetail(), params),
export const extensionAccountHolderSearchDetail = (params: ExtensionAccountHolderSearchDetailParams) => {
return resultify(
axios.post<ExtensionAccountHolderSearchDetailResponse>(API_URL_ADDITIONAL_SERVICE.extensionAccountHolderSearchList(), params),
);
// ExtensionAccountHolderSearchDetailResponse를 DetailResponse로 변환
const detailResponse: DetailResponse = {
titleInfo: {
accountNo: response.accountNo,
bankName: response.bankName,
requestDate: response.requestDate
} as TitleInfo,
detailInfo: {
accountName: response.accountName,
requestDate: response.requestDate,
resultStatus: response.resultStatus,
failureReason: response.failReason,
bankName: response.bankName,
accountNo: response.accountNo,
requestWay: response.requestWay
} as DetailInfo
};
return detailResponse;
};
export const useExtensionAccountHolderSearchDetailMutation = (options?: UseMutationOptions<DetailResponse, CBDCAxiosError, ExtensionAccountHolderSearchDetailParams>) => {
const mutation = useMutation<DetailResponse, CBDCAxiosError, ExtensionAccountHolderSearchDetailParams>({
export const useExtensionAccountHolderSearchDetailtMutation = (options?: UseMutationOptions<ExtensionAccountHolderSearchDetailResponse, CBDCAxiosError, ExtensionAccountHolderSearchDetailParams>) => {
const mutation = useMutation<ExtensionAccountHolderSearchDetailResponse, CBDCAxiosError, ExtensionAccountHolderSearchDetailParams>({
...options,
mutationFn: (params: ExtensionAccountHolderSearchDetailParams) => extensionAccountHolderSearchDetail(params),
});
return {
...mutation,
};
}
};

0
src/entities/additional-service/api/face-auth/use-extension-face-auth-detail-mutation.ts Normal file
View File

29
src/entities/additional-service/api/face-auth/use-extension-face-auth-download-excel-mutation.ts Normal file
View File

@@ -0,0 +1,29 @@
import axios from 'axios';
import { API_URL_ADDITIONAL_SERVICE } from '@/shared/api/api-url-additional-service';
import { resultify } from '@/shared/lib/resultify';
import { CBDCAxiosError } from '@/shared/@types/error';
import {
ExtensionFaceAuthExcelDownlaodPrams,
ExtensionFaceAuthExcelDownlaodResponse
} from '../../model/face-auth/types';
import {
useMutation,
UseMutationOptions
} from '@tanstack/react-query';
export const extensionFaceAuthDownloadExcel = (params: ExtensionFaceAuthExcelDownlaodPrams) => {
return resultify(
axios.post<ExtensionFaceAuthExcelDownlaodResponse>(API_URL_ADDITIONAL_SERVICE.extensionFaceAuthExcelDownload(), params),
);
};
export const useExtensionFaceAuthDownloadExcelMutation = (options?: UseMutationOptions<ExtensionFaceAuthExcelDownlaodResponse, CBDCAxiosError, ExtensionFaceAuthExcelDownlaodPrams>) => {
const mutation = useMutation<ExtensionFaceAuthExcelDownlaodResponse, CBDCAxiosError, ExtensionFaceAuthExcelDownlaodPrams>({
...options,
mutationFn: (params: ExtensionFaceAuthExcelDownlaodPrams) => extensionFaceAuthDownloadExcel(params),
});
return {
...mutation,
};
};

26
src/entities/additional-service/api/face-auth/use-extension-face-auth-list-mutation.ts Normal file
View File

@@ -0,0 +1,26 @@
import axios from 'axios';
import { API_URL_ADDITIONAL_SERVICE } from '@/shared/api/api-url-additional-service';
import { resultify } from '@/shared/lib/resultify';
import { CBDCAxiosError } from '@/shared/@types/error';
import {
useMutation,
UseMutationOptions
} from '@tanstack/react-query';
import { ExtensionFaceAuthListParams, ExtensionFaceAuthListResponse } from '../../model/face-auth/types';
export const extensionFaceAuthList = (params: ExtensionFaceAuthListParams) => {
return resultify(
axios.post<ExtensionFaceAuthListResponse>(API_URL_ADDITIONAL_SERVICE.extensionFaceAuthList(), params),
);
};
export const useExtensionFaceAuthListtMutation = (options?: UseMutationOptions<ExtensionFaceAuthListResponse, CBDCAxiosError, ExtensionFaceAuthListParams>) => {
const mutation = useMutation<ExtensionFaceAuthListResponse, CBDCAxiosError, ExtensionFaceAuthListParams>({
...options,
mutationFn: (params: ExtensionFaceAuthListParams) => extensionFaceAuthList(params),
});
return {
...mutation,
};
};

36
src/entities/additional-service/model/account-holder-auth/constant.ts
View File

@@ -1,8 +1,32 @@
import { AuthAndTransferStatus } from "./types";
import { AccountHolderAuthStatus } from "./types";
export const authStatusBtnGroup = [
{ name: '전체', value: AuthAndTransferStatus.ALL },
{ name: '요청', value: AuthAndTransferStatus.REQUEST},
{ name: '성공', value: AuthAndTransferStatus.SUCCESS},
{ name: '실패', value: AuthAndTransferStatus.FAIL}
]
{ name: '전체', value: AccountHolderAuthStatus.ALL },
{ name: '요청', value: AccountHolderAuthStatus.REQUEST},
{ name: '성공', value: AccountHolderAuthStatus.SUCCESS},
{ name: '실패', value: AccountHolderAuthStatus.FAIL}
]
export const getAuthStatusText = (status?: string): string => {
if (!status) return '';
const AuthStatusMap: Record<string, string> = {
'REQUEST' : '요청',
'SUCCESS' : '성공',
'FAIL' : '실패'
}
return AuthStatusMap[status] || status;
}
export const getAuthResultText = (status?: string): string => {
if (!status) return '';
const AuthResultMap: Record<string, string> = {
'MATCHED' : '예금주명 일치',
'NOT_MATCHED' : '예금주명 불일치',
'FAILED' : '인증실패 (계좌 오류 등)'
}
return AuthResultMap[status] || status;
}

24
src/entities/additional-service/model/account-holder-auth/types.ts
View File

@@ -2,20 +2,26 @@ import { DefaulResponsePagination, DefaultRequestPagination } from "@/entities/c
import { AdditionalServiceCategory, ExtensionRequestParams, FilterProps, ListItemProps } from "../types";
// 계좌 점유 조회 관련 타입들
export enum AuthAndTransferStatus {
export enum AccountHolderAuthStatus {
ALL = "",
REQUEST = "REQUEST",
SUCCESS = "SUCCESS",
FAIL = "FAIL"
}
export enum AccountHolderAuthResult {
MATCHED = "MATCHED",
NOT_MATCHED = "NOT_MATCHED",
FAILED = "FAILED"
}
export interface AccountHolderAuthListItem {
tid?: string;
accountName?: string;
accountNo?: string;
requestDate?: string;
bankName?: string;
transferStatus?: AuthAndTransferStatus;
authStatus?: AccountHolderAuthStatus;
}
export interface AccountHolderAuthListProps {
additionalServiceCategory: AdditionalServiceCategory;
@@ -26,11 +32,11 @@ export interface AccountHolderAuthFilterProps extends FilterProps {
mid: string;
startDate: string;
endDate: string;
authStatus: AuthAndTransferStatus;
authStatus: AccountHolderAuthStatus;
setMid: (mid: string) => void;
setStartDate: (startDate: string) => void;
setEndDate: (endDate: string) => void;
setAuthStatus: (authStatus: AuthAndTransferStatus) => void;
setAuthStatus: (authStatus: AccountHolderAuthStatus) => void;
}
// 계좌 점유 인증 확장 서비스
@@ -53,14 +59,14 @@ export interface ExtensionAccountHolderAuthContentItem {
accountNo?: string;
requestDate?: string;
bankName?: string;
authStatus?: AuthAndTransferStatus;
authStatus?: AccountHolderAuthStatus;
}
export interface ExtensionAccountHolderAuthDownloadExcelParams extends ExtensionRequestParams {
mid: string;
fromDate: string;
toDate: string;
authStatus: AuthAndTransferStatus;
authStatus: AccountHolderAuthStatus;
}
export interface ExtensionAccountHolderAuthDownloadExcelResponse {
@@ -79,6 +85,8 @@ export interface ExtensionAccountHolderAuthDetailResponse {
requestDate: string;
companyName: string;
bankName: string;
transferStatus: AuthAndTransferStatus;
failReason: string;
authStatus: AccountHolderAuthStatus;
authResult: AccountHolderAuthResult;
authAmount: number;
requestName: string;
}

20
src/entities/additional-service/model/account-holder-search/constant.ts
View File

@@ -1,9 +1,25 @@
import { ProcessResult } from "../types";
import { AccountHolderResultStatus } from "./types";
import { AccountHolderResultStatus, AccountHolderSearchCl } from "./types";
export const resultStatusBtnGroup = [
{ name: '전체', value: AccountHolderResultStatus.ALL },
{ name: '성공', value: AccountHolderResultStatus.SUCCESS },
{ name: '실패', value: AccountHolderResultStatus.FAIL },
]
]
export const SearchTypeOption = [
{ name: '예금주', value: AccountHolderSearchCl.ACCOUNT_NAME },
{ name: '계좌번호', value: AccountHolderSearchCl.ACCOUNT_NO },
];
export const getAccountHolderStatusText = (status?: string): string => {
if (!status) return '';
const resultStatusMap: Record<string, string> = {
'SUCCESS': '성공',
'FAIL': '실패'
};
return resultStatusMap[status] || status;
}

39
src/entities/additional-service/model/face-auth/constant.ts
View File

@@ -1,9 +1,36 @@
import { ProcessResult } from "../types";
import { FaceAuthResult, FaceAuthTransType } from "./types";
export const AuthResultBtnGroup = [
{ name: '전체', value: FaceAuthResult.ALL },
{ name: '성공', value: FaceAuthResult.SUCCESS },
{ name: '실패', value: FaceAuthResult.FAIL },
];
export const TransactionTypeBtnGroup = [
{ name: '전체', value: FaceAuthTransType.ALL },
{ name: '인증', value: FaceAuthTransType.AUTH },
{ name: '등록', value: FaceAuthTransType.REGISTER },
];
export const getAuthResultStatusText = (status?: string): string => {
if (!status) return '';
export const ResultStatusBtnGroup = [
{ name: '전체', value: ProcessResult.ALL },
{ name: '성공', value: ProcessResult.SUCCESS },
{ name: '실패', value: ProcessResult.FAIL },
];
const authResultMap: Record<string, string> = {
'SUCCESS': '성공',
'FAIL': '실패'
}
return authResultMap[status] || status;
}
export const getTransTypeText = (transType?: string): string => {
if (!transType) return '';
const transTypeMap: Record<string, string> = {
'REGISTER': '등록',
'AUTH': '인증'
}
return transTypeMap[transType] || transType;
}

73
src/entities/additional-service/model/face-auth/types.ts
View File

@@ -3,19 +3,32 @@
// 안면인증 관련 타입들
// ========================================
import { FilterProps, ListItemProps, ProcessResult } from "../types";
import { DefaulResponsePagination, DefaultRequestPagination } from "@/entities/common/model/types";
import { ExtensionRequestParams, FilterProps, ListItemProps, ProcessResult } from "../types";
export enum FaceAuthTransactionType {
ALL = "ALL",
AUTH = "AUTH",
REGISTER = "REGISTER"
export enum FaceAuthTransType {
ALL = "",
REGISTER = "REGISTER",
AUTH = "AUTH"
}
export enum FaceAuthResult {
ALL = "",
SUCCESS = "SUCCESS",
FAIL = "FAIL"
}
export interface FaceAuthListItem {
tid?: string;
companyName?: string;
mid?: string;
groupId?: string;
requestDate?: string;
resultStatus?: string;
name?: string;
requestTime?: string;
cpid?: string;
userMallId?: string;
transType?: FaceAuthTransType;
authResult?: string;
failReason?: string;
}
export interface FaceAuthListProps {
@@ -25,15 +38,39 @@ export interface FaceAuthListProps {
export interface FaceAuthFilterProps extends FilterProps {
mid: string;
memberId: string;
startDate: string;
endDate: string;
transactionType: FaceAuthTransactionType;
processResult: ProcessResult;
userMallId: string;
fromDate: string;
toDate: string;
transType: FaceAuthTransType;
authResult: FaceAuthResult;
setMid: (mid: string) => void;
setMemberId: (memberId: string) => void;
setStartDate: (startDate: string) => void;
setEndDate: (endDate: string) => void;
setTransactionType: (transactionType: FaceAuthTransactionType) => void;
setProcessResult: (processResult: ProcessResult) => void;
setUserMallId: (userMallId: string) => void;
setFromDate: (fromDate: string) => void;
setToDate: (toDate: string) => void;
setTransType: (transType: FaceAuthTransType) => void;
setAuthResult: (authResult: FaceAuthResult) => void;
}
export interface ExtensionFaceAuthListParams extends ExtensionRequestParams {
fromDate: string;
toDate: string;
userMallId: string;
transType: FaceAuthTransType;
authResult: string;
page?: DefaultRequestPagination
}
export interface ExtensionFaceAuthListResponse extends DefaulResponsePagination {
content: Array<FaceAuthListItem>
}
export interface ExtensionFaceAuthExcelDownlaodPrams {
mid: string;
email: string;
fromDate: string;
toDate: string;
}
export interface ExtensionFaceAuthExcelDownlaodResponse {
status : boolean;
}

8
src/entities/additional-service/model/types.ts
View File

@@ -8,7 +8,7 @@ import type { ExtensionSmsDetailResponse } from './sms-payment/types';
import { FaceAuthListItem } from './face-auth/types';
import { AccountHolderSearchListItem } from './account-holder-search/types';
import { KeyInPaymentListItem } from './key-in/types';
import { AccountHolderAuthListItem, AuthAndTransferStatus } from './account-holder-auth/types';
import { AccountHolderAuthListItem, AccountHolderAuthStatus } from './account-holder-auth/types';
import { LinkContentType, LinkPaymentHistoryListItem, LinkPaymentSendMethod, LinkPaymentWaitListItem } from './link-pay/types';
// ========================================
@@ -56,6 +56,7 @@ export interface TitleInfo {
corpName?: string,
accountNo?: string,
accountName?: string,
authDate?: string,
bankName?: string,
requestDate?: string,
sendDate?: string,
@@ -66,10 +67,13 @@ export interface DetailInfo {
accountName?: string; // 예금주
requestDate?: string; // 조회 일시
resultStatus?: string; // 결과
authDate?: string;
bankName?: string; // 은행 명
failureReason?: string; // 실패사유
accountNo?: string; // 계좌번호
requestWay?: string; //요청 구분
authStatus?: string;
authResult?: string;
mid?: string;
companyName?: string;
@@ -77,7 +81,7 @@ export interface DetailInfo {
phoneNumber: string;
goodsName: string;
moid: string;
transferStatus: AuthAndTransferStatus;
transferStatus: AccountHolderAuthStatus;
}

75
src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx
View File

@@ -4,59 +4,62 @@ import { AccountHolderAuthListProps, ExtensionAccountHolderAuthContentItem } fro
import { JSX } from 'react';
export const AccountHolderAuthList = ({
additionalServiceCategory,
listItems,
mid
additionalServiceCategory,
listItems,
mid
}: AccountHolderAuthListProps) => {
const getListDateGroup = () => {
let rs: JSX.Element[] = [];
let rs = [];
let date = '';
let list: ExtensionAccountHolderAuthContentItem[] = [];
let list = [];
for (let i = 0; i < listItems.length; i++) {
// sendDate(발송일자) 기준
let requestDate = listItems[i]?.requestDate || '';
let itemDate = requestDate.substring(0, 8);
if (i === 0) {
date = itemDate;
}
if (date !== itemDate) {
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={additionalServiceCategory}
key={date + '-' + i}
date={date}
items={list as any}
mid={mid}
></ListDateGroup>
);
let items = listItems[i];
if (!!items) {
let requestDate = items?.requestDate;
requestDate = requestDate?.substring(0, 8);
if (!!requestDate) {
if (i === 0) {
date = requestDate;
}
if (date !== requestDate) {
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={additionalServiceCategory}
key={date + '-' + i}
date={date}
items={list}
></ListDateGroup>
);
}
date = requestDate;
list = [];
}
list.push(items);
}
date = itemDate;
list = [];
}
list.push(listItems[i] as any);
}
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={additionalServiceCategory}
mid={mid}
key={date + '-last'}
date={date}
items={list as any}
mid={mid}
items={list}
></ListDateGroup>
);
)
}
return rs;
};
return (
<>
<div className="transaction-list">
{getListDateGroup()}
</div>
</>
)
return (
<>
<div className="transaction-list">
{getListDateGroup()}
</div>
</>
)
}

4
src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx
View File

@@ -8,7 +8,7 @@ import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { authStatusBtnGroup } from '@/entities/additional-service/model/account-holder-auth/constant';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
import { AccountHolderAuthFilterProps, AuthAndTransferStatus } from '@/entities/additional-service/model/account-holder-auth/types';
import { AccountHolderAuthFilterProps, AccountHolderAuthStatus } from '@/entities/additional-service/model/account-holder-auth/types';
export const AccountHolderAuthFilter = ({
filterOn,
@@ -26,7 +26,7 @@ export const AccountHolderAuthFilter = ({
const [filterMid, setFilterMid] = useState<string>(mid);
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD'));
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
const [filterAuthStatus, setFilterAuthStatus] = useState<AuthAndTransferStatus>(authStatus);
const [filterAuthStatus, setFilterAuthStatus] = useState<AccountHolderAuthStatus>(authStatus);
const midOptions = useStore.getState().UserStore.selectOptionsMids;

51
src/entities/additional-service/ui/account-holder-search/account-holder-search-list.tsx
View File

@@ -12,33 +12,35 @@ export const AccountHolderSearchList = ({
const { navigate } = useNavigate();
const getListDateGroup = () => {
let rs: JSX.Element[] = [];
let rs = [];
let date = '';
let list: AccountHolderSearchListItem[] = [];
let list = [];
for (let i = 0; i < listItems.length; i++) {
// requestDate format: "20211018140420" (YYYYMMDDHHmmss)
let requestDate = listItems[i]?.requestDate || '';
let itemDate = requestDate.substring(0, 8);
if (i === 0) {
date = itemDate;
}
if (date !== itemDate) {
// 날짜가 바뀌면 이전 리스트를 푸시 (날짜 업데이트 전에!)
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={AdditionalServiceCategory.AccountHolderSearch}
mid={mid}
key={date + '-' + i}
date={date}
items={list as any}
></ListDateGroup>
);
let items = listItems[i];
if (!!items) {
let requestDate = items?.requestDate;
requestDate = requestDate?.substring(0, 8);
if (!!requestDate) {
if (i === 0) {
date = requestDate;
}
if (date !== requestDate) {
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={AdditionalServiceCategory.AccountHolderSearch}
key={date + '-' + i}
date={date}
items={list}
></ListDateGroup>
);
}
date = requestDate;
list = [];
}
list.push(items);
}
date = itemDate; // 그 다음에 날짜 업데이트
list = [];
}
list.push(listItems[i] as any);
}
if (list.length > 0) {
rs.push(
@@ -47,13 +49,14 @@ export const AccountHolderSearchList = ({
mid={mid}
key={date + '-last'}
date={date}
items={list as any}
items={list}
></ListDateGroup>
);
}
return rs;
};
const onClickToNavigate = () => {
navigate(PATHS.additionalService.accountHolderSearch.request)
};

55
src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx
View File

@@ -13,6 +13,7 @@ import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
import { AccountHolderSearchFilterProps, AccountHolderSearchCl, AccountHolderResultStatus } from '@/entities/additional-service/model/account-holder-search/types';
import { resultStatusBtnGroup, SearchTypeOption } from '@/entities/additional-service/model/account-holder-search/constant';
export const AccountHolderSearchFilter = ({
filterOn,
@@ -42,15 +43,15 @@ export const AccountHolderSearchFilter = ({
const [filterResultStatus, setFilterResultStatus] = useState<AccountHolderResultStatus>(resultStatus);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const bankList = useStore.getState().CommonStore.bankList;
const bankOptions = bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: bank.code1 }));
const onClickToClose = () => {
setFilterOn(false);
};
const setNewDate = (newDate: any) => {
console.log(newDate)
};
const onClickToSetFilter = () => {
setMid(filterMid);
setSearchType(filterSearchType);
@@ -61,22 +62,6 @@ export const AccountHolderSearchFilter = ({
setResultStatus(filterResultStatus);
onClickToClose();
};
let bankOptions = [
{ name: '우리은행', value: '우리은행' },
{ name: '토스뱅킹', value: '토스뱅킹' }
];
let searchTypeOption = [
{ name: '예금주', value: AccountHolderSearchCl.ACCOUNT_NAME },
{ name: '계좌번호', value: AccountHolderSearchCl.ACCOUNT_NO },
];
let processResultBtnGroup = [
{ name: '전체', value: ProcessResult.ALL },
{ name: '성공', value: ProcessResult.SUCCESS },
{ name: '실패', value: ProcessResult.FAIL },
];
return (
<>
@@ -84,17 +69,17 @@ export const AccountHolderSearchFilter = ({
className="full-menu-modal"
initial="hidden"
animate={(filterOn) ? 'visible' : 'hidden'}
variants={ FilterMotionVariants }
transition={ FilterMotionDuration }
style={ FilterMotionStyle }
variants={FilterMotionVariants}
transition={FilterMotionDuration}
style={FilterMotionStyle}
>
<div className="full-menu-container">
<div className="full-menu-header">
<div className="full-menu-title center">필터</div>
<div className="full-menu-actions">
<button
id="closeFullMenu"
className="full-menu-close"
id="closeFullMenu"
className="full-menu-close"
>
<img
src={IMAGE_ROOT + '/ico_close.svg'}
@@ -108,18 +93,18 @@ export const AccountHolderSearchFilter = ({
<div className="option-list pt-16">
<FilterSelect
title='가맹점'
selectValue={mid}
selectSetter={setMid}
selectValue={filterMid}
selectSetter={setFilterMid}
selectOptions={midOptions}
></FilterSelect>
<FilterSelectInput
title='예금주/계좌번호'
selectValue={searchType}
selectSetter={setSearchType}
selectOptions={searchTypeOption}
inputValue={searchKeyword}
inputSetter={setSearchKeyword}
selectValue={filterSearchType}
selectSetter={setFilterSearchType}
selectOptions={SearchTypeOption}
inputValue={filterSearchKeyword}
inputSetter={setFilterSearchKeyword}
></FilterSelectInput>
<FilterCalendar
startDate={filterStartDate}
@@ -130,15 +115,15 @@ export const AccountHolderSearchFilter = ({
<FilterSelect
title='은행'
selectValue={bank}
selectSetter={setBank}
selectValue={filterBank}
selectSetter={setFilterBank}
selectOptions={bankOptions}
></FilterSelect>
<FilterButtonGroups
title='조회결과'
activeValue={filterResultStatus}
btnGroups={processResultBtnGroup}
btnGroups={resultStatusBtnGroup}
setter={setFilterResultStatus}
></FilterButtonGroups>
</div>

81
src/entities/additional-service/ui/face-auth/filter/face-auth-filter.tsx
View File

@@ -1,7 +1,7 @@
import moment from 'moment';
import { IMAGE_ROOT } from '@/shared/constants/common';
import { motion } from 'framer-motion';
import { useState } from 'react';
import { useEffect, useState } from 'react';
import {ProcessResult} from '../../../model/types';
import { FilterSelect } from '@/shared/ui/filter/select';
import { FilterInput } from '@/shared/ui/filter/input';
@@ -9,60 +9,53 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
import { FaceAuthFilterProps, FaceAuthTransactionType } from '@/entities/additional-service/model/face-auth/types';
import { FaceAuthFilterProps, FaceAuthResult, FaceAuthTransType } from '@/entities/additional-service/model/face-auth/types';
import { AuthResultBtnGroup, TransactionTypeBtnGroup } from '@/entities/additional-service/model/face-auth/constant';
export const FaceAuthFilter = ({
filterOn,
setFilterOn,
mid,
memberId,
startDate,
endDate,
transactionType,
processResult,
userMallId,
fromDate,
toDate,
transType,
authResult,
setMid,
setMemberId,
setStartDate,
setEndDate,
setTransactionType,
setProcessResult
setUserMallId,
setFromDate,
setToDate,
setTransType,
setAuthResult
}: FaceAuthFilterProps) => {
const [filterMid, setFilterMid] = useState<string>(mid);
const [filterMemberId, setFilterMemberId] = useState<string>(memberId);
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD'));
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
const [filterTransactionType, setFilterTransactionType] = useState<FaceAuthTransactionType>(transactionType);
const [filterProcessResult, setFilterProcessResult] = useState<ProcessResult>(processResult);
const [filterMemberId, setFilterMemberId] = useState<string>(userMallId);
const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYYMMDD'));
const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYYMMDD'));
const [filterTransType, setFIlterTransType] = useState<FaceAuthTransType>(transType);
const [filterAuthResult, setFilterAuthResult] = useState<FaceAuthResult>(authResult);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
useEffect(() => {
setFilterAuthResult(authResult);
}, [authResult]);
const onClickToClose = () => {
setFilterOn(false);
};
const onClickToSetFilter = () => {
setMid(filterMid);
setMemberId(filterMemberId);
setStartDate(filterStartDate);
setEndDate(filterEndDate);
setTransactionType(filterTransactionType);
setProcessResult(filterProcessResult);
setUserMallId(filterMemberId);
setFromDate(filterFromDate);
setToDate(filterToDate);
setTransType(filterTransType);
setAuthResult(filterAuthResult);
onClickToClose();
};
const transactionTypeBtnGroup = [
{ name: '전체', value: FaceAuthTransactionType.ALL },
{ name: '인증', value: FaceAuthTransactionType.AUTH },
{ name: '등록', value: FaceAuthTransactionType.REGISTER },
];
const processResultBtnGroup = [
{ name: '전체', value: ProcessResult.ALL },
{ name: '성공', value: ProcessResult.SUCCESS },
{ name: '실패', value: ProcessResult.FAIL },
];
return (
<>
<motion.div
@@ -105,24 +98,24 @@ export const FaceAuthFilter = ({
></FilterInput>
<FilterCalendar
startDate={filterStartDate}
endDate={filterEndDate}
setStartDate={setFilterStartDate}
setEndDate={setFilterEndDate}
startDate={filterFromDate}
endDate={filterToDate}
setStartDate={setFilterFromDate}
setEndDate={setFilterToDate}
></FilterCalendar>
<FilterButtonGroups
title='거래유형'
activeValue={filterTransactionType}
btnGroups={transactionTypeBtnGroup}
setter={setFilterTransactionType}
activeValue={filterTransType}
btnGroups={TransactionTypeBtnGroup}
setter={setFIlterTransType}
></FilterButtonGroups>
<FilterButtonGroups
title='인증결과'
activeValue={filterProcessResult}
btnGroups={processResultBtnGroup}
setter={setFilterProcessResult}
activeValue={filterAuthResult}
btnGroups={AuthResultBtnGroup}
setter={setFilterAuthResult}
></FilterButtonGroups>
</div>
<div className="apply-row">

4
src/entities/additional-service/ui/link-payment/link-payment-history-list.tsx
View File

@@ -22,17 +22,19 @@ export const LinkPaymentHistoryList = ({
date = sendDate;
}
if (date !== sendDate) {
date = sendDate;
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={additionalServiceCategory}
mid={mid}
key={date + '-' + i}
date={date}
items={list}
></ListDateGroup>
);
}
date = sendDate;
list = [];
}
list.push(items);

21
src/entities/additional-service/ui/link-payment/link-payment-wait-list.tsx
View File

@@ -14,25 +14,26 @@ export const LinkPaymentWaitList = ({
let list = [];
for (let i = 0; i < listItems.length; i++) {
let items = listItems[i];
if(!!items) {
if (!!items) {
let scheduledSendDate = items?.scheduledSendDate;
scheduledSendDate = scheduledSendDate?.substring(0, 8);
if(!!scheduledSendDate) {
if(i === 0) {
if (!!scheduledSendDate) {
if (i === 0) {
date = scheduledSendDate;
}
if(date !== scheduledSendDate) {
date = scheduledSendDate;
if(list.length > 0) {
if (date !== scheduledSendDate) {
if (list.length > 0) {
rs.push(
<ListDateGroup
additionalServiceCategory={additionalServiceCategory}
key={ date + '-' + i}
date={ date }
items={ list }
additionalServiceCategory={additionalServiceCategory}
key={date + '-' + i}
mid={mid}
date={date}
items={list}
></ListDateGroup>
);
}
date = scheduledSendDate;
list = [];
}
list.push(items);

10
src/entities/additional-service/ui/list-date-group.tsx
View File

@@ -30,11 +30,11 @@ export const ListDateGroup = ({
paymentDate= { items[i]?.paymentDate}
paymentStatus={ items[i]?.paymentStatus}
requestDate={ items[i]?.requestDate }
requestTime={ items[i]?.requestTime}
registDate={ items[i]?.registDate }
bankName={ items[i]?.bankName}
accountName={ items[i]?.accountName}
accountNo={ items[i]?.accountNo }
transferStatus={ items[i]?.transferStatus}
resultStatus={ items[i]?.resultStatus }
resultMessage={ items[i]?.resultMessage }
applicationDate={ items[i]?.applicationDate }
@@ -61,7 +61,7 @@ export const ListDateGroup = ({
requestId={ items[i]?.requestId}
detailExposure={ items[i]?.detailExposure}
receiverInfo={ items[i]?.receiverInfo}
authStatus= { items[i]?.authStatus}
alimCl={ items[i]?.alimCl }
sendType={ items[i]?.sendType }
@@ -69,6 +69,12 @@ export const ListDateGroup = ({
paymentMethod={ items[i]?.paymentMethod }
receiverName={ items[i]?.receiverName }
serviceCode={ items[i]?.serviceCode}
groupId={ items[i]?.groupId}
cpid={ items[i]?.cpid}
userMallId={ items[i]?.userMallId}
transType={ items[i]?.transType }
authResult={ items[i]?.authResult }
failReason={ items[i]?.failReason }
smsCl= { items[i]?.smsCl }
onResendClick={ onResendClick }

49
src/entities/additional-service/ui/list-item.tsx
View File

@@ -11,6 +11,7 @@ import { getKeyInPaymentPaymentStatusName } from '../model/key-in/constant';
import { getArsPaymentStatusName, getArsOrderStatusName } from '../model/ars/constant';
import { ServiceCode } from '../model/alimtalk/types';
import { getAlimtalkAlimClText, getAlimtalkSendClTypeText, getAlimtalkSendTypeText, getAlimtalkServiceCodeText } from '../model/alimtalk/constant';
import { getAuthResultStatusText, getTransTypeText } from '../model/face-auth/constant';
export const ListItem = ({
additionalServiceCategory,
@@ -19,7 +20,7 @@ export const ListItem = ({
applicationDate, requestDate, bankName, accountNo, resultStatus, resultMessage,
amount, sendMethod, processStatus,registDate,
accountName, transferStatus,
accountName,
submallId, settlementDate, companyName,
disbursementStatus, disbursementAmount,
@@ -31,9 +32,10 @@ export const ListItem = ({
requestId,subReqId,
buyerName,receiverInfo,
seq,serviceCode,sendDate,
authStatus,
smsCl,
name,
smsCl,groupId,userMallId,transType,
authResult,failReason,requestTime,
onResendClick
}: ListItemProps) => {
const { navigate } = useNavigate();
@@ -72,9 +74,9 @@ export const ListItem = ({
}
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
if (transferStatus === "REQUEST" || transferStatus === "SUCCESS") {
if (authStatus === "REQUEST" || authStatus === "SUCCESS") {
rs = 'blue';
} else if (transferStatus === "FAIL") {
} else if (authStatus === "FAIL") {
rs = 'gray';
}
}
@@ -87,10 +89,10 @@ export const ListItem = ({
}
}
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
if (resultStatus === "SUCCESS") {
if (authResult === "SUCCESS") {
rs = 'blue';
}
else if (resultStatus === "FAIL") {
else if (authResult === "FAIL") {
rs = 'gray';
}
}
@@ -237,6 +239,14 @@ export const ListItem = ({
}
});
}
// else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
// navigate(PATHS.additionalService.faceAuth.detail, {
// state: {
// additionalServiceCategory: additionalServiceCategory,
// mid: mid
// }
// })
// }
else {
alert('additionalServiceCategory가 존재하지 않습니다.');
}
@@ -298,13 +308,12 @@ export const ListItem = ({
statusText = resultStatus || '';
}
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
statusText = transferStatus || '';
statusText = authStatus || '';
}
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
statusText = status || '';
statusText = getTransTypeText(transType)
}
else if (additionalServiceCategory === AdditionalServiceCategory.SMSPayment) {
console.log(smsCl)
statusText = getSmsClName(smsCl);
}
else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) {
@@ -331,7 +340,7 @@ export const ListItem = ({
str = `${accountNo}`;
}
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
str = `${name}(${tid})`;
str = `${userMallId}(${mid})`;
}
else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory ||
additionalServiceCategory === AdditionalServiceCategory.LinkPaymentWait
@@ -390,11 +399,15 @@ export const ListItem = ({
}
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
rs.push(
//TODO :
<div key="face-auth" className="transaction-details">
<span>{processStatus}</span>
<span>{getStatus()}</span>
<span className="separator">|</span>
<span>{status}</span>
<span>
{authResult === 'FAIL'
? `${getAuthResultStatusText(authResult)}: ${failReason}`
: getAuthResultStatusText(authResult)
}
</span>
</div>
);
}
@@ -512,15 +525,15 @@ export const ListItem = ({
}
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
rs.push(
<div className={`status-label ${resultStatus === 'SUCCESS' ? 'success' : 'fail'}`}>
{resultStatus === 'SUCCESS' ? '성공' : '실패'}
<div className={`status-label ${authResult === 'SUCCESS' ? 'success' : 'fail'}`}>
{authResult === 'SUCCESS' ? '성공' : '실패'}
</div>
);
}
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
rs.push(
<div className={`status-label ${(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? 'success' : 'fail'}`}>
{(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? '성공' : '실패'}
<div className={`status-label ${(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? 'success' : 'fail'}`}>
{(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? '성공' : '실패'}
</div>
);
}

1
src/entities/common/model/types.ts
View File

@@ -91,6 +91,7 @@ export enum SortTypeKeys {
export interface SortTypeBoxProps {
sortType: SortTypeKeys;
onClickToSort: (sortType: SortTypeKeys) => void;
sortOptions?: Array<{key: SortTypeKeys, label: string}>;
};
export interface CodesSelectParams {

26
src/entities/common/ui/sort-type-box.tsx
View File

@@ -1,21 +1,25 @@
import { SortTypeKeys, SortTypeBoxProps } from '../model/types';
export const SortTypeBox = ({
sortType,
onClickToSort
onClickToSort,
sortOptions = [
{ key: SortTypeKeys.LATEST, label: '최신순' },
{ key: SortTypeKeys.HIGH_AMOUNT, label: '고액순' }
]
}: SortTypeBoxProps) => {
return (
<>
<div className="sort-options">
<button
className={ `sort-btn ${(sortType === SortTypeKeys.LATEST)? 'active': ''}` }
onClick={ () => onClickToSort(SortTypeKeys.LATEST) }
>최신순</button>
<span className="sort-divider">|</span>
<button
className={ `sort-btn ${(sortType === SortTypeKeys.HIGH_AMOUNT)? 'active': ''}` }
onClick={ () => onClickToSort(SortTypeKeys.HIGH_AMOUNT) }
>고액순</button>
{sortOptions.map((option, index) => (
<span key={option.key}>
{index > 0 && <span className="sort-divider">| </span>}
<button
className={`sort-btn ${(sortType === option.key) ? 'active' : ''}`}
onClick={() => onClickToSort(option.key)}
>{option.label}</button>
</span>
))}
</div>
</>
);

2
src/entities/home/ui/favorite-wrapper.tsx
View File

@@ -70,7 +70,7 @@ export const FavoriteWrapper = ({
<SwiperSlide key={ `favorite-slide-key-${i}` }>
<div
className="swiper-item"
onClick={ () => onClickToNavigate(favoriteItems[i]?.programPath) }
onClick={ () => !editMode && onClickToNavigate(favoriteItems[i]?.programPath) }
>
<div className="swiper-icon coin-icon">
<img

18
src/entities/menu/ui/menu-category.tsx
View File

@@ -13,6 +13,7 @@ export interface MenuCategoryProps {
subMenu?: Array<MenuItem>;
setMenuOn?: (menuOn: boolean) => void;
editMode?: boolean;
changeMenuId?: string;
setChangeMenuId: (menuIdChecked?: string) => void;
buttonRefs: RefObject<Array<HTMLDivElement>>;
itemIndex: number;
@@ -25,6 +26,7 @@ export const MenuCategory = ({
subMenu,
setMenuOn,
editMode,
changeMenuId,
setChangeMenuId,
buttonRefs,
itemIndex
@@ -68,6 +70,11 @@ export const MenuCategory = ({
];
}
else{
// 즐겨찾기가 1개 남았을 때는 해제하지 않음
if(userFavorite.length <= 1){
callFavoiteItems();
return;
}
userFavorite = userFavorite.filter((value, _) => {
return value.menuId !== menuId
});
@@ -76,7 +83,7 @@ export const MenuCategory = ({
setChangeMenuId(`${menuId}-${checked}`);
callFavoiteItems();
// if(location.pathname === PATHS.home){
// }
};
@@ -93,11 +100,15 @@ export const MenuCategory = ({
callFavoiteItems();
}, []);
useEffect(() => {
callFavoiteItems();
}, [changeMenuId]);
useEffect(() => {
if(menuIds.length > 0) {
// callShortcutSave();
}
}, [menuIds]);
const getMenuItems = () => {
@@ -138,9 +149,8 @@ export const MenuCategory = ({
rs.push(
<li
key={ `menu-item-key-${i}` }
onClick={ () => onClickToNavigate(subMenu[i]?.programPath) }
>{ subMenu[i]?.menuName }</li>
);
);
}
}