@tipp/ui 2.1.8 → 2.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/dist/app/index.cjs.map +1 -1
  2. package/dist/app/index.js +57 -57
  3. package/dist/app/platform/coach-question-list.js +27 -27
  4. package/dist/app/platform/contents-card.js +27 -27
  5. package/dist/app/platform/curriculum-card.js +2 -2
  6. package/dist/app/platform/edit-coaching-time.cjs.map +1 -1
  7. package/dist/app/platform/edit-coaching-time.js +42 -42
  8. package/dist/app/platform/edit-service-type.cjs.map +1 -1
  9. package/dist/app/platform/edit-service-type.js +42 -42
  10. package/dist/app/platform/goal-manage-card-edit.cjs.map +1 -1
  11. package/dist/app/platform/goal-manage-card-edit.js +43 -43
  12. package/dist/app/platform/goal-manage-card-read.js +27 -27
  13. package/dist/app/platform/on-offline-radio-card.cjs.map +1 -1
  14. package/dist/app/platform/on-offline-radio-card.js +42 -42
  15. package/dist/app/platform/report-card.js +27 -27
  16. package/dist/app/platform/reservation-card.cjs.map +1 -1
  17. package/dist/app/platform/reservation-card.js +43 -43
  18. package/dist/app/platform/session-card.cjs.map +1 -1
  19. package/dist/app/platform/session-card.js +43 -43
  20. package/dist/app/platform/session-review-simple-read.js +27 -27
  21. package/dist/app/platform/userInfos/coaching-customer-info/index.js +32 -32
  22. package/dist/app/platform/userInfos/coaching-customer-info/large.js +27 -27
  23. package/dist/app/platform/userInfos/coaching-customer-info/medium.js +27 -27
  24. package/dist/app/platform/userInfos/coaching-customer-info/small.js +26 -26
  25. package/dist/app/platform/userInfos/session-user-info-detail.js +26 -26
  26. package/dist/app/platform/userInfos/utils.js +26 -26
  27. package/dist/atoms/index.js +62 -62
  28. package/dist/chunk-2T7JCRER.js +30 -0
  29. package/dist/chunk-2T7JCRER.js.map +1 -0
  30. package/dist/chunk-EFB4UO4F.js +123 -0
  31. package/dist/chunk-EFB4UO4F.js.map +1 -0
  32. package/dist/chunk-GJQDFBAF.js +150 -0
  33. package/dist/chunk-GJQDFBAF.js.map +1 -0
  34. package/dist/chunk-HNO5SCLZ.js +192 -0
  35. package/dist/chunk-HNO5SCLZ.js.map +1 -0
  36. package/dist/chunk-HQGFHFGR.js +123 -0
  37. package/dist/chunk-HQGFHFGR.js.map +1 -0
  38. package/dist/chunk-I6NVQV5Q.js +59 -0
  39. package/dist/chunk-I6NVQV5Q.js.map +1 -0
  40. package/dist/chunk-J27CSA2I.js +59 -0
  41. package/dist/chunk-J27CSA2I.js.map +1 -0
  42. package/dist/chunk-J52WPSWU.js +150 -0
  43. package/dist/chunk-J52WPSWU.js.map +1 -0
  44. package/dist/chunk-LPLXVTDP.js +192 -0
  45. package/dist/chunk-LPLXVTDP.js.map +1 -0
  46. package/dist/chunk-MZ3VW66Q.js +89 -0
  47. package/dist/chunk-MZ3VW66Q.js.map +1 -0
  48. package/dist/chunk-NXECPRLF.js +192 -0
  49. package/dist/chunk-NXECPRLF.js.map +1 -0
  50. package/dist/chunk-O5VFW7GH.js +59 -0
  51. package/dist/chunk-O5VFW7GH.js.map +1 -0
  52. package/dist/chunk-POJT5P6J.js +59 -0
  53. package/dist/chunk-POJT5P6J.js.map +1 -0
  54. package/dist/chunk-QQ5DIV3E.js +89 -0
  55. package/dist/chunk-QQ5DIV3E.js.map +1 -0
  56. package/dist/chunk-QTUOT7HX.js +59 -0
  57. package/dist/chunk-QTUOT7HX.js.map +1 -0
  58. package/dist/chunk-TN63T2TG.js +89 -0
  59. package/dist/chunk-TN63T2TG.js.map +1 -0
  60. package/dist/chunk-TNMIE7WN.js +192 -0
  61. package/dist/chunk-TNMIE7WN.js.map +1 -0
  62. package/dist/chunk-VTNGVFOL.js +123 -0
  63. package/dist/chunk-VTNGVFOL.js.map +1 -0
  64. package/dist/chunk-WNFEYK6I.js +123 -0
  65. package/dist/chunk-WNFEYK6I.js.map +1 -0
  66. package/dist/chunk-WNYT4BQZ.js +89 -0
  67. package/dist/chunk-WNYT4BQZ.js.map +1 -0
  68. package/dist/chunk-YDNYSZ4R.js +89 -0
  69. package/dist/chunk-YDNYSZ4R.js.map +1 -0
  70. package/dist/chunk-ZS32P3T5.js +123 -0
  71. package/dist/chunk-ZS32P3T5.js.map +1 -0
  72. package/dist/index.cjs +69 -70
  73. package/dist/index.cjs.map +1 -1
  74. package/dist/index.css +45 -21
  75. package/dist/index.js +110 -110
  76. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +31 -31
  77. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.js +26 -26
  78. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +30 -30
  79. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.js +26 -26
  80. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.js +26 -26
  81. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.js +26 -26
  82. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.js +27 -27
  83. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.js +27 -27
  84. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.js +26 -26
  85. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.js +27 -27
  86. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.js +26 -26
  87. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.cjs +3 -6
  88. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.cjs.map +1 -1
  89. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +33 -33
  90. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.cjs +3 -6
  91. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.cjs.map +1 -1
  92. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.js +27 -27
  93. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.cjs +3 -6
  94. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.cjs.map +1 -1
  95. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +34 -34
  96. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-video.js +26 -26
  97. package/dist/molecules/curriculumV2/CurriculumContents/index.cjs +3 -6
  98. package/dist/molecules/curriculumV2/CurriculumContents/index.cjs.map +1 -1
  99. package/dist/molecules/curriculumV2/CurriculumContents/index.js +35 -35
  100. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.js +26 -26
  101. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.js +26 -26
  102. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-item.js +26 -26
  103. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-title.js +26 -26
  104. package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +26 -26
  105. package/dist/molecules/curriculumV2/CurriculumSidebar/sidebar-item.js +26 -26
  106. package/dist/molecules/curriculumV2/curriculum-sub-nav.js +26 -26
  107. package/dist/molecules/curriculumV2/curriculum-v2-layout.js +26 -26
  108. package/dist/molecules/curriculumV2/index.cjs +3 -6
  109. package/dist/molecules/curriculumV2/index.cjs.map +1 -1
  110. package/dist/molecules/curriculumV2/index.js +35 -35
  111. package/dist/molecules/date-picker/date-picker-button.js +26 -26
  112. package/dist/molecules/expand-table/index.cjs +66 -64
  113. package/dist/molecules/expand-table/index.cjs.map +1 -1
  114. package/dist/molecules/expand-table/index.js +27 -27
  115. package/dist/molecules/expand-table/row.js +26 -26
  116. package/dist/molecules/index.cjs +69 -70
  117. package/dist/molecules/index.cjs.map +1 -1
  118. package/dist/molecules/index.js +49 -49
  119. package/dist/molecules/learning-post.js +2 -2
  120. package/dist/molecules/navigation.js +26 -26
  121. package/dist/molecules/radio-button-card.js +26 -26
  122. package/dist/molecules/stepper.js +2 -2
  123. package/dist/molecules/tag-selector.js +27 -27
  124. package/dist/molecules/time-select.js +26 -26
  125. package/package.json +3 -3
  126. package/src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx +2 -5
  127. package/src/molecules/expand-table/index.tsx +13 -12
