@tipp/ui 2.1.17 → 2.1.19

package/dist/chunk-JR22M2JY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport type { Curriculum } from '@/types';\nimport {\n  CurriculumReviewProvider,\n  useCurriculumReviewContext,\n} from './curriculum-review-context';\nimport StartReview from './start-review';\nimport CompleteReview from './complete-review';\nimport ReviewQuestion from './ReviewQuestion';\nimport { Button, Dialog, Flex, Typo } from '@/atoms';\n\n// 내부 분리: 실제 스텝 진행 및 context 활용\nfunction CurriculumReviewStepsInner(): React.ReactNode {\n  const {\n    formik,\n    step,\n    handleStart,\n    handleNext,\n    handlePrev,\n    onClickReviewMyAnswer,\n    handleSubmit,\n    currentQuestion,\n    currentAnswer,\n    currentError,\n    reviewContents,\n    handleAnswerChange,\n  } = useCurriculumReviewContext();\n  const { questions } = reviewContents;\n\n  if (step === 0) {\n    return <StartReview onStart={handleStart} />;\n  }\n  if (step > 0 && step <= questions.length && currentQuestion) {\n    return (\n      <ReviewQuestion\n        answer={currentAnswer}\n        error={currentError}\n        index={step - 1}\n        isLast={step === questions.length}\n        isLoading={formik.isSubmitting}\n        isNextDisabled={currentError !== undefined}\n        onChange={handleAnswerChange}\n        onNext={handleNext}\n        onPrev={handlePrev}\n        onSubmit={handleSubmit}\n        question={currentQuestion}\n        total={questions.length}\n      />\n    );\n  }\n  return <CompleteReview onClickReviewMyAnswer={onClickReviewMyAnswer} />;\n}\n\ninterface CurriculumReviewStepsProps {\n  contents: CurriculumReviewContents;\n  title: string | undefined;\n  onClickEndReview: () => void;\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;\n  defaultValues?: Record<string, string>;\n  curriculum: Curriculum;\n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n  done: boolean;\n}\n\nfunction CurriculumReviewSteps({\n  contents,\n  title,\n  onClickEndReview,\n  onSubmit,\n  defaultValues,\n  curriculum,\n  onReviewValueChange,\n  mode,\n  done,\n}: CurriculumReviewStepsProps): React.ReactNode {\n  const [open, setOpen] = useState(false);\n\n  const handleOpenChange = useCallback((value: boolean) => {\n    setOpen(value);\n  }, []);\n\n  return (\n    <CurriculumReviewProvider\n      curriculum={curriculum}\n      defaultValues={defaultValues}\n      done={done}\n      mode={mode}\n      onClickEndReview={onClickEndReview}\n      onReviewValueChange={onReviewValueChange}\n      onSubmit={onSubmit}\n      reviewContents={contents}\n      sectionTitle={title}\n    >\n      <CurriculumReviewStepsInner />\n      <Dialog.Root onOpenChange={handleOpenChange} open={open}>\n        <Dialog.Content\n          buttons={\n            <Flex gap=\"3\" justify=\"end\">\n              <Dialog.Close asChild>\n                <Button color=\"gray\" variant=\"outline\">\n                  돌아가기\n                </Button>\n              </Dialog.Close>\n              <Button color=\"red\" onClick={() => setOpen(false)}>\n                나가기\n              </Button>\n            </Flex>\n          }\n          title=\"작성을 중단하시겠습니까?\"\n        >\n          <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n        </Dialog.Content>\n      </Dialog.Root>\n    </CurriculumReviewProvider>\n  );\n}\n\nexport default CurriculumReviewSteps;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,gBAAgB;AA+BlC,cA0EC,YA1ED;AAlBX,SAAS,6BAA8C;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B;AAC/B,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,SAAS,GAAG;AACd,WAAO,oBAAC,wBAAY,SAAS,aAAa;AAAA,EAC5C;AACA,MAAI,OAAO,KAAK,QAAQ,UAAU,UAAU,iBAAiB;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,QACd,QAAQ,SAAS,UAAU;AAAA,QAC3B,WAAW,OAAO;AAAA,QAClB,gBAAgB,iBAAiB;AAAA,QACjC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,UAAU;AAAA;AAAA,IACnB;AAAA,EAEJ;AACA,SAAO,oBAAC,2BAAe,uBAA8C;AACvE;AAoBA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,mBAAmB,YAAY,CAAC,UAAmB;AACvD,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,MAEd;AAAA,4BAAC,8BAA2B;AAAA,QAC5B,oBAAC,OAAO,MAAP,EAAY,cAAc,kBAAkB,MAC3C;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,SACE,qBAAC,QAAK,KAAI,KAAI,SAAQ,OACpB;AAAA,kCAAC,OAAO,OAAP,EAAa,SAAO,MACnB,8BAAC,UAAO,OAAM,QAAO,SAAQ,WAAU,sCAEvC,GACF;AAAA,cACA,oBAAC,UAAO,OAAM,OAAM,SAAS,MAAM,QAAQ,KAAK,GAAG,gCAEnD;AAAA,eACF;AAAA,YAEF,OAAM;AAAA,YAEN,8BAAC,QAAK,8JAA6B;AAAA;AAAA,QACrC,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-JS2D3PAA.js

