@tipp/ui 2.1.4 → 2.1.6

package/dist/index.cjs

@@ -112,8 +112,8 @@ __export(index_exports, {
   CopyIcon: () => import_react_icons2.CopyIcon,
   Cross1Icon: () => import_react_icons2.Cross1Icon,
   CubeIcon: () => import_react_icons2.CubeIcon,
+  CurriculumBody: () => CurriculumBody,
   CurriculumCard: () => CurriculumCard,
-  CurriculumContents: () => CurriculumContents,
   CurriculumProvider: () => CurriculumProvider,
   CurriculumSidebar: () => CurriculumSidebar,
   CurriculumSubNav: () => CurriculumSubNav,
@@ -3226,7 +3226,8 @@ function CurriculumProvider(props) {
     onReviewValueChange,
     curriculumReviewAnswers,
     tempCurriculumReviewAnswers,
-    curriculumCompleteMap
+    curriculumCompleteMap,
+    onChangeSelectedContent
   } = props;
   const sidebarRef = (0, import_react29.useRef)(null);
   const scrollNavItem = (0, import_react29.useCallback)((index) => {
@@ -3300,11 +3301,17 @@ function CurriculumProvider(props) {
     },
     [list, selectedIndexState]
   );
+  const selectedItem = (0, import_react29.useMemo)(() => {
+    return list[selectedIndexState];
+  }, [list, selectedIndexState]);
   const selectedSectionTitle = (0, import_react29.useMemo)(() => {
     var _a2;
     const prevItems = list.slice(0, selectedIndexState).reverse();
     return (_a2 = prevItems.find((item) => item.type === "sectionTitle")) != null ? _a2 : null;
   }, [list, selectedIndexState]);
+  (0, import_react29.useEffect)(() => {
+    onChangeSelectedContent == null ? void 0 : onChangeSelectedContent(selectedItem);
+  }, [selectedItem]);
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CurriculumContext.Provider, { value: {
     curriculum,
     scrollNavItem,
@@ -3316,7 +3323,7 @@ function CurriculumProvider(props) {
     selectPrev,
     selectNext,
     selectedSectionTitle,
-    selectedItem: list[selectedIndexState],
+    selectedItem,
     scrollAreaRef: sidebarRef,
     onReviewSubmit,
     onReviewValueChange,
@@ -3475,19 +3482,17 @@ function getInitialAnswers(defaultValues, questions) {
 function createAnswersYupSchema(questions) {
   const shape = {};
   questions.forEach((q) => {
-    let schema = Yup.string().defined();
+    let schema = Yup.string();
     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.`);
+      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.min(0);
     }
     shape[q.uuid] = schema;
   });
@@ -3630,7 +3635,7 @@ function useCurriculumReviewContext() {
   return context;
 }
 
-// src/molecules/curriculumV2/curriculum.utils.ts
+// src/utils/curriculum.utils.ts
 var CurriculumListIcons = {
   pencil: CirclePencilIcon,
   video: CirclePlayIcon,
@@ -3736,6 +3741,16 @@ var renderPreviewContent = (args) => {
     question.uuid
   );
 };
+var getReviewContentValue = (question, answer) => {
+  var _a, _b, _c, _d;
+  if (question.type === "question_satisfaction_option") {
+    console.log(JSON.stringify(question.options));
+    console.log(Number(answer));
+    console.log((_a = question.options) == null ? void 0 : _a.find((option) => option.value === Number(answer)));
+    return (_d = (_c = (_b = question.options) == null ? void 0 : _b.find((option) => option.value === Number(answer))) == null ? void 0 : _c.label) != null ? _d : "";
+  }
+  return answer;
+};
 var renderReviewContent = (args) => {
   const { question, answer } = args;
   const Icon = getCurriculumIcon({
@@ -3744,6 +3759,7 @@ var renderReviewContent = (args) => {
   });
   const color = getCurriculumQuestionIconColor(question.type);
   const badgeColor = ["question_radio", "question_satisfaction_option"].includes(question.type) ? "accent" : "neutral";
+  const value = getReviewContentValue(question, answer);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     import_themes23.Grid,
     {
@@ -3756,7 +3772,7 @@ var renderReviewContent = (args) => {
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { color }) }),
         /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes6.Box, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces" }, children: answer })
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces" }, children: value })
         ] })
       ]
     },
@@ -3808,10 +3824,62 @@ function StartReview({ onStart }) {
 }
 var start_review_default = StartReview;
 
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.tsx
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
+var THANKS_IMAGE_S3_URL = "https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIASOOL4XO3GOVQNAOJ%2F20250714%2Fap-northeast-2%2Fs3%2Faws4_request&X-Amz-Date=20250714T093714Z&X-Amz-Expires=300&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEBIaDmFwLW5vcnRoZWFzdC0yIkgwRgIhAJ10MFU1RlFJLaHJ4kVZqyg%2BSX6kK4pjSkArYit6T%2BzpAiEAy4LV4JIm785N1F9VASx1Ls4wU3RtmgYcMuB1mUfPyzkq%2BwIIKxABGgwxNjg0NjgyMDAzNzQiDI0CpGgsmaeigKbrmirYApQQ0L0GayygZ%2F8kNQ6PUGp3zrc8ylTEX1DLE5swaftDANtxXV18k%2F5%2FNI75G3%2BTGxnGBXH0MvacVyA9jzk9OBTkKxAhPqzseR%2FcTBlZT4mkk4wXvCPVXFWSCI4HZQp3XVoPhe5kaMOxemg%2F4Kd7dCaQ%2FydoPQ4E1mDYQCx8OjyOOynE%2FBPV7G87sbKISZMmW5kNy1k90H%2FYFG%2Fpm1bSZJsX8jIgPXrb2oqYF%2BoAFIl%2BlOzqW3hBqg5%2FZqYfoNgLcsozYib9oMSvSr6wumQhHZ%2B3HYy0I5gfSHRiVRNqxNMLPJrZJtkywwcdmzU7Zhmegw94zxvWHH1ETDtRswZtrNelQVBa7FgegJjUKQXrtuCNxIWSeWxgQtiPe5HFkuDIbJNkyXf6oS3xXEMbv9vvd9iZb1buG1Xl7hDformtZly84vl2qCy9liEpOBd5gh9tsksrbwgZ3zSEMLuf08MGOqwC%2BA4a%2FOrYGP9PnS7f8umahffDcnIB4JfOgOKso%2Fn5wrWMUSbRKFTvX0RezzSFOVfg8GYVlAkyDnFXFTxLWNGbfn4IV19luZryQVnUPxOea%2BD%2Fy1h3VAV3UcpZpqdWbdww%2FDF1%2BqudKNF0omu6blFw2K1Xut%2F6PB8jRtnjOSNx%2BFPQXfSN5F1uzorCprt95%2FfP82hTj%2BQ9zycuLVcCDRdlbKJ45wL1%2FY7ARNNDH5tJMTtSj68%2BWm86u%2FlM0pYoVcsBvhDyZpmYXhDfvFi0tWyjxSa4MaowYQ9lbqXruHwoNTKwpowFxREPNRRqMtXVJVk3b%2Bj8cEdVs36KAH2UHQ2ysDPnbmtXR6VpgoT%2Br2OY1fh4PxwrOO%2Bn3WrweSoltLLR717spz1bdsZbBo3f&X-Amz-Signature=b7869ae5c99b73679e63c71b9c9b0857ab0fb9e529032aa6ed569bd11dbd6382&X-Amz-SignedHeaders=host&response-content-disposition=inline";
+function CompleteReview(props) {
+  const { onClickReviewMyAnswer } = props;
+  const { reviewContents, sectionTitle, curriculum, onClickEndReview: onClickNextContents } = useCurriculumReviewContext();
+  const { reviewMeta } = curriculum.contents;
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    import_themes22.Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "between",
+      maxHeight: "550px",
+      maxWidth: "650px",
+      px: "4",
+      py: "6",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes22.Flex, { align: "center", direction: "column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Heading2, { mb: "6", variant: "heading5", weight: "regular", children: (reviewMeta == null ? void 0 : reviewMeta.endReviewTopTitle) || "\uC751\uB2F5\uC744 \uC131\uACF5\uC801\uC73C\uB85C \uC81C\uCD9C\uD588\uC2B5\uB2C8\uB2E4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "img",
+            {
+              alt: "complete-review",
+              height: 141,
+              src: THANKS_IMAGE_S3_URL,
+              width: 118
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Typo, { color: "gray", mt: "6", variant: "caption", children: sectionTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Heading2, { variant: "heading5", children: reviewContents.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Typo, { align: "center", color: "gray", mt: "6", children: (reviewMeta == null ? void 0 : reviewMeta.endReviewDescription) || `\uC774\uBC88 \uD559\uC2B5\uC774 \uB9AC\uB354\uC2ED\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uAE30\uB97C \uBC14\uB78D\uB2C8\uB2E4.
+ \uC55E\uC73C\uB85C \uC788\uC744 \uB9AC\uB354\uB2D8\uC758 \uC131\uC7A5\uC744 \uAE30\uB300\uD569\uB2C8\uB2E4.` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes23.Grid, { columns: { initial: "1fr", md: "2" }, gap: "3", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Button, { onClick: onClickReviewMyAnswer, variant: "outline", children: [
+            (reviewMeta == null ? void 0 : reviewMeta.endReviewBackButtonTitle) || "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC \uBCF4\uAE30",
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons2.ResetIcon, {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Button, { onClick: onClickNextContents, children: [
+            "\uCEE4\uB9AC\uD058\uB7FC\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30",
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons2.HomeIcon, {})
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var complete_review_default = CompleteReview;
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function AlignCenter(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_themes22.Flex,
     __spreadValues({
       align: "center",
@@ -3826,7 +3894,7 @@ function ReviewQuestionLayout({
   Body,
   Footer
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     import_themes23.Grid,
     {
       align: "center",
@@ -3839,18 +3907,18 @@ function ReviewQuestionLayout({
       },
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignCenter, { pb: "3", pt: "4", px: "4", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes6.Box, { maxWidth: "650px", width: "100%", children: Header }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes39.Separator, { size: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AlignCenter, { pb: "3", pt: "4", px: "4", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes6.Box, { maxWidth: "650px", width: "100%", children: Header }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes39.Separator, { size: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           AlignCenter,
           {
             p: "3",
             style: { backgroundColor: "var(--gray-2)", zIndex: 0 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes6.Box, { height: "100%", maxWidth: "650px", width: "100%", children: Body })
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes6.Box, { height: "100%", maxWidth: "650px", width: "100%", children: Body })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes39.Separator, { size: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignCenter, { px: "4", py: "3", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes6.Box, { maxWidth: "650px", width: "100%", children: Footer }) })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes39.Separator, { size: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AlignCenter, { px: "4", py: "3", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes6.Box, { maxWidth: "650px", width: "100%", children: Footer }) })
       ]
     }
   );
@@ -3858,14 +3926,14 @@ function ReviewQuestionLayout({
 var review_question_layout_default = ReviewQuestionLayout;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function ReviewQuestionHeader({
   index,
   total
 }) {
   const { reviewContents } = useCurriculumReviewContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes6.Box, { height: "100%", width: "100%", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes23.Grid, { columns: "1fr 40px", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes6.Box, { height: "100%", width: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes23.Grid, { columns: "1fr 40px", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Heading2,
       {
         mb: "3",
@@ -3874,22 +3942,22 @@ function ReviewQuestionHeader({
         children: reviewContents.title
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes22.Flex, { justify: "between", mb: "2", width: "100%", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: "\uC9C4\uD589 \uC0C1\uD669" }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes22.Flex, { justify: "between", mb: "2", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: "\uC9C4\uD589 \uC0C1\uD669" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: [
         index + 1,
         " / ",
         total,
         " \uC644\uB8CC"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes30.Progress, { color: "iris", max: total, value: index + 1 })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes30.Progress, { color: "iris", max: total, value: index + 1 })
   ] });
 }
 var review_question_header_default = ReviewQuestionHeader;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function ReviewQuestionFooter({
   index,
   onNext,
@@ -3899,22 +3967,22 @@ function ReviewQuestionFooter({
   onSubmit,
   isLoading
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes23.Grid, { columns: "1fr 1fr", gap: "3", children: [
-    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Button, { onClick: onPrev, variant: "outline", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons2.ChevronLeftIcon, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Grid, { columns: "1fr 1fr", gap: "3", children: [
+    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Button, { onClick: onPrev, variant: "outline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons2.ChevronLeftIcon, {}),
       "\uC774\uC804\uC73C\uB85C"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes6.Box, {}),
-    isLast ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Button, { disabled: isNextButtonDisabled, loading: isLoading, onClick: onSubmit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons2.PaperPlaneIcon, {}),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes6.Box, {}),
+    isLast ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Button, { disabled: isNextButtonDisabled, loading: isLoading, onClick: onSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons2.PaperPlaneIcon, {}),
       "\uC81C\uCD9C\uD558\uAE30"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       Button,
       {
         disabled: isNextButtonDisabled,
         onClick: onNext,
         variant: "surface",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons2.ChevronRightIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons2.ChevronRightIcon, {}),
           "\uB2E4\uC74C\uC73C\uB85C"
         ]
       }
@@ -3927,7 +3995,7 @@ var review_question_footer_default = ReviewQuestionFooter;
 var import_react33 = require("react");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function ReviewQuestionContentHeader({
   type,
   title,
@@ -3935,9 +4003,9 @@ function ReviewQuestionContentHeader({
   icon
 }) {
   const Icon = getCurriculumIcon({ type, icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes22.Flex, { gap: "2", mb: "3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes6.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes22.Flex, { gap: "2", mb: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Icon,
         {
           color: getCurriculumQuestionIconColor(type),
@@ -3945,14 +4013,14 @@ function ReviewQuestionContentHeader({
           width: "16"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { color: "gray", weight: "bold", children: title })
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { color: "gray", weight: "bold", children: title })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "p", color: "gray", children: question })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "p", color: "gray", children: question })
   ] });
 }
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var correctAnswerStyle = {
   backgroundColor: "var(--green-a2)"
 };
@@ -3969,8 +4037,8 @@ function ReviewQuestionRadio(props) {
     if (isWrong) return "red";
     return void 0;
   }, [isCorrect, isWrong]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes23.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Card, { mb: "4", size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes23.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card, { mb: "4", size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       ReviewQuestionContentHeader,
       {
         icon: question.icon,
@@ -3979,8 +4047,8 @@ function ReviewQuestionRadio(props) {
         type: question.type
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes23.Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes6.Box, { position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes23.Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes6.Box, { position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         RadioButtonCard.Root,
         {
           color: radioColor,
@@ -3992,7 +4060,7 @@ function ReviewQuestionRadio(props) {
             position: "absolute"
           },
           value: answer,
-          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes22.Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
+          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes22.Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
             const isThisOptionCorrect = isCheckAnswer && i === question.correctAnswer;
             const isThisOptionSelected = isCheckAnswer && i === Number(answer);
             const isThisOptionWrong = isCheckAnswer && isThisOptionSelected && i !== question.correctAnswer;
@@ -4000,35 +4068,35 @@ function ReviewQuestionRadio(props) {
               if (isThisOptionCorrect) return correctAnswerStyle;
               return {};
             })();
-            return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               RadioButtonCard.Item,
               {
                 style,
                 value: i.toString(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes6.Box, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "p", children: option }),
-                  isThisOptionCorrect ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
-                  isThisOptionWrong ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes6.Box, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typo, { as: "p", children: option.label }),
+                  isThisOptionCorrect ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
+                  isThisOptionWrong ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
                 ] })
               },
-              `${option}-${i}`
+              `${option.label}-${i}`
             );
           }) })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes22.Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes22.Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
     ] })
   ] });
 }
 var review_question_radio_default = ReviewQuestionRadio;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function ReviewQuestionText(props) {
   const { question, answer, onChange } = props;
   const minLengthNotMet = question.minLength && answer.length < question.minLength;
   const remainingLength = question.minLength && answer.length < question.minLength ? question.minLength - answer.length : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     Card,
     {
       size: "2",
@@ -4036,9 +4104,9 @@ function ReviewQuestionText(props) {
         width: "100%",
         height: "100%"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes23.Grid, { height: "100%", rows: "1fr auto", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes23.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes23.Grid, { height: "100%", rows: "1fr auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes23.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             ReviewQuestionContentHeader,
             {
               icon: question.icon,
@@ -4047,7 +4115,7 @@ function ReviewQuestionText(props) {
               type: question.type
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             TextArea,
             {
               mt: "2",
@@ -4059,17 +4127,17 @@ function ReviewQuestionText(props) {
             }
           )
         ] }),
-        minLengthNotMet ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes6.Box, { mt: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
-          question.minLengthInfoMessage ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+        minLengthNotMet ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes6.Box, { mt: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
+          question.minLengthInfoMessage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
             import_themes8.Callout.Root,
             {
               color: "iris",
               mt: "2",
               style: { alignItems: "center" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes8.Callout.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons2.BellIcon, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes8.Callout.Text, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes8.Callout.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons2.BellIcon, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes8.Callout.Text, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
               ]
             }
           ) : null
@@ -4081,12 +4149,12 @@ function ReviewQuestionText(props) {
 var review_question_text_default = ReviewQuestionText;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function ReviewQuestionSatisfisRadio(props) {
   var _a, _b, _c;
   const { question, answer, onChange } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       ReviewQuestionContentHeader,
       {
         icon: question.icon,
@@ -4095,18 +4163,18 @@ function ReviewQuestionSatisfisRadio(props) {
         type: question.type
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes34.RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes22.Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes34.RadioGroup.Item, { value: index.toString(), children: option }, option)) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes34.RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes22.Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes34.RadioGroup.Item, { value: String(option.value), children: option.label }, option.value)) }) })
   ] });
 }
 var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function ReviewQuestionSatisfisText(props) {
   var _a, _b;
   const { question, answer, onChange } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes23.Grid, { height: "100%", rows: "auto 1fr", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes23.Grid, { height: "100%", rows: "auto 1fr", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       ReviewQuestionContentHeader,
       {
         icon: question.icon,
@@ -4115,7 +4183,7 @@ function ReviewQuestionSatisfisText(props) {
         type: question.type
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       TextArea,
       {
         mt: "2",
@@ -4133,11 +4201,11 @@ function ReviewQuestionSatisfisText(props) {
 }
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function ReviewQuestionBody(props) {
   const { question, answer, error, onChange } = props;
   if (question.type === "question_radio") {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       review_question_radio_default,
       {
         answer,
@@ -4148,7 +4216,7 @@ function ReviewQuestionBody(props) {
     );
   }
   if (question.type === "question_text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       review_question_text_default,
       {
         answer,
@@ -4159,7 +4227,7 @@ function ReviewQuestionBody(props) {
     );
   }
   if (question.type === "question_satisfaction_option") {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       review_question_satisfaction_option_default,
       {
         answer,
@@ -4170,7 +4238,7 @@ function ReviewQuestionBody(props) {
     );
   }
   if (question.type === "question_satisfaction_text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       ReviewQuestionSatisfisText,
       {
         answer,
@@ -4185,7 +4253,7 @@ function ReviewQuestionBody(props) {
 var review_question_body_default = ReviewQuestionBody;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function ReviewQuestion({
   question,
   index,
@@ -4200,10 +4268,10 @@ function ReviewQuestion({
   onSubmit,
   isLoading
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     review_question_layout_default,
     {
-      Body: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      Body: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         review_question_body_default,
         {
           answer,
@@ -4212,7 +4280,7 @@ function ReviewQuestion({
           question
         }
       ),
-      Footer: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      Footer: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         review_question_footer_default,
         {
           index,
@@ -4224,65 +4292,12 @@ function ReviewQuestion({
           onSubmit
         }
       ),
-      Header: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(review_question_header_default, { index, total })
+      Header: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(review_question_header_default, { index, total })
     }
   );
 }
 var ReviewQuestion_default = ReviewQuestion;
 
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var THANKS_IMAGE_S3_URL = "https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIASOOL4XO3GOVQNAOJ%2F20250714%2Fap-northeast-2%2Fs3%2Faws4_request&X-Amz-Date=20250714T093714Z&X-Amz-Expires=300&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEBIaDmFwLW5vcnRoZWFzdC0yIkgwRgIhAJ10MFU1RlFJLaHJ4kVZqyg%2BSX6kK4pjSkArYit6T%2BzpAiEAy4LV4JIm785N1F9VASx1Ls4wU3RtmgYcMuB1mUfPyzkq%2BwIIKxABGgwxNjg0NjgyMDAzNzQiDI0CpGgsmaeigKbrmirYApQQ0L0GayygZ%2F8kNQ6PUGp3zrc8ylTEX1DLE5swaftDANtxXV18k%2F5%2FNI75G3%2BTGxnGBXH0MvacVyA9jzk9OBTkKxAhPqzseR%2FcTBlZT4mkk4wXvCPVXFWSCI4HZQp3XVoPhe5kaMOxemg%2F4Kd7dCaQ%2FydoPQ4E1mDYQCx8OjyOOynE%2FBPV7G87sbKISZMmW5kNy1k90H%2FYFG%2Fpm1bSZJsX8jIgPXrb2oqYF%2BoAFIl%2BlOzqW3hBqg5%2FZqYfoNgLcsozYib9oMSvSr6wumQhHZ%2B3HYy0I5gfSHRiVRNqxNMLPJrZJtkywwcdmzU7Zhmegw94zxvWHH1ETDtRswZtrNelQVBa7FgegJjUKQXrtuCNxIWSeWxgQtiPe5HFkuDIbJNkyXf6oS3xXEMbv9vvd9iZb1buG1Xl7hDformtZly84vl2qCy9liEpOBd5gh9tsksrbwgZ3zSEMLuf08MGOqwC%2BA4a%2FOrYGP9PnS7f8umahffDcnIB4JfOgOKso%2Fn5wrWMUSbRKFTvX0RezzSFOVfg8GYVlAkyDnFXFTxLWNGbfn4IV19luZryQVnUPxOea%2BD%2Fy1h3VAV3UcpZpqdWbdww%2FDF1%2BqudKNF0omu6blFw2K1Xut%2F6PB8jRtnjOSNx%2BFPQXfSN5F1uzorCprt95%2FfP82hTj%2BQ9zycuLVcCDRdlbKJ45wL1%2FY7ARNNDH5tJMTtSj68%2BWm86u%2FlM0pYoVcsBvhDyZpmYXhDfvFi0tWyjxSa4MaowYQ9lbqXruHwoNTKwpowFxREPNRRqMtXVJVk3b%2Bj8cEdVs36KAH2UHQ2ysDPnbmtXR6VpgoT%2Br2OY1fh4PxwrOO%2Bn3WrweSoltLLR717spz1bdsZbBo3f&X-Amz-Signature=b7869ae5c99b73679e63c71b9c9b0857ab0fb9e529032aa6ed569bd11dbd6382&X-Amz-SignedHeaders=host&response-content-disposition=inline";
-function CompleteReview(props) {
-  var _a, _b, _c;
-  const { onClickReviewMyAnswer } = props;
-  const { reviewContents, sectionTitle, curriculum, onClickEndReview: onClickNextContents } = useCurriculumReviewContext();
-  const { reviewMeta } = curriculum.contents;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
-    import_themes22.Flex,
-    {
-      align: "center",
-      direction: "column",
-      height: "100%",
-      justify: "between",
-      maxHeight: "550px",
-      maxWidth: "650px",
-      px: "4",
-      py: "6",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes22.Flex, { align: "center", direction: "column", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Heading2, { mb: "6", variant: "heading5", weight: "regular", children: (_a = reviewMeta == null ? void 0 : reviewMeta.endReviewTopTitle) != null ? _a : "\uC751\uB2F5\uC744 \uC131\uACF5\uC801\uC73C\uB85C \uC81C\uCD9C\uD588\uC2B5\uB2C8\uB2E4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-            "img",
-            {
-              alt: "complete-review",
-              height: 141,
-              src: THANKS_IMAGE_S3_URL,
-              width: 118
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Typo, { color: "gray", mt: "6", variant: "caption", children: sectionTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Heading2, { variant: "heading5", children: reviewContents.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Typo, { align: "center", color: "gray", mt: "6", children: (_b = reviewMeta == null ? void 0 : reviewMeta.endReviewDescription) != null ? _b : `\uC774\uBC88 \uD559\uC2B5\uC774 \uB9AC\uB354\uC2ED\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uAE30\uB97C \uBC14\uB78D\uB2C8\uB2E4.
- \uC55E\uC73C\uB85C \uC788\uC744 \uB9AC\uB354\uB2D8\uC758 \uC131\uC7A5\uC744 \uAE30\uB300\uD569\uB2C8\uB2E4.` })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes23.Grid, { columns: { initial: "1fr", md: "2" }, gap: "3", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Button, { onClick: onClickReviewMyAnswer, variant: "outline", children: [
-            (_c = reviewMeta == null ? void 0 : reviewMeta.endReviewBackButtonTitle) != null ? _c : "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC \uBCF4\uAE30",
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons2.ResetIcon, {})
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Button, { onClick: onClickNextContents, children: [
-            "\uCEE4\uB9AC\uD058\uB7FC\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30",
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons2.HomeIcon, {})
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var complete_review_default = CompleteReview;
-
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function CurriculumReviewStepsInner() {
@@ -4301,6 +4316,7 @@ function CurriculumReviewStepsInner() {
     handleAnswerChange
   } = useCurriculumReviewContext();
   const { questions } = reviewContents;
+  console.log(formik);
   if (step === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(start_review_default, { onStart: handleStart });
   }
@@ -4445,7 +4461,7 @@ var curriculum_review_default = CurriculumReview;
 
 // src/molecules/curriculumV2/CurriculumContents/index.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
-function CurriculumContents() {
+function CurriculumBody() {
   const { selectedItem, selectedSectionTitle } = useCurriculumContext();
   switch (selectedItem.type) {
     case "video":
@@ -6143,8 +6159,8 @@ function CurriculumCard(props) {
   CopyIcon,
   Cross1Icon,
   CubeIcon,
+  CurriculumBody,
   CurriculumCard,
-  CurriculumContents,
   CurriculumProvider,
   CurriculumSidebar,
   CurriculumSubNav,