@tipp/ui 2.1.4 → 2.1.5

package/dist/chunk-Y5NPX7N7.js

@@ -0,0 +1,123 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-SMP5FZ55.js";
+import {
+  useCurriculumContext
+} from "./chunk-4CQDBBUU.js";
+import {
+  Dialog
+} from "./chunk-45VFASWZ.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.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 {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
+import { useCallback, useMemo, useState } from "react";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumReview(props) {
+  const { item, sectionTitle } = props;
+  const { description, buttonTitle } = item;
+  const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
+  const [open, setOpen] = useState(false);
+  const onReviewSubmit = useCallback((values) => {
+    return _onReviewSubmit({ reviewId: item.uuid, answer: values });
+  }, [item.uuid, _onReviewSubmit]);
+  const onClickEndReview = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const mode = useMemo(() => {
+    return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
+  }, [curriculumReviewAnswers, item.questions]);
+  const defaultValues = useMemo(() => {
+    const allAnswers = __spreadValues(__spreadValues({}, curriculumReviewAnswers), tempCurriculumReviewAnswers);
+    return item.questions.reduce((acc, question) => {
+      acc[question.uuid] = allAnswers[question.uuid] || "";
+      return acc;
+    }, {});
+  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        height: "100%",
+        justify: "center",
+        px: "3",
+        py: "3",
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
+          /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { mt: "3", style: { width: 232 }, variant: done ? "outline" : "solid", children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      {
+        height: "100%",
+        hideCloseButton: true,
+        style: { borderRadius: 0, padding: 0 },
+        title: "",
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            align: "center",
+            height: "100%",
+            justify: "center",
+            pb: "3",
+            position: "relative",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ jsx(
+                CurriculumReviewSteps_default,
+                {
+                  contents: item,
+                  curriculum,
+                  defaultValues,
+                  done,
+                  mode,
+                  onClickEndReview,
+                  onReviewValueChange,
+                  onSubmit: onReviewSubmit,
+                  title: sectionTitle
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxs(IconButton, { color: "gray", variant: "ghost", children: [
+                /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
+                /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
+              ] }) }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var curriculum_review_default = CurriculumReview;
+
+export {
+  curriculum_review_default
+};
+//# sourceMappingURL=chunk-Y5NPX7N7.js.map

package/dist/chunk-Y5NPX7N7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box, Button, Dialog, Flex, IconButton, Typo } from '@/atoms';\nimport { type CurriculumReviewContents } from '@/types/curriculum.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n  item: CurriculumReviewContents;\n  sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n  const { item, sectionTitle } = props;\n  const { description, buttonTitle } = item;\n  const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();\n  const [open, setOpen] = useState(false);\n\n  const onReviewSubmit = useCallback((values: Record<string, string>) => {\n    return _onReviewSubmit({ reviewId: item.uuid, answer: values });\n  }, [item.uuid, _onReviewSubmit]); \n\n  const onClickEndReview = useCallback(() => {\n    setOpen(false); \n  }, []);\n\n  const mode = useMemo(() => {\n    return item.questions.every(question => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== '') ? 'edit' : 'create';\n  }, [curriculumReviewAnswers, item.questions]);\n\n  const defaultValues = useMemo(() => { \n    const allAnswers = {\n      ...curriculumReviewAnswers, \n      ...tempCurriculumReviewAnswers\n    };\n\n    return item.questions.reduce<Record<string, string>>((acc, question) => {\n      acc[question.uuid] = allAnswers[question.uuid] || '';\n      return acc;\n    }, {});\n  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  return (\n    <Dialog.Root onOpenChange={setOpen} open={open}>\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        px=\"3\"\n        py=\"3\"\n        width=\"100%\"\n      >\n        <Typo color=\"gray\" weight=\"bold\">\n          {curriculum.title}\n        </Typo>\n        <Typo align=\"center\" as=\"p\" color=\"gray\">\n          {description}\n        </Typo>\n\n        <Dialog.Trigger>\n          <Button mt=\"3\" style={{ width: 232 }} variant={done ? 'outline' : 'solid'}>\n            <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n          </Button>\n        </Dialog.Trigger>\n      </Flex>\n      <Dialog.Content\n        height=\"100%\"\n        hideCloseButton\n        style={{ borderRadius: 0, padding: 0 }}\n        title=\"\"\n        width=\"100%\"\n      >\n        <Flex\n          align=\"center\"\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"3\"\n          position=\"relative\"\n          width=\"100%\"\n        >\n          <CurriculumReviewSteps\n            contents={item}\n            curriculum={curriculum} \n            defaultValues={defaultValues}\n            done={done}\n            mode={mode}\n            onClickEndReview={onClickEndReview}\n            onReviewValueChange={onReviewValueChange}\n            onSubmit={onReviewSubmit}\n            title={sectionTitle}\n          />\n          <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n            <Dialog.Close asChild>\n              <IconButton color=\"gray\" variant=\"ghost\">\n                <Box display={{ initial: 'none', md: 'block' }}>\n                  <Cross1Icon height={20} width={20} />\n                </Box>\n                <Box display={{ initial: 'block', md: 'none' }}>\n                  <Cross1Icon height={16} width={16} />\n                </Box>\n              </IconButton>\n            </Dialog.Close>\n          </Box>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}

package/dist/chunk-Y6VJDMPU.js

@@ -0,0 +1,61 @@
+import {
+  sidebar_item_default
+} from "./chunk-PXEDESKS.js";
+import {
+  useCurriculumContext
+} from "./chunk-4CQDBBUU.js";
+import {
+  Tabs
+} from "./chunk-5ZITU5L7.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TAB_LIST = [
+  {
+    label: "\uAC15\uC758 \uBAA9\uCC28",
+    value: "curriculum"
+  }
+];
+function CurriculumSidebar() {
+  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } = useCurriculumContext();
+  const list = curriculum.contents.list;
+  return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
+    /* @__PURE__ */ jsx(Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        height: "100%",
+        overflowY: "auto",
+        position: "relative",
+        ref: scrollAreaRef,
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Tabs.Content,
+          {
+            style: {
+              position: "absolute",
+              height: "100%",
+              width: "100%"
+            },
+            value: TAB_LIST[0].value,
+            children: [
+              list.map((item, index) => /* @__PURE__ */ jsx(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
+              /* @__PURE__ */ jsx(Box, { height: "150px" })
+            ]
+          }
+        )
+      }
+    )
+  ] }) });
+}
+
+export {
+  CurriculumSidebar
+};
+//# sourceMappingURL=chunk-Y6VJDMPU.js.map

