@tipp/ui 2.1.4 → 2.1.5

package/dist/chunk-HNNXD6TL.js

@@ -0,0 +1,163 @@
+import {
+  ThemeProvider
+} from "./chunk-RX5DC5KO.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Badge
+} from "./chunk-FCIHNIOH.js";
+import {
+  AspectRatio
+} from "./chunk-EAXUQEO5.js";
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/learning-post.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function LearningPost(props) {
+  const {
+    defaultThemeProps,
+    html,
+    tags,
+    title,
+    metaDescription,
+    imageComp,
+    onPageBack,
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    __spreadProps(__spreadValues({}, defaultThemeProps), {
+      accentColor: "iris",
+      scaling: "110%",
+      style: {},
+      children: html ? /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          columns: { initial: "1", md: "130px 1fr 130px" },
+          gap: { initial: "2", md: "5" },
+          height: "100%",
+          justify: "center",
+          pb: "160px",
+          position: "relative",
+          px: "4",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx("div", {}),
+            /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                align: "center",
+                direction: "column",
+                maxWidth: "880px",
+                mt: { initial: "3", md: "8" },
+                overflow: "hidden",
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ jsxs(Grid, { align: "start", columns: { initial: "1", sm: "2" }, gap: "2", children: [
+                    /* @__PURE__ */ jsxs(
+                      Grid,
+                      {
+                        gap: "3",
+                        mb: { initial: "4", sm: "0" },
+                        style: { alignSelf: "flex-start" },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Heading,
+                            {
+                              style: {
+                                fontSize: "2.4rem",
+                                lineHeight: 1.25,
+                                wordBreak: "keep-all"
+                              },
+                              variant: "heading1",
+                              children: title
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Typo, { children: metaDescription }),
+                          /* @__PURE__ */ jsx(Flex, { gap: "1", wrap: "wrap", children: tags == null ? void 0 : tags.map((el) => {
+                            var _a;
+                            if ((_a = el.name) == null ? void 0 : _a.startsWith("filter")) return;
+                            return /* @__PURE__ */ jsx(Badge, { size: "large", variant: "solid", children: el.name }, el.id);
+                          }) })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      AspectRatio,
+                      {
+                        ratio: 5 / 3,
+                        style: {
+                          overflow: "hidden",
+                          borderRadius: "var(--radius-4)",
+                          objectFit: "cover"
+                        },
+                        children: imageComp
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "gh-content",
+                      dangerouslySetInnerHTML: { __html: html }
+                    }
+                  ) })
+                ]
+              }
+            ),
+            children
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "6",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
+            /* @__PURE__ */ jsx(
+              Heading,
+              {
+                align: "center",
+                color: "gray",
+                variant: "heading4",
+                weight: "regular",
+                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
+        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
+          ]
+        }
+      )
+    })
+  );
+}
+
+export {
+  LearningPost
+};
+//# sourceMappingURL=chunk-HNNXD6TL.js.map

