@tipp/ui 2.1.14 → 2.1.15

package/dist/chunk-EAS6O7IZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Flex, Typo } from '@/atoms';\nimport { getCurriculumIcon , getCurriculumQuestionIconColor } from '@/utils/curriculum.utils';\n\ninterface ReviewQuestionContentHeaderProps {\n  type: string;\n  title: string;\n  question: string;\n  icon?: string;\n}\n\nexport function ReviewQuestionContentHeader({\n  type,\n  title,\n  question,\n  icon,\n}: ReviewQuestionContentHeaderProps): React.ReactNode {\n  const Icon = getCurriculumIcon({ type, icon });\n\n  return (\n    <Box>\n      <Flex gap=\"2\" mb=\"3\">\n        <Box>\n          <Icon\n            color={getCurriculumQuestionIconColor(type)}\n            height=\"16\"\n            width=\"16\"\n          />\n        </Box>\n        <Typo color=\"gray\" weight=\"bold\">\n          {title}\n        </Typo>\n      </Flex>\n      <Typo as=\"p\" color=\"gray\">\n        {question}\n      </Typo>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBM,SAEI,KAFJ;AAVC,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,OAAO,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE7C,SACE,qBAAC,OACC;AAAA,yBAAC,QAAK,KAAI,KAAI,IAAG,KACf;AAAA,0BAAC,OACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,+BAA+B,IAAI;AAAA,UAC1C,QAAO;AAAA,UACP,OAAM;AAAA;AAAA,MACR,GACF;AAAA,MACA,oBAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,OACF;AAAA,IACA,oBAAC,QAAK,IAAG,KAAI,OAAM,QAChB,oBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-EHKW72Z4.js

@@ -0,0 +1,100 @@
+import {
+  CircleCheckIcon
+} from "./chunk-XSX6K7SK.js";
+import {
+  CirclePencilIcon
+} from "./chunk-UQN63IRS.js";
+import {
+  CirclePlayIcon
+} from "./chunk-K25BYIJ7.js";
+import {
+  CircleQuoteIcon
+} from "./chunk-ECVAWQXV.js";
+import {
+  CircleSatisfactionIcon
+} from "./chunk-D7EYDD4E.js";
+
+// src/utils/curriculum.utils.ts
+var CurriculumListIcons = {
+  pencil: CirclePencilIcon,
+  video: CirclePlayIcon,
+  quote: CircleQuoteIcon,
+  check: CircleCheckIcon,
+  star: CircleSatisfactionIcon
+};
+var getCurriculumIcon = ({
+  type,
+  icon
+}) => {
+  if (icon && Object.prototype.hasOwnProperty.call(CurriculumListIcons, icon)) {
+    return CurriculumListIcons[icon];
+  }
+  switch (type) {
+    case "video":
+      return CirclePlayIcon;
+    case "question_text":
+      return CircleQuoteIcon;
+    case "question_radio":
+      return CircleCheckIcon;
+    case "question_satisfaction_option":
+    case "question_satisfaction_text":
+      return CircleSatisfactionIcon;
+    case "review":
+    default:
+      return CirclePencilIcon;
+  }
+};
+var getCurriculumIconColor = ({
+  done = false,
+  selected = false
+}) => {
+  if (selected) {
+    return "#D5AE39";
+  }
+  if (done) {
+    return "#30A46C";
+  }
+  return "#D9D9E0";
+};
+var getCurriculumQuestionIconColor = (type) => {
+  switch (type) {
+    case "question_text":
+      return "#D5AE39";
+    case "question_radio":
+      return "#30A46C";
+    default:
+      return "#D9D9E0";
+  }
+};
+var getCurriculumQuestionTypeDescription = (type) => {
+  switch (type) {
+    case "question_text":
+      return "\uC8FC\uAD00\uC2DD";
+    case "question_radio":
+      return "\uAC1D\uAD00\uC2DD";
+    default:
+      return "";
+  }
+};
+var getCurriculumContentSubTypeText = (type) => {
+  switch (type) {
+    case "video":
+      return "\uC601\uC0C1";
+    case "review":
+      return "\uB9AC\uBDF0";
+    case "aiTraining":
+      return "AI \uC5F0\uC2B5";
+    default:
+      return "";
+  }
+};
+
+export {
+  CurriculumListIcons,
+  getCurriculumIcon,
+  getCurriculumIconColor,
+  getCurriculumQuestionIconColor,
+  getCurriculumQuestionTypeDescription,
+  getCurriculumContentSubTypeText
+};
+//# sourceMappingURL=chunk-EHKW72Z4.js.map

package/dist/chunk-EHKW72Z4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/curriculum.utils.ts"],"sourcesContent":["import {\n  CircleCheckIcon,\n  CirclePencilIcon,\n  CirclePlayIcon,\n  CircleQuoteIcon,\n  CircleSatisfactionIcon,\n} from '@/icon';\n\nexport const CurriculumListIcons = {\n  pencil: CirclePencilIcon,\n  video: CirclePlayIcon,\n  quote: CircleQuoteIcon,\n  check: CircleCheckIcon,\n  star: CircleSatisfactionIcon,\n};\n\nexport const getCurriculumIcon = ({\n  type,\n  icon,\n}: {\n  type: string;\n  icon?: string;\n}): typeof CirclePlayIcon => {\n  if (icon && Object.prototype.hasOwnProperty.call(CurriculumListIcons, icon)) {\n    return CurriculumListIcons[icon as keyof typeof CurriculumListIcons];\n  }\n\n  switch (type) {\n    case 'video':\n      return CirclePlayIcon;\n    case 'question_text':\n      return CircleQuoteIcon;\n    case 'question_radio':\n      return CircleCheckIcon;\n    case 'question_satisfaction_option':\n    case 'question_satisfaction_text':\n      return CircleSatisfactionIcon;\n    case 'review':\n    default:\n      return CirclePencilIcon;\n  }\n};\n\nexport const getCurriculumIconColor = ({\n  done = false,\n  selected = false,\n}: {\n  done?: boolean;\n  selected?: boolean;\n}): string => {\n  if (selected) {\n    return '#D5AE39';\n  }\n  if (done) {\n    return '#30A46C';\n  }\n  return '#D9D9E0';\n};\n\nexport const getCurriculumQuestionIconColor = (type: string): string => {\n  switch (type) {\n    case 'question_text':\n      return '#D5AE39';\n    case 'question_radio':\n      return '#30A46C';\n    default:\n      return '#D9D9E0';\n  }\n};\n\nexport const getCurriculumQuestionTypeDescription = (type: string): string => {\n  switch (type) {\n    case 'question_text':\n      return '주관식';\n    case 'question_radio':\n      return '객관식';\n    default:\n      return '';\n  }\n};\n\nexport const getCurriculumContentSubTypeText = (type: string): string => {\n  switch (type) {\n    case 'video':\n      return '영상';\n    case 'review':\n      return '리뷰';\n    case 'aiTraining':\n      return 'AI 연습';\n    default:\n      return '';\n  }\n};\n \n"],"mappings":";;;;;;;;;;;;;;;;;AAQO,IAAM,sBAAsB;AAAA,EACjC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAEO,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAG6B;AAC3B,MAAI,QAAQ,OAAO,UAAU,eAAe,KAAK,qBAAqB,IAAI,GAAG;AAC3E,WAAO,oBAAoB,IAAwC;AAAA,EACrE;AAEA,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,yBAAyB,CAAC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW;AACb,MAGc;AACZ,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AACA,MAAI,MAAM;AACR,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,IAAM,iCAAiC,CAAC,SAAyB;AACtE,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,uCAAuC,CAAC,SAAyB;AAC5E,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,kCAAkC,CAAC,SAAyB;AACvE,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/chunk-EHNNGWZ2.js

@@ -0,0 +1,51 @@
+import {
+  curriculum_sidebar_item_wrapper_default
+} from "./chunk-LRKARLHL.js";
+import {
+  section_item_default
+} from "./chunk-CNGUWMAI.js";
+import {
+  section_title_default
+} from "./chunk-HFXODPRR.js";
+import {
+  getCurriculumIconColor
+} from "./chunk-5XKHHXPV.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx
+import { jsx } from "react/jsx-runtime";
+function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
+  if (item.type === "sectionTitle") {
+    return /* @__PURE__ */ jsx(section_title_default, __spreadValues({}, item), item.uuid);
+  }
+  const isSelected = selectedIndex === index;
+  return /* @__PURE__ */ jsx(
+    curriculum_sidebar_item_wrapper_default,
+    {
+      index,
+      isSelected,
+      onClick: () => {
+        setSelectedIndex(index);
+      },
+      children: /* @__PURE__ */ jsx(
+        section_item_default,
+        __spreadProps(__spreadValues({}, item), {
+          color: getCurriculumIconColor({
+            done,
+            selected: isSelected
+          })
+        })
+      )
+    },
+    item.uuid
+  );
+}
+var sidebar_item_default = SidebarItem;
+
+export {
+  sidebar_item_default
+};
+//# sourceMappingURL=chunk-EHNNGWZ2.js.map

package/dist/chunk-EHNNGWZ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx"],"sourcesContent":["import type { CurriculumListContents } from '@/types/curriculum.type'; \nimport { getCurriculumIconColor } from '../../../utils/curriculum.utils';\nimport SectionTitle from './Items/section-title';\nimport CurriculumSidebarItemWrapper from './Items/curriculum-sidebar-item-wrapper';\nimport SectionCommonItem from './Items/section-item';\n\n\ninterface SidebarItemProps {\n    item: CurriculumListContents;\n    selectedIndex: number;\n    setSelectedIndex: (index: number) => void;\n    index: number;\n    done: boolean;\n}\n\nfunction SidebarItem({item, selectedIndex, setSelectedIndex, index, done}: SidebarItemProps): React.ReactNode {\n   \n  \n  if (item.type === 'sectionTitle') {\n        return <SectionTitle key={item.uuid} {...item} />;\n      }\n      const isSelected = selectedIndex === index;\n\n      return (\n        <CurriculumSidebarItemWrapper\n          index={index}\n          isSelected={isSelected}\n          key={item.uuid}\n          onClick={() => {\n            setSelectedIndex(index);\n          }}\n        >\n          <SectionCommonItem\n            {...item}\n            color={getCurriculumIconColor({\n              done,\n              selected: isSelected,\n            })}\n          />\n        </CurriculumSidebarItemWrapper>\n      );\n    }\n\nexport default SidebarItem;"],"mappings":";;;;;;;;;;;;;;;;;;AAmBe;AAJf,SAAS,YAAY,EAAC,MAAM,eAAe,kBAAkB,OAAO,KAAI,GAAsC;AAG5G,MAAI,KAAK,SAAS,gBAAgB;AAC5B,WAAO,oBAAC,0CAAiC,OAAf,KAAK,IAAgB;AAAA,EACjD;AACA,QAAM,aAAa,kBAAkB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEA,SAAS,MAAM;AACb,yBAAiB,KAAK;AAAA,MACxB;AAAA,MAEA;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC,OAAO,uBAAuB;AAAA,YAC5B;AAAA,YACA,UAAU;AAAA,UACZ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IAXK,KAAK;AAAA,EAYZ;AAEJ;AAEJ,IAAO,uBAAQ;","names":[]}

package/dist/chunk-EMJA2SNU.js

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

package/dist/chunk-EMJA2SNU.js.map

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

package/dist/chunk-EVB2LWM6.js

@@ -0,0 +1,101 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-RZ4ZX66O.js";
+import {
+  RadioButtonCard
+} from "./chunk-SLXXCM56.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var correctAnswerStyle = {
+  backgroundColor: "var(--green-a2)"
+};
+function ReviewQuestionRadio(props) {
+  const { question, answer, onChange } = props;
+  const [isCheckAnswer, setIsCheckAnswer] = useState(false);
+  const checkAnswer = useCallback(() => {
+    setIsCheckAnswer(true);
+  }, []);
+  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;
+  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;
+  const radioColor = useMemo(() => {
+    if (isCorrect) return "green";
+    if (isWrong) return "red";
+    return void 0;
+  }, [isCorrect, isWrong]);
+  return /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+    /* @__PURE__ */ jsx(Card, { mb: "4", size: "2", children: /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: question.question,
+        title: question.title,
+        type: question.type
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
+      /* @__PURE__ */ jsx(Box, { position: "relative", children: /* @__PURE__ */ jsx(
+        RadioButtonCard.Root,
+        {
+          color: radioColor,
+          onValueChange: onChange,
+          style: {
+            width: "100%",
+            height: "100%",
+            overflowY: "auto",
+            position: "absolute"
+          },
+          value: answer,
+          children: /* @__PURE__ */ jsx(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;
+            const style = (() => {
+              if (isThisOptionCorrect) return correctAnswerStyle;
+              return {};
+            })();
+            return /* @__PURE__ */ jsx(
+              RadioButtonCard.Item,
+              {
+                style,
+                value: i.toString(),
+                children: /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(Typo, { as: "p", children: option.label }),
+                  isThisOptionCorrect ? /* @__PURE__ */ jsx(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
+                  isThisOptionWrong ? /* @__PURE__ */ jsx(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
+                ] })
+              },
+              `${option.label}-${i}`
+            );
+          }) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ jsx(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
+    ] })
+  ] });
+}
+var review_question_radio_default = ReviewQuestionRadio;
+
+export {
+  review_question_radio_default
+};
+//# sourceMappingURL=chunk-EVB2LWM6.js.map

