@tipp/ui 2.2.2 → 2.2.4

package/dist/chunk-MXZFDDUU.js

@@ -0,0 +1,106 @@
+import {
+  DataList
+} from "./chunk-VTJZMOSP.js";
+import {
+  Button
+} from "./chunk-TSXRCXC6.js";
+
+// src/app/platform/userInfos/utils.tsx
+import { format } from "date-fns";
+import { CopyIcon } from "@radix-ui/react-icons";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var infoList = [
+  { label: "\uC774\uB984", getValue: (customer) => customer == null ? void 0 : customer.username },
+  { label: "\uC131\uBCC4", getValue: (customer) => customer == null ? void 0 : customer.gender },
+  {
+    label: "\uC0DD\uB144\uC6D4\uC77C",
+    getValue: (customer) => (customer == null ? void 0 : customer.birthdate) && format(customer.birthdate, "yyyy.MM.dd")
+  },
+  { label: "\uBD80\uC11C", getValue: (customer) => customer == null ? void 0 : customer.team },
+  { label: "\uC9C1\uCC45", getValue: (customer) => customer == null ? void 0 : customer.position },
+  { label: "\uC9C1\uAE09", getValue: (customer) => customer == null ? void 0 : customer.level },
+  { label: "\uC774\uBA54\uC77C", getValue: (customer) => customer == null ? void 0 : customer.email, copyable: true },
+  {
+    label: "\uC804\uD654\uBC88\uD638",
+    getValue: (customer) => customer == null ? void 0 : customer.phone,
+    render: (value) => {
+      return value == null ? void 0 : value.replace(/[^0-9]/g, "").replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`);
+    },
+    copyable: true
+  }
+];
+var sessionStatusChecker = (value, session) => {
+  if ((session == null ? void 0 : session.state) === "inProgress") {
+    return value;
+  }
+  return "-";
+};
+var sessionList = [
+  {
+    label: "\uC9C4\uD589\uC911\uC778 \uC138\uC158",
+    getValue: (session) => {
+      const { currentSession, totalSession } = session || {};
+      if (currentSession && totalSession && currentSession > totalSession) {
+        return "-";
+      }
+      return sessionStatusChecker(
+        `${currentSession || "-"}\uD68C\uCC28/${totalSession || "-"}\uD68C\uCC28`,
+        session
+      );
+    }
+  },
+  {
+    label: "\uB2E4\uC74C \uC138\uC158 \uC77C\uC2DC",
+    getValue: (session) => sessionStatusChecker(
+      (session == null ? void 0 : session.nextSessionDate) ? format(session.nextSessionDate, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84") : "-",
+      session
+    )
+  },
+  {
+    label: "\uB2E4\uC74C \uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD",
+    getValue: (session) => sessionStatusChecker((session == null ? void 0 : session.nextSessionType) || "-", session)
+  },
+  {
+    label: "\uCF54\uCE6D \uB9CC\uB8CC \uAE30\uD55C",
+    getValue: (session) => (session == null ? void 0 : session.expiredAt) ? format(session.expiredAt, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "-"
+  }
+];
+var renderItem = (args) => {
+  const { info, data, onClickCopy } = args;
+  const value = info.getValue(data);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    info.render ? info.render(value) : value || "-",
+    info.copyable && value ? /* @__PURE__ */ jsx(CopyButton, { onClickCopy, value }) : null
+  ] });
+};
+var renderDataListItem = (args) => {
+  const { info, data, onClickCopy } = args;
+  return /* @__PURE__ */ jsxs(DataList.Item, { children: [
+    /* @__PURE__ */ jsx(DataList.Label, { children: info.label }),
+    /* @__PURE__ */ jsx(DataList.Value, { children: renderItem({ info, data, onClickCopy }) })
+  ] }, info.label);
+};
+function CopyButton(props) {
+  const { value, onClickCopy } = props;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      color: "gray",
+      onClick: () => {
+        onClickCopy(value);
+      },
+      style: { marginLeft: "0", marginTop: "0" },
+      variant: "transparent",
+      children: /* @__PURE__ */ jsx(CopyIcon, {})
+    }
+  );
+}
+
+export {
+  infoList,
+  sessionList,
+  renderItem,
+  renderDataListItem,
+  CopyButton
+};
+//# sourceMappingURL=chunk-MXZFDDUU.js.map

package/dist/chunk-MXZFDDUU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/userInfos/utils.tsx"],"sourcesContent":["import type { ProjectStatus } from '@tipp/biz-utils';\nimport { format } from 'date-fns';\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { Button, DataList } from '../../../atoms';\n\nexport interface CoachingCustomerInfoProps {\n  customer?: Customer;\n  session?: Session;\n  children?: React.ReactNode;\n  badge?: React.ReactNode;\n  onClickCopy: (value: string) => void;\n}\n\nexport interface Customer {\n  username?: string;\n  email?: string;\n  gender?: string;\n  birthdate?: Date;\n  phone?: string;\n  company?: string;\n  team?: string;\n  position?: string;\n  level: string;\n}\n\nexport interface Session {\n  state?: ProjectStatus;\n  totalSession?: number;\n  currentSession?: number;\n  nextSessionDate?: Date;\n  nextSessionType?: string;\n  expiredAt?: Date;\n}\n\nexport interface DataListItems<T> {\n  label: string;\n  getValue: (original?: T) => string | undefined;\n  copyable?: boolean;\n  render?: (value?: string) => React.ReactNode;\n}\n\nexport const infoList: DataListItems<Customer>[] = [\n  { label: '이름', getValue: (customer) => customer?.username },\n  { label: '성별', getValue: (customer) => customer?.gender },\n  {\n    label: '생년월일',\n    getValue: (customer) =>\n      customer?.birthdate && format(customer.birthdate, 'yyyy.MM.dd'),\n  },\n  { label: '부서', getValue: (customer) => customer?.team },\n  { label: '직책', getValue: (customer) => customer?.position },\n  { label: '직급', getValue: (customer) => customer?.level },\n  { label: '이메일', getValue: (customer) => customer?.email, copyable: true },\n  {\n    label: '전화번호',\n    getValue: (customer) => customer?.phone,\n    render: (value) => {\n      // 핸드폰 전화번호 형식으로 변환\n      return (\n        value\n          ?.replace(/[^0-9]/g, '')\n          // eslint-disable-next-line prefer-named-capture-group -- target es 변경하기 전이라서 이대로 둠\n          .replace(/^(\\d{2,3})(\\d{3,4})(\\d{4})$/, `$1-$2-$3`)\n      );\n    },\n    copyable: true,\n  },\n];\n\nconst sessionStatusChecker = <T,>(value: T, session?: Session): T | string => {\n  if (session?.state === 'inProgress') {\n    return value;\n  }\n  return '-';\n};\n\nexport const sessionList: DataListItems<Session>[] = [\n  {\n    label: '진행중인 세션',\n    getValue: (session) => {\n      const { currentSession, totalSession } = session || {};\n      if (currentSession && totalSession && currentSession > totalSession) {\n        return '-';\n      }\n\n      return sessionStatusChecker(\n        `${currentSession || '-'}회차/${totalSession || '-'}회차`,\n        session\n      );\n    },\n  },\n  {\n    label: '다음 세션 일시',\n    getValue: (session) =>\n      sessionStatusChecker(\n        session?.nextSessionDate\n          ? format(session.nextSessionDate, 'yyyy년 MM월 dd일 HH시 mm분')\n          : '-',\n        session\n      ),\n  },\n  {\n    label: '다음 세션 참여 방식',\n    getValue: (session) =>\n      sessionStatusChecker(session?.nextSessionType || '-', session),\n  },\n  {\n    label: '코칭 만료 기한',\n    getValue: (session) =>\n      session?.expiredAt ? format(session.expiredAt, 'yyyy년 MM월 dd일') : '-',\n  },\n];\n\nexport const renderItem = <T extends object>(args: {\n  info: DataListItems<T>;\n  data?: T;\n  onClickCopy: (value: string) => void;\n}): React.ReactNode => {\n  const { info, data, onClickCopy } = args;\n  const value = info.getValue(data);\n  return (\n    <>\n      {info.render ? info.render(value) : value || '-'}\n      {info.copyable && value ? (\n        <CopyButton onClickCopy={onClickCopy} value={value} />\n      ) : null}\n    </>\n  );\n};\n\nexport const renderDataListItem = <T extends object>(args: {\n  info: DataListItems<T>;\n  data?: T;\n  onClickCopy: (value: string) => void;\n}): React.ReactNode => {\n  const { info, data, onClickCopy } = args;\n  return (\n    <DataList.Item key={info.label}>\n      <DataList.Label>{info.label}</DataList.Label>\n      <DataList.Value>{renderItem({ info, data, onClickCopy })}</DataList.Value>\n    </DataList.Item>\n  );\n};\n\nexport function CopyButton(props: {\n  value: string;\n  onClickCopy: (value: string) => void;\n}): React.ReactNode {\n  const { value, onClickCopy } = props;\n  return (\n    <Button\n      color=\"gray\"\n      onClick={() => {\n        onClickCopy(value);\n      }}\n      style={{ marginLeft: '0', marginTop: '0' }}\n      variant=\"transparent\"\n    >\n      <CopyIcon />\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-W4ELCM47.js → chunk-NH7IZ54P.js}

@@ -1,24 +1,24 @@
 import {
   Row
-} from "./chunk-WDUSQ6HR.js";
+} from "./chunk-2SB6B77U.js";
 import {
   Spinner
 } from "./chunk-FR2GDOU2.js";
 import {
   Pagination
-} from "./chunk-BXQCEPIO.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
+} from "./chunk-DWSZ4PWA.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 import {
   TriangleArrowUpIcon
-} from "./chunk-PVL7SJYR.js";
+} from "./chunk-2O45FRFQ.js";
 import {
   TriangleArrowDownIcon
-} from "./chunk-2TPQQBUQ.js";
+} from "./chunk-776WBOKL.js";
 
 // src/molecules/expand-table/index.tsx
 import {
@@ -189,4 +189,4 @@ export {
   createColumnHelper,
   ExpandTable
 };
-//# sourceMappingURL=chunk-W4ELCM47.js.map
+//# sourceMappingURL=chunk-NH7IZ54P.js.map

package/dist/chunk-NJRXL42N.js

@@ -0,0 +1,197 @@
+import {
+  DynamicFormField
+} from "./chunk-IG3JFQAX.js";
+import {
+  Form
+} from "./chunk-2OMSNCRH.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Button
+} from "./chunk-TSXRCXC6.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form.tsx
+import { useMemo, useRef } from "react";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { Box } from "@radix-ui/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicForm({
+  fields,
+  initialValues = {},
+  onSubmit,
+  submitButtonText = "\uC81C\uCD9C",
+  labelVariant = "body",
+  className
+}) {
+  const fieldRefs = useRef({});
+  const validationSchema = useMemo(() => {
+    const schema = {};
+    fields.forEach((field) => {
+      if (field.validation) {
+        schema[field.name] = field.validation;
+      } else if (field.required) {
+        if (field.type === "checkbox") {
+          schema[field.name] = Yup.array().min(1, `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`).required(`${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
+        } else {
+          schema[field.name] = Yup.string().required(
+            `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+          );
+        }
+      }
+    });
+    return Object.keys(schema).length > 0 ? Yup.object(schema) : void 0;
+  }, [fields]);
+  const formik = useFormik({
+    initialValues: fields.reduce((acc, field) => {
+      if (field.type === "checkbox") {
+        acc[field.name] = initialValues[field.name] || [];
+      } else if (field.type === "single-checkbox") {
+        acc[field.name] = initialValues[field.name] || false;
+      } else {
+        acc[field.name] = initialValues[field.name] || "";
+      }
+      return acc;
+    }, {}),
+    validationSchema,
+    validateOnBlur: true,
+    onSubmit: (values, formikHelpers) => __async(null, null, function* () {
+      const errors = yield formikHelpers.validateForm();
+      if (Object.keys(errors).length > 0) {
+        void formikHelpers.setTouched(
+          fields.reduce((acc, field) => {
+            acc[field.name] = true;
+            return acc;
+          }, {})
+        );
+        const firstErrorField = fields.find((field) => errors[field.name]);
+        if (firstErrorField) {
+          const fieldElement = fieldRefs.current[firstErrorField.name];
+          if (fieldElement) {
+            fieldElement.scrollIntoView({
+              behavior: "smooth",
+              block: "center"
+            });
+            const focusableElement = fieldElement.querySelector(
+              "input, select, textarea, button"
+            );
+            if (focusableElement) {
+              focusableElement.focus();
+            }
+          }
+        }
+        return;
+      }
+      yield onSubmit(values);
+    })
+  });
+  return /* @__PURE__ */ jsxs(Form.Root, { className, onSubmit: formik.handleSubmit, children: [
+    fields.map((field) => {
+      const errorMessage = formik.touched[field.name] && formik.errors[field.name] ? String(formik.errors[field.name]) : void 0;
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          mb: "2",
+          ref: (el) => {
+            fieldRefs.current[field.name] = el;
+          },
+          children: /* @__PURE__ */ jsxs(
+            Form.FormItem,
+            {
+              errorMessage,
+              label: field.label,
+              labelVariant,
+              name: field.name,
+              required: field.required,
+              children: [
+                /* @__PURE__ */ jsx(DynamicFormField, { field, formik }),
+                field.description ? /* @__PURE__ */ jsx(Typo, { children: field.description }) : null
+              ]
+            }
+          )
+        },
+        field.name
+      );
+    }),
+    /* @__PURE__ */ jsx(Button, { disabled: formik.isSubmitting, type: "submit", children: formik.isSubmitting ? "\uC81C\uCD9C \uC911..." : submitButtonText })
+  ] });
+}
+function convertJsonToFields(jsonData) {
+  return jsonData.fields.map((field) => ({
+    name: field.name,
+    type: field.type,
+    label: field.label,
+    placeholder: field.placeholder,
+    description: field.description,
+    required: field.required,
+    orientation: field.orientation,
+    options: field.options,
+    validation: field.validation ? createYupValidation(field.validation) : void 0
+  }));
+}
+function createYupValidation(validation) {
+  if (!validation) return void 0;
+  let schema;
+  if (validation.type === "number") {
+    schema = Yup.number();
+  } else if (validation.type === "email") {
+    schema = Yup.string().email(
+      validation.message || "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+    );
+  } else if (validation.type === "array") {
+    schema = Yup.array();
+  } else {
+    schema = Yup.string();
+  }
+  if (validation.required) {
+    schema = schema.required(validation.message || "\uD544\uC218 \uD56D\uBAA9\uC785\uB2C8\uB2E4");
+  }
+  if (validation.min !== void 0) {
+    if (validation.type === "number") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (validation.type === "array") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
+      );
+    } else {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC790 \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.max !== void 0) {
+    if (validation.type === "number") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (validation.type === "array") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uAC1C\uAE4C\uC9C0 \uC120\uD0DD \uAC00\uB2A5\uD569\uB2C8\uB2E4`
+      );
+    } else {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC790 \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  return schema;
+}
+
+export {
+  DynamicForm,
+  convertJsonToFields,
+  createYupValidation
+};
+//# sourceMappingURL=chunk-NJRXL42N.js.map

package/dist/chunk-NJRXL42N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms';\nimport type {\n  DynamicFormJsonSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-json';\nimport { Button } from '../atoms/button';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormField[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  submitButtonText?: string;\n  labelVariant?: 'title' | 'body' | 'caption';\n  className?: string;\n}\n\nexport function DynamicForm({\n  fields,\n  initialValues = {},\n  onSubmit,\n  submitButtonText = '제출',\n  labelVariant = 'body',\n  className,\n}: DynamicFormProps): React.ReactElement {\n  const fieldRefs = useRef<Record<string, HTMLElement | null>>({});\n\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        schema[field.name] = field.validation;\n      } else if (field.required) {\n        // checkbox 타입은 배열 스키마로 처리\n        if (field.type === 'checkbox') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else {\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    return Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n  }, [fields]);\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'checkbox') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'single-checkbox') {\n        acc[field.name] = initialValues[field.name] || false;\n      } else {\n        acc[field.name] = initialValues[field.name] || '';\n      }\n      return acc;\n    }, {}),\n    validationSchema,\n    validateOnBlur: true,\n    onSubmit: async (values, formikHelpers) => {\n      // 1. 에러 체크 동기적 실행\n      const errors = await formikHelpers.validateForm();\n\n      // 2. 에러가 있으면 스크롤 이동, 아니면 submit 동기적 실행\n      if (Object.keys(errors).length > 0) {\n        void formikHelpers.setTouched(\n          fields.reduce<Record<string, boolean>>((acc, field) => {\n            acc[field.name] = true;\n            return acc;\n          }, {})\n        );\n\n        // 첫 번째 에러 필드로 스크롤\n        const firstErrorField = fields.find((field) => errors[field.name]);\n        if (firstErrorField) {\n          const fieldElement = fieldRefs.current[firstErrorField.name];\n          if (fieldElement) {\n            fieldElement.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center',\n            });\n            // 포커스도 함께 이동\n            const focusableElement = fieldElement.querySelector(\n              'input, select, textarea, button'\n            );\n            if (focusableElement) {\n              (focusableElement as HTMLElement).focus();\n            }\n          }\n        }\n        return;\n      }\n\n      await onSubmit(values);\n    },\n  });\n\n  return (\n    <Form.Root className={className} onSubmit={formik.handleSubmit}>\n      {fields.map((field) => {\n        const errorMessage =\n          formik.touched[field.name] && formik.errors[field.name]\n            ? String(formik.errors[field.name])\n            : undefined;\n\n        return (\n          <Box\n            key={field.name}\n            mb=\"2\"\n            ref={(el) => {\n              fieldRefs.current[field.name] = el;\n            }}\n          >\n            <Form.FormItem\n              errorMessage={errorMessage}\n              label={field.label}\n              labelVariant={labelVariant}\n              name={field.name}\n              required={field.required}\n            >\n              <DynamicFormField field={field} formik={formik} />\n              {field.description ? <Typo>{field.description}</Typo> : null}\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n\n      <Button disabled={formik.isSubmitting} type=\"submit\">\n        {formik.isSubmitting ? '제출 중...' : submitButtonText}\n      </Button>\n    </Form.Root>\n  );\n}\n\n// JSON 데이터를 DynamicFormField 타입으로 변환하는 함수\nexport function convertJsonToFields(\n  jsonData: DynamicFormJsonSchema\n): DynamicFormField[] {\n  return jsonData.fields.map((field) => ({\n    name: field.name,\n    type: field.type,\n    label: field.label,\n    placeholder: field.placeholder,\n    description: field.description,\n    required: field.required,\n    orientation: field.orientation,\n    options: field.options,\n    validation: field.validation\n      ? createYupValidation(field.validation)\n      : undefined,\n  }));\n}\n\nexport function createYupValidation(\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  let schema: Yup.Schema<unknown>;\n\n  if (validation.type === 'number') {\n    schema = Yup.number();\n  } else if (validation.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (validation.type === 'array') {\n    schema = Yup.array();\n  } else {\n    schema = Yup.string();\n  }\n\n  if (validation.required) {\n    schema = schema.required(validation.message || '필수 항목입니다');\n  }\n\n  if (validation.min !== undefined) {\n    if (validation.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (validation.type === 'array') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else {\n      schema = (schema as Yup.StringSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}자 이상이어야 합니다`\n      );\n    }\n  }\n\n  if (validation.max !== undefined) {\n    if (validation.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (validation.type === 'array') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  return schema;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-56GG45EL.js → chunk-NMS3AZUF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4Y5BEXVN.js";
 import {
   Button
-} from "./chunk-BW46WIN5.js";
+} from "./chunk-TSXRCXC6.js";
 import {
   ChevronLeftIcon,
   ChevronRightIcon,
@@ -51,4 +51,4 @@ var review_question_footer_default = ReviewQuestionFooter;
 export {
   review_question_footer_default
 };
-//# sourceMappingURL=chunk-56GG45EL.js.map
+//# sourceMappingURL=chunk-NMS3AZUF.js.map

package/dist/chunk-NQJPE25G.js

@@ -0,0 +1,30 @@
+import {
+  CoachingCustomerInfoLarge
+} from "./chunk-YM5YFOUS.js";
+import {
+  CoachingCustomerInfoMedium
+} from "./chunk-3DJ457K5.js";
+import {
+  CoachingCustomerInfoSmall
+} from "./chunk-VUPRQPVA.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/userInfos/coaching-customer-info/index.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CoachingCustomerInfo(props) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
+    /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
+    /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
+  ] });
+}
+
+export {
+  CoachingCustomerInfo
+};
+//# sourceMappingURL=chunk-NQJPE25G.js.map

