import { FoxInput } from '@fox/core/components/fox-input';

 import { FoxSelect } from '@fox/core/components/fox-select';

 import { FoxModal } from '@fox/core/components/fox-modal';

 import { FoxChatCenteredDotsIcon } from '@fox/core/icons';

 import { useFeedback } from '@/app/_hooks/use-feedback';

 import { DEFAULT_ADMIN_ROLE_CODE } from '@/lib/domain/admin-member';

 import {

   ADMIN_LOGIN_ID_HELP_TEXT,

   ADMIN_PASSWORD_HELP_TEXT,

   ADMIN_PASSWORD_POLICY,

   INITIAL_ADMIN_MEMBER_FORM_STATE,

 } from '@/lib/domain/admin-member-form';

 import {

   checkAdminLoginId,

   const [emailLocal, setEmailLocal] = useState('');

   const [emailDomain, setEmailDomain] = useState(EMAIL_DOMAIN_OPTIONS[0]);

   const [isCustomDomain, setIsCustomDomain] = useState(false);

   const [roleCode, setRoleCode] = useState<string>(DEFAULT_ADMIN_ROLE_CODE);

   const [menuCodes, setMenuCodes] = useState<string[]>([]);

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

   // 중복 확인 결과는 서버 검증 오류보다 먼저 보여준다 — 방금 누른 버튼의 답이기 때문이다.

   // 값이 나쁜 것(unavailable)과 확인을 못 한 것(failed)은 사유가 다르므로 둘 다 문구로 낸다.

             onChange={setLoginId}

             message={loginIdMessage}

             messageIcon={<FoxChatCenteredDotsIcon />}

             invalid={Boolean(loginIdFailure) || Boolean(errors.loginId)}

           />

           <FoxButton

             type="secondary"

                       placeholder="1234-5678"

                       value={emailLocal}

                       onChange={setEmailLocal}

                     />

                   </span>

                   <span aria-hidden="true">@</span>

                         placeholder="직접입력"

                         value={emailDomain}

                         onChange={setEmailDomain}

                       />

                     ) : (

                       <FoxSelect

                         ]}

                         value={emailDomain}

                         onValueChange={(next) => {

                           if (next === CUSTOM_EMAIL_DOMAIN) {

                             setIsCustomDomain(true);

                             setEmailDomain('');

                           }

                           setEmailDomain(next);

                         }}

                       />

                     )}

                   </span>

                 </div>

               </div>

               <input type="hidden" name="email" value={email} />

             </>

 import { useFeedback } from '@/app/_hooks/use-feedback';

 import { DEFAULT_ADMIN_ROLE_CODE, type AdminMember } from '@/lib/domain/admin-member';

 import {

   ADMIN_PASSWORD_HELP_TEXT,

   ADMIN_PASSWORD_POLICY,

   INITIAL_ADMIN_MEMBER_FORM_STATE,

   toPhoneDigits,

 } from '@/lib/domain/admin-member-form';

 import { updateAdminMemberAction } from '../_actions';

               onChange={setEmail}

               message={errors.email}

               invalid={Boolean(errors.email)}

             />

           }

         />

 // 값은 전부 @fox 토큰을 거치므로 없는 이름을 쓰면 빌드가 실패한다.

 @use "@fox/styles/abstracts" as fox;

 /// 필드 한 벌씩 세로로 쌓는다. 라벨·상자·헬퍼 사이 간격은 각 @fox 컴포넌트가 이미 갖는다.

 /// 모달 contents는 `align-items: flex-start`라 자식이 늘어나지 않는다 — 폭을 주지 않으면 폼이

   gap: fox.gap(3);

   inline-size: 100%;

 }

  */

 import {

   ADMIN_MENU_OPTIONS,

   ADMIN_ROLE_OPTIONS,

   type AdminRoleCode,

 const LOGIN_ID_MAX_LENGTH = 20;

 /**

  * 비밀번호 규칙 — **화면과 서버가 같은 값을 본다.** 팝업은 이 값을 `foxPasswordValidator`에

  * 그대로 넘겨 입력 중에 안내하고, 서버 검증은 아래 `validateEditableValues`가 같은 값으로 판정한다.

  * 한쪽만 고치면 화면은 통과시키고 저장은 거부하는 상태가 된다.

 } as const;

 const NAME_MAX_LENGTH = 50;

 const EMAIL_MAX_LENGTH = 100;

 /** 앞 3자리 + 가운데 3~4자리 + 끝 4자리. 화면은 숫자만 다루고 하이픈은 여기서 붙인다. */

 const PHONE_DIGITS_PATTERN = /^(\d{3})(\d{3,4})(\d{4})$/;

  * ID 형식 검증 — 문제가 있으면 안내 문구, 없으면 null.

  *

  * 중복 확인(`checkAdminLoginId`)도 이 함수를 그대로 쓴다 — 중복을 묻기 전에 형식부터 봐야 하고,

  */

 export function validateAdminLoginId(loginId: string): string | null {

 }

 /**

 /** 저장된 번호에서 숫자만 남긴다(수정 팝업의 초기값). */

 export function toPhoneDigits(phoneNumber: string | null): string {

   return (phoneNumber ?? '').replace(/\D/g, '');

 }

 /**

     errors.phoneNumber = '휴대전화 번호를 정확히 입력해 주세요.';

   }

   }

   if (!ADMIN_ROLE_OPTIONS.some((option) => option.value === values.roleCode)) {