package/dist/chunk-Y6VJDMPU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Grid, Tabs } from '@/atoms';\nimport { useCurriculumContext } from '../curriculum-context'; \nimport SidebarItem from './sidebar-item';\n\nconst TAB_LIST = [\n  {\n    label: '강의 목차',\n    value: 'curriculum',\n  },\n];\nexport function CurriculumSidebar(): React.ReactNode {\n  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } =\n    useCurriculumContext();\n  const list = curriculum.contents.list;\n \n\n  return (\n    <Tabs.Root asChild defaultValue={TAB_LIST[0].value}>\n      <Grid height=\"100%\" overflowY=\"auto\" rows=\"auto 1fr \" width=\"100%\">\n        <Tabs.List style={{ padding: '0 var(--space-3)' }}>\n          {TAB_LIST.map((tab) => (\n            <Tabs.Trigger key={tab.value} value={tab.value}>\n              {tab.label}\n            </Tabs.Trigger>\n          ))}\n        </Tabs.List>\n        <Box\n          height=\"100%\"\n          overflowY=\"auto\"\n          position=\"relative\"\n          ref={scrollAreaRef}\n          width=\"100%\"\n        >\n          <Tabs.Content\n            style={{\n              position: 'absolute',\n              height: '100%',\n              width: '100%',\n            }}\n            value={TAB_LIST[0].value}\n          >\n            {list.map((item, index) => (\n              <SidebarItem done={curriculumCompleteMap[item.uuid]} index={index} item={item} key={item.uuid} selectedIndex={selectedIndex} setSelectedIndex={setSelectedIndex} />\n            ))}\n            <Box height=\"150px\" />\n          </Tabs.Content>\n        </Box>\n      </Grid>\n    </Tabs.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBY,cAYF,YAZE;AAjBZ,IAAM,WAAW;AAAA,EACf;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AACO,SAAS,oBAAqC;AACnD,QAAM,EAAE,YAAY,eAAe,kBAAkB,eAAe,sBAAsB,IACxF,qBAAqB;AACvB,QAAM,OAAO,WAAW,SAAS;AAGjC,SACE,oBAAC,KAAK,MAAL,EAAU,SAAO,MAAC,cAAc,SAAS,CAAC,EAAE,OAC3C,+BAAC,QAAK,QAAO,QAAO,WAAU,QAAO,MAAK,aAAY,OAAM,QAC1D;AAAA,wBAAC,KAAK,MAAL,EAAU,OAAO,EAAE,SAAS,mBAAmB,GAC7C,mBAAS,IAAI,CAAC,QACb,oBAAC,KAAK,SAAL,EAA6B,OAAO,IAAI,OACtC,cAAI,SADY,IAAI,KAEvB,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,UAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QAEN;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,YACT;AAAA,YACA,OAAO,SAAS,CAAC,EAAE;AAAA,YAElB;AAAA,mBAAK,IAAI,CAAC,MAAM,UACf,oBAAC,wBAAY,MAAM,sBAAsB,KAAK,IAAI,GAAG,OAAc,MAA4B,eAA8B,oBAAzC,KAAK,IAAwE,CAClK;AAAA,cACD,oBAAC,OAAI,QAAO,SAAQ;AAAA;AAAA;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-Y7WBYBBP.js

@@ -0,0 +1,89 @@
+import {
+  complete_review_default
+} from "./chunk-MUUAMSYM.js";
+import {
+  start_review_default
+} from "./chunk-FFURDHDM.js";
+import {
+  ReviewQuestion_default
+} from "./chunk-LLJAFTTY.js";
+import {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+} from "./chunk-UO5LIHHA.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
+import { jsx } 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
+}) {
+  return /* @__PURE__ */ jsx(
+    CurriculumReviewProvider,
+    {
+      curriculum,
+      defaultValues,
+      done,
+      mode,
+      onClickEndReview,
+      onReviewValueChange,
+      onSubmit,
+      reviewContents: contents,
+      sectionTitle: title,
+      children: /* @__PURE__ */ jsx(CurriculumReviewStepsInner, {})
+    }
+  );
+}
+var CurriculumReviewSteps_default = CurriculumReviewSteps;
+
+export {
+  CurriculumReviewSteps_default
+};
+//# sourceMappingURL=chunk-Y7WBYBBP.js.map