package/dist/chunk-NQJPE25G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n  CoachingCustomerInfoLarge,\n  CoachingCustomerInfoMedium,\n  CoachingCustomerInfoSmall,\n};\n\nexport { type CoachingCustomerInfoProps };\n\nexport function CoachingCustomerInfo(\n  props: CoachingCustomerInfoProps\n): React.ReactNode {\n  return (\n    <>\n      <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n        <CoachingCustomerInfoSmall {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n        <CoachingCustomerInfoMedium {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n        <CoachingCustomerInfoLarge {...props} />\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,mBAEI,KAFJ;AAJG,SAAS,qBACd,OACiB;AACjB,SACE,iCACE;AAAA,wBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,QAAQ,IAAI,OAAO,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,SAAS,IAAI,OAAO,GACvD,8BAAC,+CAA+B,MAAO,GACzC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,IAAI,QAAQ,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-ZM763HMC.js → chunk-NRPDVI76.js}

@@ -4,7 +4,7 @@ import {
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-2NMEKWO5.js";
+} from "./chunk-CRTRMMJ7.js";
 
 // src/utils/get-column-meta.ts
 var getColumnMeta = (meta) => {
@@ -16,4 +16,4 @@ var getColumnMeta = (meta) => {
 export {
   getColumnMeta
 };
-//# sourceMappingURL=chunk-ZM763HMC.js.map
+//# sourceMappingURL=chunk-NRPDVI76.js.map

package/dist/chunk-NYPM4AJ2.js

@@ -0,0 +1,109 @@
+import {
+  TextArea
+} from "./chunk-5XYPLDI5.js";
+import {
+  TextField
+} from "./chunk-6NPTJBFE.js";
+import {
+  Select
+} from "./chunk-X2GMDZ7M.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
+import {
+  CheckboxGroup
+} from "./chunk-W7X7KSJP.js";
+import {
+  Checkbox
+} from "./chunk-VYCYVN3L.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-field.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormField({
+  field,
+  formik
+}) {
+  const { name, type, placeholder, options, orientation = "vertical" } = field;
+  const { value, error, touched } = formik.getFieldMeta(name);
+  const hasError = Boolean(error && touched);
+  const commonProps = {
+    name,
+    value: String(value || ""),
+    onChange: formik.handleChange,
+    onBlur: formik.handleBlur,
+    placeholder,
+    error: hasError
+  };
+  switch (type) {
+    case "text":
+    case "email":
+    case "password":
+      return /* @__PURE__ */ jsx(TextField.Root, __spreadProps(__spreadValues({}, commonProps), { type }));
+    case "number":
+      return /* @__PURE__ */ jsx(TextField.Root, __spreadProps(__spreadValues({}, commonProps), { inputMode: "numeric", pattern: "[0-9]*" }));
+    case "textarea":
+      return /* @__PURE__ */ jsx(TextArea, __spreadProps(__spreadValues({}, commonProps), { rows: 4 }));
+    case "select":
+      return /* @__PURE__ */ jsxs(
+        Select.Root,
+        {
+          onValueChange: (newValue) => {
+            void formik.setFieldValue(name, newValue);
+          },
+          value,
+          children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { placeholder, children: String(value || "") || placeholder }),
+            /* @__PURE__ */ jsx(Select.Content, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Select.Item, { value: String(option.value), children: option.label }, option.value)) })
+          ]
+        }
+      );
+    case "radio":
+      return /* @__PURE__ */ jsx(
+        RadioGroup.Root,
+        {
+          onValueChange: (newValue) => {
+            void formik.setFieldValue(name, newValue);
+          },
+          orientation,
+          value: String(value || ""),
+          children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: String(option.value), children: option.label }, option.value))
+        }
+      );
+    case "checkbox":
+      return /* @__PURE__ */ jsx(
+        CheckboxGroup.Root,
+        {
+          onValueChange: (newValue) => {
+            void formik.setFieldValue(name, newValue);
+          },
+          orientation,
+          value: Array.isArray(value) ? value.map(String) : [],
+          children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(CheckboxGroup.Item, { value: String(option.value), children: option.label }, option.value))
+        }
+      );
+    case "single-checkbox":
+      return /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: Boolean(value),
+            onCheckedChange: (checked) => {
+              void formik.setFieldValue(name, checked);
+            }
+          }
+        ),
+        field.description ? /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: "#666", lineHeight: "1.4" }, children: field.description }) : null
+      ] });
+    default:
+      return null;
+  }
+}
+
+export {
+  DynamicFormField
+};
+//# sourceMappingURL=chunk-NYPM4AJ2.js.map

