From 842aaf361348320465fd29b5127c54379af48d07 Mon Sep 17 00:00:00 2001
From: HyeonJongKim <ujiko2003@bpsoft.co.kr>
Date: Mon, 10 Nov 2025 15:32:05 +0900
Subject: [PATCH] =?UTF-8?q?-=20=EC=A7=80=EA=B8=89=EB=8C=80=ED=96=89,=20?=
 =?UTF-8?q?=EC=9E=90=EA=B8=88=EC=9D=B4=EC=B2=B4=20=EC=83=81=EC=84=B8=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9E=85=EA=B8=88=ED=99=95?=
 =?UTF-8?q?=EC=9D=B8=EC=84=9C=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=8B=A4?=
 =?UTF-8?q?=EC=9A=B4=EB=A1=9C=EB=93=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/fund-account/detail/result-detail.tsx  | 56 ++++++++++++++-----
 .../ui/payout/detail/payout-detail.tsx        | 13 +++++
 src/locales/ko.json                           |  2 +-
 3 files changed, 55 insertions(+), 16 deletions(-)

diff --git a/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx b/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx
index 33ebcc8..ea9d945 100644
--- a/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx
+++ b/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx
@@ -15,6 +15,7 @@ import { DetailMotionDuration, DetailMotionStyle, DetailMotionVariants } from '@
 import { FullMenuClose } from '@/entities/common/ui/full-menu-close';
 import { showAlert } from '@/widgets/show-alert';
 import { snackBar } from '@/shared/lib';
