import styles from './merchant-detail-form.module.scss';

 interface MerchantDetailFormProps {

   detail?: MerchantDetail;

   candidates?: MerchantDetailSummary[];

   initialFrcsNo?: string;

   products?: MerchantProduct[];

   categories: CommonCode[];

 /**

  * 가맹몰 상세 — 기획 BO-MAL-002(등록)·003(수정)을 한 화면으로 합쳤다(사용자 확정). `detail`이

  *

  * 업체명·연락처·우편번호·주소는 가맹점 원본이라 읽기 전용이고, 기획의 [주소 검색]은 가맹점 관리

  * 화면의 것이라 여기서는 값을 바꾸지 않는다.

  */

 export function MerchantDetailForm({

   detail,

   candidates = [],

   initialFrcsNo,

   products = [],

   const isEdit = detail !== undefined;

   const errors = state.status === 'error' ? (state.errors ?? {}) : {};

   const merchant: MerchantDetailSummary | null =

   const [categoryCode, setCategoryCode] = useState(detail?.categoryCode ?? '');

   const [visibility, setVisibility] = useState<string[]>([

     detail?.isVisible === false ? 'N' : 'Y',

         <FoxCard size="lg" title="기본 정보" className={styles.section}>

           <div className={styles.grid}>

             <div className={styles.fieldWide}>

               ) : (

                 <>

                   <FoxSelect

 import type { Metadata } from 'next';

 import { verifySession } from '@/lib/auth/dal';

 import { fetchCommonCodes } from '@/lib/data/repositories/common-code-repository';

 import { fetchMerchantDetail } from '@/lib/data/repositories/merchant-detail-repository';

 import { fetchMerchantProducts } from '@/lib/data/repositories/merchant-product-repository';

 import { CODE_GROUP } from '@/lib/domain/common-code';

 import { MerchantDetailForm } from './_components/merchant-detail-form';

 export const metadata: Metadata = { title: '가맹몰 상세 정보' };

   params: Promise<{ frcsNo: string }>;

 }

 export default async function Page({ params }: PageProps) {

   await verifySession();

   if (!detail) {

     notFound();

   }

   const [products, categories] = await Promise.all([

     fetchCommonCodes(CODE_GROUP.merchantType),

   ]);

   return <MerchantDetailForm detail={detail} products={products} categories={categories} />;

 }

 /**

  * 가맹몰 상세 목록 — 기획 BO-MAL-001을 「관리자관리 > 가맹몰 상세 관리」로 옮긴 것.

  *

  *

  * 이슈: 메뉴 건수 열은 목록 응답에 없어 `-`다(보고함). 카테고리·상태도 백엔드가 아직 주지

  *   않아 대부분 `-`로 보인다.

 }

 /**

  */

 export function MerchantDetailRowActions({ row }: MerchantDetailRowActionsProps) {

   const router = useRouter();

  *

  * ```

  * GET    /api/v1/mngr/voc/detail/pagination   TB_COM_VOUCHER ⟕ TB_COM_VOUCHER_DTL — 가맹점 전체

  * GET    /api/v1/mngr/voc/detail/{frcsNo}

  * POST   /api/v1/mngr/voc/detail              @RequestBody · 가맹점이 있어야 붙는다

  * PUT    /api/v1/mngr/voc/detail/{frcsNo}     @RequestBody

   };

 }

 // 가맹점은 많아야 수백 건이라 한두 번의 요청이다. 상한을 넘으면 그 뒤는 잘린다.

 // TODO(백엔드): 상세 유무 조건이 생기면 이 훑기를 없애고 페이지 하나만 받는다.

 const SCAN_PAGE_SIZE = 200;

   return items;

 }

 export async function fetchMerchantDetails(

   query: MerchantDetailQuery

 ): Promise<{ items: MerchantDetailSummary[]; totalCount: number }> {

 }

 /** 등록 화면의 업체 선택지 — 아직 상세가 없는 가맹점 전부. */

   return `${MERCHANT_DETAILS_PATH}/${encodeURIComponent(frcsNo)}`;

 }

 export function merchantProductNewPath(frcsNo: string): string {

   return `${merchantDetailPath(frcsNo)}/products/new`;

 }

  * 가져오고, 상세 항목만 등록·수정한다(사용자 확정).

  */

 export type MerchantDetailSummary = {

   /** 백엔드 `frcsNo` — 가맹점 코드이자 상세의 키. */

   id: string;

   isVisible: boolean | null;

   /** 상세 등록일(`d.FRST_REG_DT`). 없으면 상세가 아직 없는 가맹점이다. */

   registeredAt: string | null;

   hasDetail: boolean;

 };