@tipp/ui 2.1.18 → 2.1.20

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.js

@@ -1,9 +1,9 @@
 import {
   complete_review_default
-} from "../../../../chunk-EIQ7AJJF.js";
-import "../../../../chunk-EBGKFGME.js";
+} from "../../../../chunk-SLLLGBGJ.js";
+import "../../../../chunk-WZVJYDVP.js";
 import "../../../../chunk-A6W2ZWYA.js";
-import "../../../../chunk-QD5ZSFPG.js";
+import "../../../../chunk-A5S42XBJ.js";
 import "../../../../chunk-YJ7ZFOYL.js";
 import "../../../../chunk-5ZITU5L7.js";
 import "../../../../chunk-3F45OPXG.js";
@@ -16,7 +16,7 @@ import "../../../../chunk-5H3YPCZK.js";
 import "../../../../chunk-FR2GDOU2.js";
 import "../../../../chunk-74DX4CU7.js";
 import "../../../../chunk-OYM4XCHQ.js";
-import "../../../../chunk-F6YQBCJB.js";
+import "../../../../chunk-H62G2ANJ.js";
 import "../../../../chunk-5AVBYDPB.js";
 import "../../../../chunk-365QMK4D.js";
 import "../../../../chunk-YO3BQW6S.js";
@@ -30,19 +30,18 @@ import "../../../../chunk-XQOL7UBI.js";
 import "../../../../chunk-TULWX7D6.js";
 import "../../../../chunk-TQOQC4PZ.js";
 import "../../../../chunk-VTJZMOSP.js";
-import "../../../../chunk-45VFASWZ.js";
-import "../../../../chunk-3IT3NVK6.js";
-import "../../../../chunk-LDBWASUA.js";
+import "../../../../chunk-IKQOD3UU.js";
+import "../../../../chunk-34OQDUQR.js";
 import "../../../../chunk-UOYF3DBN.js";
 import "../../../../chunk-DDUKEE5E.js";
 import "../../../../chunk-HYITAA4J.js";
 import "../../../../chunk-U7N2PWMO.js";
 import "../../../../chunk-O3DNDMV3.js";
 import "../../../../chunk-HYE34QEM.js";
-import "../../../../chunk-YXO6QOFA.js";
+import "../../../../chunk-BCRXWYJ3.js";
 import "../../../../chunk-ACVANQJ4.js";
 import "../../../../chunk-2DZ2Y3JI.js";
-import "../../../../chunk-SSNESKAJ.js";
+import "../../../../chunk-KXF3A4OR.js";
 import "../../../../chunk-B6XJN6EC.js";
 import "../../../../chunk-HEDMSFPW.js";
 import "../../../../chunk-MIMJ7LON.js";
@@ -56,8 +55,9 @@ import "../../../../chunk-FC7WH2S6.js";
 import "../../../../chunk-FCIHNIOH.js";
 import "../../../../chunk-YGL6SWKN.js";
 import "../../../../chunk-4Y5BEXVN.js";
-import "../../../../chunk-LMWTEDYS.js";
-import "../../../../chunk-LH57PIY2.js";
+import "../../../../chunk-I7UUXACJ.js";
+import "../../../../chunk-PARGQUJB.js";
+import "../../../../chunk-LDBWASUA.js";
 import "../../../../chunk-25HMMI7R.js";
 import "../../../../chunk-AFPH32MF.js";
 import "../../../../chunk-LQY4RKWI.js";

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.cjs