+import { TaxInvoiceSample } from '@/entities/common/ui/tax-invoice-sample';
 
 export interface FundAccountResultDetailProps {
   detailOn: boolean;
@@ -33,6 +34,7 @@ export const FundAccountResultDetail = ({
   const [detail, setDetail] = useState<ExtensionFundAccountResultDetailResponse>();
 
   const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
+  const [taxInvoiceOn, setTaxInvoiceOn] = useState<boolean>(false);
 
   const { mutateAsync: extensionFundAccountResultDetail } = useExtensionFundAccountResultDetailMutation();
   const { mutateAsync: extensionFundAccountDownlaodReceipt } = useExtensionFundAccountDownloadReceiptMutation();
@@ -59,26 +61,44 @@ export const FundAccountResultDetail = ({
   };
 
   const onRequestDownload = (
-		selectedMode: DownloadSelectedMode,
-		userEmail?: string
-	) => {
-    if(selectedMode === DownloadSelectedMode.EMAIL
+    selectedMode: DownloadSelectedMode,
+    userEmail?: string
+  ) => {
+    if (selectedMode === DownloadSelectedMode.EMAIL
       && userEmail
-    ){
+    ) {
       let params: ExtensionFundAccountDownloadReceiptParams = {
         mid: mid,
         tid: tid,
+        //requestType: selectedMode,
         email: userEmail
       };
       extensionFundAccountDownlaodReceipt(params).then((rs: ExtensionFundAccountDownloadReceiptResponse) => {
         console.log('Receipt Download Status:', rs);
       }).catch((e: any) => {
-        if(e.response?.data?.error?.message){
+        if (e.response?.data?.error?.message) {
           snackBar(e.response?.data?.error?.message);
           return;
         }
       });
     }
+    else if (selectedMode === DownloadSelectedMode.IMAGE) {
+      const params: ExtensionFundAccountDownloadReceiptParams = {
+        mid: mid,
+        tid: tid,
+        //requestType: selectedMode,
+        email: ''
+      };
+      extensionFundAccountDownlaodReceipt(params).then((rs: ExtensionFundAccountDownloadReceiptResponse) => {
+        if (selectedMode === DownloadSelectedMode.IMAGE) {
+          setTaxInvoiceOn(true)
+        } else if (selectedMode === DownloadSelectedMode.EMAIL) {
+          snackBar('입금확인서 다운 성공')
+        }
+      }).catch((error) => {
+        console.error('Certificate Download Failed:', error);
+      });
+    }
   };
 
   const onClickToClose = () => {
@@ -128,7 +148,7 @@ export const FundAccountResultDetail = ({
               <button
                 type="button"
                 className="receipt-btn"
-                onClick={ onClickToOpenDownloadBottomSheet }
+                onClick={onClickToOpenDownloadBottomSheet}
               >
                 <span className="icon-24 download"></span>
                 <span>{t('additionalService.fundAccount.depositCertificate')}</span>
@@ -182,15 +202,21 @@ export const FundAccountResultDetail = ({
             </ul>
           </div>
         </div>
+        {!!downloadBottomSheetOn &&
+          <DownloadBottomSheet
+            bottomSheetOn={downloadBottomSheetOn}
+            setBottomSheetOn={setDownloadBottomSheetOn}
+            imageMode={true}
+            emailMode={true}
+            sendRequest={onRequestDownload}
+          ></DownloadBottomSheet>
+        }
       </motion.div>
-      { !!downloadBottomSheetOn &&
-        <DownloadBottomSheet
-          bottomSheetOn={ downloadBottomSheetOn }
-          setBottomSheetOn={ setDownloadBottomSheetOn }
-          imageMode={ false }
-          emailMode={ true }
-          sendRequest={ onRequestDownload }
-        ></DownloadBottomSheet>
+      {
+        <TaxInvoiceSample
+          taxInvoiceOn={taxInvoiceOn}
+          setTaxInvoiceOn={setTaxInvoiceOn}
+        ></TaxInvoiceSample>
       }
     </>
   );
diff --git a/src/entities/additional-service/ui/payout/detail/payout-detail.tsx b/src/entities/additional-service/ui/payout/detail/payout-detail.tsx
index 5bfe27a..34532e5 100644
--- a/src/entities/additional-service/ui/payout/detail/payout-detail.tsx
+++ b/src/entities/additional-service/ui/payout/detail/payout-detail.tsx
@@ -11,6 +11,7 @@ import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/
 import { showAlert } from '@/widgets/show-alert';
 import { checkGrant } from '@/shared/lib/check-grant';
 import { snackBar } from '@/shared/lib';
+import { TaxInvoiceSample } from '@/entities/common/ui/tax-invoice-sample';
 
 export interface PayoutDetailProps {
     detailOn: boolean;
@@ -30,6 +31,7 @@ export const PayoutDetail = ({
     const [detail, setDetail] = useState<ExtensionPayoutDetailResponse>();
 
     const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
+    const [taxInvoiceOn, setTaxInvoiceOn] = useState<boolean>(false);
 
     const { mutateAsync: extensionPayoutDetail } = useExtensionPayoutDetailMutation();
     const { mutateAsync: extensionPayoutDetailDownloadCertification } = useExtensionPayoutDetailDownloadCertificateMutation();
@@ -70,6 +72,11 @@ export const PayoutDetail = ({
             };
             extensionPayoutDetailDownloadCertification(params).then((rs: ExtensionPayoutDetailDownloadCertificateResponse) => {
                 console.log('Certificate Download Status:', rs);
+                if(selectedMode === DownloadSelectedMode.IMAGE) {
+                    setTaxInvoiceOn(true)
+                } else if(selectedMode === DownloadSelectedMode.EMAIL) {
+                    snackBar('입금확인서 다운 성공')
+                }
             }).catch((error) => {
                 console.error('Certificate Download Failed:', error);
             });
@@ -197,6 +204,12 @@ export const PayoutDetail = ({
                     />
                 }
             </motion.div>
+            {
+                <TaxInvoiceSample
+                    taxInvoiceOn={taxInvoiceOn}
+                    setTaxInvoiceOn={setTaxInvoiceOn}
+                ></TaxInvoiceSample>
+            }
         </>
     );
 };
\ No newline at end of file
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 1e9ffd5..14330f6 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -817,7 +817,7 @@
         "title": "부가서비스 소개",
         "activeServices": "사용중인 서비스",
         "availableServices": "신청 가능한 서비스",
-        "notActiveServiceMessage": "이용 중이지 않은 서비스입니다.",
+        "notActiveServiceMessage": "이용 중이지 않은 서비스입니다.", 
         "contactSalesMessage": "가입 문의는 영업 담당자 또는 고객센터로 문의해 주세요.",
         "common": {
             "success": "성공",