package/dist/chunk-Y7WBYBBP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React from 'react';\nimport { type CurriculumReviewContents, type Curriculum } from '@/types/curriculum.type';\nimport {\n  CurriculumReviewProvider,\n  useCurriculumReviewContext,\n} from './curriculum-review-context';\nimport StartReview from './start-review';\nimport ReviewQuestion from './ReviewQuestion';\nimport CompleteReview from './complete-review';\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  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    </CurriculumReviewProvider>\n  );\n}\n\nexport default CurriculumReviewSteps;\n"],"mappings":";;;;;;;;;;;;;;;AA6BW;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;AAC9C,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,8BAAC,8BAA2B;AAAA;AAAA,EAC9B;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-YBNWEJPI.js

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

package/dist/chunk-YBNWEJPI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext, \n  useMemo,\n  useState,\n  useCallback,\n  type ReactNode,\n  useEffect,\n} from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport { cloneDeep } from 'lodash-es';\nimport * as Yup from 'yup';\nimport {\n  type CurriculumReviewContents, \n} from '@/types/curriculumContents.type'; \nimport type { Curriculum, ReviewQuestionElement } from '@/types/curriculum.type';\n\ninterface CurriculumReviewFormValues {\n  answers: Record<string, string>;\n}\n\ninterface CurriculumReviewContextValue {\n  reviewContents: CurriculumReviewContents;\n  formik: FormikProps<CurriculumReviewFormValues>;\n  curriculum: Curriculum;\n  sectionTitle: string | undefined;\n  onClickEndReview: () => void;\n  // step 관련 추가\n  step: number;\n  setStep: (step: number) => void;\n  handleStart: () => void;\n  handleNext: () => void;\n  handlePrev: () => void;\n  onClickReviewMyAnswer: () => void;\n  handleSubmit: () => void;\n  currentQuestion: ReviewQuestionElement | undefined;\n  currentAnswer: string;\n  currentError: string | undefined; \n  handleAnswerChange: (value: string) => void;\n  done: boolean;\n}\n\nconst CurriculumReviewContext = createContext<\n  CurriculumReviewContextValue | undefined\n>(undefined);\n\ninterface CurriculumReviewProviderProps extends Pick<CurriculumReviewContextValue, 'reviewContents' | 'sectionTitle' | 'onClickEndReview'  | 'curriculum' | 'done' > {\n  children: ReactNode;\n  /** 제출 후, 다음 학습으로 넘어가기 버튼 */\n  onClickEndReview: () => void;\n  /** key: 질문의 uuid, value: 응답 값 */\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;  \n  /** key: 질문의 uuid, value: 응답 값 */\n  defaultValues?: Record<string, string>; \n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n}\n\nfunction getInitialAnswers(\n  defaultValues: Record<string, string>,\n  questions: ReviewQuestionElement[]\n): Record<string, string> {\n  return questions.reduce<Record<string, string>>((acc, q) => {\n    acc[q.uuid] = defaultValues[q.uuid] ?? '';\n    return acc;\n  }, {});\n}\n \nfunction createAnswersYupSchema(\n  questions: ReviewQuestionElement[]\n): Yup.ObjectSchema<Record<string, string>> {\n  const shape: Record<string, Yup.StringSchema<string>> = {};\n  questions.forEach((q) => {\n    let schema = Yup.string();\n    if (q.required) {\n      if (\n        q.type === 'question_text' ||\n        q.type === 'question_satisfaction_text'\n      ) {\n        schema = schema\n          .required(`${q.title}은(는) 필수 입력 항목입니다.`)\n          .trim();\n        if (q.minLength) {\n          schema = schema.min(\n            q.minLength,\n            `${q.title}은(는) 최소 ${q.minLength}자 이상 입력해야 합니다.`\n          );\n        }\n      } else {\n        schema = schema\n          .required(`${q.title}을(를) 선택해 주세요.`)\n          .min(1, `${q.title}을(를) 선택해 주세요.`);\n      }\n    } else {\n      schema = schema.notRequired();\n    }\n    shape[q.uuid] = schema;\n  });\n  return Yup.object().shape(shape);\n} \n\nexport function CurriculumReviewProvider({\n  reviewContents: _reviewContents,\n  sectionTitle,\n  children,\n  onClickEndReview, \n  onSubmit,\n  defaultValues, \n  curriculum,\n  onReviewValueChange,\n  done,\n}: CurriculumReviewProviderProps): React.ReactElement {\n  \n  const fixedReviewContents = useMemo<CurriculumReviewContents>(() => {\n    const result = cloneDeep(_reviewContents);\n    result.questions = result.questions.map((question) => {\n      if (question.type === 'question_satisfaction_option') {\n        return {\n          ...curriculum.contents.satisfactionOptionMeta,\n          ...question,\n        };\n      }\n      if (question.type === 'question_satisfaction_text') {\n        return {\n          ...curriculum.contents.satisfactionTextMeta,\n          ...question,\n        };\n      }\n      return question;\n    });\n    return result;\n  }, [\n    curriculum.contents.satisfactionOptionMeta,\n    curriculum.contents.satisfactionTextMeta,\n    _reviewContents,\n  ]);\n\n\n  // step 상태 및 관련 로직 추가\n  const [step, setStep] = useState<number>(0); // 0: 소개, 1~N: 질문, N+1: 완료\n\n  // Yup 스키마 생성\n  const answersYupSchema = useMemo(\n    () => createAnswersYupSchema(fixedReviewContents.questions),\n    [fixedReviewContents.questions]\n  );\n\n  const formik = useFormik<CurriculumReviewFormValues>({\n    initialValues: {\n      answers:  getInitialAnswers(defaultValues ?? {}, fixedReviewContents.questions),\n    },\n    validationSchema: Yup.object({\n      answers: answersYupSchema,\n    }),\n    onSubmit: (values) => {\n      \n      const result = onSubmit(values.answers);\n      return result.then((isSuccess: boolean) => {\n        if (isSuccess) {\n          setStep(prev => prev + 1);\n        }\n        return isSuccess;\n      });\n    },\n    enableReinitialize: true,\n    validateOnMount: true,\n    validateOnChange: true,\n  });\n\n  // step 관련 핸들러 및 메모\n  const questions = fixedReviewContents.questions;\n\n  const handleStart = useCallback((): void => {\n    setStep(1);\n  }, []);\n\n  const handleNext = useCallback((): void => {\n    if (step < questions.length) {\n      setStep(step + 1);\n    } else {\n      // 마지막 질문: 제출\n      formik.handleSubmit();\n      setStep(questions.length + 1);\n    }\n  }, [step, questions.length, formik]);\n\n  const handlePrev = useCallback((): void => {\n    if (step > 1) {\n      setStep(step - 1);\n    }\n  }, [step]);\n\n  const onClickReviewMyAnswer = useCallback((): void => {\n    setStep(1);\n  }, []);\n\n  const handleSubmit = useCallback((): void => {\n    formik.handleSubmit();\n  }, [formik]);\n\n  // 현재 질문 정보\n  const currentQuestion = useMemo(() => {\n    return step > 0 && step <= questions.length\n      ? questions[step - 1]\n      : undefined;\n  }, [step, questions]);\n\n  const currentAnswer = useMemo(() => {\n    return currentQuestion ? formik.values.answers[currentQuestion.uuid] : '';\n  }, [currentQuestion, formik.values.answers]);\n\n  const currentError = useMemo(() => { \n    return (\n      currentQuestion &&\n      formik.errors.answers &&\n      (formik.errors.answers as Record<string, string>)[currentQuestion.uuid]\n    );\n  }, [currentQuestion, formik.errors.answers]);\n \n  const handleAnswerChange = useCallback(\n    (value: string): void => {\n      if (currentQuestion) {\n        void formik.setFieldValue(`answers.${currentQuestion.uuid}`, value);\n      }\n    },\n    [currentQuestion, formik]\n  );\n\n  useEffect(() => {\n    if (currentQuestion) {\n      onReviewValueChange({\n        reviewId: currentQuestion.uuid,\n        answer: formik.values.answers,\n      });\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- 트리거 최적화\n  }, [currentQuestion?.uuid, currentAnswer, onReviewValueChange]);\n \n  return (\n    <CurriculumReviewContext.Provider\n      value={{\n        reviewContents: fixedReviewContents,\n        formik,\n        curriculum,\n        sectionTitle,\n        onClickEndReview, \n        step,\n        setStep,\n        handleStart,\n        handleNext,\n        handlePrev,\n        onClickReviewMyAnswer,\n        handleSubmit,\n        currentQuestion,\n        currentAnswer,\n        currentError, \n        handleAnswerChange,\n        done,\n      }}\n    >\n      {children}\n    </CurriculumReviewContext.Provider>\n  );\n}\n\nexport function useCurriculumReviewContext(): CurriculumReviewContextValue {\n  const context = useContext(CurriculumReviewContext);\n  if (!context) {\n    throw new Error(\n      'useCurriculumReviewContext must be used within a CurriculumReviewProvider'\n    );\n  }\n  return context;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-YD4WWL4F.js

@@ -0,0 +1,123 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-OUB2NC7A.js";
+import {
+  useCurriculumContext
+} from "./chunk-4G7AM6OU.js";
+import {
+  Dialog
+} from "./chunk-45VFASWZ.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.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 {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
+import { useCallback, useMemo, useState } from "react";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumReview(props) {
+  const { item, sectionTitle } = props;
+  const { description, buttonTitle } = item;
+  const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
+  const [open, setOpen] = useState(false);
+  const onReviewSubmit = useCallback((values) => {
+    return _onReviewSubmit({ reviewId: item.uuid, answer: values });
+  }, [item.uuid, _onReviewSubmit]);
+  const onClickEndReview = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const mode = useMemo(() => {
+    return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
+  }, [curriculumReviewAnswers, item.questions]);
+  const defaultValues = useMemo(() => {
+    const allAnswers = __spreadValues(__spreadValues({}, curriculumReviewAnswers), tempCurriculumReviewAnswers);
+    return item.questions.reduce((acc, question) => {
+      acc[question.uuid] = allAnswers[question.uuid] || "";
+      return acc;
+    }, {});
+  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        height: "100%",
+        justify: "center",
+        px: "3",
+        py: "3",
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
+          /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { mt: "3", style: { width: 232 }, variant: done ? "outline" : "solid", children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      {
+        height: "100%",
+        hideCloseButton: true,
+        style: { borderRadius: 0, padding: 0 },
+        title: "",
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            align: "center",
+            height: "100%",
+            justify: "center",
+            pb: "3",
+            position: "relative",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ jsx(
+                CurriculumReviewSteps_default,
+                {
+                  contents: item,
+                  curriculum,
+                  defaultValues,
+                  done,
+                  mode,
+                  onClickEndReview,
+                  onReviewValueChange,
+                  onSubmit: onReviewSubmit,
+                  title: sectionTitle
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxs(IconButton, { color: "gray", variant: "ghost", children: [
+                /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
+                /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
+              ] }) }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var curriculum_review_default = CurriculumReview;
+
+export {
+  curriculum_review_default
+};
+//# sourceMappingURL=chunk-YD4WWL4F.js.map

package/dist/chunk-YD4WWL4F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box, Button, Dialog, Flex, IconButton, Typo } from '@/atoms';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n  item: CurriculumReviewContents;\n  sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n  const { item, sectionTitle } = props;\n  const { description, buttonTitle } = item;\n  const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();\n  const [open, setOpen] = useState(false);\n\n  const onReviewSubmit = useCallback((values: Record<string, string>) => {\n    return _onReviewSubmit({ reviewId: item.uuid, answer: values });\n  }, [item.uuid, _onReviewSubmit]); \n\n  const onClickEndReview = useCallback(() => {\n    setOpen(false); \n  }, []);\n\n  const mode = useMemo(() => {\n    return item.questions.every(question => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== '') ? 'edit' : 'create';\n  }, [curriculumReviewAnswers, item.questions]);\n\n  const defaultValues = useMemo(() => { \n    const allAnswers = {\n      ...curriculumReviewAnswers, \n      ...tempCurriculumReviewAnswers\n    };\n\n    return item.questions.reduce<Record<string, string>>((acc, question) => {\n      acc[question.uuid] = allAnswers[question.uuid] || '';\n      return acc;\n    }, {});\n  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  return (\n    <Dialog.Root onOpenChange={setOpen} open={open}>\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        px=\"3\"\n        py=\"3\"\n        width=\"100%\"\n      >\n        <Typo color=\"gray\" weight=\"bold\">\n          {curriculum.title}\n        </Typo>\n        <Typo align=\"center\" as=\"p\" color=\"gray\">\n          {description}\n        </Typo>\n\n        <Dialog.Trigger>\n          <Button mt=\"3\" style={{ width: 232 }} variant={done ? 'outline' : 'solid'}>\n            <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n          </Button>\n        </Dialog.Trigger>\n      </Flex>\n      <Dialog.Content\n        height=\"100%\"\n        hideCloseButton\n        style={{ borderRadius: 0, padding: 0 }}\n        title=\"\"\n        width=\"100%\"\n      >\n        <Flex\n          align=\"center\"\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"3\"\n          position=\"relative\"\n          width=\"100%\"\n        >\n          <CurriculumReviewSteps\n            contents={item}\n            curriculum={curriculum} \n            defaultValues={defaultValues}\n            done={done}\n            mode={mode}\n            onClickEndReview={onClickEndReview}\n            onReviewValueChange={onReviewValueChange}\n            onSubmit={onReviewSubmit}\n            title={sectionTitle}\n          />\n          <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n            <Dialog.Close asChild>\n              <IconButton color=\"gray\" variant=\"ghost\">\n                <Box display={{ initial: 'none', md: 'block' }}>\n                  <Cross1Icon height={20} width={20} />\n                </Box>\n                <Box display={{ initial: 'block', md: 'none' }}>\n                  <Cross1Icon height={16} width={16} />\n                </Box>\n              </IconButton>\n            </Dialog.Close>\n          </Box>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}