@tipp/ui 2.1.17 → 2.1.19

package/dist/chunk-AWBTE64J.js

@@ -0,0 +1,151 @@
+import {
+  useCurriculumReviewContext
+} from "./chunk-5BSTLWTR.js";
+import {
+  getCurriculumIcon,
+  getCurriculumQuestionIconColor,
+  getCurriculumQuestionTypeDescription
+} from "./chunk-PAFFDZBG.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", lineBreak: "anywhere" }, 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-AWBTE64J.js.map

package/dist/chunk-AWBTE64J.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', lineBreak: 'anywhere'}}>\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          {' '}\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":[]}

package/dist/chunk-B2W5SWKN.js

@@ -0,0 +1,63 @@
+import {
+  review_question_body_default
+} from "./chunk-S56BZMSU.js";
+import {
+  review_question_footer_default
+} from "./chunk-SFRE4VOT.js";
+import {
+  review_question_header_default
+} from "./chunk-CHGLVZEQ.js";
+import {
+  review_question_layout_default
+} from "./chunk-YVMPMKUV.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
+import { jsx } from "react/jsx-runtime";
+function ReviewQuestion({
+  question,
+  index,
+  total,
+  answer,
+  error,
+  onChange,
+  onNext,
+  onPrev,
+  isLast,
+  isNextDisabled,
+  onSubmit,
+  isLoading
+}) {
+  return /* @__PURE__ */ jsx(
+    review_question_layout_default,
+    {
+      Body: /* @__PURE__ */ jsx(
+        review_question_body_default,
+        {
+          answer,
+          error,
+          onChange,
+          question
+        }
+      ),
+      Footer: /* @__PURE__ */ jsx(
+        review_question_footer_default,
+        {
+          index,
+          isLast,
+          isLoading,
+          isNextButtonDisabled: isNextDisabled,
+          onNext,
+          onPrev,
+          onSubmit
+        }
+      ),
+      Header: /* @__PURE__ */ jsx(review_question_header_default, { index, total })
+    }
+  );
+}
+var ReviewQuestion_default = ReviewQuestion;
+
+export {
+  ReviewQuestion_default
+};
+//# sourceMappingURL=chunk-B2W5SWKN.js.map

package/dist/chunk-B2W5SWKN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionLayout from './review-question-layout';\nimport ReviewQuestionHeader from './review-question-header';\nimport ReviewQuestionFooter from './review-question-footer';\nimport ReviewQuestionBody from './review-question-body';\n\ninterface ReviewQuestionProps {\n  question: ReviewQuestionElement;\n  index: number;\n  total: number;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n  onNext: () => void;\n  onPrev: () => void;\n  isLast: boolean;\n  isNextDisabled?: boolean;\n  onSubmit: () => void;\n  isLoading?: boolean;\n}\n\nfunction ReviewQuestion({\n  question,\n  index,\n  total,\n  answer,\n  error,\n  onChange,\n  onNext,\n  onPrev,\n  isLast,\n  isNextDisabled,\n  onSubmit,\n  isLoading,\n}: ReviewQuestionProps): React.ReactElement {\n  \n  return (\n    <ReviewQuestionLayout\n      Body={\n        <ReviewQuestionBody\n          answer={answer}\n          error={error}\n          onChange={onChange}\n          question={question}\n        />\n      }\n      Footer={\n        <ReviewQuestionFooter\n          index={index}\n          isLast={isLast}\n          isLoading={isLoading}\n          isNextButtonDisabled={isNextDisabled}\n          onNext={onNext}\n          onPrev={onPrev}\n          onSubmit={onSubmit}\n        />\n      }\n      Header={<ReviewQuestionHeader index={index} total={total} />}\n    />\n  );\n}\n\nexport default ReviewQuestion;\n"],"mappings":";;;;;;;;;;;;;;AAwCQ;AAlBR,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,sBAAsB;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QAAQ,oBAAC,kCAAqB,OAAc,OAAc;AAAA;AAAA,EAC5D;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}

package/dist/chunk-B3ZQZRF5.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-W7EDWW3Q.js";
+import {
+  curriculum_review_default
+} from "./chunk-L5IXFK4T.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.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-B3ZQZRF5.js.map

package/dist/chunk-B3ZQZRF5.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-B67Y4JOC.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-N2Q6ESHU.js";
+import {
+  curriculum_review_default
+} from "./chunk-XJTWGXJC.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-CEK4NKTO.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-B67Y4JOC.js.map

package/dist/chunk-B67Y4JOC.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-B7L4J6V3.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-JVOUAWAU.js";
+import {
+  curriculum_review_default
+} from "./chunk-NI52XKDL.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-FWKLC4ZV.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-B7L4J6V3.js.map

