@tipp/ui 2.1.18 → 2.1.19

package/dist/chunk-54CQJLOJ.js

@@ -0,0 +1,150 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-GZWV5WZS.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.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 [isChanged, setIsChanged] = useState(false);
+  const onReviewSubmit = useCallback((values) => {
+    return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then((result) => {
+      setIsChanged(false);
+      return result;
+    });
+  }, [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({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
+    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]);
+  const handleOpenChange = useCallback((open2) => {
+    if (open2) {
+      setIsChanged(true);
+    }
+  }, []);
+  const bgColor = done ? "var(--color-panel-solid)" : void 0;
+  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        height: "100%",
+        justify: "center",
+        px: "3",
+        py: "3",
+        style: {
+          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+          backgroundRepeat: "no-repeat"
+        },
+        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: { minWidth: 232, backgroundColor: bgColor }, 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__ */ jsxs(IconButton, { color: "gray", onClick: onClickEndReview, 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 }) })
+              ] }) }),
+              /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: handleOpenChange, open, children: /* @__PURE__ */ jsx(
+                Dialog.Content,
+                {
+                  buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
+                    /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
+                    /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
+                  ] }),
+                  title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
+                  children: /* @__PURE__ */ jsx(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var curriculum_review_default = CurriculumReview;
+
+export {
+  curriculum_review_default
+};
+//# sourceMappingURL=chunk-54CQJLOJ.js.map

package/dist/chunk-54CQJLOJ.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  const [isChanged, setIsChanged] = useState(false);\n\n  const onReviewSubmit = useCallback((values: Record<string, string>) => {\n    return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then((result)=>{\n      setIsChanged(false);\n      return result;\n    });\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      ...tempCurriculumReviewAnswers,\n      ...curriculumReviewAnswers\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  const handleOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      setIsChanged(true);\n    }\n  }, []);\n  \n  const bgColor=  done ? 'var(--color-panel-solid)' : undefined;\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        style={{\n          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n          backgroundPosition:'center',\n          backgroundSize:'cover',\n          backgroundRepeat:'no-repeat',\n        }}\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={{ minWidth: 232, backgroundColor: bgColor }} 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              <IconButton color=\"gray\" onClick={onClickEndReview} 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          </Box>\n\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              <Dialog.Close>\n              <Button color=\"red\" onClick={onClickEndReview}>\n                나가기\n              </Button>\n              </Dialog.Close>\n            </Flex>\n          }\n          title=\"작성을 중단하시겠습니까?\"\n        >\n          <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n        </Dialog.Content>\n      </Dialog.Root>\n\n      \n\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":["open"]}

package/dist/chunk-5AI22DIH.js

