@uniai-fe/uds-templates 0.6.29 → 0.6.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.6.29",
+  "version": "0.6.31",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,
@@ -52,13 +52,13 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5",
-    "@uniai-fe/uds-foundation": "^0.4.2",
-    "@uniai-fe/uds-primitives": "^0.6.2",
-    "@uniai-fe/util-api": "^0.1.0",
-    "@uniai-fe/util-functions": "^0.2.3",
-    "@uniai-fe/util-jotai": "^0.1.5",
-    "@uniai-fe/util-next": "^0.2.0",
-    "@uniai-fe/util-rtc": "^0.1.0",
+    "@uniai-fe/uds-foundation": "^0.4.8",
+    "@uniai-fe/uds-primitives": "^0.8.0",
+    "@uniai-fe/util-api": "^0.1.15",
+    "@uniai-fe/util-functions": "^0.3.0",
+    "@uniai-fe/util-jotai": "^0.1.9",
+    "@uniai-fe/util-next": "^0.3.0",
+    "@uniai-fe/util-rtc": "^0.1.4",
     "jotai": "^2",
     "next": "^15",
     "react": "^19",

package/src/auth/common/password/markup/SetPassword.tsx

@@ -4,13 +4,40 @@ import {
   useFormContext,
   type FieldPath,
   type FieldValues,
+  type UseFormRegisterReturn,
 } from "react-hook-form";
+import { removeWhitespace } from "@uniai-fe/util-functions/convert";
 import AuthSetPasswordFieldBase from "./FieldBase";
 import { DEFAULT_PASSWORD_RULES } from "../data/vaildation";
 import { PasswordHelperList, type PasswordHelperItem } from "./PasswordHelper";
 import { useCheckPassword } from "../hooks/useCheckPassword";
 import type { AuthSetPasswordProps } from "../types";
 
+/**
+ * Password register onChange 정규화
+ * @param {UseFormRegisterReturn} register RHF register 반환값
+ * @returns {UseFormRegisterReturn} whitespace 제거 onChange가 포함된 register
+ * @desc
+ * - DOM 입력값과 RHF 저장값이 같은 password whitespace 제거 기준을 보도록 한다.
+ */
+function normalizePasswordRegister(
+  register: UseFormRegisterReturn,
+): UseFormRegisterReturn {
+  return {
+    ...register,
+    onChange: event => {
+      const input = event.target as HTMLInputElement | undefined;
+      if (input) {
+        const normalizedValue = removeWhitespace(input.value);
+        if (input.value !== normalizedValue) {
+          input.value = normalizedValue;
+        }
+      }
+      return register.onChange(event);
+    },
+  };
+}
+
 /**
  * 비밀번호/재확인 preset; RHF 컨텍스트를 기반으로 두 필드를 동시에 구성한다.
  * @component
@@ -82,6 +109,14 @@ export default function AuthSetPassword<
   const confirmDisabled =
     resolvedConfirmInput?.disabled ??
     (!hasPasswordInput || !passwordRulesFulfilled);
+  const passwordRegister = normalizePasswordRegister(
+    form.register(passwordKey),
+  );
+  const confirmRegister = normalizePasswordRegister(
+    form.register(confirmKey, {
+      validate: confirmValidator,
+    }),
+  );
   // 재확인 helper: mismatch/일치 여부에 따라 단일 항목을 노출한다.
   const confirmHelperItems: PasswordHelperItem[] = [];
   if (confirmHelper.state === "error" && confirmHelper.text) {
@@ -118,7 +153,7 @@ export default function AuthSetPassword<
           state: passwordInputState,
         }}
         helper={passwordHelperContent}
-        register={form.register(passwordKey)}
+        register={passwordRegister}
       />
       <AuthSetPasswordFieldBase
         className="password-confirm-field"
@@ -138,9 +173,7 @@ export default function AuthSetPassword<
         }}
         helper={confirmHelperContent}
         helperState={confirmHelperState}
-        register={form.register(confirmKey, {
-          validate: confirmValidator,
-        })}
+        register={confirmRegister}
       />
     </>
   );

package/src/auth/login/hooks/useAuthLoginForm.ts

@@ -4,6 +4,7 @@ import { useMemo } from "react";
 import { useWatch } from "react-hook-form";
 import type { ReactNode } from "react";
 import type { InputState } from "@uniai-fe/uds-primitives";
+import { removeWhitespace } from "@uniai-fe/util-functions/convert";
 import type {
   AuthLoginFormValues,
   UseAuthLoginFormOptions,
@@ -74,8 +75,18 @@ export function useAuthLoginForm({
   const disabled =
     form.formState.isSubmitting || Boolean(isSubmitting) || !trimmedFilled;
 
-  /** 4) submit — onLogin을 handleSubmit과 결합한다. */
-  const onSubmit = form.handleSubmit(onLogin);
+  /** 4) submit — password field만 whitespace 제거 후 onLogin으로 전달한다. */
+  const onSubmit = form.handleSubmit((submittedValues, event) => {
+    const passwordValue = submittedValues[fieldNames.password];
+    const normalizedValues: AuthLoginFormValues = {
+      ...submittedValues,
+      [fieldNames.password]:
+        typeof passwordValue === "string"
+          ? removeWhitespace(passwordValue)
+          : "",
+    };
+    return onLogin(normalizedValues, event);
+  });
 
   return {
     register,