@uniai-fe/uds-templates 0.4.5 → 0.4.7

package/README.md

@@ -124,7 +124,7 @@ Next.js 서비스에서 primitives와 동일한 방식으로 **Raw TypeScript**
 
 1. 서비스 앱이 `react-hook-form`으로 `defaultValues`와 `onSubmit`을 준비한다.
 2. layout 고정 버튼은 `ServiceInquiry.useUserContext()`로 모듈 내부 registry 기반 `requestContext`를 읽는다.
-3. 각 페이지/폼은 `ServiceInquiry.useProvideContext({ labels, pagePath, userContext })`로 `ServiceInquiryProvidedContext`를 등록한다.
+3. 각 페이지/폼은 `ServiceInquiry.useProvideContext({ labels, userContext })`로 `ServiceInquiryProvidedContext`를 등록한다.
 4. 기본 버튼은 `ServiceInquiry.OpenButton`, 커스텀 버튼은 `ServiceInquiry.useOpen`으로 모달 open을 연결한다.
 5. modal footer confirm이 `ServiceInquiry.Form` submit 진입을 담당한다.
 6. 실제 submit은 서비스 앱의 `useMutation + Next.js route handler + Modal.Alert` 조합으로 처리한다.

package/dist/styles.css

@@ -94,6 +94,11 @@
   /* Controls */
   --cctv-open-button-color-on: var(--color-common-99);
   --cctv-open-button-color-off: var(--color-label-disabled);
+  --service-inquiry-button-width: var(--button-round-height-large);
+  --service-inquiry-button-pos-top: auto;
+  --service-inquiry-button-pos-left: var(--spacing-padding-10);
+  --service-inquiry-button-pos-right: auto;
+  --service-inquiry-button-pos-bottom: var(--spacing-padding-10);
 }
 
 /* templates styles는 foundation/primitives 순으로 import된 이후를 가정한다. */
@@ -1733,6 +1738,8 @@
   margin-top: var(--spacing-gap-8);
 }
 
+
+
 .service-inquiry-form {
   display: flex;
   flex-direction: column;
@@ -1748,3 +1755,14 @@
   display: flex;
   flex-direction: column;
 }
+
+.service-inquiry-open-button {
+  width: var(--service-inquiry-button-width);
+  --button-round-padding-inline-large: 0px;
+  position: fixed;
+  top: var(--service-inquiry-button-pos-top);
+  left: var(--service-inquiry-button-pos-left);
+  right: var(--service-inquiry-button-pos-right);
+  bottom: var(--service-inquiry-button-pos-bottom);
+  z-index: 100;
+}

package/package.json

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

package/src/service-inquiry/jotai/context.ts

@@ -40,13 +40,6 @@ export const serviceInquiryProvidedContextAtom =
           ),
         ),
       ),