@@ -0,0 +1,100 @@
+import {
+  start_review_default
+} from "./chunk-OA5NWUNO.js";
+import {
+  ReviewQuestion_default
+} from "./chunk-MA54NI72.js";
+import {
+  complete_review_default
+} from "./chunk-EIQ7AJJF.js";
+import {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+} from "./chunk-EBGKFGME.js";
+import {
+  Dialog
+} from "./chunk-45VFASWZ.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumReviewStepsInner() {
+  const {
+    formik,
+    step,
+    handleStart,
+    handleNext,
+    handlePrev,
+    onClickReviewMyAnswer,
+    handleSubmit,
+    currentQuestion,
+    currentAnswer,
+    currentError,
+    reviewContents,
+    handleAnswerChange
+  } = useCurriculumReviewContext();
+  const { questions } = reviewContents;
+  if (step === 0) {
+    return /* @__PURE__ */ jsx(start_review_default, { onStart: handleStart });
+  }
+  if (step > 0 && step <= questions.length && currentQuestion) {
+    return /* @__PURE__ */ jsx(
+      ReviewQuestion_default,
+      {
+        answer: currentAnswer,
+        error: currentError,
+        index: step - 1,
+        isLast: step === questions.length,
+        isLoading: formik.isSubmitting,
+        isNextDisabled: currentError !== void 0,
+        onChange: handleAnswerChange,
+        onNext: handleNext,
+        onPrev: handlePrev,
+        onSubmit: handleSubmit,
+        question: currentQuestion,
+        total: questions.length
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(complete_review_default, { onClickReviewMyAnswer });
+}
+function CurriculumReviewSteps({
+  contents,
+  title,
+  onClickEndReview,
+  onSubmit,
+  defaultValues,
+  curriculum,
+  onReviewValueChange,
+  mode,
+  done
+}) {
+  const [open, setOpen] = useState(false);
+  const handleOpenChange = useCallback((open2) => {
+    setOpen(open2);
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    CurriculumReviewProvider,
+    {
+      curriculum,
+      defaultValues,
+      done,
+      mode,
+      onClickEndReview,
+      onReviewValueChange,
+      onSubmit,
+      reviewContents: contents,
+      sectionTitle: title,
+      children: [
+        /* @__PURE__ */ jsx(CurriculumReviewStepsInner, {}),
+        /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: handleOpenChange, open, children: /* @__PURE__ */ jsx(Dialog.Content, { title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }) })
+      ]
+    }
+  );
+}
+var CurriculumReviewSteps_default = CurriculumReviewSteps;
+
+export {
+  CurriculumReviewSteps_default
+};
+//# sourceMappingURL=chunk-JS2D3PAA.js.map

package/dist/chunk-JS2D3PAA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport type { Curriculum } from '@/types';\nimport {\n  CurriculumReviewProvider,\n  useCurriculumReviewContext,\n} from './curriculum-review-context';\nimport StartReview from './start-review'; \nimport CompleteReview from './complete-review';\nimport ReviewQuestion from './ReviewQuestion';\nimport { Dialog } from '@/atoms';\n\n// 내부 분리: 실제 스텝 진행 및 context 활용\nfunction CurriculumReviewStepsInner(): React.ReactNode {\n  const {\n    formik,\n    step,\n    handleStart,\n    handleNext,\n    handlePrev,\n    onClickReviewMyAnswer,\n    handleSubmit,\n    currentQuestion,\n    currentAnswer,\n    currentError,\n    reviewContents, \n    handleAnswerChange\n  } = useCurriculumReviewContext();\n  const { questions } = reviewContents;\n \n  if (step === 0) {\n    return <StartReview onStart={handleStart} />;\n  }\n  if (step > 0 && step <= questions.length && currentQuestion) {\n    return (\n      <ReviewQuestion\n        answer={currentAnswer}\n        error={currentError}\n        index={step - 1}\n        isLast={step === questions.length}\n        isLoading={formik.isSubmitting}\n        isNextDisabled={currentError !== undefined}\n        onChange={handleAnswerChange}\n        onNext={handleNext}\n        onPrev={handlePrev}\n        onSubmit={handleSubmit}\n        question={currentQuestion}\n        total={questions.length}\n      />\n    );\n  }\n  return <CompleteReview onClickReviewMyAnswer={onClickReviewMyAnswer}/>; \n}\n\ninterface CurriculumReviewStepsProps {\n  contents: CurriculumReviewContents;\n  title: string | undefined;\n  onClickEndReview: () => void;\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;\n  defaultValues?: Record<string, string>;\n  curriculum: Curriculum;\n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n  done: boolean;\n}\n\nfunction CurriculumReviewSteps({\n  contents,\n  title,\n  onClickEndReview,\n  onSubmit,\n  defaultValues,\n  curriculum,\n  onReviewValueChange,\n  mode,\n  done,\n}: CurriculumReviewStepsProps): React.ReactNode {\n\n  const [open, setOpen] = useState(false);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    setOpen(open);\n  }, []);\n\n  return (\n    <CurriculumReviewProvider\n      curriculum={curriculum}\n      defaultValues={defaultValues}\n      done={done}\n      mode={mode}\n      onClickEndReview={onClickEndReview} \n      onReviewValueChange={onReviewValueChange}\n      onSubmit={onSubmit}\n      reviewContents={contents}\n      sectionTitle={title}\n    >\n      <CurriculumReviewStepsInner />\n      <Dialog.Root onOpenChange={handleOpenChange} open={open}>\n        <Dialog.Content title={'작성을 중단하시겠습니까?'} />\n      </Dialog.Root>\n    </CurriculumReviewProvider>\n  );\n}\n\nexport default CurriculumReviewSteps;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,gBAAgB;AA+BlC,cA4DP,YA5DO;AAlBX,SAAS,6BAA8C;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B;AAC/B,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,SAAS,GAAG;AACd,WAAO,oBAAC,wBAAY,SAAS,aAAa;AAAA,EAC5C;AACA,MAAI,OAAO,KAAK,QAAQ,UAAU,UAAU,iBAAiB;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,QACd,QAAQ,SAAS,UAAU;AAAA,QAC3B,WAAW,OAAO;AAAA,QAClB,gBAAgB,iBAAiB;AAAA,QACjC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,UAAU;AAAA;AAAA,IACnB;AAAA,EAEJ;AACA,SAAO,oBAAC,2BAAe,uBAA6C;AACtE;AAoBA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAE9C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,mBAAmB,YAAY,CAACA,UAAkB;AACtD,YAAQA,KAAI;AAAA,EACd,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,MAEd;AAAA,4BAAC,8BAA2B;AAAA,QAC5B,oBAAC,OAAO,MAAP,EAAY,cAAc,kBAAkB,MAC3C,8BAAC,OAAO,SAAP,EAAe,OAAO,wEAAiB,GAC1C;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gCAAQ;","names":["open"]}

package/dist/chunk-JVOUAWAU.js

@@ -0,0 +1,69 @@
+import {
+  useCurriculumContext
+} from "./chunk-FWKLC4ZV.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  ResetIcon
+} from "./chunk-53ZVUOHV.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumAiTraning({
+  item
+}) {
+  const { title, description, buttonTitle } = item;
+  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      style: {
+        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,
+        backgroundPosition: "center",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat"
+      },
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+        /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            mt: "3",
+            onClick: () => {
+              onActionButtonClick(item);
+            },
+            style: { minWidth: 232, backgroundColor: "var(--color-panel-solid)" },
+            variant: done ? "outline" : "solid",
+            children: [
+              done ? "\uB098\uC758 \uC5F0\uC2B5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle || "\uC2DC\uC791\uD558\uAE30",
+              done ? /* @__PURE__ */ jsx(ResetIcon, {}) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var curriculum_ai_traning_default = CurriculumAiTraning;
+
+export {
+  curriculum_ai_traning_default
+};
+//# sourceMappingURL=chunk-JVOUAWAU.js.map

package/dist/chunk-JVOUAWAU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { CurriculumAiTrainingContents } from '@/types/curriculumContents.type';\nimport { Button, Flex, Typo } from '@/atoms';\nimport { useCurriculumContext } from '../curriculum-context';\nimport { ResetIcon } from '@/icon';\n\ninterface CurriculumAiTraningProps {\n  item: CurriculumAiTrainingContents;\n}\n\nfunction CurriculumAiTraning({\n  item,\n}: CurriculumAiTraningProps): React.ReactNode {\n  const { title, description, buttonTitle } = item;\n  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      style={{\n        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,\n        backgroundPosition: 'center',\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n      }}\n      width=\"100%\"\n    >\n      <Typo color=\"gray\" weight=\"bold\">\n        {title}\n      </Typo>\n      <Typo align=\"center\" as=\"p\" color=\"gray\">\n        {description}\n      </Typo>\n\n      <Button\n        mt=\"3\"\n        onClick={() => { onActionButtonClick(item); }}\n        style={{ minWidth: 232, backgroundColor: 'var(--color-panel-solid)' }}\n        variant={done ? 'outline' : 'solid'}\n      >\n        {done ? '나의 연습 다시보기' : buttonTitle || '시작하기'}\n        {done ? <ResetIcon/> : null}\n      </Button>\n \n    </Flex>\n  );\n}\n\nexport default CurriculumAiTraning;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAkCzB,cAOA,YAPA;AAxBN,SAAS,oBAAoB;AAAA,EAC3B;AACF,GAA8C;AAC5C,QAAM,EAAE,OAAO,aAAa,YAAY,IAAI;AAC5C,QAAM,EAAE,uBAAuB,oBAAoB,IAAI,qBAAqB;AAE5E,QAAM,OAAO,QAAQ,MAAM;AACzB,WAAO,QAAQ,sBAAsB,KAAK,IAAI,CAAC;AAAA,EACjD,GAAG,CAAC,uBAAuB,KAAK,IAAI,CAAC;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,MACpB;AAAA,MACA,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,QACA,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAS,MAAM;AAAE,kCAAoB,IAAI;AAAA,YAAG;AAAA,YAC5C,OAAO,EAAE,UAAU,KAAK,iBAAiB,2BAA2B;AAAA,YACpE,SAAS,OAAO,YAAY;AAAA,YAE3B;AAAA,qBAAO,uDAAe,eAAe;AAAA,cACrC,OAAO,oBAAC,aAAS,IAAK;AAAA;AAAA;AAAA,QACzB;AAAA;AAAA;AAAA,EAEF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-K462NHDP.js

@@ -0,0 +1,89 @@
+import {
+  useCurriculumContext
+} from "./chunk-FWKLC4ZV.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-53ZVUOHV.js";
+
+// src/molecules/curriculumV2/curriculum-sub-nav.tsx
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumSubNav() {
+  const {
+    selectedItem,
+    selectedSectionTitle,
+    hasPrev,
+    hasNext,
+    selectPrev,
+    selectNext,
+    scrollNavItem
+  } = useCurriculumContext();
+  const onClickPrev = useCallback(() => {
+    selectPrev((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectPrev, scrollNavItem]);
+  const onClickNext = useCallback(() => {
+    selectNext((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectNext, scrollNavItem]);
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "center",
+      columns: { initial: "32px 1fr 32px", md: "48px 1fr 48px" },
+      pb: { initial: "2", md: "3" },
+      px: { initial: "1", md: "2" },
+      py: "2",
+      rows: "auto",
+      children: [
+        hasPrev ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "gray",
+            onClick: onClickPrev,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(Box, {}),
+        /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
+          /* @__PURE__ */ jsx(Heading, { style: { textOverflow: "ellipsis" }, variant: "heading4", children: selectedItem.title }),
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", style: { textOverflow: "ellipsis" }, children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
+        ] }),
+        hasNext ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "gray",
+            onClick: onClickNext,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(Box, {})
+      ]
+    }
+  );
+}
+
+export {
+  CurriculumSubNav
+};
+//# sourceMappingURL=chunk-K462NHDP.js.map

package/dist/chunk-K462NHDP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/curriculum-sub-nav.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  Box, \n  Grid,\n  Heading,\n  IconButton,\n  Typo,\n} from '@/atoms';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@/icon';\nimport { useCurriculumContext } from './curriculum-context';\n\nexport function CurriculumSubNav(): React.ReactNode {\n  const {\n    selectedItem,\n    selectedSectionTitle,\n    hasPrev,\n    hasNext,\n    selectPrev,\n    selectNext,\n    scrollNavItem,\n  } = useCurriculumContext();\n\n  const onClickPrev = useCallback(() => {\n    selectPrev((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectPrev, scrollNavItem]);\n\n  const onClickNext = useCallback(() => {\n    selectNext((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectNext, scrollNavItem]);\n\n  return (\n    <Grid\n      align=\"center\"\n      columns={{ initial: '32px 1fr 32px', md: '48px 1fr 48px' }}\n      pb={{ initial: '2', md: '3' }}\n      px={{ initial: '1', md: '2' }}\n      py=\"2\"\n      rows=\"auto\"\n    >\n      {hasPrev ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickPrev}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronLeftIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n      <Box width=\"100%\">\n        <Heading style={{ textOverflow: 'ellipsis' }} variant=\"heading4\">\n          {selectedItem.title}\n        </Heading>\n        <Typo as=\"p\" color=\"gray\" style={{ textOverflow: 'ellipsis' }}>\n          {selectedSectionTitle?.title}\n        </Typo>\n      </Box>\n      {hasNext ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickNext}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronRightIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n    </Grid>\n  );\n}\n "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AAkDzB,cAKJ,YALI;AAvCH,SAAS,mBAAoC;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AAEzB,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,EAAE,SAAS,iBAAiB,IAAI,gBAAgB;AAAA,MACzD,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAG;AAAA,MACH,MAAK;AAAA,MAEJ;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,mBAAgB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC9C,IAEA,oBAAC,OAAI;AAAA,QAEP,qBAAC,OAAI,OAAM,QACT;AAAA,8BAAC,WAAQ,OAAO,EAAE,cAAc,WAAW,GAAG,SAAQ,YACnD,uBAAa,OAChB;AAAA,UACA,oBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,OAAO,EAAE,cAAc,WAAW,GACzD,uEAAsB,OACzB;AAAA,WACF;AAAA,QACC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,oBAAiB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC/C,IAEA,oBAAC,OAAI;AAAA;AAAA;AAAA,EAET;AAEJ;","names":[]}

package/dist/chunk-KQKT7STR.js

@@ -0,0 +1,49 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-BQMQFE3E.js";
+import {
+  TextArea
+} from "./chunk-3F45OPXG.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionSatisfisText(props) {
+  var _a, _b;
+  const { question, answer, onChange } = props;
+  return /* @__PURE__ */ jsx(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", children: [
+    /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD574 \uCD94\uAC00\uB85C \uB0A8\uAE38 \uC758\uACAC\uC774 \uC788\uB2E4\uBA74 \uACF5\uC720\uD574\uC8FC\uC138\uC694.",
+        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
+        type: question.type
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextArea,
+      {
+        mt: "2",
+        onChange: (e) => {
+          onChange(e.target.value);
+        },
+        placeholder: question.placeholder,
+        style: {
+          height: "100%"
+        },
+        value: answer
+      }
+    )
+  ] }) });
+}
+
+export {
+  ReviewQuestionSatisfisText
+};
+//# sourceMappingURL=chunk-KQKT7STR.js.map

