From fc961e294641daab0bb0995daa9061b00986168d Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Fri, 28 Aug 2026 15:14:44 +0900
Subject: [PATCH] =?UTF-8?q?[as]=20feat:=20=ED=95=84=EC=88=98=EC=B2=A8?=
 =?UTF-8?q?=EB=B6=80=ED=8C=8C=EC=9D=BC=EA=B4=80=EB=A6=AC=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=EB=8B=A4=EC=9D=B4=EC=96=BC=EB=A1=9C=EA=B7=B8=20>?=
 =?UTF-8?q?=20=EC=96=91=EC=8B=9D=ED=8C=8C=EC=9D=BC=20=EC=B2=A8=EB=B6=80=20?=
 =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/esntl-atch-file-form-dialog.tsx        | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/apps/as/src/pages/esntl-atch-file-mng/ui/esntl-atch-file-form-dialog.tsx b/apps/as/src/pages/esntl-atch-file-mng/ui/esntl-atch-file-form-dialog.tsx
index a45862486..58ee1ca6b 100644
--- a/apps/as/src/pages/esntl-atch-file-mng/ui/esntl-atch-file-form-dialog.tsx
+++ b/apps/as/src/pages/esntl-atch-file-mng/ui/esntl-atch-file-form-dialog.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useId, useState } from "react";
+import { useEffect, useId, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 
 import { Paperclip, X } from "lucide-react";
@@ -61,6 +61,7 @@ function EsntlAtchFileFormDialog({
   onSubmit,
 }: EsntlAtchFileFormDialogProps) {
   const formId = useId();
+  const atchFileGroupIdRef = useRef("");
   const [uploadedFiles, setUploadedFiles] = useState<UploadedTemplateFile[]>([]);
 
   const { register, handleSubmit, reset, setValue, watch } = useForm<EsntlAtchFileFormValues>({
@@ -75,13 +76,16 @@ function EsntlAtchFileFormDialog({
 
   const docSeComCd = watch("docSeComCd");
   const esntlAtchYn = watch("esntlAtchYn");
-  const atchFileGroupId = watch("atchFileGroupId");
 
   const { uploadFileAsync, isUploading, uploads } = useTus({
     onSuccess: (atflCd, atflId, _file, fileKey) => {
       if (!atflCd || !atflId) return;
 
-      setValue("atchFileGroupId", atflCd, { shouldDirty: true });
+      if (!atchFileGroupIdRef.current) {
+        atchFileGroupIdRef.current = atflCd;
+        setValue("atchFileGroupId", atflCd, { shouldDirty: true });
+      }
+
       setUploadedFiles((prev) =>
         prev.map((item) => (item.fileKey === fileKey ? { ...item, atflCd, atflId } : item)),
       );
@@ -107,6 +111,7 @@ function EsntlAtchFileFormDialog({
         }));
 
       setUploadedFiles(initialFiles);
+      atchFileGroupIdRef.current = initial.atchFileGroupId ?? "";
       reset({
         docSeComCd: initial.docSeComCd ?? "",
         esntlAtchFileNm: initial.esntlAtchFileNm ?? "",
@@ -118,6 +123,7 @@ function EsntlAtchFileFormDialog({
     }
 
     setUploadedFiles([]);
+    atchFileGroupIdRef.current = "";
     reset({
       docSeComCd: "",
       esntlAtchFileNm: "",
@@ -132,15 +138,20 @@ function EsntlAtchFileFormDialog({
 
     for (const file of Array.from(files)) {
       const fileKey = createUploadKey(file);
-      const existingAtflCd = atchFileGroupId || uploadedFiles.find((item) => item.atflCd)?.atflCd;
+      const existingAtflCd = atchFileGroupIdRef.current;
 
       setUploadedFiles((prev) => [...prev, { fileName: file.name, fileKey }]);
 
       try {
-        await uploadFileAsync(file, {
+        const atflCd = await uploadFileAsync(file, {
           fileKey,
           metadata: existingAtflCd ? { atflCd: existingAtflCd } : undefined,
         });
+
+        if (!existingAtflCd) {
+          atchFileGroupIdRef.current = atflCd;
+          setValue("atchFileGroupId", atflCd, { shouldDirty: true });
+        }
       } catch {
         // onError callback handles cleanup
       }
@@ -164,7 +175,8 @@ function EsntlAtchFileFormDialog({
     const nextFiles = uploadedFiles.filter((_, index) => index !== fileIndex);
     setUploadedFiles(nextFiles);
 
-    const nextGroupId = nextFiles.find((item) => item.atflCd)?.atflCd ?? "";
+    const nextGroupId = nextFiles[0]?.atflCd ?? "";
+    atchFileGroupIdRef.current = nextGroupId;
     setValue("atchFileGroupId", nextGroupId, { shouldDirty: true });
   }