@@ -151,7 +151,7 @@ function CurriculumReviewProvider({
     }
   }, [step]);
   const onClickReviewMyAnswer = (0, import_react.useCallback)(() => {
-    setStep(1);
+    setStep(0);
   }, []);
   const handleSubmit = (0, import_react.useCallback)(() => {
     formik.handleSubmit();

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext, \n  useMemo,\n  useState,\n  useCallback,\n  type ReactNode,\n  useEffect,\n} from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport { cloneDeep } from 'lodash-es';\nimport * as Yup from 'yup';\nimport {\n  type CurriculumReviewContents, \n} from '@/types/curriculumContents.type'; \nimport type { Curriculum, ReviewQuestionElement } from '@/types/curriculum.type';\n\ninterface CurriculumReviewFormValues {\n  answers: Record<string, string>;\n}\n\ninterface CurriculumReviewContextValue {\n  reviewContents: CurriculumReviewContents;\n  formik: FormikProps<CurriculumReviewFormValues>;\n  curriculum: Curriculum;\n  sectionTitle: string | undefined;\n  onClickEndReview: () => void;\n  // step 관련 추가\n  step: number;\n  setStep: (step: number) => void;\n  handleStart: () => void;\n  handleNext: () => void;\n  handlePrev: () => void;\n  onClickReviewMyAnswer: () => void;\n  handleSubmit: () => void;\n  currentQuestion: ReviewQuestionElement | undefined;\n  currentAnswer: string;\n  currentError: string | undefined; \n  handleAnswerChange: (value: string) => void;\n  done: boolean;\n}\n\nconst CurriculumReviewContext = createContext<\n  CurriculumReviewContextValue | undefined\n>(undefined);\n\ninterface CurriculumReviewProviderProps extends Pick<CurriculumReviewContextValue, 'reviewContents' | 'sectionTitle' | 'onClickEndReview'  | 'curriculum' | 'done' > {\n  children: ReactNode;\n  /** 제출 후, 다음 학습으로 넘어가기 버튼 */\n  onClickEndReview: () => void;\n  /** key: 질문의 uuid, value: 응답 값 */\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;  \n  /** key: 질문의 uuid, value: 응답 값 */\n  defaultValues?: Record<string, string>; \n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n}\n\nfunction getInitialAnswers(\n  defaultValues: Record<string, string>,\n  questions: ReviewQuestionElement[]\n): Record<string, string> {\n  return questions.reduce<Record<string, string>>((acc, q) => {\n    acc[q.uuid] = defaultValues[q.uuid] ?? '';\n    return acc;\n  }, {});\n}\n \nfunction createAnswersYupSchema(\n  questions: ReviewQuestionElement[]\n): Yup.ObjectSchema<Record<string, string | undefined>> {\n  const shape: Record<string, Yup.StringSchema<string | undefined>> = {};\n  questions.forEach((q) => {\n    let schema = Yup.string();\n    if (q.required) {\n      schema = schema\n        .required(`${q.title}은(는) 필수 입력 항목입니다.`)\n        .trim();\n      if (q.minLength && typeof q.minLength === 'number') {\n        schema = schema.min(\n          q.minLength,\n          `${q.title}은(는) 최소 ${q.minLength}자 이상 입력해야 합니다.`\n        );\n      }\n    } else {\n      schema = schema.min(0);\n    }\n    shape[q.uuid] = schema;\n  });\n  return Yup.object().shape(shape);\n} \n\nexport function CurriculumReviewProvider({\n  reviewContents: _reviewContents,\n  sectionTitle,\n  children,\n  onClickEndReview, \n  onSubmit,\n  defaultValues, \n  curriculum,\n  onReviewValueChange,\n  done,\n}: CurriculumReviewProviderProps): React.ReactElement {\n  \n  const fixedReviewContents = useMemo<CurriculumReviewContents>(() => {\n    const result = cloneDeep(_reviewContents);\n    result.questions = result.questions.map((question) => {\n      if (question.type === 'question_satisfaction_option') {\n        return {\n          ...curriculum.contents.satisfactionOptionMeta,\n          ...question,\n        };\n      }\n      if (question.type === 'question_satisfaction_text') {\n        return {\n          ...curriculum.contents.satisfactionTextMeta,\n          ...question,\n        };\n      }\n      return question;\n    });\n    return result;\n  }, [\n    curriculum.contents.satisfactionOptionMeta,\n    curriculum.contents.satisfactionTextMeta,\n    _reviewContents,\n  ]);\n\n\n  // step 상태 및 관련 로직 추가\n  const [step, setStep] = useState<number>(0); // 0: 소개, 1~N: 질문, N+1: 완료\n\n  // Yup 스키마 생성\n  const answersYupSchema = useMemo(\n    () => createAnswersYupSchema(fixedReviewContents.questions),\n    [fixedReviewContents.questions]\n  );\n\n  const formik = useFormik<CurriculumReviewFormValues>({\n    initialValues: {\n      answers:  getInitialAnswers(defaultValues ?? {}, fixedReviewContents.questions),\n    },\n    validationSchema: Yup.object({\n      answers: answersYupSchema,\n    }),\n    onSubmit: (values) => {\n      \n      const result = onSubmit(values.answers);\n      return result.then((isSuccess: boolean) => {\n        if (isSuccess) {\n          setStep(prev => prev + 1);\n        }\n        return isSuccess;\n      });\n    },\n    enableReinitialize: true,\n    validateOnMount: true,\n    validateOnChange: true,\n  });\n\n  // step 관련 핸들러 및 메모\n  const questions = fixedReviewContents.questions;\n\n  const handleStart = useCallback((): void => {\n    setStep(1);\n  }, []);\n\n  const handleNext = useCallback((): void => {\n    if (step < questions.length) {\n      setStep(step + 1);\n    } else {\n      // 마지막 질문: 제출\n      formik.handleSubmit();\n      setStep(questions.length + 1);\n    }\n  }, [step, questions.length, formik]);\n\n  const handlePrev = useCallback((): void => {\n    if (step > 1) {\n      setStep(step - 1);\n    }\n  }, [step]);\n\n  const onClickReviewMyAnswer = useCallback((): void => {\n    setStep(1);\n  }, []);\n\n  const handleSubmit = useCallback((): void => {\n    formik.handleSubmit();\n  }, [formik]);\n\n  // 현재 질문 정보\n  const currentQuestion = useMemo(() => {\n    return step > 0 && step <= questions.length\n      ? questions[step - 1]\n      : undefined;\n  }, [step, questions]);\n\n  const currentAnswer = useMemo(() => {\n    return currentQuestion ? formik.values.answers[currentQuestion.uuid] : '';\n  }, [currentQuestion, formik.values.answers]);\n\n  const currentError = useMemo(() => { \n    return (\n      currentQuestion &&\n      formik.errors.answers &&\n      (formik.errors.answers as Record<string, string>)[currentQuestion.uuid]\n    );\n  }, [currentQuestion, formik.errors.answers]);\n \n  const handleAnswerChange = useCallback(\n    (value: string): void => {\n      if (currentQuestion) {\n        void formik.setFieldValue(`answers.${currentQuestion.uuid}`, value);\n      }\n    },\n    [currentQuestion, formik]\n  );\n\n  useEffect(() => {\n    if (currentQuestion) {\n      onReviewValueChange({\n        reviewId: currentQuestion.uuid,\n        answer: formik.values.answers,\n      });\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- 트리거 최적화\n  }, [currentQuestion?.uuid, currentAnswer, onReviewValueChange]);\n \n  return (\n    <CurriculumReviewContext.Provider\n      value={{\n        reviewContents: fixedReviewContents,\n        formik,\n        curriculum,\n        sectionTitle,\n        onClickEndReview, \n        step,\n        setStep,\n        handleStart,\n        handleNext,\n        handlePrev,\n        onClickReviewMyAnswer,\n        handleSubmit,\n        currentQuestion,\n        currentAnswer,\n        currentError, \n        handleAnswerChange,\n        done,\n      }}\n    >\n      {children}\n    </CurriculumReviewContext.Provider>\n  );\n}\n\nexport function useCurriculumReviewContext(): CurriculumReviewContextValue {\n  const context = useContext(CurriculumReviewContext);\n  if (!context) {\n    throw new Error(\n      'useCurriculumReviewContext must be used within a CurriculumReviewProvider'\n    );\n  }\n  return context;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext, \n  useMemo,\n  useState,\n  useCallback,\n  type ReactNode,\n  useEffect,\n} from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport { cloneDeep } from 'lodash-es';\nimport * as Yup from 'yup';\nimport {\n  type CurriculumReviewContents, \n} from '@/types/curriculumContents.type'; \nimport type { Curriculum, ReviewQuestionElement } from '@/types/curriculum.type';\n\ninterface CurriculumReviewFormValues {\n  answers: Record<string, string>;\n}\n\ninterface CurriculumReviewContextValue {\n  reviewContents: CurriculumReviewContents;\n  formik: FormikProps<CurriculumReviewFormValues>;\n  curriculum: Curriculum;\n  sectionTitle: string | undefined;\n  onClickEndReview: () => void;\n  // step 관련 추가\n  step: number;\n  setStep: (step: number) => void;\n  handleStart: () => void;\n  handleNext: () => void;\n  handlePrev: () => void;\n  onClickReviewMyAnswer: () => void;\n  handleSubmit: () => void;\n  currentQuestion: ReviewQuestionElement | undefined;\n  currentAnswer: string;\n  currentError: string | undefined; \n  handleAnswerChange: (value: string) => void;\n  done: boolean;\n}\n\nconst CurriculumReviewContext = createContext<\n  CurriculumReviewContextValue | undefined\n>(undefined);\n\ninterface CurriculumReviewProviderProps extends Pick<CurriculumReviewContextValue, 'reviewContents' | 'sectionTitle' | 'onClickEndReview'  | 'curriculum' | 'done' > {\n  children: ReactNode;\n  /** 제출 후, 다음 학습으로 넘어가기 버튼 */\n  onClickEndReview: () => void;\n  /** key: 질문의 uuid, value: 응답 값 */\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;  \n  /** key: 질문의 uuid, value: 응답 값 */\n  defaultValues?: Record<string, string>; \n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n}\n\nfunction getInitialAnswers(\n  defaultValues: Record<string, string>,\n  questions: ReviewQuestionElement[]\n): Record<string, string> {\n  return questions.reduce<Record<string, string>>((acc, q) => {\n    acc[q.uuid] = defaultValues[q.uuid] ?? '';\n    return acc;\n  }, {});\n}\n \nfunction createAnswersYupSchema(\n  questions: ReviewQuestionElement[]\n): Yup.ObjectSchema<Record<string, string | undefined>> {\n  const shape: Record<string, Yup.StringSchema> = {};\n  questions.forEach((q) => {\n    let schema = Yup.string();\n    if (q.required) {\n      schema = schema\n        .required(`${q.title}은(는) 필수 입력 항목입니다.`)\n        .trim();\n      if (q.minLength && typeof q.minLength === 'number') {\n        schema = schema.min(\n          q.minLength,\n          `${q.title}은(는) 최소 ${q.minLength}자 이상 입력해야 합니다.`\n        );\n      }\n    } else {\n      schema = schema.min(0);\n    }\n    shape[q.uuid] = schema;\n  });\n  return Yup.object().shape(shape);\n} \n\nexport function CurriculumReviewProvider({\n  reviewContents: _reviewContents,\n  sectionTitle,\n  children,\n  onClickEndReview, \n  onSubmit,\n  defaultValues, \n  curriculum,\n  onReviewValueChange,\n  done,\n}: CurriculumReviewProviderProps): React.ReactElement {\n  \n  const fixedReviewContents = useMemo<CurriculumReviewContents>(() => {\n    const result = cloneDeep(_reviewContents);\n    result.questions = result.questions.map((question) => {\n      if (question.type === 'question_satisfaction_option') {\n        return {\n          ...curriculum.contents.satisfactionOptionMeta,\n          ...question,\n        };\n      }\n      if (question.type === 'question_satisfaction_text') {\n        return {\n          ...curriculum.contents.satisfactionTextMeta,\n          ...question,\n        };\n      }\n      return question;\n    });\n    return result;\n  }, [\n    curriculum.contents.satisfactionOptionMeta,\n    curriculum.contents.satisfactionTextMeta,\n    _reviewContents,\n  ]);\n\n\n  // step 상태 및 관련 로직 추가\n  const [step, setStep] = useState<number>(0); // 0: 소개, 1~N: 질문, N+1: 완료\n\n  // Yup 스키마 생성\n  const answersYupSchema = useMemo(\n    () => createAnswersYupSchema(fixedReviewContents.questions),\n    [fixedReviewContents.questions]\n  );\n\n  const formik = useFormik<CurriculumReviewFormValues>({\n    initialValues: {\n      answers:  getInitialAnswers(defaultValues ?? {}, fixedReviewContents.questions),\n    },\n    validationSchema: Yup.object({\n      answers: answersYupSchema,\n    }),\n    onSubmit: (values) => {\n      \n      const result = onSubmit(values.answers);\n      return result.then((isSuccess: boolean) => {\n        if (isSuccess) {\n          setStep(prev => prev + 1);\n        }\n        return isSuccess;\n      });\n    },\n    enableReinitialize: true,\n    validateOnMount: true,\n    validateOnChange: true,\n  });\n\n  // step 관련 핸들러 및 메모\n  const questions = fixedReviewContents.questions;\n\n  const handleStart = useCallback((): void => {\n    setStep(1);\n  }, []);\n\n  const handleNext = useCallback((): void => {\n    if (step < questions.length) {\n      setStep(step + 1);\n    } else {\n      // 마지막 질문: 제출\n      formik.handleSubmit();\n      setStep(questions.length + 1);\n    }\n  }, [step, questions.length, formik]);\n\n  const handlePrev = useCallback((): void => {\n    if (step > 1) {\n      setStep(step - 1);\n    }\n  }, [step]);\n\n  const onClickReviewMyAnswer = useCallback((): void => {\n    setStep(0);\n  }, []);\n\n  const handleSubmit = useCallback((): void => {\n    formik.handleSubmit();\n  }, [formik]);\n\n  // 현재 질문 정보\n  const currentQuestion = useMemo(() => {\n    return step > 0 && step <= questions.length\n      ? questions[step - 1]\n      : undefined;\n  }, [step, questions]);\n\n  const currentAnswer = useMemo(() => {\n    return currentQuestion ? formik.values.answers[currentQuestion.uuid] : '';\n  }, [currentQuestion, formik.values.answers]);\n\n  const currentError = useMemo(() => { \n    return (\n      currentQuestion &&\n      formik.errors.answers &&\n      (formik.errors.answers as Record<string, string>)[currentQuestion.uuid]\n    );\n  }, [currentQuestion, formik.errors.answers]);\n \n  const handleAnswerChange = useCallback(\n    (value: string): void => {\n      if (currentQuestion) {\n        void formik.setFieldValue(`answers.${currentQuestion.uuid}`, value);\n      }\n    },\n    [currentQuestion, formik]\n  );\n\n  useEffect(() => {\n    if (currentQuestion) {\n      onReviewValueChange({\n        reviewId: currentQuestion.uuid,\n        answer: formik.values.answers,\n      });\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- 트리거 최적화\n  }, [currentQuestion?.uuid, currentAnswer, onReviewValueChange]);\n \n  return (\n    <CurriculumReviewContext.Provider\n      value={{\n        reviewContents: fixedReviewContents,\n        formik,\n        curriculum,\n        sectionTitle,\n        onClickEndReview, \n        step,\n        setStep,\n        handleStart,\n        handleNext,\n        handlePrev,\n        onClickReviewMyAnswer,\n        handleSubmit,\n        currentQuestion,\n        currentAnswer,\n        currentError, \n        handleAnswerChange,\n        done,\n      }}\n    >\n      {children}\n    </CurriculumReviewContext.Provider>\n  );\n}\n\nexport function useCurriculumReviewContext(): CurriculumReviewContextValue {\n  const context = useContext(CurriculumReviewContext);\n  if (!context) {\n    throw new Error(\n      'useCurriculumReviewContext must be used within a CurriculumReviewProvider'\n    );\n  }\n  return context;\n}\n"],"mappings":"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","names":[]}

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.js

@@ -1,7 +1,7 @@
 import {
   CurriculumReviewProvider,
   useCurriculumReviewContext
-} from "../../../../chunk-EBGKFGME.js";
+} from "../../../../chunk-WZVJYDVP.js";
 import "../../../../chunk-2NMEKWO5.js";
 export {
   CurriculumReviewProvider,

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.cjs

@@ -167,7 +167,7 @@ function CurriculumReviewProvider({
     }
   }, [step]);
   const onClickReviewMyAnswer = (0, import_react.useCallback)(() => {
-    setStep(1);
+    setStep(0);
   }, []);
   const handleSubmit = (0, import_react.useCallback)(() => {
     formik.handleSubmit();
@@ -731,15 +731,21 @@ var Typo = (0, import_react14.forwardRef)(
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
     const radixSize = (0, import_react14.useMemo)(() => {
       if (size !== void 0) return size;
-      switch (variant) {
-        case "caption":
-          return "1";
-        case "subtitle":
-          return "3";
-        case "body":
-        default:
-          return "2";
-      }
+      if (variant === void 0) return "2";
+      return mapWithResponsive({
+        value: variant,
+        mapFn: (variantValue) => {
+          switch (variantValue) {
+            case "caption":
+              return "1";
+            case "subtitle":
+              return "3";
+            case "body":
+            default:
+              return "2";
+          }
+        }
+      });
     }, [size, variant]);
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes46.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
@@ -1645,12 +1651,12 @@ function StartReview({ onStart }) {
           height: "100%",
           justify: "center",
           maxWidth: "650px",
-          pb: "6",
-          pt: "4",
-          px: "4",
+          pb: { initial: "6", sm: "0" },
+          pt: { initial: "4", sm: "0" },
+          px: { initial: "4", sm: "0" },
           width: "100%",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { color: "gray", children: curriculum.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { color: "gray", mb: "1", children: curriculum.title }),
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Heading2, { variant: "heading3", children: reviewContents.title }),
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes39.Separator, { my: "4", style: { width: 100 } }),
             /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
@@ -1689,8 +1695,8 @@ function CompleteReview(props) {
       justify: "between",
       maxHeight: "550px",
       maxWidth: "650px",
-      px: "4",
-      py: "6",
+      mx: "4",
+      my: "6",
       width: "100%",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes22.Flex, { align: "center", direction: "column", children: [