- SMS,KeyIn,ARS 페이지 스크롤 적용

- ARS 결제신청 :성공 결과 팝업 추가

src/entities/additional-service/ui/list-item.tsx

@@ -6,6 +6,9 @@ import { getPaymentStatusText, getProcessStatusText, getSendMethodText } from '.
 import { getFundAccountResultStatusName, getFundAccountStatusName } from '../model/fund-account/constant';
 import moment from 'moment';
 import { FundAccountResultStatus } from '../model/fund-account/types';
+import { getSmsClName } from '../model/sms-payment/constant';
+import { getKeyInPaymentPaymentStatusName } from '../model/key-in/constant';
+import { getArsPaymentStatusName, getArsOrderStatusName } from '../model/ars/constant';
 
 export const ListItem = ({
   additionalServiceCategory,
@@ -291,6 +294,16 @@ export const ListItem = ({
     else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
       statusText = status || '';
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.SMSPayment) {
+      console.log(smsCl)
+      statusText = getSmsClName(smsCl);
+    }
+    else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) {
+      statusText = getKeyInPaymentPaymentStatusName(paymentStatus)
+    }
+    else if (additionalServiceCategory === AdditionalServiceCategory.Ars) {
+      statusText = getArsPaymentStatusName(paymentStatus)
+    }
     else {
       statusText = resultStatus || status || '';
     }
@@ -348,7 +361,7 @@ export const ListItem = ({
         <div key='key-in-list' className="transaction-details">
           <span>{getTime()}</span>
           <span className="separator">|</span>
-          <span>{paymentStatus}</span>
+          <span>{getStatus()}</span>
         </div>
       );
     }
@@ -451,9 +464,9 @@ export const ListItem = ({
         <div className="transaction-details">
           <span>{getTime()}</span>
           <span className="separator">|</span>
-          <span>{paymentStatus}</span>
+          <span>{getStatus()}</span>
           <span className="separator">|</span>
-          <span>{orderStatus}</span>
+          <span>{getArsOrderStatusName(orderStatus)}</span>
           <span className="separator">|</span>
           <span>{arsPaymentMethod}</span>
         </div>
@@ -475,7 +488,7 @@ export const ListItem = ({
         <div key="sms-payment" className="transaction-details">
           <span>{mid}</span>
           <span className="separator">|</span>
-          <span>{smsCl}</span>
+          <span>{getStatus()}</span>
         </div>
       )
     }