From 851545e81ceb27b040558f50b3d881e6d920c932 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Wed, 1 Oct 2025 11:06:34 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B0=80=EB=A7=B9=EC=A0=90=20=EC=A0=95?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/merchant/model/types.ts          |  2 +-
 src/entities/merchant/ui/info-wrap.tsx        | 36 +++++++++----------
 .../merchant/ui/registration-status-wrap.tsx  | 26 +++++++-------
 .../account-section.tsx}                      |  6 ++--
 .../business-section.tsx}                     |  6 ++--
 .../card-section.tsx}                         | 14 ++++----
 .../escrow-section.tsx}                       | 14 ++++----
 .../manager-section.tsx}                      | 14 ++++----
 .../online-section.tsx}                       |  6 ++--
 9 files changed, 62 insertions(+), 62 deletions(-)
 rename src/entities/merchant/ui/{info-wrap/account-info-wrap.tsx => section/account-section.tsx} (87%)
 rename src/entities/merchant/ui/{info-wrap/business-info-wrap.tsx => section/business-section.tsx} (95%)
 rename src/entities/merchant/ui/{info-wrap/card-info-wrap.tsx => section/card-section.tsx} (81%)
 rename src/entities/merchant/ui/{info-wrap/escrow-info-wrap.tsx => section/escrow-section.tsx} (87%)
 rename src/entities/merchant/ui/{info-wrap/manager-info-wrap.tsx => section/manager-section.tsx} (84%)
 rename src/entities/merchant/ui/{info-wrap/online-info-wrap.tsx => section/online-section.tsx} (94%)

diff --git a/src/entities/merchant/model/types.ts b/src/entities/merchant/model/types.ts
index a358678..e313bef 100644
--- a/src/entities/merchant/model/types.ts
+++ b/src/entities/merchant/model/types.ts
@@ -44,7 +44,7 @@ export enum EscrowStatus {
   ACTIVE = 'ACTIVE',
   INACTIVE = 'INACTIVE'
 };
