@uniai-fe/uds-templates 0.4.16 → 0.4.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.4.16",
+  "version": "0.4.18",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,

package/src/modal/components/core/Root.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useEffect, useMemo } from "react";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 import type { CSSProperties } from "react";
 
 import clsx from "clsx";
@@ -31,6 +31,7 @@ export function ModalRoot({
   className,
 }: ModalRootProps) {
   const { updateModal, closeModal } = useModal();
+  const surfaceRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
     if (modalProps.show === "init") {
@@ -38,6 +39,15 @@ export function ModalRoot({
     }
   }, [modalProps.show, stackKey, updateModal]);
 
+  useEffect(() => {
+    if (modalProps.show !== true) {
+      return;
+    }
+
+    // modal open 시 background form focus를 surface로 우회해 Enter 재전파를 막는다.
+    surfaceRef.current?.focus({ preventScroll: true });
+  }, [modalProps.show]);
+
   const handleClose = useCallback(() => {
     if (modalProps.closeOnOutsideClick === false) {
       return;
@@ -94,6 +104,8 @@ export function ModalRoot({
         aria-modal="true"
         onClick={stopPropagation}
         style={surfaceStyle}
+        tabIndex={-1}
+        ref={surfaceRef}
       >
         <ModalContainer stackKey={stackKey} {...modalProps} />
       </div>

package/src/service-inquiry/components/Form.tsx

@@ -46,7 +46,7 @@ const ServiceInquiryForm = ({
   useEffect(() => {
     form.register("inquiry_type");
     if (!form.getValues("inquiry_type")) {
-      // 변경 설명: 문의 유형은 화면 label과 submit payload를 동일하게 유지하기 위해 한글 원문값을 그대로 기본값으로 사용한다.
+      // 변경 설명: 문의 유형은 선택형 form 상태로 유지하고, 서비스 앱이 필요하면 submit 경계에서 user_context로 접어 보낸다.
       form.setValue("inquiry_type", "접속이 안 돼요");
     }
   }, [form]);
@@ -158,7 +158,7 @@ const ServiceInquiryForm = ({
                       chipStyle="filter"
                       fill="solid"
                       selected={selectedInquiryType === inquiryType}
-                      // 변경 설명: inquiry_type은 영문 key 변환 없이 선택된 한글 label 원문을 그대로 submit payload로 유지한다.
+                      // 변경 설명: inquiry_type은 영문 key 변환 없이 선택된 한글 label 원문을 form 값으로 유지한다.
                       onClick={() =>
                         form.setValue("inquiry_type", inquiryType, {
                           shouldDirty: true,

package/src/service-inquiry/types/api.ts

@@ -1,13 +1,9 @@
-import type {
-  ServiceInquiryType,
-  ServiceInquiryUserContext,
-} from "./form-context";
+import type { ServiceInquiryUserContext } from "./form-context";
 
 /**
  * Service Inquiry API; 문의 등록 요청
  * @property {string} text 문의 본문
  * @property {string} farm_name 문의 대상 농장명 또는 빈 문자열
- * @property {ServiceInquiryType} inquiry_type 문의 유형 label 원문
  * @property {string[]} labels JIRA label 목록
  * @property {string} contact 문의자 연락처(email 또는 phone number)
  * @property {string} page_path 문의하기를 연 현재 페이지 URL
@@ -22,10 +18,6 @@ export interface API_Req_ServiceInquiry {
    * 문의 대상 농장명 또는 빈 문자열
    */
   farm_name: string;
-  /**
-   * 문의 유형 label 원문
-   */
-  inquiry_type: ServiceInquiryType;
   /**
    * JIRA label 목록
    */

package/src/service-inquiry/types/hooks.ts

@@ -57,6 +57,8 @@ export interface ServiceInquiryNetworkErrorHeaders {
  * @property {string} [state] 서비스 레이어 상태 문자열
  * @property {string} [message] 사용자/운영 확인용 오류 메시지
  * @property {ServiceInquiryNetworkErrorHeaders} [headers] 선택 수집된 request/response 헤더 정보
+ * @property {unknown} [request_body] 보안 필드를 제거한 request payload
+ * @property {unknown} [response_body] 보안 필드를 제거한 response payload
  * @property {string} [timestamp] 오류 기록 시각
  */
 export interface ServiceInquiryNetworkError {
@@ -80,6 +82,14 @@ export interface ServiceInquiryNetworkError {
    * 선택 수집된 request/response 헤더 정보
    */
   headers?: ServiceInquiryNetworkErrorHeaders;
+  /**
+   * 보안 필드를 제거한 request payload
+   */
+  request_body?: unknown;
+  /**
+   * 보안 필드를 제거한 response payload
+   */
+  response_body?: unknown;
   /**
    * 오류 기록 시각
    */