package/dist/chunk-EVB2LWM6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Box, Button, Card, Flex, Grid, Typo } from '@/atoms';\nimport { type CurriculumReviewQuestionRadio } from '@/types/curriculumContents.type'; \nimport { RadioButtonCard } from \"../../../../radio-button-card\";\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionRadioProps {\n  question: CurriculumReviewQuestionRadio;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nconst correctAnswerStyle: React.CSSProperties = {\n  backgroundColor: 'var(--green-a2)',\n};\n\nfunction ReviewQuestionRadio(props: ReviewQuestionRadioProps): React.ReactNode {\n  const { question, answer, onChange } = props;\n  const [isCheckAnswer, setIsCheckAnswer] = useState(false);\n\n  const checkAnswer = useCallback(() => {\n    setIsCheckAnswer(true);\n  }, []);\n\n  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;\n  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;\n  const radioColor = useMemo(() => {\n    if (isCorrect) return 'green';\n    if (isWrong) return 'red';\n    return undefined;\n  }, [isCorrect, isWrong]);\n\n  return (\n    <Grid height=\"100%\" rows=\"auto 1fr\" width=\"100%\">\n      <Card mb=\"4\" size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={question.question}\n          title={question.title}\n          type={question.type}\n        />\n      </Card>\n\n      <Grid height=\"100%\" rows=\"1fr auto\" width=\"100%\">\n        <Box position=\"relative\">\n          <RadioButtonCard.Root\n            color={radioColor}\n            onValueChange={onChange}\n            style={{\n              width: '100%',\n              height: '100%',\n              overflowY: 'auto',\n              position: 'absolute',\n            }}\n            value={answer}\n          >\n            <Flex direction=\"column\" gap=\"2\" width=\"100%\">\n              {question.options.map((option, i) => {\n                const isThisOptionCorrect =\n                  isCheckAnswer && i === question.correctAnswer;\n                const isThisOptionSelected =\n                  isCheckAnswer && i === Number(answer);\n                const isThisOptionWrong =\n                  isCheckAnswer &&\n                  isThisOptionSelected &&\n                  i !== question.correctAnswer;\n                const style = (() => {\n                  if (isThisOptionCorrect) return correctAnswerStyle;\n                  return {};\n                })();\n\n                return (\n                  <RadioButtonCard.Item\n                    // eslint-disable-next-line react/no-array-index-key -- 조합 키로 중복 회피\n                    key={`${option.label}-${i}`}\n                    style={style}\n                    value={i.toString()}\n                  >\n                    <Box>\n                      <Typo as=\"p\">{option.label}</Typo>\n                      {isThisOptionCorrect ? (\n                        <Typo color=\"green\">정답입니다</Typo>\n                      ) : null}\n                      {isThisOptionWrong ? (\n                        <Typo color=\"red\">정답이 아닙니다</Typo>\n                      ) : null}\n                    </Box>\n                  </RadioButtonCard.Item>\n                );\n              })}\n            </Flex>\n          </RadioButtonCard.Root>\n        </Box>\n        <Flex justify=\"end\" mt=\"2\">\n          <Button onClick={checkAnswer}>정답 확인</Button>\n        </Flex>\n      </Grid>\n    </Grid>\n  );\n}\n\nexport default ReviewQuestionRadio;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,SAAS,gBAAgB;AAoC9C,cA2CY,YA3CZ;AAvBR,IAAM,qBAA0C;AAAA,EAC9C,iBAAiB;AACnB;AAEA,SAAS,oBAAoB,OAAkD;AAC7E,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AACvC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,cAAc,YAAY,MAAM;AACpC,qBAAiB,IAAI;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC/D,QAAM,UAAU,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC7D,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAW,QAAO;AACtB,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,SACE,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,wBAAC,QAAK,IAAG,KAAI,MAAK,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,QAChB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IAEA,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,0BAAC,OAAI,UAAS,YACZ;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,UAAU;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,UAEP,8BAAC,QAAK,WAAU,UAAS,KAAI,KAAI,OAAM,QACpC,mBAAS,QAAQ,IAAI,CAAC,QAAQ,MAAM;AACnC,kBAAM,sBACJ,iBAAiB,MAAM,SAAS;AAClC,kBAAM,uBACJ,iBAAiB,MAAM,OAAO,MAAM;AACtC,kBAAM,oBACJ,iBACA,wBACA,MAAM,SAAS;AACjB,kBAAM,SAAS,MAAM;AACnB,kBAAI,oBAAqB,QAAO;AAChC,qBAAO,CAAC;AAAA,YACV,GAAG;AAEH,mBACE;AAAA,cAAC,gBAAgB;AAAA,cAAhB;AAAA,gBAGC;AAAA,gBACA,OAAO,EAAE,SAAS;AAAA,gBAElB,+BAAC,OACC;AAAA,sCAAC,QAAK,IAAG,KAAK,iBAAO,OAAM;AAAA,kBAC1B,sBACC,oBAAC,QAAK,OAAM,SAAQ,4CAAK,IACvB;AAAA,kBACH,oBACC,oBAAC,QAAK,OAAM,OAAM,yDAAQ,IACxB;AAAA,mBACN;AAAA;AAAA,cAZK,GAAG,OAAO,KAAK,IAAI,CAAC;AAAA,YAa3B;AAAA,UAEJ,CAAC,GACH;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,QAAK,SAAQ,OAAM,IAAG,KACrB,8BAAC,UAAO,SAAS,aAAa,uCAAK,GACrC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-FBE4EK2K.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-WH5JAFOQ.js";
+import {
+  curriculum_review_default
+} from "./chunk-V6GEGJYT.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-VUWDCZOW.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-53ZVUOHV.js";
+
+// src/molecules/curriculumV2/CurriculumContents/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumBody() {
+  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
+  switch (selectedItem.type) {
+    case "video":
+      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
+    case "review":
+      return /* @__PURE__ */ jsx(
+        curriculum_review_default,
+        {
+          item: selectedItem,
+          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
+        }
+      );
+    case "aiTraining":
+      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
+    default:
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "2",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
+            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
+            ${JSON.stringify(selectedItem)}` })
+          ]
+        }
+      );
+  }
+}
+
+export {
+  CurriculumBody
+};
+//# sourceMappingURL=chunk-FBE4EK2K.js.map

package/dist/chunk-FBE4EK2K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '@/atoms';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n      case 'aiTraining':\n        return <CurriculumAiTraning item={selectedItem}/>\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaa,cAYL,YAZK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEF,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAa;AAAA,IACnD;AACE,aACE;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,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-FETNOOEF.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-7NXNYFKL.js";
+import {
+  curriculum_review_default
+} from "./chunk-V6GEGJYT.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-VUWDCZOW.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-53ZVUOHV.js";
+
+// src/molecules/curriculumV2/CurriculumContents/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumBody() {
+  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
+  switch (selectedItem.type) {
+    case "video":
+      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
+    case "review":
+      return /* @__PURE__ */ jsx(
+        curriculum_review_default,
+        {
+          item: selectedItem,
+          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
+        }
+      );
+    case "aiTraining":
+      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
+    default:
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "2",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
+            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
+            ${JSON.stringify(selectedItem)}` })
+          ]
+        }
+      );
+  }
+}
+
+export {
+  CurriculumBody
+};
+//# sourceMappingURL=chunk-FETNOOEF.js.map