-      pagePath:
-        [...providedContexts].reverse().find(providedContext => {
-          return (
-            typeof providedContext.pagePath === "string" &&
-            providedContext.pagePath.length > 0
-          );
-        })?.pagePath ?? "",
       userContext: providedContexts.reduce<ServiceInquiryUserContext | null>(
         (currentUserContext, providedContext) => {
           if (!providedContext.userContext) {
@@ -74,9 +67,8 @@ export const serviceInquiryRequestContextAtom =
 
     return {
       labels: providedContext.labels ?? [],
-      page_path:
-        providedContext.pagePath ||
-        (typeof window === "undefined" ? "" : window.location.pathname),
+      // 변경 설명: page_path는 서비스 입력값이 아니라 모듈이 현재 페이지 URL 전체를 자동 수집하는 시스템 필드로 고정한다.
+      page_path: typeof window === "undefined" ? "" : window.location.href,
       user_context:
         providedContext.userContext || additionalUserContext
           ? {

package/src/service-inquiry/styles/index.scss

@@ -1,2 +1,3 @@
+@use "./variables.scss";
 @use "./form.scss";
 @use "./open-button.scss";

package/src/service-inquiry/styles/open-button.scss

@@ -1,15 +1,11 @@
-// .service-inquiry-open-button {
-//   // width: 40px;
-//   // height: 40px;
-//   // border-radius: 20px;
-//   // border: 1px solid var(--color-border-standard-cool-gray);
-//   // background: var(--color-common-100);
-//   // color: var(--color-label-neutral);
-//   // font-size: 24px;
-//   // font-weight: 400;
-//   // display: flex;
-//   // align-items: center;
-//   // justify-content: center;
-//   // padding: 0;
-//   // cursor: pointer;
-// }
+.service-inquiry-open-button {
+  width: var(--service-inquiry-button-width);
+  --button-round-padding-inline-large: 0px;
+
+  position: fixed;
+  top: var(--service-inquiry-button-pos-top);
+  left: var(--service-inquiry-button-pos-left);
+  right: var(--service-inquiry-button-pos-right);
+  bottom: var(--service-inquiry-button-pos-bottom);
+  z-index: 100;
+}

package/src/service-inquiry/styles/variables.scss

@@ -0,0 +1,8 @@
+:root {
+  --service-inquiry-button-width: var(--button-round-height-large);
+
+  --service-inquiry-button-pos-top: auto;
+  --service-inquiry-button-pos-left: var(--spacing-padding-10);
+  --service-inquiry-button-pos-right: auto;
+  --service-inquiry-button-pos-bottom: var(--spacing-padding-10);
+}

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

@@ -6,7 +6,7 @@ import type { ServiceInquiryUserContext } from "./form-context";
  * @property {string} farm_name 문의 대상 농장명 또는 빈 문자열
  * @property {string[]} labels JIRA label 목록
  * @property {string} contact 문의자 연락처(email 또는 phone number)
- * @property {string} page_path 문의하기를 연 페이지 경로
+ * @property {string} page_path 문의하기를 연 현재 페이지 URL
  * @property {ServiceInquiryUserContext | null} user_context 문의 시점 사용자/환경 맥락
  */
 export interface API_Req_ServiceInquiry {
@@ -27,7 +27,7 @@ export interface API_Req_ServiceInquiry {
    */
   contact: string;
   /**
-   * 문의하기를 연 페이지 경로
+   * 문의하기를 연 현재 페이지 URL
    */
   page_path: string;
   /**

package/src/service-inquiry/types/form-context.ts

@@ -22,7 +22,7 @@ export interface ServiceInquiryFormValues {
 /**
  * Service Inquiry Form; 시스템 주입 request context
  * @property {string[]} labels JIRA label 목록
- * @property {string} page_path 문의를 연 페이지 경로
+ * @property {string} page_path 문의를 연 현재 페이지 URL
  * @property {ServiceInquiryUserContext | null} user_context 문의 시점 사용자/환경 맥락
  */
 export interface ServiceInquiryRequestContext {
@@ -31,7 +31,7 @@ export interface ServiceInquiryRequestContext {
    */
   labels: string[];
   /**
-   * 문의를 연 페이지 경로
+   * 문의를 연 현재 페이지 URL
    */
   page_path: string;
   /**

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

@@ -6,7 +6,6 @@ import type {
 /**
  * Service Inquiry Hook; 모듈 내부 공유 context 값
  * @property {string[]} [labels] 문의 request에 포함할 labels
- * @property {string} [pagePath] 문의를 연 페이지 경로
  * @property {ServiceInquiryUserContext | null} [userContext] 페이지/폼이 제공하는 추가 user_context
  */
 export interface ServiceInquiryProvidedContext {
@@ -14,10 +13,6 @@ export interface ServiceInquiryProvidedContext {
    * 문의 request에 포함할 labels
    */
   labels?: string[];
-  /**
-   * 문의를 연 페이지 경로
-   */
-  pagePath?: string;
   /**
    * 페이지/폼이 제공하는 추가 user_context
    */

package/src/service-inquiry/utils/modal-option.tsx

@@ -23,12 +23,16 @@ export function createServiceInquiryModal({
   formProps,
   dialogOptions,
 }: ServiceInquiryCreateModalOptions) {
+  const formContextOptions = dialogOptions?.formContextOptions ?? {};
+
   return createDialogModal<ServiceInquiryFormValues>({
     ...dialogOptions,
     stackKey,
     title: dialogOptions?.title ?? "문의하기",
     // 변경 설명: 문의 모달은 title과 안내 문구를 좌측 정렬로 읽히게 하기 위해 split header를 기본값으로 사용한다.
     headerLayout: dialogOptions?.headerLayout ?? "split",
+    // 변경 설명: ServiceInquiryForm은 useFormContext를 직접 읽으므로 Dialog 내부 Form.Provider를 항상 활성화한다.
+    formContextOptions,
     content: <ServiceInquiryForm {...formProps} />,
     confirm: {
       label: "문의 접수",