@tipp/ui 2.2.8 → 2.2.10

package/dist/chunk-6IBOT2DY.js

@@ -0,0 +1,188 @@
+import {
+  DynamicFormField
+} from "./chunk-XON6DE42.js";
+import {
+  DynamicFormProvider,
+  useDynamicForm
+} from "./chunk-O2S7S5B4.js";
+import {
+  Form
+} from "./chunk-2OMSNCRH.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form.tsx
+import { useMemo } from "react";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { Box } from "@radix-ui/themes";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormRoot({
+  fields,
+  initialValues = {},
+  onSubmit,
+  children
+}) {
+  const validationSchema = useMemo(() => {
+    const schema = {};
+    fields.forEach((field) => {
+      if (field.validation) {
+        const validation = createYupValidation(field, field.validation);
+        if (validation) {
+          schema[field.name] = validation;
+        }
+      } else if (field.required) {
+        if (field.type === "choices") {
+          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 if (field.type === "yes_no") {
+          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+        } else {
+          schema[field.name] = Yup.string().required(
+            `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+          );
+        }
+      }
+    });
+    console.log("Validation schema created:", schema);
+    const finalSchema = Object.keys(schema).length > 0 ? Yup.object(schema) : void 0;
+    return finalSchema;
+  }, [fields]);
+  const formik = useFormik({
+    initialValues: fields.reduce((acc, field) => {
+      if (field.type === "choices") {
+        acc[field.name] = initialValues[field.name] || [];
+      } else if (field.type === "yes_no") {
+        acc[field.name] = initialValues[field.name] || false;
+      } else {
+        acc[field.name] = initialValues[field.name] || "";
+      }
+      return acc;
+    }, {}),
+    validationSchema,
+    validateOnBlur: true,
+    validateOnChange: true,
+    onSubmit: (values) => __async(null, null, function* () {
+      yield onSubmit(values);
+    })
+  });
+  return /* @__PURE__ */ jsx(DynamicFormProvider, { fields, formik, children });
+}
+function DynamicFormFieldList({
+  fields: fieldsProp,
+  labelVariant
+}) {
+  const { formik, fields: fieldsFromContext } = useDynamicForm();
+  const fields = fieldsProp || fieldsFromContext;
+  return /* @__PURE__ */ jsx(Fragment, { 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",
+        children: /* @__PURE__ */ jsxs(
+          Form.FormItem,
+          {
+            errorMessage,
+            label: field.label,
+            labelVariant,
+            name: field.name,
+            required: field.required,
+            children: [
+              /* @__PURE__ */ jsx(DynamicFormField, { field }),
+              field.description ? /* @__PURE__ */ jsx(Typo, { children: field.description }) : null
+            ]
+          }
+        )
+      },
+      field.name
+    );
+  }) });
+}
+var DynamicForm = {
+  Root: DynamicFormRoot,
+  FieldList: DynamicFormFieldList
+};
+function createYupValidation(field, validation) {
+  if (!validation) return void 0;
+  let schema;
+  if (field.type === "number") {
+    schema = Yup.number();
+  } else if (field.type === "email") {
+    schema = Yup.string().email(
+      validation.message || "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+    );
+  } else if (field.type === "choices") {
+    schema = Yup.array();
+  } else if (field.type === "yes_no") {
+    schema = Yup.boolean();
+  } else {
+    schema = Yup.string();
+  }
+  if (validation.min !== void 0) {
+    if (field.type === "number") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
+      );
+    } else if (field.type === "yes_no") {
+    } 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 (field.type === "number") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uAC1C\uAE4C\uC9C0 \uC120\uD0DD \uAC00\uB2A5\uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "yes_no") {
+    } else {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC790 \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.pattern) {
+    if (field.type === "yes_no") {
+    } else {
+      schema = schema.matches(
+        new RegExp(validation.pattern),
+        validation.message || "\uC62C\uBC14\uB978 \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+      );
+    }
+  }
+  if (field.required) {
+    if (field.type === "yes_no") {
+      schema = schema.oneOf([true], validation.message || `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+    } else if (field.type === "choices") {
+      schema = schema.min(1, validation.message || `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`);
+    } else {
+      schema = schema.required(validation.message || `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
+    }
+  }
+  return schema;
+}
+
+export {
+  DynamicForm,
+  createYupValidation
+};
+//# sourceMappingURL=chunk-6IBOT2DY.js.map

package/dist/chunk-6IBOT2DY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms';\nimport {\n  DynamicFormProvider,\n  useDynamicForm,\n} from '@/context/dynamic-form-context';\nimport type {\n  DynamicFormFieldSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  children: React.ReactNode;\n}\n\nfunction DynamicFormRoot({\n  fields,\n  initialValues = {},\n  onSubmit,\n  children,\n}: DynamicFormProps): React.ReactElement {\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        const validation = createYupValidation(field, field.validation);\n        if (validation) {\n          schema[field.name] = validation;\n        }\n      } else if (field.required) {\n        // choices 타입은 배열 스키마로 처리\n        if (field.type === 'choices') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else if (field.type === 'yes_no') {\n          // yes_no 타입은 boolean 스키마로 처리\n          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}에 동의해주세요`);\n        } else {\n          // choice, dropdown, short_text, long_text, number, email 타입은 문자열 스키마로 처리\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    console.log('Validation schema created:', schema);\n    const finalSchema = Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n    return finalSchema;\n  }, [fields]);\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'choices') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'yes_no') {\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    validateOnChange: true,\n    onSubmit: async (values) => {\n      await onSubmit(values);\n    },\n  });\n\n  return (\n    <DynamicFormProvider fields={fields} formik={formik}>\n      {children}\n    </DynamicFormProvider>\n  );\n}\n\ninterface DynamicFormFieldListProps {\n  fields?: DynamicFormFieldSchema[];\n  labelVariant?: 'title' | 'body' | 'caption';\n}\nfunction DynamicFormFieldList({\n  fields: fieldsProp,\n  labelVariant,\n}: DynamicFormFieldListProps): React.ReactElement {\n  const { formik, fields: fieldsFromContext } = useDynamicForm();\n  const fields = fieldsProp || fieldsFromContext;\n\n  return (\n    <>\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          >\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} />\n              {field.description ? <Typo>{field.description}</Typo> : null}\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n    </>\n  );\n}\n\nexport const DynamicForm = {\n  Root: DynamicFormRoot,\n  FieldList: DynamicFormFieldList,\n};\n\nexport function createYupValidation(\n  field: DynamicFormFieldSchema,\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  let schema: Yup.Schema<unknown>;\n\n  // field.type을 기준으로 기본 스키마 생성\n  if (field.type === 'number') {\n    schema = Yup.number();\n  } else if (field.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (field.type === 'choices') {\n    schema = Yup.array();\n  } else if (field.type === 'yes_no') {\n    schema = Yup.boolean();\n  } else {\n    // choice, dropdown, short_text, long_text 타입은 문자열 스키마로 처리\n    schema = Yup.string();\n  }\n\n  if (validation.min !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\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 (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  if (validation.pattern) {\n    if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 pattern 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).matches(\n        new RegExp(validation.pattern),\n        validation.message || '올바른 형식이 아닙니다'\n      );\n    }\n  }\n\n  // field.required가 true인 경우 required 검증 추가\n  if (field.required) {\n    if (field.type === 'yes_no') {\n      schema = (schema as Yup.BooleanSchema).oneOf([true], validation.message || `${field.label}에 동의해주세요`);\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(1, validation.message || `${field.label}을(를) 하나 이상 선택해주세요`);\n    } else {\n      schema = (schema as Yup.StringSchema).required(validation.message || `${field.label}은(는) 필수입니다`);\n    }\n  }\n\n  return schema;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6JNBG6YW.js

@@ -0,0 +1,67 @@
+// src/molecules/dynamic-form-response-item.tsx
+function DynamicFormResponseItem({
+  payload,
+  questionType,
+  config
+}) {
+  if (!payload || typeof payload !== "object") {
+    return String(payload || "");
+  }
+  const payloadObj = payload;
+  const value = payloadObj.value;
+  const getOptions = (fieldConfig) => {
+    if (!fieldConfig || typeof fieldConfig !== "object") return void 0;
+    if ("options" in fieldConfig && Array.isArray(fieldConfig.options)) {
+      return fieldConfig.options;
+    }
+    return void 0;
+  };
+  const options = getOptions(config);
+  switch (questionType) {
+    case "text":
+    case "textarea":
+      return String(value || "");
+    case "radio":
+    case "select":
+      if (options && value !== void 0) {
+        const option = options.find((opt) => opt.value === value);
+        return option ? option.label : String(value);
+      }
+      return String(value || "");
+    case "checkbox":
+    case "choices":
+      if (Array.isArray(value)) {
+        if (options) {
+          return value.map((val) => {
+            const option = options.find((opt) => opt.value === val);
+            return option ? option.label : String(val);
+          }).join(", ");
+        }
+        return value.join(", ");
+      }
+      return String(value || "");
+    case "rating":
+      if (options && value !== void 0) {
+        const option = options.find((opt) => opt.value === value);
+        return option ? option.label : String(value);
+      }
+      return String(value || "");
+    case "number":
+      return String(value || "");
+    case "yes_no":
+      if (value === true || value === "true" || value === "yes") {
+        return "\uB3D9\uC758";
+      }
+      if (value === false || value === "false" || value === "no") {
+        return "\uBE44\uB3D9\uC758";
+      }
+      return String(value || "");
+    default:
+      return String(value || "");
+  }
+}
+
+export {
+  DynamicFormResponseItem
+};
+//# sourceMappingURL=chunk-6JNBG6YW.js.map

package/dist/chunk-6JNBG6YW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-response-item.tsx"],"sourcesContent":["import type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\n\ninterface DynamicFormResponseItemProps {\n  payload: unknown;\n  questionType: string;\n  config?: DynamicFormFieldSchema;\n}\n\nexport function DynamicFormResponseItem({\n  payload,\n  questionType,\n  config,\n}: DynamicFormResponseItemProps): string {\n  if (!payload || typeof payload !== 'object') {\n    return String(payload || '');\n  }\n\n  const payloadObj = payload as { value?: unknown };\n  const value = payloadObj.value;\n\n  // options가 있는 필드 타입들 확인\n  const getOptions = (\n    fieldConfig?: DynamicFormFieldSchema\n  ): { label: string; value: string | number }[] | undefined => {\n    if (!fieldConfig || typeof fieldConfig !== 'object') return undefined;\n    if ('options' in fieldConfig && Array.isArray(fieldConfig.options)) {\n      return fieldConfig.options as {\n        label: string;\n        value: string | number;\n      }[];\n    }\n    return undefined;\n  };\n\n  const options = getOptions(config);\n\n  switch (questionType) {\n    case 'text':\n    case 'textarea':\n      return String(value || '');\n    case 'radio':\n    case 'select':\n      if (options && value !== undefined) {\n        const option = options.find((opt) => opt.value === value);\n        return option ? option.label : String(value);\n      }\n      return String(value || '');\n    case 'checkbox':\n    case 'choices': \n      if (Array.isArray(value)) {\n        if (options) {\n          return value\n            .map((val) => {\n              const option = options.find((opt) => opt.value === val);\n              return option ? option.label : String(val);\n            })\n            .join(', ');\n        }\n        return value.join(', ');\n      }\n      return String(value || '');\n    case 'rating':\n      if (options && value !== undefined) {\n        const option = options.find((opt) => opt.value === value);\n        return option ? option.label : String(value);\n      }\n      return String(value || '');\n    case 'number':\n      return String(value || '');\n    case 'yes_no':\n      if (value === true || value === 'true' || value === 'yes') {\n        return '동의';\n      }\n      if (value === false || value === 'false' || value === 'no') {\n        return '비동의';\n      }\n      return String(value || '');\n    default:\n      return String(value || '');\n  }\n}\n"],"mappings":";AAQO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,GAAyC;AACvC,MAAI,CAAC,WAAW,OAAO,YAAY,UAAU;AAC3C,WAAO,OAAO,WAAW,EAAE;AAAA,EAC7B;AAEA,QAAM,aAAa;AACnB,QAAM,QAAQ,WAAW;AAGzB,QAAM,aAAa,CACjB,gBAC4D;AAC5D,QAAI,CAAC,eAAe,OAAO,gBAAgB,SAAU,QAAO;AAC5D,QAAI,aAAa,eAAe,MAAM,QAAQ,YAAY,OAAO,GAAG;AAClE,aAAO,YAAY;AAAA,IAIrB;AACA,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,WAAW,MAAM;AAEjC,UAAQ,cAAc;AAAA,IACpB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,OAAO,SAAS,EAAE;AAAA,IAC3B,KAAK;AAAA,IACL,KAAK;AACH,UAAI,WAAW,UAAU,QAAW;AAClC,cAAM,SAAS,QAAQ,KAAK,CAAC,QAAQ,IAAI,UAAU,KAAK;AACxD,eAAO,SAAS,OAAO,QAAQ,OAAO,KAAK;AAAA,MAC7C;AACA,aAAO,OAAO,SAAS,EAAE;AAAA,IAC3B,KAAK;AAAA,IACL,KAAK;AACH,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,YAAI,SAAS;AACX,iBAAO,MACJ,IAAI,CAAC,QAAQ;AACZ,kBAAM,SAAS,QAAQ,KAAK,CAAC,QAAQ,IAAI,UAAU,GAAG;AACtD,mBAAO,SAAS,OAAO,QAAQ,OAAO,GAAG;AAAA,UAC3C,CAAC,EACA,KAAK,IAAI;AAAA,QACd;AACA,eAAO,MAAM,KAAK,IAAI;AAAA,MACxB;AACA,aAAO,OAAO,SAAS,EAAE;AAAA,IAC3B,KAAK;AACH,UAAI,WAAW,UAAU,QAAW;AAClC,cAAM,SAAS,QAAQ,KAAK,CAAC,QAAQ,IAAI,UAAU,KAAK;AACxD,eAAO,SAAS,OAAO,QAAQ,OAAO,KAAK;AAAA,MAC7C;AACA,aAAO,OAAO,SAAS,EAAE;AAAA,IAC3B,KAAK;AACH,aAAO,OAAO,SAAS,EAAE;AAAA,IAC3B,KAAK;AACH,UAAI,UAAU,QAAQ,UAAU,UAAU,UAAU,OAAO;AACzD,eAAO;AAAA,MACT;AACA,UAAI,UAAU,SAAS,UAAU,WAAW,UAAU,MAAM;AAC1D,eAAO;AAAA,MACT;AACA,aAAO,OAAO,SAAS,EAAE;AAAA,IAC3B;AACE,aAAO,OAAO,SAAS,EAAE;AAAA,EAC7B;AACF;","names":[]}

package/dist/chunk-6MGEUCTF.js

@@ -0,0 +1,37 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-3WIE5DV2.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionSatisfisRadio(props) {
+  var _a, _b, _c;
+  const { question, answer, onChange } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD55C \uC804\uBC18\uC801\uC778 \uB9CC\uC871\uB3C4\uB97C \uC54C\uB824\uC8FC\uC138\uC694.",
+        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
+        type: question.type
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: String(option.value), children: option.label }, option.value)) }) })
+  ] });
+}
+var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
+
+export {
+  review_question_satisfaction_option_default
+};
+//# sourceMappingURL=chunk-6MGEUCTF.js.map

