css 수정 홈 api payment api

src/entities/home/api/use-home-banner-list-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_HOME } from '@/shared/api/api-url-home';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  HomeBannerListParams,
+  HomeBannerListResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const homeBannerList = (params: HomeBannerListParams) => {
+  return resultify(
+    axios.post<HomeBannerListResponse>(API_URL_HOME.homeBannerList(), params),
+  );
+};
+
+export const useHomeBannerListMutation = (options?: UseMutationOptions<HomeBannerListResponse, CBDCAxiosError, HomeBannerListParams>) => {
+  const mutation = useMutation<HomeBannerListResponse, CBDCAxiosError, HomeBannerListParams>({
+    ...options,
+    mutationFn: (params: HomeBannerListParams) => homeBannerList(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/home/api/use-home-groups-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_HOME } from '@/shared/api/api-url-home';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  HomeGroupsParams,
+  HomeGroupsResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const homeGroups = (params: HomeGroupsParams) => {
+  return resultify(
+    axios.post<HomeGroupsResponse>(API_URL_HOME.homeGroups(), params),
+  );
+};
+
+export const useHomeGroupsMutation = (options?: UseMutationOptions<HomeGroupsResponse, CBDCAxiosError, HomeGroupsParams>) => {
+  const mutation = useMutation<HomeGroupsResponse, CBDCAxiosError, HomeGroupsParams>({
+    ...options,
+    mutationFn: (params: HomeGroupsParams) => homeGroups(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/home/api/use-home-month-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_HOME } from '@/shared/api/api-url-home';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  HomeMonthParams,
+  HomeMonthResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const homeMonth = (params: HomeMonthParams) => {
+  return resultify(
+    axios.post<HomeMonthResponse>(API_URL_HOME.homeMonth(), params),
+  );
+};
+
+export const useHomeMonthwMutation = (options?: UseMutationOptions<HomeMonthResponse, CBDCAxiosError, HomeMonthParams>) => {
+  const mutation = useMutation<HomeMonthResponse, CBDCAxiosError, HomeMonthParams>({
+    ...options,
+    mutationFn: (params: HomeMonthParams) => homeMonth(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/home/api/use-home-notice-list-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_HOME } from '@/shared/api/api-url-home';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  HomeNoticeListParams,
+  HomeNoticeListResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const homeNoticeList = (params: HomeNoticeListParams) => {
+  return resultify(
+    axios.post<HomeNoticeListResponse>(API_URL_HOME.homeBannerList(), params),
+  );
+};
+
+export const useHomeBannerListMutation = (options?: UseMutationOptions<HomeNoticeListResponse, CBDCAxiosError, HomeNoticeListParams>) => {
+  const mutation = useMutation<HomeNoticeListResponse, CBDCAxiosError, HomeNoticeListParams>({
+    ...options,
+    mutationFn: (params: HomeNoticeListParams) => homeNoticeList(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/home/api/use-home-overview-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_HOME } from '@/shared/api/api-url-home';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  HomeOverviewParams,
+  HomeOverviewResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const homeOverview = (params: HomeOverviewParams) => {
+  return resultify(
+    axios.post<HomeOverviewResponse>(API_URL_HOME.homeOverview(), params),
+  );
+};
+
+export const useHomeOverviewMutation = (options?: UseMutationOptions<HomeOverviewResponse, CBDCAxiosError, HomeOverviewParams>) => {
+  const mutation = useMutation<HomeOverviewResponse, CBDCAxiosError, HomeOverviewParams>({
+    ...options,
+    mutationFn: (params: HomeOverviewParams) => homeOverview(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/home/api/use-home-today-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_HOME } from '@/shared/api/api-url-home';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  HomeTodayParams,
+  HomeTodayResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const homeToday = (params: HomeTodayParams) => {
+  return resultify(
+    axios.post<HomeTodayResponse>(API_URL_HOME.homeToday(), params),
+  );
+};
+
+export const useHomeTodayMutation = (options?: UseMutationOptions<HomeTodayResponse, CBDCAxiosError, HomeTodayParams>) => {
+  const mutation = useMutation<HomeTodayResponse, CBDCAxiosError, HomeTodayParams>({
+    ...options,
+    mutationFn: (params: HomeTodayParams) => homeToday(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/home/model/types.ts

@@ -1,3 +1,8 @@
+import { 
+	NoticeListParams, 
+	NoticeListResponse 
+} from '@/entities/support/model/types';
+
 export interface FavoriteItemProps {
 	img?: string,
 	text?: string
@@ -9,4 +14,74 @@ export interface HomeBottomBannerProps {
 export interface AuthRegisterProps {
 	setAuthRegisterOn: (authRegisterOn: boolean) => void;
 	authRegisterOn: boolean;
-};
+};
+
+export interface HomeCommonParams {
+	mid: string;
+	searchDate: string;
+};
+export interface HomeTodayParams extends HomeCommonParams {};
+export interface HomeTodayResponse {
+	sales: Sales,
+	settlement: Settlement
+};
+export interface Sales {
+	todayTotalAmount?: number;
+	yesterdayTotalAmount?: number;
+	totalCount?: number;
+	cancelCount?: number;
+	currentMonthAmount?: number;
+	previousMonthAmount?: number;
+};
+export interface Settlement {
+	todaySettlementAmount: number;
+	totalCreditLimit: number;
+	availableCredit: number;
+	currentMonthSettlementAmount?: number;
+	previousMonthSettlementAmount?: number;
+};
+export interface HomeOverviewParams extends HomeCommonParams {};
+export interface HomeOverviewResponse {
+	averageTransactionAmount: number;
+	dailyAverageSales: number;
+	dailyAverageCount: number;
+	topSalesDayInfo: TopSalesDayInfo;
+	topSalesTimeInfo: TopSalesTimeInfo;
+	topPaymentMethodInfo: TopPaymentMethodInfo;
+};
+export interface TopSalesDayInfo {
+	daySalesRatios: Array<DaySalesRatios>;
+};
+export interface TopSalesTimeInfo {
+	timeSalesRatios: Array<TimeSalesRatios>;
+};
+export interface TopPaymentMethodInfo {
+	paymentMethodRatios: Array<PaymentMethodRatios>;
+};
+export interface DaySalesRatios {
+	dayOfWeek: string;
+	ratio: number;
+};
+export interface TimeSalesRatios {
+	hour: string;
+	ratio: number;
+};
+export interface PaymentMethodRatios {
+	paymentMethod: string;
+	ratio: number;
+};
+export interface HomeNoticeListParams extends NoticeListParams {};
+export interface HomeNoticeListResponse extends NoticeListResponse {};
+export interface HomeMonthParams extends HomeCommonParams {};
+export interface HomeMonthResponse {
+	sales: Sales;
+	settlement: Settlement;
+};
+export interface HomeGroupsParams {
+	userid: string;
+};
+export interface HomeGroupsResponse {
+	mids: Array<string>;
+};
+export interface HomeBannerListParams {};
+export interface HomeBannerListResponse {};

src/entities/payment/api/use-payment-card-mutaion.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_PAYMENT } from '@/shared/api/api-url-payment';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  PaymentCardParams,
+  PaymentCardResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const paymentCard = (params: PaymentCardParams) => {
+  return resultify(
+    axios.post<PaymentCardResponse>(API_URL_PAYMENT.paymentCard(), params),
+  );
+};
+
+export const usePaymentCardMutation = (options?: UseMutationOptions<PaymentCardResponse, CBDCAxiosError, PaymentCardParams>) => {
+  const mutation = useMutation<PaymentCardResponse, CBDCAxiosError, PaymentCardParams>({
+    ...options,
+    mutationFn: (params: PaymentCardParams) => paymentCard(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/payment/api/use-payment-installment-detail-mutaion.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_PAYMENT } from '@/shared/api/api-url-payment';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  PaymentInstallmentDetailParams,
+  PaymentInstallmentDetailResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const paymentInstallmentDetail = (params: PaymentInstallmentDetailParams) => {
+  return resultify(
+    axios.post<PaymentInstallmentDetailResponse>(API_URL_PAYMENT.paymentInstallmentDetail(), params),
+  );
+};
+
+export const usePaymentInstallmentDetailMutation = (options?: UseMutationOptions<PaymentInstallmentDetailResponse, CBDCAxiosError, PaymentInstallmentDetailParams>) => {
+  const mutation = useMutation<PaymentInstallmentDetailResponse, CBDCAxiosError, PaymentInstallmentDetailParams>({
+    ...options,
+    mutationFn: (params: PaymentInstallmentDetailParams) => paymentInstallmentDetail(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/payment/api/use-payment-installment-mutaion.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_PAYMENT } from '@/shared/api/api-url-payment';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  PaymentInstallmentParams,
+  PaymentInstallmentResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const paymentInstallment = (params: PaymentInstallmentParams) => {
+  return resultify(
+    axios.post<PaymentInstallmentResponse>(API_URL_PAYMENT.paymentInstallment(), params),
+  );
+};
+
+export const usePaymentInstallmentMutation = (options?: UseMutationOptions<PaymentInstallmentResponse, CBDCAxiosError, PaymentInstallmentParams>) => {
+  const mutation = useMutation<PaymentInstallmentResponse, CBDCAxiosError, PaymentInstallmentParams>({
+    ...options,
+    mutationFn: (params: PaymentInstallmentParams) => paymentInstallment(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/payment/api/use-payment-non-card-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_PAYMENT } from '@/shared/api/api-url-payment';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  PaymentNonCardParams,
+  PaymentNonCardResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const paymentNonCard = (params: PaymentNonCardParams) => {
+  return resultify(
+    axios.post<PaymentNonCardResponse>(API_URL_PAYMENT.paymentNonCard(), params),
+  );
+};
+
+export const usePaymentNonCardMutation = (options?: UseMutationOptions<PaymentNonCardResponse, CBDCAxiosError, PaymentNonCardParams>) => {
+  const mutation = useMutation<PaymentNonCardResponse, CBDCAxiosError, PaymentNonCardParams>({
+    ...options,
+    mutationFn: (params: PaymentNonCardParams) => paymentNonCard(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/payment/api/use-payment-notification-data-mutaion.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL_PAYMENT } from '@/shared/api/api-url-payment';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  PaymentNotificationDataParams,
+  PaymentNotificationDataResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const paymentNotificationData = (params: PaymentNotificationDataParams) => {
+  return resultify(
+    axios.post<PaymentNotificationDataResponse>(API_URL_PAYMENT.paymentnotificationData(), params),
+  );
+};
+
+export const usePaymentNotificationDataMutation = (options?: UseMutationOptions<PaymentNotificationDataResponse, CBDCAxiosError, PaymentNotificationDataParams>) => {
+  const mutation = useMutation<PaymentNotificationDataResponse, CBDCAxiosError, PaymentNotificationDataParams>({
+    ...options,
+    mutationFn: (params: PaymentNotificationDataParams) => paymentNotificationData(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/payment/model/types.ts

@@ -9,4 +9,140 @@ export interface InfoItemProps {
   payName?: string;
   payImage?: string;
   infoLink?: string;
-};
+};
+
+export interface PaymentCommonParams {
+  mid: string;
+};
+export interface PaymentNotificationDataParams extends PaymentCommonParams {
+  gid: string;
+};
+export interface PaymentNotificationDataResponse {
+  merchantInfo: MerchantInfo;
+  creditCard: CreditCard;
+  accountTransfer: AccountTransfer;
+  virtualAccount: VirtualAccount;
+  mobilePayment: MobilePayment;
+  escrowPayment: EscrowPayment
+};
+export interface MerchantInfo {
+  paymentInfoType: string;
+  mid: string;
+};
+export interface CreditCard {
+  id: number;
+  paymentMethodName: string;
+  startDate: string;
+  adminEmail: string;
+  urlIp: string;
+  retransmissionInterval: string;
+  retransmissionCount: string;
+  okCheck: string;
+  encryptionStatus: string;
+  expandable: boolean;
+  detail: Record<string, any>;
+};
+export interface AccountTransfer {
+  id: number;
+  paymentMethodName: string;
+  startDate: string;
+  adminEmail: string;
+  urlIp: string;
+  retransmissionInterval: string;
+  retransmissionCount: string;
+  okCheck: string;
+  encryptionStatus: string;
+  expandable: boolean;
+  detail: Record<string, any>;
+};
+export interface VirtualAccount {
+  id: number;
+  paymentMethodName: string;
+  startDate: string;
+  adminEmail: string;
+  urlIp: string;
+  retransmissionInterval: string;
+  retransmissionCount: string;
+  okCheck: string;
+  encryptionStatus: string;
+  expandable: boolean;
+  detail: Record<string, any>;
+};
+export interface MobilePayment {
+  id: 1,
+  paymentMethodName: string;
+  startDate: string;
+  adminEmail: string;
+  urlIp: string;
+  retransmissionInterval: string;
+  retransmissionCount: string;
+  okCheck: string;
+  encryptionStatus: string;
+  expandable: boolean;
+  detail: Record<string, any>;
+};
+export interface EscrowPayment {
+  id: 1,
+  paymentMethodName: string;
+  startDate: string;
+  adminEmail: string;
+  urlIp: string;
+  retransmissionInterval: string;
+  retransmissionCount: string;
+  okCheck: string;
+  encryptionStatus: string;
+  expandable: boolean;
+  detail: Record<string, any>;
+};
+export interface PaymentNonCardParams extends PaymentCommonParams {
+  paymentMethod: string;
+};
+export interface PaymentNonCardResponse {
+  settlementPeriod: string;
+  accountTransferData: AccountTransferData;
+  mobilePaymentData: MobilePaymentData;
+  otherPaymentData: OtherPaymentData;
+};
+export interface AccountTransferData {
+  feeRanges: Array<Record<string, any>>;
+  bankFees: Array<Record<string, any>>;
+};
+export interface MobilePaymentData {
+  paymentFees: Array<Record<string, any>>;
+  categoryFees: Array<Record<string, any>>;
+};
+export interface OtherPaymentData {
+  feeRate: number;
+};
+export interface PaymentInstallmentParams extends PaymentCommonParams {
+  paymentMethod: string;
+};
+export interface PaymentInstallmentResponse {
+  installmentData: Array<Record<string, any>>;
+};
+export interface PaymentInstallmentDetailParams extends PaymentCommonParams {
+  cardCompany: string;
+};
+export interface PaymentInstallmentDetailResponse {
+  cardCompany: string;
+  cardCompanyOptions: Array<string>;
+  installmentDetails: Array<Record<string, any>>;
+};
+export interface PaymentCardParams extends PaymentCommonParams{
+  paymentMethod: string;
+};
+export interface PaymentCardResponse {
+  settlementPeriod: string;
+  generalTab: GeneralTab;
+  installmentTab: InstallmentTab;
+  moneyPointTab: MoneyPointTab;
+};
+export interface GeneralTab {
+  items: Array<Record<string, any>>;
+};
+export interface InstallmentTab {
+  items: Array<Record<string, any>>;
+};
+export interface MoneyPointTab {
+  items: Array<Record<string, any>>;
+};

src/shared/api/api-url-payment.ts

@@ -0,0 +1,28 @@
+import { 
+  API_BASE_URL,
+  API_URL_KEY,
+} from './../constants/url';
+
+/* Payment Management = 결제관리 API */
+export const API_URL_PAYMENT = {
+  paymentnotificationData: () => {
+    // POST: 결제데이터 통보 조회
+    return `${API_BASE_URL}/api/v1/${API_URL_KEY}/payment/notification/data`;
+  },
+  paymentNonCard: () => {
+    // POST: 카드외 결제수단 수수료 및 정산주기 조회
+    return `${API_BASE_URL}/api/v1/${API_URL_KEY}/payment/non-card`;
+  },
+  paymentInstallment: () => {
+    // POST: 가맹점 분담 무이자 정보 조회
+    return `${API_BASE_URL}/api/v1/${API_URL_KEY}/payment/installment`;
+  },
+  paymentInstallmentDetail: () => {
+    // POST: 가맹점 분담 무이자 상세 조회
+    return `${API_BASE_URL}/api/v1/${API_URL_KEY}/payment/installment/detail`;
+  },
+  paymentCard: () => {
+    // POST: 카드 결제수단 수수료 및 정산주기 조회
+    return `${API_BASE_URL}/api/v1/${API_URL_KEY}/payment/card`;
+  },
+};

src/shared/ui/assets/css/style-fix.css

@@ -51,7 +51,10 @@ main {
   padding-bottom: env(safe-area-inset-bottom) !important;
 }
 .bottomsheet{
-  padding-bottom: env(safe-area-inset-bottom) !important;
+  padding-bottom: calc(26px + env(safe-area-inset-bottom));
+}
+.bottomsheet.banner{
+  padding-bottom: calc(0px + env(safe-area-inset-bottom));
 }
 .apply-row.bottom-padding{
   bottom: calc(70px + env(safe-area-inset-bottom)) !important;