api 추가

src/entities/transaction/api/use-cash-receipt-receipt-send-email-mutation.ts

@@ -0,0 +1,39 @@
+import axios from 'axios';
+import { API_URL_TRANSACTION } from '@/shared/api/api-url-transaction';
+import { resultify } from '@/shared/lib/resultify';
+import { NiceAxiosError } from '@/shared/@types/error';
+import { 
+  CashReceiptReceiptSendEmailParams,
+  CashReceiptReceiptSendEmailResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+import { getHeaderUserAgent } from '@/shared/constants/url';
+
+export const cashReceiptReceiptSendEmail = (params: CashReceiptReceiptSendEmailParams) => {
+  let headerOptions = {
+    menuId: 32,
+    apiType: 'DOWNLOAD'
+  };
+  let options = {
+    headers: {
+      'X-User-Agent': getHeaderUserAgent(headerOptions)
+    }
+  };
+  return resultify(
+    axios.post<CashReceiptReceiptSendEmailResponse>(API_URL_TRANSACTION.cashReceiptReceiptSendEmail(), params, options),
+  );
+};
+
+export const useCashReceiptReceiptSendEmailMutation = (options?: UseMutationOptions<CashReceiptReceiptSendEmailResponse, NiceAxiosError, CashReceiptReceiptSendEmailParams>) => {
+  const mutation = useMutation<CashReceiptReceiptSendEmailResponse, NiceAxiosError, CashReceiptReceiptSendEmailParams>({
+    ...options,
+    mutationFn: (params: CashReceiptReceiptSendEmailParams) => cashReceiptReceiptSendEmail(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/transaction/model/types.ts

@@ -841,6 +841,15 @@ export interface CashReceiptManualIssueResponse {
   issueDateTime: string,
   issueResult: SuccessResult
 };
+
+export interface CashReceiptReceiptSendEmailParams {
+  tid: string;
+  email: string;
+};
+export interface CashReceiptReceiptSendEmailResponse {
+  message?: string;
+};
+
 export interface BillingChargeParams {
   billKey: string;
   productName: string;

src/entities/transaction/ui/section/amount-info-section.tsx

@@ -1,7 +1,7 @@
 import moment from 'moment';
 import { useTranslation } from 'react-i18next';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { AmountInfo, CashReceiptReceiptDownloadParams, CashReceiptReceiptDownloadResponse, CustomerInfo, InfoSectionKeys, InfoSectionProps, IssueInfo, MerchantInfo, ProductInfo, TransactionCategory, TransactionInfo } from '../../model/types';
+import { AmountInfo, CashReceiptReceiptDownloadParams, CashReceiptReceiptDownloadResponse, CashReceiptReceiptSendEmailParams, CashReceiptReceiptSendEmailResponse, CustomerInfo, InfoSectionKeys, InfoSectionProps, IssueInfo, MerchantInfo, ProductInfo, TransactionCategory, TransactionInfo } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 import { snackBar } from '@/shared/lib';
@@ -9,6 +9,7 @@ import { useCashReceiptReceiptDownloadMutation } from '../../api/use-cash-receip
 import { useState } from 'react';
 import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
 import { CashReceiptSample } from '@/entities/common/ui/cash-receipt-sample';
+import { useCashReceiptReceiptSendEmailMutation } from '../../api/use-cash-receipt-receipt-send-email-mutation';
 
 export const AmountInfoSection = ({
   transactionCategory,
@@ -22,6 +23,8 @@ export const AmountInfoSection = ({
   const { t } = useTranslation();
 
   const { mutateAsync: cashReceiptReceiptDownload } = useCashReceiptReceiptDownloadMutation();
+  const { mutateAsync: cashReceiptReceiptSendEamil } = useCashReceiptReceiptSendEmailMutation();
+
   const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
   const [cashReceiptSampleOn, setCashReceiptSampleOn] = useState<boolean>(false);
 
@@ -207,7 +210,19 @@ export const AmountInfoSection = ({
       if(selectedMode === DownloadSelectedMode.EMAIL
         && !!userEmail
       ){
-        // 추가 api 필요
+        let params: CashReceiptReceiptSendEmailParams = {
+          tid: tid,
+          email: userEmail
+        };
+        cashReceiptReceiptSendEamil(params).then((rs: CashReceiptReceiptSendEmailResponse) => {
+          console.log(rs);
+          snackBar('이메일로 현금영수증 요청이 완료되었습니다.');
+        }).catch((e: any) => {
+          if(e.response?.data?.error?.message){
+            snackBar(e.response?.data?.error?.message);
+            return;
+          }
+        });
       }
       else if(selectedMode === DownloadSelectedMode.IMAGE){
         let params: CashReceiptReceiptDownloadParams = {