package/dist/chunk-HNNXD6TL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/learning-post.tsx"],"sourcesContent":["import React from 'react';\nimport type { ThemeProviderProps } from '../theme/theme-provider';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { Grid } from '../atoms/grid';\nimport { Flex } from '../atoms/flex';\nimport { Heading } from '../atoms/heading';\nimport { Typo } from '../atoms/typo';\nimport { AspectRatio } from '../atoms/aspect-ratio';\nimport { Badge } from '../atoms/badge';\nimport { Box } from '../atoms/box';\nimport { Button } from '../atoms/button';\n\ninterface Tag {\n  name?: string;\n  id: string;\n}\nexport interface LearningPostProps {\n  defaultThemeProps?: Partial<ThemeProviderProps>;\n  html?: string;\n  title?: string;\n  metaDescription?: string;\n  /** 섬네일에 해당하는 이미지 컴포넌트 */\n  imageComp?: React.ReactNode;\n  tags?: Tag[];\n  children?: React.ReactNode;\n  onPageBack?: () => void;\n}\n\nexport function LearningPost(props: LearningPostProps): React.ReactNode {\n  const {\n    defaultThemeProps,\n    html,\n    tags,\n    title,\n    metaDescription,\n    imageComp,\n    onPageBack,\n    children,\n  } = props;\n  return (\n    <ThemeProvider\n      {...defaultThemeProps}\n      accentColor=\"iris\"\n      scaling=\"110%\"\n      style={{}}\n    >\n      {html ? (\n        <Grid\n          columns={{ initial: '1', md: '130px 1fr 130px' }}\n          gap={{ initial: '2', md: '5' }}\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"160px\"\n          position=\"relative\"\n          px=\"4\"\n          width=\"100%\"\n        >\n          <div />\n          <Flex\n            align=\"center\"\n            direction=\"column\"\n            maxWidth=\"880px\"\n            mt={{ initial: '3', md: '8' }}\n            overflow=\"hidden\"\n            width=\"100%\"\n          >\n            <Grid align=\"start\" columns={{ initial: '1', sm: '2' }} gap=\"2\">\n              <Grid\n                gap=\"3\"\n                mb={{ initial: '4', sm: '0' }}\n                style={{ alignSelf: 'flex-start' }}\n              >\n                <Heading\n                  style={{\n                    fontSize: '2.4rem',\n                    lineHeight: 1.25,\n                    wordBreak: 'keep-all',\n                  }}\n                  variant=\"heading1\"\n                >\n                  {title}\n                </Heading>\n                <Typo>{metaDescription}</Typo>\n                <Flex gap=\"1\" wrap=\"wrap\">\n                  {tags?.map((el) => {\n                    if (el.name?.startsWith('filter')) return;\n                    return (\n                      <Badge key={el.id} size=\"large\" variant=\"solid\">\n                        {el.name}\n                      </Badge>\n                    );\n                  })}\n                </Flex>\n              </Grid>\n\n              <AspectRatio\n                ratio={5 / 3}\n                style={{\n                  overflow: 'hidden',\n                  borderRadius: 'var(--radius-4)',\n                  objectFit: 'cover',\n                }}\n              >\n                {imageComp}\n              </AspectRatio>\n            </Grid>\n\n            <Box mt=\"5\" width=\"100%\">\n              <div\n                className=\"gh-content\"\n                dangerouslySetInnerHTML={{ __html: html }}\n              />\n            </Box>\n          </Flex>\n          {children}\n        </Grid>\n      ) : (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"6\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <Heading variant=\"heading1\">콘텐츠를 찾을 수 없습니다.</Heading>\n          <Heading\n            align=\"center\"\n            color=\"gray\"\n            variant=\"heading4\"\n            weight=\"regular\"\n          >\n            {`요청하신 콘텐츠를 찾을 수 없습니다.\n        잠시 후 다시 시도해주세요.`}\n          </Heading>\n          <Button onClick={onPageBack} size=\"large\">\n            뒤로가기\n          </Button>\n        </Flex>\n      )}\n    </ThemeProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDU,cAUI,YAVJ;AA7BH,SAAS,aAAa,OAA2C;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA,qCACK,oBADL;AAAA,MAEC,aAAY;AAAA,MACZ,SAAQ;AAAA,MACR,OAAO,CAAC;AAAA,MAEP,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,EAAE,SAAS,KAAK,IAAI,kBAAkB;AAAA,UAC/C,KAAK,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,UAC7B,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,IAAG;AAAA,UACH,UAAS;AAAA,UACT,IAAG;AAAA,UACH,OAAM;AAAA,UAEN;AAAA,gCAAC,SAAI;AAAA,YACL;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,UAAS;AAAA,gBACT,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,gBAC5B,UAAS;AAAA,gBACT,OAAM;AAAA,gBAEN;AAAA,uCAAC,QAAK,OAAM,SAAQ,SAAS,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,KAAI,KAC1D;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,KAAI;AAAA,wBACJ,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,wBAC5B,OAAO,EAAE,WAAW,aAAa;AAAA,wBAEjC;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,WAAW;AAAA,8BACb;AAAA,8BACA,SAAQ;AAAA,8BAEP;AAAA;AAAA,0BACH;AAAA,0BACA,oBAAC,QAAM,2BAAgB;AAAA,0BACvB,oBAAC,QAAK,KAAI,KAAI,MAAK,QAChB,uCAAM,IAAI,CAAC,OAAO;AApFrC;AAqFoB,iCAAI,QAAG,SAAH,mBAAS,WAAW,UAAW;AACnC,mCACE,oBAAC,SAAkB,MAAK,SAAQ,SAAQ,SACrC,aAAG,QADM,GAAG,EAEf;AAAA,0BAEJ,IACF;AAAA;AAAA;AAAA,oBACF;AAAA,oBAEA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO,IAAI;AAAA,wBACX,OAAO;AAAA,0BACL,UAAU;AAAA,0BACV,cAAc;AAAA,0BACd,WAAW;AAAA,wBACb;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,qBACF;AAAA,kBAEA,oBAAC,OAAI,IAAG,KAAI,OAAM,QAChB;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,kBAC1C,GACF;AAAA;AAAA;AAAA,YACF;AAAA,YACC;AAAA;AAAA;AAAA,MACH,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,WAAQ,SAAQ,YAAW,oFAAe;AAAA,YAC3C;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,QAAO;AAAA,gBAEN;AAAA;AAAA;AAAA,YAEH;AAAA,YACA,oBAAC,UAAO,SAAS,YAAY,MAAK,SAAQ,sCAE1C;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-HPPMGFA2.js

@@ -0,0 +1,186 @@
+import {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx
+import {
+  createContext,
+  useContext,
+  useMemo,
+  useState,
+  useCallback,
+  useEffect
+} from "react";
+import { useFormik } from "formik";
+import { cloneDeep } from "lodash-es";
+import * as Yup from "yup";
+import { jsx } from "react/jsx-runtime";
+var CurriculumReviewContext = createContext(void 0);
+function getInitialAnswers(defaultValues, questions) {
+  return questions.reduce((acc, q) => {
+    var _a;
+    acc[q.uuid] = (_a = defaultValues[q.uuid]) != null ? _a : "";
+    return acc;
+  }, {});
+}
+function createAnswersYupSchema(questions) {
+  const shape = {};
+  questions.forEach((q) => {
+    let schema = Yup.string().defined();
+    if (q.required) {
+      schema = schema.required(`${q.title}\uC740(\uB294) \uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.`).trim();
+      if (q.minLength && typeof q.minLength === "number") {
+        schema = schema.min(
+          q.minLength,
+          `${q.title}\uC740(\uB294) \uCD5C\uC18C ${q.minLength}\uC790 \uC774\uC0C1 \uC785\uB825\uD574\uC57C \uD569\uB2C8\uB2E4.`
+        );
+      }
+    } else {
+      schema = schema.notRequired().nullable();
+    }
+    shape[q.uuid] = schema;
+  });
+  return Yup.object().shape(shape);
+}
+function CurriculumReviewProvider({
+  reviewContents: _reviewContents,
+  sectionTitle,
+  children,
+  onClickEndReview,
+  onSubmit,
+  defaultValues,
+  curriculum,
+  onReviewValueChange,
+  done
+}) {
+  const fixedReviewContents = useMemo(() => {
+    const result = cloneDeep(_reviewContents);
+    result.questions = result.questions.map((question) => {
+      if (question.type === "question_satisfaction_option") {
+        return __spreadValues(__spreadValues({}, curriculum.contents.satisfactionOptionMeta), question);
+      }
+      if (question.type === "question_satisfaction_text") {
+        return __spreadValues(__spreadValues({}, curriculum.contents.satisfactionTextMeta), question);
+      }
+      return question;
+    });
+    return result;
+  }, [
+    curriculum.contents.satisfactionOptionMeta,
+    curriculum.contents.satisfactionTextMeta,
+    _reviewContents
+  ]);
+  const [step, setStep] = useState(0);
+  const answersYupSchema = useMemo(
+    () => createAnswersYupSchema(fixedReviewContents.questions),
+    [fixedReviewContents.questions]
+  );
+  const formik = useFormik({
+    initialValues: {
+      answers: getInitialAnswers(defaultValues != null ? defaultValues : {}, fixedReviewContents.questions)
+    },
+    validationSchema: Yup.object({
+      answers: answersYupSchema
+    }),
+    onSubmit: (values) => {
+      const result = onSubmit(values.answers);
+      return result.then((isSuccess) => {
+        if (isSuccess) {
+          setStep((prev) => prev + 1);
+        }
+        return isSuccess;
+      });
+    },
+    enableReinitialize: true,
+    validateOnMount: true,
+    validateOnChange: true
+  });
+  const questions = fixedReviewContents.questions;
+  const handleStart = useCallback(() => {
+    setStep(1);
+  }, []);
+  const handleNext = useCallback(() => {
+    if (step < questions.length) {
+      setStep(step + 1);
+    } else {
+      formik.handleSubmit();
+      setStep(questions.length + 1);
+    }
+  }, [step, questions.length, formik]);
+  const handlePrev = useCallback(() => {
+    if (step > 1) {
+      setStep(step - 1);
+    }
+  }, [step]);
+  const onClickReviewMyAnswer = useCallback(() => {
+    setStep(1);
+  }, []);
+  const handleSubmit = useCallback(() => {
+    formik.handleSubmit();
+  }, [formik]);
+  const currentQuestion = useMemo(() => {
+    return step > 0 && step <= questions.length ? questions[step - 1] : void 0;
+  }, [step, questions]);
+  const currentAnswer = useMemo(() => {
+    return currentQuestion ? formik.values.answers[currentQuestion.uuid] : "";
+  }, [currentQuestion, formik.values.answers]);
+  const currentError = useMemo(() => {
+    return currentQuestion && formik.errors.answers && formik.errors.answers[currentQuestion.uuid];
+  }, [currentQuestion, formik.errors.answers]);
+  const handleAnswerChange = useCallback(
+    (value) => {
+      if (currentQuestion) {
+        void formik.setFieldValue(`answers.${currentQuestion.uuid}`, value);
+      }
+    },
+    [currentQuestion, formik]
+  );
+  useEffect(() => {
+    if (currentQuestion) {
+      onReviewValueChange({
+        reviewId: currentQuestion.uuid,
+        answer: formik.values.answers
+      });
+    }
+  }, [currentQuestion == null ? void 0 : currentQuestion.uuid, currentAnswer, onReviewValueChange]);
+  return /* @__PURE__ */ jsx(
+    CurriculumReviewContext.Provider,
+    {
+      value: {
+        reviewContents: fixedReviewContents,
+        formik,
+        curriculum,
+        sectionTitle,
+        onClickEndReview,
+        step,
+        setStep,
+        handleStart,
+        handleNext,
+        handlePrev,
+        onClickReviewMyAnswer,
+        handleSubmit,
+        currentQuestion,
+        currentAnswer,
+        currentError,
+        handleAnswerChange,
+        done
+      },
+      children
+    }
+  );
+}
+function useCurriculumReviewContext() {
+  const context = useContext(CurriculumReviewContext);
+  if (!context) {
+    throw new Error(
+      "useCurriculumReviewContext must be used within a CurriculumReviewProvider"
+    );
+  }
+  return context;
+}
+
+export {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+};
+//# sourceMappingURL=chunk-HPPMGFA2.js.map

package/dist/chunk-HPPMGFA2.js.map

@@ -0,0 +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>> {\n  const shape: Record<string, Yup.StringSchema<string>> = {};\n  questions.forEach((q) => {\n    let schema = Yup.string().defined();\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.notRequired().nullable();\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":[]}

package/dist/chunk-HPYHFSC4.js

@@ -0,0 +1,190 @@
+import {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx
+import {
+  createContext,
+  useContext,
+  useMemo,
+  useState,
+  useCallback,
+  useEffect
+} from "react";
+import { useFormik } from "formik";
+import { cloneDeep } from "lodash-es";
+import * as Yup from "yup";
+import { jsx } from "react/jsx-runtime";
+var CurriculumReviewContext = createContext(void 0);
+function getInitialAnswers(defaultValues, questions) {
+  return questions.reduce((acc, q) => {
+    var _a;
+    acc[q.uuid] = (_a = defaultValues[q.uuid]) != null ? _a : "";
+    return acc;
+  }, {});
+}
+function createAnswersYupSchema(questions) {
+  const shape = {};
+  questions.forEach((q) => {
+    let schema = Yup.string().defined();
+    if (q.required) {
+      if (q.type === "question_text" || q.type === "question_satisfaction_text") {
+        schema = schema.required(`${q.title}\uC740(\uB294) \uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.`).trim();
+        if (q.minLength) {
+          schema = schema.min(
+            q.minLength,
+            `${q.title}\uC740(\uB294) \uCD5C\uC18C ${q.minLength}\uC790 \uC774\uC0C1 \uC785\uB825\uD574\uC57C \uD569\uB2C8\uB2E4.`
+          );
+        }
+      } else {
+        schema = schema.required(`${q.title}\uC744(\uB97C) \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.`).min(1, `${q.title}\uC744(\uB97C) \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.`);
+      }
+    } else {
+      schema = schema.min(0);
+    }
+    shape[q.uuid] = schema;
+  });
+  return Yup.object().shape(shape);
+}
+function CurriculumReviewProvider({
+  reviewContents: _reviewContents,
+  sectionTitle,
+  children,
+  onClickEndReview,
+  onSubmit,
+  defaultValues,
+  curriculum,
+  onReviewValueChange,
+  done
+}) {
+  const fixedReviewContents = useMemo(() => {
+    const result = cloneDeep(_reviewContents);
+    result.questions = result.questions.map((question) => {
+      if (question.type === "question_satisfaction_option") {
+        return __spreadValues(__spreadValues({}, curriculum.contents.satisfactionOptionMeta), question);
+      }
+      if (question.type === "question_satisfaction_text") {
+        return __spreadValues(__spreadValues({}, curriculum.contents.satisfactionTextMeta), question);
+      }
+      return question;
+    });
+    return result;
+  }, [
+    curriculum.contents.satisfactionOptionMeta,
+    curriculum.contents.satisfactionTextMeta,
+    _reviewContents
+  ]);
+  const [step, setStep] = useState(0);
+  const answersYupSchema = useMemo(
+    () => createAnswersYupSchema(fixedReviewContents.questions),
+    [fixedReviewContents.questions]
+  );
+  const formik = useFormik({
+    initialValues: {
+      answers: getInitialAnswers(defaultValues != null ? defaultValues : {}, fixedReviewContents.questions)
+    },
+    validationSchema: Yup.object({
+      answers: answersYupSchema
+    }),
+    onSubmit: (values) => {
+      const result = onSubmit(values.answers);
+      return result.then((isSuccess) => {
+        if (isSuccess) {
+          setStep((prev) => prev + 1);
+        }
+        return isSuccess;
+      });
+    },
+    enableReinitialize: true,
+    validateOnMount: true,
+    validateOnChange: true
+  });
+  const questions = fixedReviewContents.questions;
+  const handleStart = useCallback(() => {
+    setStep(1);
+  }, []);
+  const handleNext = useCallback(() => {
+    if (step < questions.length) {
+      setStep(step + 1);
+    } else {
+      formik.handleSubmit();
+      setStep(questions.length + 1);
+    }
+  }, [step, questions.length, formik]);
+  const handlePrev = useCallback(() => {
+    if (step > 1) {
+      setStep(step - 1);
+    }
+  }, [step]);
+  const onClickReviewMyAnswer = useCallback(() => {
+    setStep(1);
+  }, []);
+  const handleSubmit = useCallback(() => {
+    formik.handleSubmit();
+  }, [formik]);
+  const currentQuestion = useMemo(() => {
+    return step > 0 && step <= questions.length ? questions[step - 1] : void 0;
+  }, [step, questions]);
+  const currentAnswer = useMemo(() => {
+    return currentQuestion ? formik.values.answers[currentQuestion.uuid] : "";
+  }, [currentQuestion, formik.values.answers]);
+  const currentError = useMemo(() => {
+    return currentQuestion && formik.errors.answers && formik.errors.answers[currentQuestion.uuid];
+  }, [currentQuestion, formik.errors.answers]);
+  const handleAnswerChange = useCallback(
+    (value) => {
+      if (currentQuestion) {
+        void formik.setFieldValue(`answers.${currentQuestion.uuid}`, value);
+      }
+    },
+    [currentQuestion, formik]
+  );
+  useEffect(() => {
+    if (currentQuestion) {
+      onReviewValueChange({
+        reviewId: currentQuestion.uuid,
+        answer: formik.values.answers
+      });
+    }
+  }, [currentQuestion == null ? void 0 : currentQuestion.uuid, currentAnswer, onReviewValueChange]);
+  return /* @__PURE__ */ jsx(
+    CurriculumReviewContext.Provider,
+    {
+      value: {
+        reviewContents: fixedReviewContents,
+        formik,
+        curriculum,
+        sectionTitle,
+        onClickEndReview,
+        step,
+        setStep,
+        handleStart,
+        handleNext,
+        handlePrev,
+        onClickReviewMyAnswer,
+        handleSubmit,
+        currentQuestion,
+        currentAnswer,
+        currentError,
+        handleAnswerChange,
+        done
+      },
+      children
+    }
+  );
+}
+function useCurriculumReviewContext() {
+  const context = useContext(CurriculumReviewContext);
+  if (!context) {
+    throw new Error(
+      "useCurriculumReviewContext must be used within a CurriculumReviewProvider"
+    );
+  }
+  return context;
+}
+
+export {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+};
+//# sourceMappingURL=chunk-HPYHFSC4.js.map

package/dist/chunk-HPYHFSC4.js.map

@@ -0,0 +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>> {\n  const shape: Record<string, Yup.StringSchema<string>> = {};\n  questions.forEach((q) => {\n    let schema = Yup.string().defined();\n    if (q.required) {\n      if (\n        q.type === 'question_text' ||\n        q.type === 'question_satisfaction_text'\n      ) {\n        schema = schema\n          .required(`${q.title}은(는) 필수 입력 항목입니다.`)\n          .trim();\n        if (q.minLength) {\n          schema = schema.min(\n            q.minLength,\n            `${q.title}은(는) 최소 ${q.minLength}자 이상 입력해야 합니다.`\n          );\n        }\n      } else {\n        schema = schema\n          .required(`${q.title}을(를) 선택해 주세요.`)\n          .min(1, `${q.title}을(를) 선택해 주세요.`);\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":[]}