@@ -0,0 +1,123 @@
1
+ import {
2
+ CurriculumReviewSteps_default
3
+ } from "./chunk-QQ5DIV3E.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-YN4SHJ2O.js";
7
+ import {
8
+ Dialog
9
+ } from "./chunk-45VFASWZ.js";
10
+ import {
11
+ IconButton
12
+ } from "./chunk-O3DNDMV3.js";
13
+ import {
14
+ Box
15
+ } from "./chunk-4Y5BEXVN.js";
16
+ import {
17
+ Typo
18
+ } from "./chunk-LH57PIY2.js";
19
+ import {
20
+ Flex
21
+ } from "./chunk-25HMMI7R.js";
22
+ import {
23
+ Button
24
+ } from "./chunk-AFPH32MF.js";
25
+ import {
26
+ __spreadValues
27
+ } from "./chunk-2NMEKWO5.js";
28
+
29
+ // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
30
+ import { useCallback, useMemo, useState } from "react";
31
+ import { Cross1Icon } from "@radix-ui/react-icons";
32
+ import { jsx, jsxs } from "react/jsx-runtime";
33
+ function CurriculumReview(props) {
34
+ const { item, sectionTitle } = props;
35
+ const { description, buttonTitle } = item;
36
+ const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
37
+ const [open, setOpen] = useState(false);
38
+ const onReviewSubmit = useCallback((values) => {
39
+ return _onReviewSubmit({ reviewId: item.uuid, answer: values });
40
+ }, [item.uuid, _onReviewSubmit]);
41
+ const onClickEndReview = useCallback(() => {
42
+ setOpen(false);
43
+ }, []);
44
+ const mode = useMemo(() => {
45
+ return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
46
+ }, [curriculumReviewAnswers, item.questions]);
47
+ const defaultValues = useMemo(() => {
48
+ const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
49
+ return item.questions.reduce((acc, question) => {
50
+ acc[question.uuid] = allAnswers[question.uuid] || "";
51
+ return acc;
52
+ }, {});
53
+ }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
54
+ const done = useMemo(() => {
55
+ return Boolean(curriculumCompleteMap[item.uuid]);
56
+ }, [curriculumCompleteMap, item.uuid]);
57
+ return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
58
+ /* @__PURE__ */ jsxs(
59
+ Flex,
60
+ {
61
+ align: "center",
62
+ direction: "column",
63
+ height: "100%",
64
+ justify: "center",
65
+ px: "3",
66
+ py: "3",
67
+ width: "100%",
68
+ children: [
69
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
70
+ /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
71
+ /* @__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 }) }) })
72
+ ]
73
+ }
74
+ ),
75
+ /* @__PURE__ */ jsx(
76
+ Dialog.Content,
77
+ {
78
+ height: "100%",
79
+ hideCloseButton: true,
80
+ style: { borderRadius: 0, padding: 0 },
81
+ title: "",
82
+ width: "100%",
83
+ children: /* @__PURE__ */ jsxs(
84
+ Flex,
85
+ {
86
+ align: "center",
87
+ height: "100%",
88
+ justify: "center",
89
+ pb: "3",
90
+ position: "relative",
91
+ width: "100%",
92
+ children: [
93
+ /* @__PURE__ */ jsx(
94
+ CurriculumReviewSteps_default,
95
+ {
96
+ contents: item,
97
+ curriculum,
98
+ defaultValues,
99
+ done,
100
+ mode,
101
+ onClickEndReview,
102
+ onReviewValueChange,
103
+ onSubmit: onReviewSubmit,
104
+ title: sectionTitle
105
+ }
106
+ ),
107
+ /* @__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: [
108
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
109
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
110
+ ] }) }) })
111
+ ]
112
+ }
113
+ )
114
+ }
115
+ )
116
+ ] });
117
+ }
118
+ var curriculum_review_default = CurriculumReview;
119
+
120
+ export {
121
+ curriculum_review_default
122
+ };
123
+ //# sourceMappingURL=chunk-VTNGVFOL.js.map
@@ -0,0 +1 @@
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 ...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 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":[]}
@@ -0,0 +1,123 @@
1
+ import {
2
+ CurriculumReviewSteps_default
3
+ } from "./chunk-MZ3VW66Q.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-YN4SHJ2O.js";
7
+ import {
8
+ Dialog
9
+ } from "./chunk-45VFASWZ.js";
10
+ import {
11
+ IconButton
12
+ } from "./chunk-O3DNDMV3.js";
13
+ import {
14
+ Box
15
+ } from "./chunk-4Y5BEXVN.js";
16
+ import {
17
+ Typo
18
+ } from "./chunk-LH57PIY2.js";
19
+ import {
20
+ Flex
21
+ } from "./chunk-25HMMI7R.js";
22
+ import {
23
+ Button
24
+ } from "./chunk-AFPH32MF.js";
25
+ import {
26
+ __spreadValues
27
+ } from "./chunk-2NMEKWO5.js";
28
+
29
+ // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
30
+ import { useCallback, useMemo, useState } from "react";
31
+ import { Cross1Icon } from "@radix-ui/react-icons";
32
+ import { jsx, jsxs } from "react/jsx-runtime";
33
+ function CurriculumReview(props) {
34
+ const { item, sectionTitle } = props;
35
+ const { description, buttonTitle } = item;
36
+ const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
37
+ const [open, setOpen] = useState(false);
38
+ const onReviewSubmit = useCallback((values) => {
39
+ return _onReviewSubmit({ reviewId: item.uuid, answer: values });
40
+ }, [item.uuid, _onReviewSubmit]);
41
+ const onClickEndReview = useCallback(() => {
42
+ setOpen(false);
43
+ }, []);
44
+ const mode = useMemo(() => {
45
+ return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
46
+ }, [curriculumReviewAnswers, item.questions]);
47
+ const defaultValues = useMemo(() => {
48
+ const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
49
+ return item.questions.reduce((acc, question) => {
50
+ acc[question.uuid] = allAnswers[question.uuid] || "";
51
+ return acc;
52
+ }, {});
53
+ }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
54
+ const done = useMemo(() => {
55
+ return Boolean(curriculumCompleteMap[item.uuid]);
56
+ }, [curriculumCompleteMap, item.uuid]);
57
+ return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
58
+ /* @__PURE__ */ jsxs(
59
+ Flex,
60
+ {
61
+ align: "center",
62
+ direction: "column",
63
+ height: "100%",
64
+ justify: "center",
65
+ px: "3",
66
+ py: "3",
67
+ width: "100%",
68
+ children: [
69
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
70
+ /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
71
+ /* @__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 }) }) })
72
+ ]
73
+ }
74
+ ),
75
+ /* @__PURE__ */ jsx(
76
+ Dialog.Content,
77
+ {
78
+ height: "100%",
79
+ hideCloseButton: true,
80
+ style: { borderRadius: 0, padding: 0 },
81
+ title: "",
82
+ width: "100%",
83
+ children: /* @__PURE__ */ jsxs(
84
+ Flex,
85
+ {
86
+ align: "center",
87
+ height: "100%",
88
+ justify: "center",
89
+ pb: "3",
90
+ position: "relative",
91
+ width: "100%",
92
+ children: [
93
+ /* @__PURE__ */ jsx(
94
+ CurriculumReviewSteps_default,
95
+ {
96
+ contents: item,
97
+ curriculum,
98
+ defaultValues,
99
+ done,
100
+ mode,
101
+ onClickEndReview,
102
+ onReviewValueChange,
103
+ onSubmit: onReviewSubmit,
104
+ title: sectionTitle
105
+ }
106
+ ),
107
+ /* @__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: [
108
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
109
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
110
+ ] }) }) })
111
+ ]
112
+ }
113
+ )
114
+ }
115
+ )
116
+ ] });
117
+ }
118
+ var curriculum_review_default = CurriculumReview;
119
+
120
+ export {
121
+ curriculum_review_default
122
+ };
123
+ //# sourceMappingURL=chunk-WNFEYK6I.js.map
@@ -0,0 +1 @@
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 ...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 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":[]}
@@ -0,0 +1,89 @@
1
+ import {
2
+ complete_review_default
3
+ } from "./chunk-637SZITH.js";
4
+ import {
5
+ start_review_default
6
+ } from "./chunk-GJQDFBAF.js";
7
+ import {
8
+ ReviewQuestion_default
9
+ } from "./chunk-D4WHIKQQ.js";
10
+ import {
11
+ CurriculumReviewProvider,
12
+ useCurriculumReviewContext
13
+ } from "./chunk-EBGKFGME.js";
14
+
15
+ // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
16
+ import { jsx } from "react/jsx-runtime";
17
+ function CurriculumReviewStepsInner() {
18
+ const {
19
+ formik,
20
+ step,
21
+ handleStart,
22
+ handleNext,
23
+ handlePrev,
24
+ onClickReviewMyAnswer,
25
+ handleSubmit,
26
+ currentQuestion,
27
+ currentAnswer,
28
+ currentError,
29
+ reviewContents,
30
+ handleAnswerChange
31
+ } = useCurriculumReviewContext();
32
+ const { questions } = reviewContents;
33
+ if (step === 0) {
34
+ return /* @__PURE__ */ jsx(start_review_default, { onStart: handleStart });
35
+ }
36
+ if (step > 0 && step <= questions.length && currentQuestion) {
37
+ return /* @__PURE__ */ jsx(
38
+ ReviewQuestion_default,
39
+ {
40
+ answer: currentAnswer,
41
+ error: currentError,
42
+ index: step - 1,
43
+ isLast: step === questions.length,
44
+ isLoading: formik.isSubmitting,
45
+ isNextDisabled: currentError !== void 0,
46
+ onChange: handleAnswerChange,
47
+ onNext: handleNext,
48
+ onPrev: handlePrev,
49
+ onSubmit: handleSubmit,
50
+ question: currentQuestion,
51
+ total: questions.length
52
+ }
53
+ );
54
+ }
55
+ return /* @__PURE__ */ jsx(complete_review_default, { onClickReviewMyAnswer });
56
+ }
57
+ function CurriculumReviewSteps({
58
+ contents,
59
+ title,
60
+ onClickEndReview,
61
+ onSubmit,
62
+ defaultValues,
63
+ curriculum,
64
+ onReviewValueChange,
65
+ mode,
66
+ done
67
+ }) {
68
+ return /* @__PURE__ */ jsx(
69
+ CurriculumReviewProvider,
70
+ {
71
+ curriculum,
72
+ defaultValues,
73
+ done,
74
+ mode,
75
+ onClickEndReview,
76
+ onReviewValueChange,
77
+ onSubmit,
78
+ reviewContents: contents,
79
+ sectionTitle: title,
80
+ children: /* @__PURE__ */ jsx(CurriculumReviewStepsInner, {})
81
+ }
82
+ );
83
+ }
84
+ var CurriculumReviewSteps_default = CurriculumReviewSteps;
85
+
86
+ export {
87
+ CurriculumReviewSteps_default
88
+ };
89
+ //# sourceMappingURL=chunk-WNYT4BQZ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React 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';\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":";;;;;;;;;;;;;;;AA8BW;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":[]}
@@ -0,0 +1,89 @@
1
+ import {
2
+ start_review_default
3
+ } from "./chunk-J52WPSWU.js";
4
+ import {
5
+ ReviewQuestion_default
6
+ } from "./chunk-IWGZKHJL.js";
7
+ import {
8
+ complete_review_default
9
+ } from "./chunk-637SZITH.js";
10
+ import {
11
+ CurriculumReviewProvider,
12
+ useCurriculumReviewContext
13
+ } from "./chunk-EBGKFGME.js";
14
+
15
+ // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
16
+ import { jsx } from "react/jsx-runtime";
17
+ function CurriculumReviewStepsInner() {
18
+ const {
19
+ formik,
20
+ step,
21
+ handleStart,
22
+ handleNext,
23
+ handlePrev,
24
+ onClickReviewMyAnswer,
25
+ handleSubmit,
26
+ currentQuestion,
27
+ currentAnswer,
28
+ currentError,
29
+ reviewContents,
30
+ handleAnswerChange
31
+ } = useCurriculumReviewContext();
32
+ const { questions } = reviewContents;
33
+ if (step === 0) {
34
+ return /* @__PURE__ */ jsx(start_review_default, { onStart: handleStart });
35
+ }
36
+ if (step > 0 && step <= questions.length && currentQuestion) {
37
+ return /* @__PURE__ */ jsx(
38
+ ReviewQuestion_default,
39
+ {
40
+ answer: currentAnswer,
41
+ error: currentError,
42
+ index: step - 1,
43
+ isLast: step === questions.length,
44
+ isLoading: formik.isSubmitting,
45
+ isNextDisabled: currentError !== void 0,
46
+ onChange: handleAnswerChange,
47
+ onNext: handleNext,
48
+ onPrev: handlePrev,
49
+ onSubmit: handleSubmit,
50
+ question: currentQuestion,
51
+ total: questions.length
52
+ }
53
+ );
54
+ }
55
+ return /* @__PURE__ */ jsx(complete_review_default, { onClickReviewMyAnswer });
56
+ }
57
+ function CurriculumReviewSteps({
58
+ contents,
59
+ title,
60
+ onClickEndReview,
61
+ onSubmit,
62
+ defaultValues,
63
+ curriculum,
64
+ onReviewValueChange,
65
+ mode,
66
+ done
67
+ }) {
68
+ return /* @__PURE__ */ jsx(
69
+ CurriculumReviewProvider,
70
+ {
71
+ curriculum,
72
+ defaultValues,
73
+ done,
74
+ mode,
75
+ onClickEndReview,
76
+ onReviewValueChange,
77
+ onSubmit,
78
+ reviewContents: contents,
79
+ sectionTitle: title,
80
+ children: /* @__PURE__ */ jsx(CurriculumReviewStepsInner, {})
81
+ }
82
+ );
83
+ }
84
+ var CurriculumReviewSteps_default = CurriculumReviewSteps;
85
+
86
+ export {
87
+ CurriculumReviewSteps_default
88
+ };
89
+ //# sourceMappingURL=chunk-YDNYSZ4R.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React 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';\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":";;;;;;;;;;;;;;;AA8BW;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":[]}
@@ -0,0 +1,123 @@
1
+ import {
2
+ CurriculumReviewSteps_default
3
+ } from "./chunk-WNYT4BQZ.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-YN4SHJ2O.js";
7
+ import {
8
+ Dialog
9
+ } from "./chunk-45VFASWZ.js";
10
+ import {
11
+ IconButton
12
+ } from "./chunk-O3DNDMV3.js";
13
+ import {
14
+ Box
15
+ } from "./chunk-4Y5BEXVN.js";
16
+ import {
17
+ Typo
18
+ } from "./chunk-LH57PIY2.js";
19
+ import {
20
+ Flex
21
+ } from "./chunk-25HMMI7R.js";
22
+ import {
23
+ Button
24
+ } from "./chunk-AFPH32MF.js";
25
+ import {
26
+ __spreadValues
27
+ } from "./chunk-2NMEKWO5.js";
28
+
29
+ // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
30
+ import { useCallback, useMemo, useState } from "react";
31
+ import { Cross1Icon } from "@radix-ui/react-icons";
32
+ import { jsx, jsxs } from "react/jsx-runtime";
33
+ function CurriculumReview(props) {
34
+ const { item, sectionTitle } = props;
35
+ const { description, buttonTitle } = item;
36
+ const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
37
+ const [open, setOpen] = useState(false);
38
+ const onReviewSubmit = useCallback((values) => {
39
+ return _onReviewSubmit({ reviewId: item.uuid, answer: values });
40
+ }, [item.uuid, _onReviewSubmit]);
41
+ const onClickEndReview = useCallback(() => {
42
+ setOpen(false);
43
+ }, []);
44
+ const mode = useMemo(() => {
45
+ return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
46
+ }, [curriculumReviewAnswers, item.questions]);
47
+ const defaultValues = useMemo(() => {
48
+ const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
49
+ return item.questions.reduce((acc, question) => {
50
+ acc[question.uuid] = allAnswers[question.uuid] || "";
51
+ return acc;
52
+ }, {});
53
+ }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
54
+ const done = useMemo(() => {
55
+ return Boolean(curriculumCompleteMap[item.uuid]);
56
+ }, [curriculumCompleteMap, item.uuid]);
57
+ return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
58
+ /* @__PURE__ */ jsxs(
59
+ Flex,
60
+ {
61
+ align: "center",
62
+ direction: "column",
63
+ height: "100%",
64
+ justify: "center",
65
+ px: "3",
66
+ py: "3",
67
+ width: "100%",
68
+ children: [
69
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
70
+ /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
71
+ /* @__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 }) }) })
72
+ ]
73
+ }
74
+ ),
75
+ /* @__PURE__ */ jsx(
76
+ Dialog.Content,
77
+ {
78
+ height: "100%",
79
+ hideCloseButton: true,
80
+ style: { borderRadius: 0, padding: 0 },
81
+ title: "",
82
+ width: "100%",
83
+ children: /* @__PURE__ */ jsxs(
84
+ Flex,
85
+ {
86
+ align: "center",
87
+ height: "100%",
88
+ justify: "center",
89
+ pb: "3",
90
+ position: "relative",
91
+ width: "100%",
92
+ children: [
93
+ /* @__PURE__ */ jsx(
94
+ CurriculumReviewSteps_default,
95
+ {
96
+ contents: item,
97
+ curriculum,
98
+ defaultValues,
99
+ done,
100
+ mode,
101
+ onClickEndReview,
102
+ onReviewValueChange,
103
+ onSubmit: onReviewSubmit,
104
+ title: sectionTitle
105
+ }
106
+ ),
107
+ /* @__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: [
108
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
109
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
110
+ ] }) }) })
111
+ ]
112
+ }
113
+ )
114
+ }
115
+ )
116
+ ] });
117
+ }
118
+ var curriculum_review_default = CurriculumReview;
119
+
120
+ export {
121
+ curriculum_review_default
122
+ };
123
+ //# sourceMappingURL=chunk-ZS32P3T5.js.map
@@ -0,0 +1 @@
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 ...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 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":[]}