package/dist/chunk-6MGEUCTF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Flex, RadioGroup } from '@/atoms';\nimport { type CurriculumReviewQuestionSatisfactionOption } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionOptionProps {\n  question: CurriculumReviewQuestionSatisfactionOption;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionSatisfisRadio(\n  props: ReviewQuestionSatisfactionOptionProps\n): React.ReactNode {\n  const { question, answer, onChange } = props;\n   \n  return (\n    <>\n      <Card size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={\n            question.question ??\n            '이번 학습에 대한 전반적인 만족도를 알려주세요.'\n          }\n          title={question.title ?? '만족도 조사'}\n          type={question.type}\n        />\n      </Card>\n      <RadioGroup.Root color=\"iris\" mt=\"3\" onValueChange={onChange} value={answer}>\n        <Flex direction=\"column\" gap=\"2\">\n          {question.options?.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </Flex>\n      </RadioGroup.Root>\n    </>\n  );\n}\n\nexport default ReviewQuestionSatisfisRadio;\n"],"mappings":";;;;;;;;;;;;;;AAkBI,mBAEI,KAFJ;AANJ,SAAS,4BACP,OACiB;AAdnB;AAeE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,iCACE;AAAA,wBAAC,QAAK,MAAK,KACT;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,WACE,cAAS,aAAT,YACA;AAAA,QAEF,QAAO,cAAS,UAAT,YAAkB;AAAA,QACzB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IACA,oBAAC,WAAW,MAAX,EAAgB,OAAM,QAAO,IAAG,KAAI,eAAe,UAAU,OAAO,QACnE,8BAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,yBAAS,YAAT,mBAAkB,IAAI,CAAC,WACtB,oBAAC,WAAW,MAAX,EAAmC,OAAO,OAAO,OAAO,KAAK,GAC3D,iBAAO,SADY,OAAO,KAE7B,IAEJ,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,8CAAQ;","names":[]}

package/dist/chunk-6QJN3QC6.js

@@ -0,0 +1,189 @@
+import {
+  DynamicFormField
+} from "./chunk-XON6DE42.js";
+import {
+  DynamicFormProvider,
+  useDynamicForm
+} from "./chunk-O2S7S5B4.js";
+import {
+  Form
+} from "./chunk-2OMSNCRH.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form.tsx
+import { useMemo } from "react";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { Box } from "@radix-ui/themes";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormRoot({
+  fields,
+  initialValues = {},
+  onSubmit,
+  children
+}) {
+  const validationSchema = useMemo(() => {
+    const schema = {};
+    fields.forEach((field) => {
+      if (field.validation) {
+        const validation = createYupValidation(field, field.validation);
+        if (validation) {
+          schema[field.name] = validation;
+        }
+      } else if (field.required) {
+        if (field.type === "choices") {
+          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 if (field.type === "yes_no") {
+          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+        } else {
+          schema[field.name] = Yup.string().required(
+            `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+          );
+        }
+      }
+    });
+    console.log("Validation schema created:", schema);
+    const finalSchema = Object.keys(schema).length > 0 ? Yup.object(schema) : void 0;
+    return finalSchema;
+  }, [fields]);
+  const formik = useFormik({
+    initialValues: fields.reduce((acc, field) => {
+      if (field.type === "choices") {
+        acc[field.name] = initialValues[field.name] || [];
+      } else if (field.type === "yes_no") {
+        acc[field.name] = initialValues[field.name] || false;
+      } else {
+        acc[field.name] = initialValues[field.name] || "";
+      }
+      return acc;
+    }, {}),
+    validationSchema,
+    validateOnBlur: true,
+    validateOnChange: true,
+    onSubmit: (values) => __async(null, null, function* () {
+      yield onSubmit(values);
+    })
+  });
+  return /* @__PURE__ */ jsx(DynamicFormProvider, { fields, formik, children });
+}
+function DynamicFormFieldList({
+  fields: fieldsProp,
+  labelVariant
+}) {
+  const { formik, fields: fieldsFromContext } = useDynamicForm();
+  const fields = fieldsProp || fieldsFromContext;
+  return /* @__PURE__ */ jsx(Fragment, { 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",
+        children: /* @__PURE__ */ jsxs(
+          Form.FormItem,
+          {
+            errorMessage,
+            label: field.label,
+            labelVariant,
+            name: field.name,
+            required: field.required,
+            children: [
+              /* @__PURE__ */ jsx(DynamicFormField, { field }),
+              field.description ? /* @__PURE__ */ jsx(Typo, { children: field.description }) : null
+            ]
+          }
+        )
+      },
+      field.name
+    );
+  }) });
+}
+var DynamicForm = {
+  Root: DynamicFormRoot,
+  FieldList: DynamicFormFieldList
+};
+function createYupValidation(field, validation) {
+  if (!validation) return void 0;
+  console.log(`Creating validation for field: ${field.name}, type: ${field.type}, required: ${field.required}`);
+  let schema;
+  if (field.type === "number") {
+    schema = Yup.number();
+  } else if (field.type === "email") {
+    schema = Yup.string().email(
+      validation.message || "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+    );
+  } else if (field.type === "choices") {
+    schema = Yup.array();
+  } else if (field.type === "yes_no") {
+    schema = Yup.boolean();
+  } else {
+    schema = Yup.string();
+  }
+  if (validation.min !== void 0) {
+    if (field.type === "number") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
+      );
+    } else if (field.type === "yes_no") {
+    } 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 (field.type === "number") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uAC1C\uAE4C\uC9C0 \uC120\uD0DD \uAC00\uB2A5\uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "yes_no") {
+    } else {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC790 \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.pattern) {
+    if (field.type === "yes_no") {
+    } else {
+      schema = schema.matches(
+        new RegExp(validation.pattern),
+        validation.message || "\uC62C\uBC14\uB978 \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+      );
+    }
+  }
+  if (field.required) {
+    if (field.type === "yes_no") {
+      schema = schema.oneOf([true], validation.message || `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+    } else if (field.type === "choices") {
+      schema = schema.min(1, validation.message || `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`);
+    } else {
+      schema = schema.required(validation.message || `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
+    }
+  }
+  return schema;
+}
+
+export {
+  DynamicForm,
+  createYupValidation
+};
+//# sourceMappingURL=chunk-6QJN3QC6.js.map

package/dist/chunk-6QJN3QC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms';\nimport {\n  DynamicFormProvider,\n  useDynamicForm,\n} from '@/context/dynamic-form-context';\nimport type {\n  DynamicFormFieldSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  children: React.ReactNode;\n}\n\nfunction DynamicFormRoot({\n  fields,\n  initialValues = {},\n  onSubmit,\n  children,\n}: DynamicFormProps): React.ReactElement {\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        const validation = createYupValidation(field, field.validation);\n        if (validation) {\n          schema[field.name] = validation;\n        }\n      } else if (field.required) {\n        // choices 타입은 배열 스키마로 처리\n        if (field.type === 'choices') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else if (field.type === 'yes_no') {\n          // yes_no 타입은 boolean 스키마로 처리\n          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}에 동의해주세요`);\n        } else {\n          // choice, dropdown, short_text, long_text, number, email 타입은 문자열 스키마로 처리\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    console.log('Validation schema created:', schema);\n    const finalSchema = Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n    return finalSchema;\n  }, [fields]);\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'choices') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'yes_no') {\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    validateOnChange: true,\n    onSubmit: async (values) => {\n      await onSubmit(values);\n    },\n  });\n\n  return (\n    <DynamicFormProvider fields={fields} formik={formik}>\n      {children}\n    </DynamicFormProvider>\n  );\n}\n\ninterface DynamicFormFieldListProps {\n  fields?: DynamicFormFieldSchema[];\n  labelVariant?: 'title' | 'body' | 'caption';\n}\nfunction DynamicFormFieldList({\n  fields: fieldsProp,\n  labelVariant,\n}: DynamicFormFieldListProps): React.ReactElement {\n  const { formik, fields: fieldsFromContext } = useDynamicForm();\n  const fields = fieldsProp || fieldsFromContext;\n\n  return (\n    <>\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          >\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} />\n              {field.description ? <Typo>{field.description}</Typo> : null}\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n    </>\n  );\n}\n\nexport const DynamicForm = {\n  Root: DynamicFormRoot,\n  FieldList: DynamicFormFieldList,\n};\n\nexport function createYupValidation(\n  field: DynamicFormFieldSchema,\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  console.log(`Creating validation for field: ${field.name}, type: ${field.type}, required: ${field.required}`);\n\n  let schema: Yup.Schema<unknown>;\n\n  // field.type을 기준으로 기본 스키마 생성\n  if (field.type === 'number') {\n    schema = Yup.number();\n  } else if (field.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (field.type === 'choices') {\n    schema = Yup.array();\n  } else if (field.type === 'yes_no') {\n    schema = Yup.boolean();\n  } else {\n    // choice, dropdown, short_text, long_text 타입은 문자열 스키마로 처리\n    schema = Yup.string();\n  }\n\n  if (validation.min !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\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 (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  if (validation.pattern) {\n    if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 pattern 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).matches(\n        new RegExp(validation.pattern),\n        validation.message || '올바른 형식이 아닙니다'\n      );\n    }\n  }\n\n  // field.required가 true인 경우 required 검증 추가\n  if (field.required) {\n    if (field.type === 'yes_no') {\n      schema = (schema as Yup.BooleanSchema).oneOf([true], validation.message || `${field.label}에 동의해주세요`);\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(1, validation.message || `${field.label}을(를) 하나 이상 선택해주세요`);\n    } else {\n      schema = (schema as Yup.StringSchema).required(validation.message || `${field.label}은(는) 필수입니다`);\n    }\n  }\n\n  return schema;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6R6SK7GD.js

@@ -0,0 +1,117 @@
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
+import {
+  Inset
+} from "./chunk-XQOL7UBI.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  DropdownMenu
+} from "./chunk-D4U2MCJG.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-TSXRCXC6.js";
+import {
+  DotsVerticalIcon
+} from "./chunk-V5XKNSCK.js";
+
+// src/app/platform/contents-card.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ContentsCard = forwardRef(
+  ({
+    title,
+    description,
+    imageSrc,
+    footer,
+    dropdownItems,
+    onClickCard,
+    isLoading = false
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        onClick: onClickCard,
+        ref,
+        style: {
+          height: "100%",
+          width: "100%",
+          display: "grid",
+          cursor: "pointer",
+          maxHeight: "450px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(
+            Box,
+            {
+              height: "210px",
+              style: {
+                backgroundImage: `url(${imageSrc})`,
+                backgroundSize: "cover",
+                backgroundPosition: "center"
+              },
+              width: "100%"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", p: "4", pb: "3", children: [
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Heading, { mb: "3", variant: "heading5", children: title }) }),
+              /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: description }) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Grid,
+              {
+                align: "center",
+                columns: "1fr auto",
+                justify: "between",
+                pt: "2",
+                style: { marginTop: "auto" },
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ jsx(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx(Flex, { gap: "3", overflow: "hidden", children: footer }) }),
+                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+                    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ jsx(DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
+                    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ jsx(
+                      DropdownMenu.Item,
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          item.onClick();
+                        },
+                        children: item.label
+                      },
+                      item.label
+                    )) })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+ContentsCard.displayName = "ContentsCard";
+
+export {
+  ContentsCard
+};
+//# sourceMappingURL=chunk-6R6SK7GD.js.map