-export enum InfoWrapKeys {
+export enum SectionKeys {
   Merchant = 'Merchant',
   Technical = 'Technical',
   Settlement = 'Settlement',
diff --git a/src/entities/merchant/ui/info-wrap.tsx b/src/entities/merchant/ui/info-wrap.tsx
index 0b28f44..7713532 100644
--- a/src/entities/merchant/ui/info-wrap.tsx
+++ b/src/entities/merchant/ui/info-wrap.tsx
@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react';
 import { useMerchantMidMutation } from '../api/use-merchant-mid-mutation';
-import { BusinessInfoWrap } from './info-wrap/business-info-wrap';
-import { ManagerInfoWrap } from './info-wrap/manager-info-wrap';
-import { AccountInfoWrap } from './info-wrap/account-info-wrap';
+import { BusinessSection } from './section/business-section';
+import { ManagerSection } from './section/manager-section';
+import { AccountSection } from './section/account-section';
 import {
-  InfoWrapKeys,
+  SectionKeys,
   MerchantMidParams,
   MerchantMidResponse
 } from '../model/types';
@@ -16,7 +16,7 @@ export const InfoWrap = () => {
 
   const [data, setData] = useState<MerchantMidResponse>();
 
-  const [openChild, setOpenChild] = useState<InfoWrapKeys | null>(null);
+  const [openChild, setOpenChild] = useState<SectionKeys | null>(null);
   
   const { mutateAsync: merchantMid } = useMerchantMidMutation();
 
@@ -57,43 +57,43 @@ export const InfoWrap = () => {
       </div>
 
       <div className="merchant-info">
-        <BusinessInfoWrap
+        <BusinessSection
           data={ data }
-        ></BusinessInfoWrap>
+        ></BusinessSection>
         <div className="info-divider mb-16"></div>
-        <ManagerInfoWrap
-          type={ InfoWrapKeys.Merchant }
+        <ManagerSection
+          type={ SectionKeys.Merchant }
           title='계약 담당자'
           manager={ data?.merchantManager }
           managerTelephone={ data?.merchantManagerTelephone }
           managetEmail={ data?.merchantManagerEmail }
           openChild={ openChild }
           setOpenChild={ setOpenChild }
-        ></ManagerInfoWrap>
+        ></ManagerSection>
         <div className="info-divider mb-16"></div>
-        <ManagerInfoWrap
-          type={ InfoWrapKeys.Technical }
+        <ManagerSection
+          type={ SectionKeys.Technical }
           title='기술 담당자'
           manager={ data?.technicalManager }
           managerTelephone={ data?.technicalManagerTelephone }
           managetEmail={ data?.technicalManagerEmail }
           openChild={ openChild }
           setOpenChild={ setOpenChild }
-        ></ManagerInfoWrap>
+        ></ManagerSection>
         <div className="info-divider mb-16"></div>
-        <ManagerInfoWrap
-          type={ InfoWrapKeys.Settlement }
+        <ManagerSection
+          type={ SectionKeys.Settlement }
           title='정산 담당자'
           manager={ data?.settlementManager }
           managerTelephone={ data?.settlementManagerTelephone }
           managetEmail={ data?.settlementManagerEmail }
           openChild={ openChild }
           setOpenChild={ setOpenChild }
-        ></ManagerInfoWrap>
+        ></ManagerSection>
         <div className="info-divider mb-16"></div>
-        <AccountInfoWrap
+        <AccountSection
           data={ data }
-        ></AccountInfoWrap>
+        ></AccountSection>
         <div className="notice-bottom left-align">
           <p className="notice-tip">※ 가맹점 정보는 앱에서 수정할 수 없습니다.<br/>PC 가맹점 관리자에서 설정해 주세요.</p>
         </div>
diff --git a/src/entities/merchant/ui/registration-status-wrap.tsx b/src/entities/merchant/ui/registration-status-wrap.tsx
index 47199f0..eb0bf62 100644
--- a/src/entities/merchant/ui/registration-status-wrap.tsx
+++ b/src/entities/merchant/ui/registration-status-wrap.tsx
@@ -3,15 +3,15 @@ import { useMerchantMidStatusMutation } from '../api/use-merchant-mid-status-mut
 import {
   CardApplications, 
   Escrow, 
-  InfoWrapKeys, 
+  SectionKeys, 
   MerchantMidStatusParams, 
   MerchantMidStatusResponse, 
   OfflineInfomation, 
   OnlineInfomation 
 } from '../model/types';
-import { OnlineInfoWrap } from './info-wrap/online-info-wrap';
-import { CardInfoWrap } from './info-wrap/card-info-wrap';
-import { EscrowInfoWrap } from './info-wrap/escrow-info-wrap';
+import { OnlineSection } from './section/online-section';
+import { CardSection } from './section/card-section';
+import { EscrowSection } from './section/escrow-section';
 import { useStore } from '@/shared/model/store';
 
 export const RegistrationStatusWrap = () => {
@@ -23,7 +23,7 @@ export const RegistrationStatusWrap = () => {
   const [cardApplications, setCardApplications] = useState<Array<CardApplications>>();
   const [escrow, setEscrow] = useState<Escrow>();
 
-  const [openChild, setOpenChild] = useState<InfoWrapKeys | null>(null);
+  const [openChild, setOpenChild] = useState<SectionKeys | null>(null);
   const { mutateAsync: merchantMidStatus } = useMerchantMidStatusMutation();
 
   const callInfo = (selectedMid: string) => {
@@ -65,20 +65,20 @@ export const RegistrationStatusWrap = () => {
         </select>
       </div>
       <div className="merchant-info">
-        <OnlineInfoWrap
+        <OnlineSection
           data={ onlineInfomation }
-        ></OnlineInfoWrap>
+        ></OnlineSection>
         <div className="info-divider mb-16"></div>
-        <CardInfoWrap
-          type={ InfoWrapKeys.Card }
+        <CardSection
+          type={ SectionKeys.Card }
           title='신용카드 심사현황'
           cardApplications={ cardApplications }
           openChild={ openChild }
           setOpenChild={ setOpenChild }
-        ></CardInfoWrap>
+        ></CardSection>
         <div className="info-divider mb-16"></div>
-        <EscrowInfoWrap
-          type={ InfoWrapKeys.Escrow }
+        <EscrowSection
+          type={ SectionKeys.Escrow }
           title='에스크로 가입현황'
           companyName={ escrow?.companyName }
           businessRegistrationNumber={ escrow?.businessRegistrationNumber }
@@ -88,7 +88,7 @@ export const RegistrationStatusWrap = () => {
           serviceRegistrationNumber={ escrow?.serviceRegistrationNumber }
           openChild={ openChild }
           setOpenChild={ setOpenChild }
-        ></EscrowInfoWrap>
+        ></EscrowSection>
       </div>
     </>
   );
diff --git a/src/entities/merchant/ui/info-wrap/account-info-wrap.tsx b/src/entities/merchant/ui/section/account-section.tsx
similarity index 87%
rename from src/entities/merchant/ui/info-wrap/account-info-wrap.tsx
rename to src/entities/merchant/ui/section/account-section.tsx
index 5905d69..7502460 100644
--- a/src/entities/merchant/ui/info-wrap/account-info-wrap.tsx
+++ b/src/entities/merchant/ui/section/account-section.tsx
@@ -1,12 +1,12 @@
 import { MerchantMidResponse } from '../../model/types';
 
-export interface AccountInfoWrapProps {
+export interface AccountSectionProps {
   data?: MerchantMidResponse
 };
 
-export const AccountInfoWrap = ({
+export const AccountSection = ({
   data
-}: AccountInfoWrapProps) => {
+}: AccountSectionProps) => {
 
   return (
     <>
diff --git a/src/entities/merchant/ui/info-wrap/business-info-wrap.tsx b/src/entities/merchant/ui/section/business-section.tsx
similarity index 95%
rename from src/entities/merchant/ui/info-wrap/business-info-wrap.tsx
rename to src/entities/merchant/ui/section/business-section.tsx
index ae4cbbd..814cdac 100644
--- a/src/entities/merchant/ui/info-wrap/business-info-wrap.tsx
+++ b/src/entities/merchant/ui/section/business-section.tsx
@@ -1,12 +1,12 @@
 import { MerchantMidResponse } from '../../model/types';
 
-export interface BusinessInfoWrapProps {
+export interface BusinessSectionProps {
   data?: MerchantMidResponse
 };
 
-export const BusinessInfoWrap = ({
+export const BusinessSection = ({
   data
-}: BusinessInfoWrapProps) => {
+}: BusinessSectionProps) => {
 
   return (
     <>
diff --git a/src/entities/merchant/ui/info-wrap/card-info-wrap.tsx b/src/entities/merchant/ui/section/card-section.tsx
similarity index 81%
rename from src/entities/merchant/ui/info-wrap/card-info-wrap.tsx
rename to src/entities/merchant/ui/section/card-section.tsx
index bd702ac..a2d5ef8 100644
--- a/src/entities/merchant/ui/info-wrap/card-info-wrap.tsx
+++ b/src/entities/merchant/ui/section/card-section.tsx
@@ -1,24 +1,24 @@
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { CardApplications, Escrow, EscrowStatus, InfoWrapKeys, MerchantMidResponse } from '../../model/types';
+import { CardApplications, SectionKeys } from '../../model/types';
 import SlideDown from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 import { useEffect, useState } from 'react';
 
-export interface CardInfoWrapProps {
-  type: InfoWrapKeys;
+export interface CardSectionProps {
+  type: SectionKeys;
   title?: string;
   cardApplications?: Array<CardApplications>
-  openChild: InfoWrapKeys | null;
-  setOpenChild: (openChild: InfoWrapKeys | null) => void;
+  openChild: SectionKeys | null;
+  setOpenChild: (openChild: SectionKeys | null) => void;
 };
 
-export const CardInfoWrap = ({
+export const CardSection = ({
   type,
   title,
   cardApplications,
   openChild,
   setOpenChild
-}: CardInfoWrapProps) => {
+}: CardSectionProps) => {
 
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
diff --git a/src/entities/merchant/ui/info-wrap/escrow-info-wrap.tsx b/src/entities/merchant/ui/section/escrow-section.tsx
similarity index 87%
rename from src/entities/merchant/ui/info-wrap/escrow-info-wrap.tsx
rename to src/entities/merchant/ui/section/escrow-section.tsx
index c15f677..70f117a 100644
--- a/src/entities/merchant/ui/info-wrap/escrow-info-wrap.tsx
+++ b/src/entities/merchant/ui/section/escrow-section.tsx
@@ -1,17 +1,17 @@
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { Escrow, EscrowStatus, InfoWrapKeys, MerchantMidResponse } from '../../model/types';
+import { Escrow, SectionKeys } from '../../model/types';
 import SlideDown from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 import { useEffect, useState } from 'react';
 
-export interface EscrowInfoWrapProps extends Escrow {
-  type: InfoWrapKeys;
+export interface EscrowSectionProps extends Escrow {
+  type: SectionKeys;
   title?: string;
-  openChild: InfoWrapKeys | null;
-  setOpenChild: (openChild: InfoWrapKeys | null) => void;
+  openChild: SectionKeys | null;
+  setOpenChild: (openChild: SectionKeys | null) => void;
 };
 
-export const EscrowInfoWrap = ({
+export const EscrowSection = ({
   type,
   title,
   companyName,
@@ -22,7 +22,7 @@ export const EscrowInfoWrap = ({
   serviceRegistrationNumber,
   openChild,
   setOpenChild
-}: EscrowInfoWrapProps) => {
+}: EscrowSectionProps) => {
 
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
diff --git a/src/entities/merchant/ui/info-wrap/manager-info-wrap.tsx b/src/entities/merchant/ui/section/manager-section.tsx
similarity index 84%
rename from src/entities/merchant/ui/info-wrap/manager-info-wrap.tsx
rename to src/entities/merchant/ui/section/manager-section.tsx
index bd1b7f8..e8365dd 100644
--- a/src/entities/merchant/ui/info-wrap/manager-info-wrap.tsx
+++ b/src/entities/merchant/ui/section/manager-section.tsx
@@ -1,20 +1,20 @@
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, MerchantMidResponse } from '../../model/types';
+import { SectionKeys } from '../../model/types';
 import SlideDown from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 import { useEffect, useState } from 'react';
 
-export interface ManagerInfoWrapProps {
-  type: InfoWrapKeys;
+export interface ManagerSectionProps {
+  type: SectionKeys;
   title?: string;
   manager?: string;
   managerTelephone?: string;
   managetEmail?: string;
-  openChild: InfoWrapKeys | null;
-  setOpenChild: (openChild: InfoWrapKeys | null) => void;
+  openChild: SectionKeys | null;
+  setOpenChild: (openChild: SectionKeys | null) => void;
 };
 
-export const ManagerInfoWrap = ({
+export const ManagerSection = ({
   type,
   title,
   manager,
@@ -22,7 +22,7 @@ export const ManagerInfoWrap = ({
   managetEmail,
   openChild,
   setOpenChild
-}: ManagerInfoWrapProps) => {
+}: ManagerSectionProps) => {
 
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
diff --git a/src/entities/merchant/ui/info-wrap/online-info-wrap.tsx b/src/entities/merchant/ui/section/online-section.tsx
similarity index 94%
rename from src/entities/merchant/ui/info-wrap/online-info-wrap.tsx
rename to src/entities/merchant/ui/section/online-section.tsx
index ec9f720..f30b6f5 100644
--- a/src/entities/merchant/ui/info-wrap/online-info-wrap.tsx
+++ b/src/entities/merchant/ui/section/online-section.tsx
@@ -1,13 +1,13 @@
 import moment from 'moment';
 import { OnlineInfomation } from '../../model/types';
 
-export interface OnlineInfoWrapProps {
+export interface OnlineSectionProps {
   data?: OnlineInfomation
 };
 
-export const OnlineInfoWrap = ({
+export const OnlineSection = ({
   data
-}: OnlineInfoWrapProps) => {
+}: OnlineSectionProps) => {
 
   return (
     <>