package/dist/chunk-NYPM4AJ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-field.tsx"],"sourcesContent":["import type { FormikProps } from 'formik';\nimport type * as Yup from 'yup';\nimport { TextField } from '../atoms/text-field';\nimport { TextArea } from '../atoms/text-area';\nimport { Select } from '../atoms/select';\nimport { CheckboxGroup } from '../atoms/check-box-group';\nimport { RadioGroup } from '../atoms/radio-group';\nimport { Checkbox } from '../atoms/check-box';\n\nexport type FieldType =\n  | 'text'\n  | 'number'\n  | 'email'\n  | 'password'\n  | 'textarea'\n  | 'select'\n  | 'radio'\n  | 'checkbox'\n  | 'single-checkbox';\n\nexport interface FieldOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface DynamicFormField {\n  name: string;\n  type: FieldType;\n  label: string;\n  placeholder?: string;\n  description?: string;\n  required?: boolean;\n  options?: FieldOption[];\n  validation?: Yup.Schema<unknown>;\n  orientation?: 'horizontal' | 'vertical';\n}\n\ninterface DynamicFormFieldRendererProps {\n  field: DynamicFormField;\n  formik: FormikProps<Record<string, unknown>>;\n}\n\nexport function DynamicFormField({\n  field,\n  formik,\n}: DynamicFormFieldRendererProps): React.ReactElement | null {\n  const { name, type, placeholder, options, orientation = 'vertical' } = field;\n  const { value, error, touched } = formik.getFieldMeta(name);\n  const hasError = Boolean(error && touched);\n\n  const commonProps = {\n    name,\n    value: String(value || ''),\n    onChange: formik.handleChange,\n    onBlur: formik.handleBlur,\n    placeholder,\n    error: hasError,\n  };\n\n  switch (type) {\n    case 'text':\n    case 'email':\n    case 'password':\n      return <TextField.Root {...commonProps} type={type} />;\n    case 'number':\n      return (\n        <TextField.Root {...commonProps} inputMode=\"numeric\" pattern=\"[0-9]*\" />\n      );\n    case 'textarea':\n      return <TextArea {...commonProps} rows={4} />;\n\n    case 'select':\n      return (\n        <Select.Root\n          onValueChange={(newValue: string) => {\n            void formik.setFieldValue(name, newValue);\n          }}\n          value={value as string}\n        >\n          <Select.Trigger placeholder={placeholder}>\n            {String(value || '') || placeholder}\n          </Select.Trigger>\n          <Select.Content>\n            {options?.map((option) => (\n              <Select.Item key={option.value} value={String(option.value)}>\n                {option.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select.Root>\n      );\n\n    case 'radio':\n      return (\n        <RadioGroup.Root\n          onValueChange={(newValue: string) => {\n            void formik.setFieldValue(name, newValue);\n          }}\n          orientation={orientation}\n          value={String(value || '')}\n        >\n          {options?.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      );\n\n    case 'checkbox':\n      return (\n        <CheckboxGroup.Root\n          onValueChange={(newValue: string[]) => {\n            void formik.setFieldValue(name, newValue);\n          }}\n          orientation={orientation}\n          value={Array.isArray(value) ? value.map(String) : []}\n        >\n          {options?.map((option) => (\n            <CheckboxGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </CheckboxGroup.Item>\n          ))}\n        </CheckboxGroup.Root>\n      );\n\n    case 'single-checkbox':\n      return (\n        <div style={{ display: 'flex', alignItems: 'flex-start', gap: '8px' }}>\n          <Checkbox\n            checked={Boolean(value)}\n            onCheckedChange={(checked: boolean) => {\n              void formik.setFieldValue(name, checked);\n            }}\n          />\n          {field.description ? (\n            <div style={{ fontSize: '14px', color: '#666', lineHeight: '1.4' }}>\n              {field.description}\n            </div>\n          ) : null}\n        </div>\n      );\n\n    default:\n      return null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+Da,cAUL,YAVK;AArBN,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAA6D;AAC3D,QAAM,EAAE,MAAM,MAAM,aAAa,SAAS,cAAc,WAAW,IAAI;AACvE,QAAM,EAAE,OAAO,OAAO,QAAQ,IAAI,OAAO,aAAa,IAAI;AAC1D,QAAM,WAAW,QAAQ,SAAS,OAAO;AAEzC,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,OAAO,OAAO,SAAS,EAAE;AAAA,IACzB,UAAU,OAAO;AAAA,IACjB,QAAQ,OAAO;AAAA,IACf;AAAA,IACA,OAAO;AAAA,EACT;AAEA,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,UAAU,MAAV,iCAAmB,cAAnB,EAAgC,OAAY;AAAA,IACtD,KAAK;AACH,aACE,oBAAC,UAAU,MAAV,iCAAmB,cAAnB,EAAgC,WAAU,WAAU,SAAQ,WAAS;AAAA,IAE1E,KAAK;AACH,aAAO,oBAAC,2CAAa,cAAb,EAA0B,MAAM,IAAG;AAAA,IAE7C,KAAK;AACH,aACE;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,eAAe,CAAC,aAAqB;AACnC,iBAAK,OAAO,cAAc,MAAM,QAAQ;AAAA,UAC1C;AAAA,UACA;AAAA,UAEA;AAAA,gCAAC,OAAO,SAAP,EAAe,aACb,iBAAO,SAAS,EAAE,KAAK,aAC1B;AAAA,YACA,oBAAC,OAAO,SAAP,EACE,6CAAS,IAAI,CAAC,WACb,oBAAC,OAAO,MAAP,EAA+B,OAAO,OAAO,OAAO,KAAK,GACvD,iBAAO,SADQ,OAAO,KAEzB,IAEJ;AAAA;AAAA;AAAA,MACF;AAAA,IAGJ,KAAK;AACH,aACE;AAAA,QAAC,WAAW;AAAA,QAAX;AAAA,UACC,eAAe,CAAC,aAAqB;AACnC,iBAAK,OAAO,cAAc,MAAM,QAAQ;AAAA,UAC1C;AAAA,UACA;AAAA,UACA,OAAO,OAAO,SAAS,EAAE;AAAA,UAExB,6CAAS,IAAI,CAAC,WACb,oBAAC,WAAW,MAAX,EAAmC,OAAO,OAAO,OAAO,KAAK,GAC3D,iBAAO,SADY,OAAO,KAE7B;AAAA;AAAA,MAEJ;AAAA,IAGJ,KAAK;AACH,aACE;AAAA,QAAC,cAAc;AAAA,QAAd;AAAA,UACC,eAAe,CAAC,aAAuB;AACrC,iBAAK,OAAO,cAAc,MAAM,QAAQ;AAAA,UAC1C;AAAA,UACA;AAAA,UACA,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,IAAI,MAAM,IAAI,CAAC;AAAA,UAElD,6CAAS,IAAI,CAAC,WACb,oBAAC,cAAc,MAAd,EAAsC,OAAO,OAAO,OAAO,KAAK,GAC9D,iBAAO,SADe,OAAO,KAEhC;AAAA;AAAA,MAEJ;AAAA,IAGJ,KAAK;AACH,aACE,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,MAAM,GAClE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,QAAQ,KAAK;AAAA,YACtB,iBAAiB,CAAC,YAAqB;AACrC,mBAAK,OAAO,cAAc,MAAM,OAAO;AAAA,YACzC;AAAA;AAAA,QACF;AAAA,QACC,MAAM,cACL,oBAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,OAAO,QAAQ,YAAY,MAAM,GAC9D,gBAAM,aACT,IACE;AAAA,SACN;AAAA,IAGJ;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/{chunk-SLXXCM56.js → chunk-O3P4TGRW.js}

@@ -1,9 +1,9 @@
-import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
 import {
   Radio
 } from "./chunk-FPD73OHW.js";
+import {
+  RadioCards
+} from "./chunk-6IVCARWS.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -11,7 +11,7 @@ import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-2NMEKWO5.js";
+} from "./chunk-CRTRMMJ7.js";
 
 // src/molecules/radio-button-card.tsx
 import {
@@ -70,4 +70,4 @@ var RadioButtonCard = {
 export {
   RadioButtonCard
 };
-//# sourceMappingURL=chunk-SLXXCM56.js.map
+//# sourceMappingURL=chunk-O3P4TGRW.js.map