@@ -0,0 +1,183 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-6MNNWSAC.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.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: _onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap
+  } = useCurriculumContext();
+  const [open, setOpen] = useState(false);
+  const [isChanged, setIsChanged] = useState(false);
+  const [closeDialogOpen, setCloseDialogOpen] = useState(false);
+  const onReviewValueChange = useCallback(({ reviewId, answer }) => {
+    setIsChanged(true);
+    _onReviewValueChange({ reviewId, answer });
+  }, [_onReviewValueChange]);
+  const onReviewSubmit = useCallback(
+    (values) => {
+      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
+        (result) => {
+          setIsChanged(false);
+          return result;
+        }
+      );
+    },
+    [item.uuid, _onReviewSubmit]
+  );
+  const onClickEndReview = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const onClickCloseDrawer = useCallback(() => {
+    setCloseDialogOpen(true);
+  }, []);
+  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({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
+    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]);
+  const bgColor = done ? "var(--color-panel-solid)" : void 0;
+  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        height: "100%",
+        justify: "center",
+        px: "3",
+        py: "3",
+        style: {
+          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+          backgroundRepeat: "no-repeat"
+        },
+        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: { minWidth: 232, backgroundColor: bgColor },
+              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__ */ jsxs(
+                IconButton,
+                {
+                  color: "gray",
+                  onClick: onClickCloseDrawer,
+                  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 }) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ jsx(
+                Dialog.Content,
+                {
+                  buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
+                    /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
+                    /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
+                  ] }),
+                  title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
+                  children: /* @__PURE__ */ jsx(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var curriculum_review_default = CurriculumReview;
+
+export {
+  curriculum_review_default
+};
+//# sourceMappingURL=chunk-5AI22DIH.js.map

package/dist/chunk-5AI22DIH.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 {\n    curriculum,\n    onReviewSubmit: _onReviewSubmit,\n    onReviewValueChange: _onReviewValueChange,\n    curriculumReviewAnswers,\n    tempCurriculumReviewAnswers,\n    curriculumCompleteMap,\n  } = useCurriculumContext();\n  const [open, setOpen] = useState(false);\n  const [isChanged, setIsChanged] = useState(false);\n  const [closeDialogOpen, setCloseDialogOpen] = useState(false);\n\n  const onReviewValueChange = useCallback(({ reviewId, answer, }: {\n    reviewId: string;\n    answer: Record<string, string>;\n}) => {\n    setIsChanged(true);\n    _onReviewValueChange({ reviewId, answer });\n  }, [_onReviewValueChange]);\n\n\n  const onReviewSubmit = useCallback(\n    (values: Record<string, string>) => {\n      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(\n        (result) => {\n          setIsChanged(false);\n          return result;\n        }\n      );\n    },\n    [item.uuid, _onReviewSubmit]\n  );\n\n  const onClickEndReview = useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  const onClickCloseDrawer = useCallback(() => {\n    setCloseDialogOpen(true);\n  }, []);\n\n  const mode = useMemo(() => {\n    return item.questions.every(\n      (question) =>\n        curriculumReviewAnswers[question.uuid] &&\n        curriculumReviewAnswers[question.uuid] !== ''\n    )\n      ? 'edit'\n      : 'create';\n  }, [curriculumReviewAnswers, item.questions]);\n\n  const defaultValues = useMemo(() => {\n    const allAnswers = {\n      ...tempCurriculumReviewAnswers,\n      ...curriculumReviewAnswers,\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  const bgColor = done ? 'var(--color-panel-solid)' : undefined;\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        style={{\n          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n          backgroundPosition: 'center',\n          backgroundSize: 'cover',\n          backgroundRepeat: 'no-repeat',\n        }}\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\n            mt=\"3\"\n            style={{ minWidth: 232, backgroundColor: bgColor }}\n            variant={done ? 'outline' : 'solid'}\n          >\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            <IconButton\n              color=\"gray\"\n              onClick={onClickCloseDrawer}\n              variant=\"ghost\"\n            >\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          </Box>\n\n          <Dialog.Root onOpenChange={setCloseDialogOpen} open={closeDialogOpen}>\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                  <Dialog.Close>\n                    <Button color=\"red\" onClick={onClickEndReview}>\n                      나가기\n                    </Button>\n                  </Dialog.Close>\n                </Flex>\n              }\n              title=\"작성을 중단하시겠습니까?\"\n            >\n              <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n            </Dialog.Content>\n          </Dialog.Root>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}

package/dist/chunk-5BSTLWTR.js

@@ -0,0 +1,186 @@
+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) {
+      schema = schema.required(`${q.title}\uC740(\uB294) \uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.`).trim();
+      if (q.minLength && typeof q.minLength === "number") {
+        schema = schema.min(
+          q.minLength,
+          `${q.title}\uC740(\uB294) \uCD5C\uC18C ${q.minLength}\uC790 \uC774\uC0C1 \uC785\uB825\uD574\uC57C \uD569\uB2C8\uB2E4.`
+        );
+      }
+    } else {
+      schema = schema.min(0);
+    }
+    shape[q.uuid] = schema;
+  });
+  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(0);
+  }, []);
+  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-5BSTLWTR.js.map

package/dist/chunk-5BSTLWTR.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 | undefined>> {\n  const shape: Record<string, Yup.StringSchema<string | undefined>> = {};\n  questions.forEach((q) => {\n    let schema = Yup.string();\n    if (q.required) {\n      schema = schema\n        .required(`${q.title}은(는) 필수 입력 항목입니다.`)\n        .trim();\n      if (q.minLength && typeof q.minLength === 'number') {\n        schema = schema.min(\n          q.minLength,\n          `${q.title}은(는) 최소 ${q.minLength}자 이상 입력해야 합니다.`\n        );\n      }\n    } else {\n      schema = schema.min(0);\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(0);\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-5EASI3O3.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-N2Q6ESHU.js";
+import {
+  curriculum_review_default
+} from "./chunk-OSVSHYT2.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-5EASI3O3.js.map

package/dist/chunk-5EASI3O3.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":[]}