- 부가서비스 소개 List, 권한 검증 추가

- 각 API 오류 수정

src/pages/additional-service/alimtalk/detail-page.tsx

@@ -12,7 +12,7 @@ import { useEffect, useState } from 'react';
 import { ExtensionAlimtalkDetailParams, ExtensionAlimtalkDetailResponse } from '@/entities/additional-service/model/alimtalk/types';
 import { useExtensionAlimtalkDetailMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-detail-mutation';
 import moment from 'moment';
-import { getAlimtalkAlimClText, getAlimtalkSendClTypeText, getAlimtalkSendTypeText } from '@/entities/additional-service/model/alimtalk/constant';
+import { getAlimtalkAlimClText, getAlimtalkSendClTypeText, getAlimtalkSendTypeText, getAlimtalkServiceCodeText } from '@/entities/additional-service/model/alimtalk/constant';
 
 export const AlimtalkDetailPage = () => {
   const { navigate } = useNavigate();
@@ -60,7 +60,7 @@ export const AlimtalkDetailPage = () => {
               <div className="num-amount">
                 <span className="amount">{ detail?.receiverName }</span>
               </div>
-              <div className="num-store">{ detail?.merchantName }</div>
+              <div className="num-store">{ detail?.companyName }</div>
               <div className="num-day">{ getDate(detail?.sendDate) }</div>
             </div>
             <div className="detail-divider"></div>
@@ -89,7 +89,7 @@ export const AlimtalkDetailPage = () => {
                 </li>
                 <li className="kv-row">
                   <span className="k">결제서비스</span>
-                  <span className="v">{ detail?.paymentMethod }</span>
+                  <span className="v">{ getAlimtalkServiceCodeText(detail?.serviceCode) }</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">알림구분</span>

src/pages/additional-service/alimtalk/list-page.tsx

@@ -31,11 +31,17 @@ import { useStore } from '@/shared/model/store';
 import { snackBar } from '@/shared/lib';
 import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 import { AlimtalkFilter } from '@/entities/additional-service/ui/filter/alimtalk-filter';
+import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check';
 
 export const AlimtalkListPage = () => {
   const { navigate } = useNavigate();
   const userMid = useStore.getState().UserStore.mid;
 
+  // 권한 체크
+  const { hasAccess, AccessDeniedDialog } = useExtensionAccessCheck({
+    extensionCode: 'ALIMTALK'
+  });
+
   const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
   const [listItems, setListItems] = useState<Array<AlimtalkListContent>>([]);
   const [filterOn, setFilterOn] = useState<boolean>(false);
@@ -182,6 +188,10 @@ export const AlimtalkListPage = () => {
     sendCl
   ]);
 
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
+
   return (
     <>
       <main>

src/pages/additional-service/alimtalk/setting-page.tsx

@@ -165,9 +165,9 @@ export const AlimtalkSettingPage = () => {
                   ></AlimTalkSettingServiceRow>
                   <AlimTalkSettingServiceRow
                     title='신용카드(취소)'
-                    merchantFlag={merchantBankApprovalFlag}
+                    merchantFlag={merchantCardCancelFlag}
                     userFlag={userCardCancelFlag}
-                    setMerchantFlag={setMerchantBankApprovalFlag}
+                    setMerchantFlag={setMerchantCardCancelFlag}
                     setUserFlag={setUserCardCancelFlag}
                   ></AlimTalkSettingServiceRow>
                   <AlimTalkSettingServiceRow