package/dist/chunk-B7L4J6V3.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-BBS4VJ7Z.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-N2Q6ESHU.js";
+import {
+  curriculum_review_default
+} from "./chunk-5EU2Q4MM.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-CEK4NKTO.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-BBS4VJ7Z.js.map

package/dist/chunk-BBS4VJ7Z.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-BIPKDK2Z.js

@@ -0,0 +1,145 @@
+// src/molecules/curriculumV2/curriculum-context.tsx
+import {
+  createContext,
+  useContext,
+  useState,
+  useMemo,
+  useCallback,
+  useRef,
+  useEffect
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var CurriculumContext = createContext(
+  void 0
+);
+function CurriculumProvider(props) {
+  const {
+    children,
+    curriculum,
+    onReviewSubmit,
+    onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap,
+    onChangeSelectedContent,
+    onActionButtonClick,
+    initialSelectedIndex
+  } = props;
+  const sidebarRef = useRef(null);
+  const scrollNavItem = useCallback((index) => {
+    var _a;
+    const element = (_a = sidebarRef.current) == null ? void 0 : _a.querySelector(
+      `[data-curriculum-item-index="${index}"]`
+    );
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }, []);
+  const list = curriculum.contents.list;
+  const selectableIndexes = useMemo(
+    () => list.map((item, i) => item.type !== "sectionTitle" ? i : null).filter((i) => i !== null),
+    [list]
+  );
+  const [selectedIndexState, setSelectedIndexState] = useState(
+    initialSelectedIndex != null ? initialSelectedIndex : selectableIndexes[0]
+  );
+  const setSelectedIndex = useCallback(
+    (idx) => {
+      if (selectableIndexes.includes(idx)) {
+        setSelectedIndexState(idx);
+      } else {
+        const next = selectableIndexes.find((i) => i > idx);
+        const prev = [...selectableIndexes].reverse().find((i) => i < idx);
+        if (next !== void 0) setSelectedIndexState(next);
+        else if (prev !== void 0) setSelectedIndexState(prev);
+      }
+    },
+    [selectableIndexes]
+  );
+  const selectablePos = useMemo(
+    () => selectableIndexes.indexOf(selectedIndexState),
+    [selectableIndexes, selectedIndexState]
+  );
+  const hasPrev = selectablePos > 0;
+  const hasNext = selectablePos < selectableIndexes.length - 1;
+  const selectPrev = useCallback(
+    (cb) => {
+      setSelectedIndexState((cur) => {
+        let prevIndex = cur;
+        const pos = selectableIndexes.indexOf(cur);
+        if (pos > 0) {
+          prevIndex = selectableIndexes[pos - 1];
+        }
+        if (cb) cb(prevIndex);
+        return prevIndex;
+      });
+    },
+    [selectableIndexes]
+  );
+  const selectNext = useCallback(
+    (cb) => {
+      setSelectedIndexState((cur) => {
+        let nextIndex = cur;
+        const pos = selectableIndexes.indexOf(cur);
+        if (pos < selectableIndexes.length - 1) {
+          nextIndex = selectableIndexes[pos + 1];
+        }
+        if (cb) cb(nextIndex);
+        return nextIndex;
+      });
+    },
+    [selectableIndexes]
+  );
+  const selectedId = useMemo(
+    () => {
+      var _a, _b;
+      return (_b = (_a = list[selectedIndexState]) == null ? void 0 : _a.uuid) != null ? _b : "";
+    },
+    [list, selectedIndexState]
+  );
+  const selectedItem = useMemo(() => {
+    return list[selectedIndexState];
+  }, [list, selectedIndexState]);
+  const selectedSectionTitle = useMemo(() => {
+    var _a;
+    const prevItems = list.slice(0, selectedIndexState).reverse();
+    return (_a = prevItems.find((item) => item.type === "sectionTitle")) != null ? _a : null;
+  }, [list, selectedIndexState]);
+  useEffect(() => {
+    onChangeSelectedContent == null ? void 0 : onChangeSelectedContent(selectedItem);
+  }, [selectedItem]);
+  return /* @__PURE__ */ jsx(CurriculumContext.Provider, { value: {
+    curriculum,
+    scrollNavItem,
+    selectedIndex: selectedIndexState,
+    setSelectedIndex,
+    selectedId,
+    hasPrev,
+    hasNext,
+    selectPrev,
+    selectNext,
+    selectedSectionTitle,
+    selectedItem,
+    scrollAreaRef: sidebarRef,
+    onReviewSubmit,
+    onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap,
+    onActionButtonClick
+  }, children });
+}
+function useCurriculumContext() {
+  const ctx = useContext(CurriculumContext);
+  if (!ctx)
+    throw new Error(
+      "useCurriculumContext must be used within CurriculumProvider"
+    );
+  return ctx;
+}
+
+export {
+  CurriculumProvider,
+  useCurriculumContext
+};
+//# sourceMappingURL=chunk-BIPKDK2Z.js.map