package/dist/chunk-FETNOOEF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '@/atoms';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n      case 'aiTraining':\n        return <CurriculumAiTraning item={selectedItem}/>\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaa,cAYL,YAZK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEF,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAa;AAAA,IACnD;AACE,aACE;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,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-FHJJRFQ4.js

@@ -0,0 +1,150 @@
+import {
+  useCurriculumReviewContext
+} from "./chunk-EBGKFGME.js";
+import {
+  getCurriculumIcon,
+  getCurriculumQuestionIconColor,
+  getCurriculumQuestionTypeDescription
+} from "./chunk-QEBFG3AJ.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  Badge
+} from "./chunk-FCIHNIOH.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var renderPreviewContent = (args) => {
+  const { question } = args;
+  const Icon = getCurriculumIcon({
+    type: question.type,
+    icon: question.icon
+  });
+  const getDescription = () => {
+    return [
+      getCurriculumQuestionTypeDescription(question.type),
+      question.duration ? `${question.duration}\uBD84` : ""
+    ].filter(Boolean).join(" | ");
+  };
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      columns: "16px 1fr",
+      gap: "2",
+      px: "4",
+      py: "2",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Box, { mt: "1", children: /* @__PURE__ */ jsx(Icon, { color: getCurriculumQuestionIconColor(question.type) }) }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", weight: "bold", children: question.title }),
+          /* @__PURE__ */ jsx(Typo, { color: "gray", children: getDescription() })
+        ] })
+      ]
+    },
+    question.uuid
+  );
+};
+var getReviewContentValue = (question, answer) => {
+  var _a, _b, _c;
+  if (question.type === "question_satisfaction_option") {
+    return (_c = (_b = (_a = question.options) == null ? void 0 : _a.find((option) => option.value === Number(answer))) == null ? void 0 : _b.label) != null ? _c : "";
+  }
+  return answer;
+};
+var renderReviewContent = (args) => {
+  const { question, answer } = args;
+  const Icon = getCurriculumIcon({
+    type: question.type,
+    icon: question.icon
+  });
+  const color = getCurriculumQuestionIconColor(question.type);
+  const badgeColor = ["question_radio", "question_satisfaction_option"].includes(question.type) ? "accent" : "neutral";
+  const value = getReviewContentValue(question, answer);
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      columns: "16px 1fr",
+      gap: "2",
+      px: "4",
+      py: "2",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Icon, { color }) }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
+          /* @__PURE__ */ jsx(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces" }, children: value || "(\uBBF8 \uC751\uB2F5)" })
+        ] })
+      ]
+    },
+    question.uuid
+  );
+};
+function StartReview({ onStart }) {
+  const { curriculum, reviewContents, sectionTitle, done, formik } = useCurriculumReviewContext();
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      width: "100%",
+      children: /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          height: "100%",
+          justify: "center",
+          maxWidth: "650px",
+          pb: "6",
+          pt: "4",
+          px: "4",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(Typo, { color: "gray", children: curriculum.title }),
+            /* @__PURE__ */ jsx(Heading, { variant: "heading3", children: reviewContents.title }),
+            /* @__PURE__ */ jsx(Separator, { my: "4", style: { width: 100 } }),
+            /* @__PURE__ */ jsxs(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
+              /* @__PURE__ */ jsx(Typo, { as: "span", weight: "bold", children: sectionTitle }),
+              /* @__PURE__ */ jsx(Typo, { children: reviewContents.description })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { mb: "5", overflowY: "auto", width: "100%", children: reviewContents.questions.map((question) => {
+              if (done) {
+                return renderReviewContent({ question, answer: formik.values.answers[question.uuid] });
+              }
+              return renderPreviewContent({ question });
+            }) }),
+            /* @__PURE__ */ jsx(Button, { color: "yellow", onClick: onStart, variant: done ? "outline" : "solid", children: done ? "\uB098\uC758 \uC751\uB2F5 \uC218\uC815\uD558\uAE30" : reviewContents.buttonTitle })
+          ]
+        }
+      )
+    }
+  );
+}
+var start_review_default = StartReview;
+
+export {
+  start_review_default
+};
+//# sourceMappingURL=chunk-FHJJRFQ4.js.map