package/dist/chunk-KQKT7STR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Grid, TextArea } from '@/atoms';\nimport { type CurriculumReviewQuestionSatisfactionText } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionTextProps {\n  question: CurriculumReviewQuestionSatisfactionText;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nexport default function ReviewQuestionSatisfisText(\n  props: ReviewQuestionSatisfactionTextProps\n): React.ReactNode {\n  const { question, answer, onChange } = props;\n\n  return (\n    <Card size=\"2\" style={{ height: '100%', width: '100%' }}>\n      <Grid height=\"100%\" rows=\"auto 1fr\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={\n            question.question ??\n            '이번 학습에 대해 추가로 남길 의견이 있다면 공유해주세요.'\n          }\n          title={question.title ?? '만족도 조사'}\n          type={question.type}\n        />\n        <TextArea\n          mt=\"2\"\n          onChange={(e) => {\n            onChange(e.target.value);\n          }}\n          placeholder={question.placeholder}\n          style={{\n            height: '100%',\n          }}\n          value={answer}\n        />\n      </Grid>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBM,SACE,KADF;AAPS,SAAR,2BACL,OACiB;AAdnB;AAeE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,oBAAC,QAAK,MAAK,KAAI,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO,GACpD,+BAAC,QAAK,QAAO,QAAO,MAAK,YACvB;AAAA;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;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,KAAK;AAAA,QACzB;AAAA,QACA,aAAa,SAAS;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA;AAAA,IACT;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-KSD3QZLL.js

@@ -0,0 +1,79 @@
+import {
+  useCurriculumReviewContext
+} from "./chunk-EBGKFGME.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  HomeIcon,
+  ResetIcon
+} from "./chunk-53ZVUOHV.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var THANKS_IMAGE_S3_URL = "https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg";
+function CompleteReview(props) {
+  const { onClickReviewMyAnswer } = props;
+  const { reviewContents, sectionTitle, curriculum, onClickEndReview: onClickNextContents } = useCurriculumReviewContext();
+  const { reviewMeta } = curriculum.contents;
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "between",
+      maxHeight: "550px",
+      maxWidth: "650px",
+      px: "4",
+      py: "6",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsxs(Flex, { align: "center", direction: "column", children: [
+          /* @__PURE__ */ jsx(Heading, { 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__ */ jsx(
+            "img",
+            {
+              alt: "complete-review",
+              height: 141,
+              src: THANKS_IMAGE_S3_URL,
+              width: 118
+            }
+          ),
+          /* @__PURE__ */ jsx(Typo, { color: "gray", mt: "6", variant: "caption", children: sectionTitle }),
+          /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: reviewContents.title }),
+          /* @__PURE__ */ 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__ */ jsxs(Grid, { columns: { initial: "1fr", md: "2" }, gap: "3", width: "100%", children: [
+          /* @__PURE__ */ jsxs(Button, { onClick: onClickReviewMyAnswer, variant: "outline", children: [
+            (reviewMeta == null ? void 0 : reviewMeta.endReviewBackButtonTitle) || "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC \uBCF4\uAE30",
+            /* @__PURE__ */ jsx(ResetIcon, {})
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { onClick: onClickNextContents, children: [
+            "\uCEE4\uB9AC\uD058\uB7FC\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30",
+            /* @__PURE__ */ jsx(HomeIcon, {})
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var complete_review_default = CompleteReview;
+
+export {
+  complete_review_default
+};
+//# sourceMappingURL=chunk-KSD3QZLL.js.map

package/dist/chunk-KSD3QZLL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Grid, Heading, Typo } from '@/atoms';\nimport { HomeIcon, ResetIcon } from '@/icon';\nimport { useCurriculumReviewContext } from './curriculum-review-context';\n\nconst THANKS_IMAGE_S3_URL = 'https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg';\n\nfunction CompleteReview(props: {\n  onClickReviewMyAnswer: () => void;\n}): React.ReactNode {\n  const { onClickReviewMyAnswer } = props;\n  const { reviewContents, sectionTitle, curriculum, onClickEndReview: onClickNextContents } =\n    useCurriculumReviewContext();\n\n  const { reviewMeta } = curriculum.contents;\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"between\"\n      maxHeight=\"550px\"\n      maxWidth=\"650px\"\n      px=\"4\"\n      py=\"6\"\n      width=\"100%\"\n    >\n      <Flex align=\"center\" direction=\"column\">\n        <Heading mb=\"6\" variant=\"heading5\" weight=\"regular\">\n          {reviewMeta?.endReviewTopTitle || '응답을 성공적으로 제출했습니다'}\n        </Heading>\n        <img\n          alt=\"complete-review\"\n          height={141}\n          src={THANKS_IMAGE_S3_URL}\n          width={118}\n        />\n        <Typo color=\"gray\" mt=\"6\" variant=\"caption\">\n          {sectionTitle}\n        </Typo>\n        <Heading variant=\"heading5\">{reviewContents.title}</Heading>\n        <Typo align=\"center\" color=\"gray\" mt=\"6\">\n          {reviewMeta?.endReviewDescription ||\n            `이번 학습이 리더십에 도움이 되었기를 바랍니다.\\n 앞으로 있을 리더님의 성장을 기대합니다.`}\n        </Typo>\n      </Flex>\n\n      <Grid columns={{ initial: '1fr', md: '2' }} gap=\"3\" width=\"100%\">\n        <Button onClick={onClickReviewMyAnswer} variant=\"outline\">\n          {reviewMeta?.endReviewBackButtonTitle || '나의 응답 다시 보기'}\n          <ResetIcon />\n        </Button>\n        <Button  onClick={onClickNextContents}>\n          커리큘럼으로 돌아가기 \n          <HomeIcon />\n        </Button>\n      </Grid>\n    </Flex>\n  );\n}\n\nexport default CompleteReview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BM,SACE,KADF;AAvBN,IAAM,sBAAsB;AAE5B,SAAS,eAAe,OAEJ;AAClB,QAAM,EAAE,sBAAsB,IAAI;AAClC,QAAM,EAAE,gBAAgB,cAAc,YAAY,kBAAkB,oBAAoB,IACtF,2BAA2B;AAE7B,QAAM,EAAE,WAAW,IAAI,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,UAAS;AAAA,MACT,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAM;AAAA,MAEN;AAAA,6BAAC,QAAK,OAAM,UAAS,WAAU,UAC7B;AAAA,8BAAC,WAAQ,IAAG,KAAI,SAAQ,YAAW,QAAO,WACvC,oDAAY,sBAAqB,0FACpC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAI;AAAA,cACJ,QAAQ;AAAA,cACR,KAAK;AAAA,cACL,OAAO;AAAA;AAAA,UACT;AAAA,UACA,oBAAC,QAAK,OAAM,QAAO,IAAG,KAAI,SAAQ,WAC/B,wBACH;AAAA,UACA,oBAAC,WAAQ,SAAQ,YAAY,yBAAe,OAAM;AAAA,UAClD,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,IAAG,KAClC,oDAAY,yBACX;AAAA,+GACJ;AAAA,WACF;AAAA,QAEA,qBAAC,QAAK,SAAS,EAAE,SAAS,OAAO,IAAI,IAAI,GAAG,KAAI,KAAI,OAAM,QACxD;AAAA,+BAAC,UAAO,SAAS,uBAAuB,SAAQ,WAC7C;AAAA,sDAAY,6BAA4B;AAAA,YACzC,oBAAC,aAAU;AAAA,aACb;AAAA,UACA,qBAAC,UAAQ,SAAS,qBAAqB;AAAA;AAAA,YAErC,oBAAC,YAAS;AAAA,aACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/chunk-KSK33PCP.js

@@ -0,0 +1,87 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-VIBFBACK.js";
+import {
+  TextArea
+} from "./chunk-3F45OPXG.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Callout
+} from "./chunk-B6XJN6EC.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  BellIcon
+} from "./chunk-CEK4NKTO.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
+import { jsx, jsxs } from "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__ */ jsx(
+    Card,
+    {
+      size: "2",
+      style: {
+        width: "100%",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", children: [
+        /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+          /* @__PURE__ */ jsx(
+            ReviewQuestionContentHeader,
+            {
+              icon: question.icon,
+              question: question.question,
+              title: question.title,
+              type: question.type
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextArea,
+            {
+              mt: "2",
+              onChange: (e) => {
+                onChange(e.target.value);
+              },
+              placeholder: question.placeholder,
+              value: answer
+            }
+          )
+        ] }),
+        minLengthNotMet ? /* @__PURE__ */ jsxs(Box, { mt: "2", children: [
+          /* @__PURE__ */ jsx(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
+          question.minLengthInfoMessage ? /* @__PURE__ */ jsxs(
+            Callout.Root,
+            {
+              color: "iris",
+              mt: "2",
+              style: { alignItems: "center" },
+              children: [
+                /* @__PURE__ */ jsx(Callout.Icon, { children: /* @__PURE__ */ jsx(BellIcon, {}) }),
+                /* @__PURE__ */ jsx(Callout.Text, { children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
+              ]
+            }
+          ) : null
+        ] }) : null
+      ] })
+    }
+  );
+}
+var review_question_text_default = ReviewQuestionText;
+
+export {
+  review_question_text_default
+};
+//# sourceMappingURL=chunk-KSK33PCP.js.map

package/dist/chunk-KSK33PCP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Card, Callout, Grid, TextArea, Typo } from '@/atoms';\nimport { BellIcon } from '@/icon';\nimport { type CurriculumReviewQuestionText } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionTextProps {\n  question: CurriculumReviewQuestionText;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionText(props: ReviewQuestionTextProps): React.ReactNode {\n  const { question, answer, onChange } = props;\n\n  const minLengthNotMet =\n    question.minLength && answer.length < question.minLength;\n\n  const remainingLength =\n    question.minLength && answer.length < question.minLength\n      ? question.minLength - answer.length\n      : 0;\n\n  return (\n    <Card\n      size=\"2\"\n      style={{\n        width: '100%',\n        height: '100%',\n      }}\n    >\n      <Grid height=\"100%\" rows=\"1fr auto\">\n        <Grid height=\"100%\" rows=\"auto 1fr\" width=\"100%\">\n          <ReviewQuestionContentHeader\n            icon={question.icon}\n            question={question.question}\n            title={question.title}\n            type={question.type}\n          />\n\n          <TextArea\n            mt=\"2\"\n            onChange={(e) => {\n              onChange(e.target.value);\n            }}\n            placeholder={question.placeholder}\n            value={answer}\n          />\n        </Grid>\n        {minLengthNotMet ? (\n          <Box mt=\"2\">\n            <Typo align=\"right\" as=\"p\" color=\"red\" variant=\"caption\">\n              {`${remainingLength}자 더 작성해주세요.`}\n            </Typo>\n            {question.minLengthInfoMessage ? (\n              <Callout.Root\n                color=\"iris\"\n                mt=\"2\"\n                style={{ alignItems: 'center' }}\n              >\n                <Callout.Icon>\n                  <BellIcon />\n                </Callout.Icon>\n                <Callout.Text>\n                  <Typo as=\"p\" variant=\"caption\">\n                    {question.minLengthInfoMessage}\n                  </Typo>\n                </Callout.Text>\n              </Callout.Root>\n            ) : null}\n          </Box>\n        ) : null}\n      </Grid>\n    </Card>\n  );\n}\n\nexport default ReviewQuestionText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiCQ,SACE,KADF;AApBR,SAAS,mBAAmB,OAAiD;AAC3E,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,QAAM,kBACJ,SAAS,aAAa,OAAO,SAAS,SAAS;AAEjD,QAAM,kBACJ,SAAS,aAAa,OAAO,SAAS,SAAS,YAC3C,SAAS,YAAY,OAAO,SAC5B;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MAEA,+BAAC,QAAK,QAAO,QAAO,MAAK,YACvB;AAAA,6BAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,SAAS;AAAA,cACf,UAAU,SAAS;AAAA,cACnB,OAAO,SAAS;AAAA,cAChB,MAAM,SAAS;AAAA;AAAA,UACjB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,UAAU,CAAC,MAAM;AACf,yBAAS,EAAE,OAAO,KAAK;AAAA,cACzB;AAAA,cACA,aAAa,SAAS;AAAA,cACtB,OAAO;AAAA;AAAA,UACT;AAAA,WACF;AAAA,QACC,kBACC,qBAAC,OAAI,IAAG,KACN;AAAA,8BAAC,QAAK,OAAM,SAAQ,IAAG,KAAI,OAAM,OAAM,SAAQ,WAC5C,aAAG,eAAe,uDACrB;AAAA,UACC,SAAS,uBACR;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,OAAM;AAAA,cACN,IAAG;AAAA,cACH,OAAO,EAAE,YAAY,SAAS;AAAA,cAE9B;AAAA,oCAAC,QAAQ,MAAR,EACC,8BAAC,YAAS,GACZ;AAAA,gBACA,oBAAC,QAAQ,MAAR,EACC,8BAAC,QAAK,IAAG,KAAI,SAAQ,WAClB,mBAAS,sBACZ,GACF;AAAA;AAAA;AAAA,UACF,IACE;AAAA,WACN,IACE;AAAA,SACN;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,+BAAQ;","names":[]}