From d896de54fcc0a4e9032b3968f228e3a75f129872 Mon Sep 17 00:00:00 2001
From: HyeonJongKim <ujiko2003@bpsoft.co.kr>
Date: Mon, 24 Nov 2025 16:16:59 +0900
Subject: [PATCH] =?UTF-8?q?-=20=EB=B6=80=EA=B0=80=EC=84=9C=EB=B9=84?=
 =?UTF-8?q?=EC=8A=A4=20:=20SMS=20=EA=B2=B0=EC=A0=9C=ED=86=B5=EB=B3=B4=20?=
 =?UTF-8?q?=EC=9E=AC=EB=B0=9C=EC=86=A1=20Mesaage=20=EC=88=98=EC=A0=95?=
 =?UTF-8?q?=EA=B0=80=EB=8A=A5=20=ED=95=98=EB=8F=84=EB=A1=9D=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sms-payment/sms-payment-detail-resend.tsx | 25 ++++++++++++++-----
 .../additional-service/payout/list-page.tsx   |  2 +-
 .../sms-payment/sms-payment-page.tsx          |  2 +-
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx b/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx
index 48f25ba..ae43b6b 100644
--- a/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx
+++ b/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx
@@ -6,6 +6,7 @@ import { useExtensionSmsResendMutation } from '../../api/sms-payment/use-extensi
 import { snackBar } from '@/shared/lib';
 import { showAlert } from '@/widgets/show-alert';
 import { checkGrant } from '@/shared/lib/check-grant';
+import { useState, useEffect } from 'react';
 
 export const SmsPaymentDetailResend = ({
   bottomSmsPaymentDetailResendOn,
@@ -14,6 +15,7 @@ export const SmsPaymentDetailResend = ({
   seq
 }: SmsPaymentDetailResendProps) => {
   const { t } = useTranslation();
+  const [editableMessage, setEditableMessage] = useState<string>('');
 
   const variants = {
     hidden: { y: '100%' },
@@ -22,9 +24,14 @@ export const SmsPaymentDetailResend = ({
 
   const { mutateAsync: resendMessage } = useExtensionSmsResendMutation();
 
+  // smsDetailData가 변경되면 editableMessage 업데이트
+  useEffect(() => {
+    setEditableMessage(smsDetailData?.sendMessage || '');
+  }, [smsDetailData?.sendMessage]);
+
   const onClickResend = () => {
-    // sendMessage가 없으면 재발송 불가
-    if (!smsDetailData?.sendMessage) {
+    // editableMessage가 없으면 재발송 불가
+    if (!editableMessage || !editableMessage.trim()) {
       return;
     }
 
@@ -35,7 +42,7 @@ export const SmsPaymentDetailResend = ({
 
     resendMessage({
       seq: seq,
-      sendMessage: smsDetailData.sendMessage
+      sendMessage: editableMessage
     }).then((rs) => {
       if (rs.status) {
         snackBar(t('additionalService.sms.sendSuccess'))
@@ -90,14 +97,20 @@ export const SmsPaymentDetailResend = ({
           <div className="resend-row">{t('additionalService.sms.receiver')} : {smsDetailData?.receiverName || '-'}({smsDetailData?.receiverNumber || '-'})</div>
         </div>
         <div className="resend-box">
-          <p className="resend-text">{smsDetailData?.sendMessage || '-'}</p>
+          <textarea
+            className="resend-text"
+            value={editableMessage}
+            onChange={(e) => setEditableMessage(e.target.value)}
+            placeholder="-"
+            style={{ border: 'none', outline: 'none' }}
+          />
         </div>
         <div className="bottomsheet-footer">
           <button
-            className={`btn-50 flex-1 ${smsDetailData?.sendMessage ? 'btn-blue' : 'btn-gray'}`}
+            className={`btn-50 flex-1 ${editableMessage && editableMessage.trim() ? 'btn-blue' : 'btn-gray'}`}
             type="button"
             onClick={onClickResend}
-            disabled={!smsDetailData?.sendMessage}
+            disabled={!editableMessage || !editableMessage.trim()}
           >
             {t('additionalService.sms.smsResendButton')}
           </button>
diff --git a/src/pages/additional-service/payout/list-page.tsx b/src/pages/additional-service/payout/list-page.tsx
index 6d87d9c..0b80545 100644
--- a/src/pages/additional-service/payout/list-page.tsx
+++ b/src/pages/additional-service/payout/list-page.tsx
@@ -102,7 +102,7 @@ export const PayoutListPage = () => {
   });
 
   const onClickToNavigation = () => {
-    if (!checkGrant(53, 'X')) {
+    if (!checkGrant(53, 'X') || !checkGrant(53, 'W')) {
       showAlert(t('common.nopermission'));
       return;
     }
diff --git a/src/pages/additional-service/sms-payment/sms-payment-page.tsx b/src/pages/additional-service/sms-payment/sms-payment-page.tsx
index 2398e48..b46d73e 100644
--- a/src/pages/additional-service/sms-payment/sms-payment-page.tsx
+++ b/src/pages/additional-service/sms-payment/sms-payment-page.tsx
@@ -194,7 +194,7 @@ export const SmsPaymentPage = () => {
   };
 
   const onClickToShowDetail = (selectedSeq: number) => {
-    if (!checkGrant(57, 'W')) {
+    if (!checkGrant(57, 'X') || !checkGrant(57, 'W')) {
       showAlert(t('common.nopermission'));
       return;
     }