package/dist/chunk-FHJJRFQ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx"],"sourcesContent":["import React from 'react';\nimport type { BadgeProps} from '@/atoms';\nimport { Badge, Box, Button, Flex, Grid, Heading, Separator, Typo } from '@/atoms'; \nimport {\n  getCurriculumIcon,\n  getCurriculumQuestionIconColor,\n  getCurriculumQuestionTypeDescription,\n} from '@/utils/curriculum.utils';\nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport { useCurriculumReviewContext } from './curriculum-review-context';\n\ninterface StartReviewProps {\n  onStart: () => void;\n}\n\n\nconst renderPreviewContent = (args: {\n  question: ReviewQuestionElement;\n}):React.ReactElement => {\n  const { question } = args;\n  const Icon = getCurriculumIcon({\n    type: question.type,\n    icon: question.icon,\n  });\n  const getDescription = (): string => {\n    return [\n      getCurriculumQuestionTypeDescription(question.type),\n      question.duration ? `${question.duration}분` : '',\n    ]\n      .filter(Boolean)\n      .join(' | ');\n  };\n\n  return (\n    <Grid\n      columns=\"16px 1fr\"\n      gap=\"2\"\n      key={question.uuid}\n      px=\"4\"\n      py=\"2\"\n      width=\"100%\"\n    >\n      <Box mt=\"1\">\n        <Icon color={getCurriculumQuestionIconColor(question.type)} />\n      </Box>\n      <Box>\n        <Typo as=\"p\" color=\"gray\" weight=\"bold\">\n          {question.title}\n        </Typo>\n        <Typo color=\"gray\">{getDescription()}</Typo>\n      </Box>\n    </Grid>\n  );\n};\n\n\nconst getReviewContentValue = (question: ReviewQuestionElement, answer: string): string => {\n  if(question.type === 'question_satisfaction_option'){ \n    return question.options?.find((option)=>option.value === Number(answer))?.label ?? '';\n  }\n  return answer\n}\n\n\nconst renderReviewContent = (args: {\n  question: ReviewQuestionElement;\n  answer: string;\n}):React.ReactElement => {\n  const { question, answer } = args;\n  const Icon = getCurriculumIcon({\n    type: question.type,\n    icon: question.icon,\n  }); \n\n  const color = getCurriculumQuestionIconColor(question.type);\n  const badgeColor: BadgeProps['color'] = ['question_radio','question_satisfaction_option'].includes(question.type) ? 'accent' : 'neutral';\n  const value = getReviewContentValue(question, answer);\n\n  return (\n    <Grid\n    columns=\"16px 1fr\"\n    gap=\"2\"\n    key={question.uuid}\n    px=\"4\"\n    py=\"2\"\n    width=\"100%\"\n  >\n    <Box>\n      <Icon color={color} />\n    </Box>\n\n    <Box>\n      <Typo as=\"p\" color=\"gray\" mb=\"2\" weight=\"bold\">{question.title}</Typo>\n      <Badge color={badgeColor} size=\"large\" style={{whiteSpace: 'break-spaces'}}>\n        {value || '(미 응답)'}\n      </Badge>\n    </Box>\n   \n  </Grid>\n  );\n};\n\nfunction StartReview({ onStart }: StartReviewProps): React.ReactNode {\n  const { curriculum, reviewContents, sectionTitle, done,formik } =\n    useCurriculumReviewContext();\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      width=\"100%\"\n    >\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        maxWidth=\"650px\"\n        pb=\"6\"\n        pt=\"4\"\n        px=\"4\"\n        width=\"100%\"\n      >\n        <Typo color=\"gray\">{curriculum.title}</Typo>\n        <Heading variant=\"heading3\">{reviewContents.title}</Heading>\n        <Separator my=\"4\" style={{ width: 100 }} />\n\n        <Typo align=\"left\" as=\"p\" color=\"gray\" mb=\"4\">\n          <Typo as=\"span\" weight=\"bold\">\n            {sectionTitle}\n          </Typo>\n          <Typo>{reviewContents.description}</Typo>\n        </Typo>\n\n        <Box mb=\"5\" overflowY=\"auto\" width=\"100%\">\n          {reviewContents.questions.map((question)=>{\n            if(done){\n              return renderReviewContent({ question, answer: formik.values.answers[question.uuid]});\n            }\n            return renderPreviewContent({ question });\n          })}\n        </Box>\n        <Button color=\"yellow\" onClick={onStart} variant={done ?  'outline' : 'solid'}>\n          {done ? '나의 응답 수정하기' : reviewContents.buttonTitle}\n        </Button>\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default StartReview;\n"],"mappings":"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","names":[]}