@tipp/ui 2.3.12 → 2.3.13

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 (78) hide show
  1. package/dist/app/index.js +86 -86
  2. package/dist/app/platform/coach-question-list.js +31 -31
  3. package/dist/app/platform/contents-card.js +31 -31
  4. package/dist/app/platform/curriculum-card.js +5 -5
  5. package/dist/app/platform/edit-coaching-time.js +70 -70
  6. package/dist/app/platform/edit-service-type.js +71 -71
  7. package/dist/app/platform/goal-manage-card-edit.js +70 -70
  8. package/dist/app/platform/goal-manage-card-read.js +31 -31
  9. package/dist/app/platform/on-offline-radio-card.js +70 -70
  10. package/dist/app/platform/report-card.js +31 -31
  11. package/dist/app/platform/reservation-card.js +71 -71
  12. package/dist/app/platform/session-card.js +73 -73
  13. package/dist/app/platform/session-review-simple-read.js +31 -31
  14. package/dist/app/platform/userInfos/coaching-customer-info/index.js +34 -34
  15. package/dist/app/platform/userInfos/coaching-customer-info/large.js +31 -31
  16. package/dist/app/platform/userInfos/coaching-customer-info/medium.js +31 -31
  17. package/dist/app/platform/userInfos/coaching-customer-info/small.js +31 -31
  18. package/dist/app/platform/userInfos/session-user-info-detail.js +31 -31
  19. package/dist/app/platform/userInfos/utils.js +30 -30
  20. package/dist/atoms/bullet-text.js +2 -2
  21. package/dist/atoms/dialog.js +2 -2
  22. package/dist/atoms/field-error-wrapper.js +2 -2
  23. package/dist/atoms/index.js +62 -62
  24. package/dist/atoms/list.js +2 -2
  25. package/dist/atoms/pagination.js +3 -3
  26. package/dist/chunk-6MQMVYEP.js +30 -0
  27. package/dist/chunk-6MQMVYEP.js.map +1 -0
  28. package/dist/chunk-BXD634IB.js +196 -0
  29. package/dist/chunk-BXD634IB.js.map +1 -0
  30. package/dist/chunk-EVZDBCE5.js +196 -0
  31. package/dist/chunk-EVZDBCE5.js.map +1 -0
  32. package/dist/chunk-LVZSTDXB.js +64 -0
  33. package/dist/chunk-LVZSTDXB.js.map +1 -0
  34. package/dist/chunk-PSDF4NMN.js +89 -0
  35. package/dist/chunk-PSDF4NMN.js.map +1 -0
  36. package/dist/chunk-U7MPO7V5.js +64 -0
  37. package/dist/chunk-U7MPO7V5.js.map +1 -0
  38. package/dist/context/index.js +5 -5
  39. package/dist/index.css +1 -1
  40. package/dist/index.js +141 -141
  41. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +18 -18
  42. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.js +4 -4
  43. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +11 -11
  44. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.js +2 -2
  45. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.js +3 -3
  46. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.js +2 -2
  47. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.js +6 -6
  48. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.js +5 -5
  49. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.js +5 -5
  50. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.js +5 -5
  51. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.js +4 -4
  52. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +21 -21
  53. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.js +6 -6
  54. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.js +3 -3
  55. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +23 -23
  56. package/dist/molecules/curriculumV2/CurriculumContents/index.js +26 -26
  57. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.js +2 -2
  58. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-item.js +4 -4
  59. package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +7 -7
  60. package/dist/molecules/curriculumV2/CurriculumSidebar/sidebar-item.js +5 -5
  61. package/dist/molecules/curriculumV2/curriculum-sub-nav.js +4 -4
  62. package/dist/molecules/curriculumV2/curriculum-v2-layout.js +2 -2
  63. package/dist/molecules/curriculumV2/index.js +33 -33
  64. package/dist/molecules/date-picker/date-picker-button.js +6 -6
  65. package/dist/molecules/date-picker/index.js +5 -5
  66. package/dist/molecules/download-card.js +2 -2
  67. package/dist/molecules/dynamic-field.js +5 -5
  68. package/dist/molecules/dynamic-form.js +6 -6
  69. package/dist/molecules/expand-table/index.js +5 -5
  70. package/dist/molecules/force-refresh.js +2 -2
  71. package/dist/molecules/ghost-post.js +4 -4
  72. package/dist/molecules/index.js +71 -71
  73. package/dist/molecules/learning-post.js +6 -6
  74. package/dist/molecules/navigation.js +3 -3
  75. package/dist/molecules/one-on-one-guide-list.js +3 -3
  76. package/dist/molecules/stepper.js +4 -4
  77. package/dist/molecules/tag-selector.js +5 -5
  78. package/package.json +3 -3
@@ -1,17 +1,8 @@
1
1
  import "../chunk-HBF6IIVZ.js";
2
2
  import {
3
- ToastContainer,
4
- toast
5
- } from "../chunk-EEKOTWBE.js";
6
- import {
7
- Skeleton
8
- } from "../chunk-5H3YPCZK.js";
9
- import {
10
- Spinner
11
- } from "../chunk-FR2GDOU2.js";
12
- import {
13
- Strong
14
- } from "../chunk-74DX4CU7.js";
3
+ Form,
4
+ FormItem
5
+ } from "../chunk-2OMSNCRH.js";
15
6
  import {
16
7
  Switch
17
8
  } from "../chunk-OYM4XCHQ.js";
@@ -28,14 +19,9 @@ import {
28
19
  TextField
29
20
  } from "../chunk-6NPTJBFE.js";
30
21
  import {
31
- RadioCards
32
- } from "../chunk-6IVCARWS.js";
33
- import {
34
- RadioGroup
35
- } from "../chunk-6DJOIRMF.js";
36
- import {
37
- Radio
38
- } from "../chunk-FPD73OHW.js";
22
+ ToastContainer,
23
+ toast
24
+ } from "../chunk-EEKOTWBE.js";
39
25
  import {
40
26
  ScrollArea
41
27
  } from "../chunk-MUPK4L3U.js";
@@ -52,21 +38,21 @@ import {
52
38
  Separator
53
39
  } from "../chunk-HYITAA4J.js";
54
40
  import {
55
- Inset
56
- } from "../chunk-XQOL7UBI.js";
41
+ Skeleton
42
+ } from "../chunk-5H3YPCZK.js";
57
43
  import {
58
- Kbd
59
- } from "../chunk-TULWX7D6.js";
44
+ Spinner
45
+ } from "../chunk-FR2GDOU2.js";
60
46
  import {
61
- Link
62
- } from "../chunk-DHZVOXFM.js";
47
+ Strong
48
+ } from "../chunk-74DX4CU7.js";
63
49
  import {
64
50
  List,
65
51
  useList
66
- } from "../chunk-WV2HN6H4.js";
52
+ } from "../chunk-JIJLOKVN.js";
67
53
  import {
68
54
  Pagination
69
- } from "../chunk-SBJOKO35.js";
55
+ } from "../chunk-FG3WT6OL.js";
70
56
  import {
71
57
  Popover
72
58
  } from "../chunk-5AVBYDPB.js";
@@ -77,11 +63,14 @@ import {
77
63
  Quote
78
64
  } from "../chunk-YO3BQW6S.js";
79
65
  import {
80
- Em
81
- } from "../chunk-2DZ2Y3JI.js";
66
+ RadioCards
67
+ } from "../chunk-6IVCARWS.js";
82
68
  import {
83
- FieldErrorWrapper
84
- } from "../chunk-VRJR534I.js";
69
+ RadioGroup
70
+ } from "../chunk-6DJOIRMF.js";
71
+ import {
72
+ Radio
73
+ } from "../chunk-FPD73OHW.js";
85
74
  import {
86
75
  Grid
87
76
  } from "../chunk-EGEQY3KT.js";
@@ -89,20 +78,23 @@ import {
89
78
  HoverCard
90
79
  } from "../chunk-O3T3TM3V.js";
91
80
  import {
92
- Code
93
- } from "../chunk-OHMOP5PV.js";
81
+ Inset
82
+ } from "../chunk-XQOL7UBI.js";
94
83
  import {
95
- Collapse
96
- } from "../chunk-NFDQJVFA.js";
84
+ Kbd
85
+ } from "../chunk-TULWX7D6.js";
97
86
  import {
98
- Container
99
- } from "../chunk-Q37G2GS6.js";
87
+ Link
88
+ } from "../chunk-DHZVOXFM.js";
100
89
  import {
101
90
  DataList
102
91
  } from "../chunk-VTJZMOSP.js";
103
92
  import {
104
93
  Dialog
105
- } from "../chunk-JQ7VQ5SB.js";
94
+ } from "../chunk-AH4A53SZ.js";
95
+ import {
96
+ Heading
97
+ } from "../chunk-BESTU2AY.js";
106
98
  import {
107
99
  Content,
108
100
  Drawer,
@@ -124,17 +116,13 @@ import {
124
116
  import {
125
117
  Tooltip
126
118
  } from "../chunk-3NUQAVE6.js";
119
+ import "../chunk-PT57HCAI.js";
127
120
  import {
128
- BulletText
129
- } from "../chunk-QRI6ARS6.js";
130
- import {
131
- Flex
132
- } from "../chunk-25HMMI7R.js";
121
+ Em
122
+ } from "../chunk-2DZ2Y3JI.js";
133
123
  import {
134
- Button
135
- } from "../chunk-ZVDAEY5Q.js";
136
- import "../chunk-LQY4RKWI.js";
137
- import "../chunk-ZD7MNMED.js";
124
+ FieldErrorWrapper
125
+ } from "../chunk-ZOPYFDLO.js";
138
126
  import {
139
127
  Callout
140
128
  } from "../chunk-B6XJN6EC.js";
@@ -151,11 +139,14 @@ import {
151
139
  Checkbox
152
140
  } from "../chunk-VYCYVN3L.js";
153
141
  import {
154
- AlertDialog
155
- } from "../chunk-J242TTFH.js";
142
+ Code
143
+ } from "../chunk-OHMOP5PV.js";
156
144
  import {
157
- AspectRatio
158
- } from "../chunk-EAXUQEO5.js";
145
+ Collapse
146
+ } from "../chunk-NFDQJVFA.js";
147
+ import {
148
+ Container
149
+ } from "../chunk-Q37G2GS6.js";
159
150
  import {
160
151
  AutoSizingInput
161
152
  } from "../chunk-6SYFG6YY.js";
@@ -171,6 +162,21 @@ import {
171
162
  import {
172
163
  Box
173
164
  } from "../chunk-4Y5BEXVN.js";
165
+ import {
166
+ BulletText
167
+ } from "../chunk-Z34HR7RE.js";
168
+ import {
169
+ Typo
170
+ } from "../chunk-PMJIFLDT.js";
171
+ import "../chunk-LDBWASUA.js";
172
+ import {
173
+ Flex
174
+ } from "../chunk-25HMMI7R.js";
175
+ import {
176
+ Button
177
+ } from "../chunk-ZVDAEY5Q.js";
178
+ import "../chunk-LQY4RKWI.js";
179
+ import "../chunk-ZD7MNMED.js";
174
180
  import "../chunk-W5TPOFOO.js";
175
181
  import "../chunk-WJ34ZHTU.js";
176
182
  import "../chunk-ZQE7SP6P.js";
@@ -186,18 +192,12 @@ import "../chunk-YSYJCYHY.js";
186
192
  import "../chunk-5OM2H6RI.js";
187
193
  import "../chunk-ZUYCXCPW.js";
188
194
  import "../chunk-YVFNJE4E.js";
189
- import "../chunk-PT57HCAI.js";
190
195
  import {
191
- Form,
192
- FormItem
193
- } from "../chunk-2OMSNCRH.js";
194
- import {
195
- Heading
196
- } from "../chunk-BESTU2AY.js";
196
+ AlertDialog
197
+ } from "../chunk-J242TTFH.js";
197
198
  import {
198
- Typo
199
- } from "../chunk-PMJIFLDT.js";
200
- import "../chunk-LDBWASUA.js";
199
+ AspectRatio
200
+ } from "../chunk-EAXUQEO5.js";
201
201
  import "../chunk-CRTRMMJ7.js";
202
202
  export {
203
203
  AlertDialog,
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  List,
3
3
  useList
4
- } from "../chunk-WV2HN6H4.js";
5
- import "../chunk-25HMMI7R.js";
4
+ } from "../chunk-JIJLOKVN.js";
6
5
  import "../chunk-PMJIFLDT.js";
7
6
  import "../chunk-LDBWASUA.js";
7
+ import "../chunk-25HMMI7R.js";
8
8
  import "../chunk-CRTRMMJ7.js";
9
9
  export {
10
10
  List,
@@ -1,8 +1,10 @@
1
1
  import {
2
2
  Pagination
3
- } from "../chunk-SBJOKO35.js";
3
+ } from "../chunk-FG3WT6OL.js";
4
4
  import "../chunk-XK6VEVOK.js";
5
5
  import "../chunk-HF6GNDPV.js";
6
+ import "../chunk-PMJIFLDT.js";
7
+ import "../chunk-LDBWASUA.js";
6
8
  import "../chunk-25HMMI7R.js";
7
9
  import "../chunk-W5TPOFOO.js";
8
10
  import "../chunk-WJ34ZHTU.js";
@@ -19,8 +21,6 @@ import "../chunk-YSYJCYHY.js";
19
21
  import "../chunk-5OM2H6RI.js";
20
22
  import "../chunk-ZUYCXCPW.js";
21
23
  import "../chunk-YVFNJE4E.js";
22
- import "../chunk-PMJIFLDT.js";
23
- import "../chunk-LDBWASUA.js";
24
24
  import "../chunk-CRTRMMJ7.js";
25
25
  export {
26
26
  Pagination
@@ -0,0 +1,30 @@
1
+ import {
2
+ CoachingCustomerInfoLarge
3
+ } from "./chunk-64XYTE54.js";
4
+ import {
5
+ CoachingCustomerInfoMedium
6
+ } from "./chunk-62HSZXVT.js";
7
+ import {
8
+ CoachingCustomerInfoSmall
9
+ } from "./chunk-YADSNPMG.js";
10
+ import {
11
+ Box
12
+ } from "./chunk-4Y5BEXVN.js";
13
+ import {
14
+ __spreadValues
15
+ } from "./chunk-CRTRMMJ7.js";
16
+
17
+ // src/app/platform/userInfos/coaching-customer-info/index.tsx
18
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
19
+ function CoachingCustomerInfo(props) {
20
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
21
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
22
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
23
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
24
+ ] });
25
+ }
26
+
27
+ export {
28
+ CoachingCustomerInfo
29
+ };
30
+ //# sourceMappingURL=chunk-6MQMVYEP.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n CoachingCustomerInfoLarge,\n CoachingCustomerInfoMedium,\n CoachingCustomerInfoSmall,\n};\n\nexport { type CoachingCustomerInfoProps };\n\nexport function CoachingCustomerInfo(\n props: CoachingCustomerInfoProps\n): React.ReactNode {\n return (\n <>\n <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n <CoachingCustomerInfoSmall {...props} />\n </Box>\n <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n <CoachingCustomerInfoMedium {...props} />\n </Box>\n <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n <CoachingCustomerInfoLarge {...props} />\n </Box>\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,mBAEI,KAFJ;AAJG,SAAS,qBACd,OACiB;AACjB,SACE,iCACE;AAAA,wBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,QAAQ,IAAI,OAAO,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,SAAS,IAAI,OAAO,GACvD,8BAAC,+CAA+B,MAAO,GACzC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,IAAI,QAAQ,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,KACF;AAEJ;","names":[]}
@@ -0,0 +1,196 @@
1
+ import {
2
+ CurriculumReviewSteps_default
3
+ } from "./chunk-PSDF4NMN.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-ZFWZAZPG.js";
7
+ import {
8
+ Dialog
9
+ } from "./chunk-AH4A53SZ.js";
10
+ import {
11
+ IconButton
12
+ } from "./chunk-XK6VEVOK.js";
13
+ import {
14
+ Box
15
+ } from "./chunk-4Y5BEXVN.js";
16
+ import {
17
+ Typo
18
+ } from "./chunk-PMJIFLDT.js";
19
+ import {
20
+ Flex
21
+ } from "./chunk-25HMMI7R.js";
22
+ import {
23
+ Button
24
+ } from "./chunk-ZVDAEY5Q.js";
25
+ import {
26
+ __spreadValues
27
+ } from "./chunk-CRTRMMJ7.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 {
37
+ curriculum,
38
+ onReviewSubmit: _onReviewSubmit,
39
+ onReviewValueChange: _onReviewValueChange,
40
+ curriculumReviewAnswers,
41
+ tempCurriculumReviewAnswers,
42
+ curriculumCompleteMap
43
+ } = useCurriculumContext();
44
+ const [open, setOpen] = useState(false);
45
+ const [isChanged, setIsChanged] = useState(false);
46
+ const [closeDialogOpen, setCloseDialogOpen] = useState(false);
47
+ const onReviewValueChange = useCallback(
48
+ ({
49
+ reviewId,
50
+ answer
51
+ }) => {
52
+ if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {
53
+ return;
54
+ }
55
+ setIsChanged(true);
56
+ _onReviewValueChange({ reviewId, answer });
57
+ },
58
+ [_onReviewValueChange, curriculumReviewAnswers]
59
+ );
60
+ const onReviewSubmit = useCallback(
61
+ (values) => {
62
+ return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
63
+ (result) => {
64
+ setIsChanged(false);
65
+ return result;
66
+ }
67
+ );
68
+ },
69
+ [item.uuid, _onReviewSubmit]
70
+ );
71
+ const onClickEndReview = useCallback(() => {
72
+ setOpen(false);
73
+ }, []);
74
+ const onClickCloseDrawer = useCallback(() => {
75
+ if (isChanged) {
76
+ setCloseDialogOpen(true);
77
+ } else {
78
+ setOpen(false);
79
+ }
80
+ }, [isChanged]);
81
+ const mode = useMemo(() => {
82
+ return item.questions.every(
83
+ (question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== ""
84
+ ) ? "edit" : "create";
85
+ }, [curriculumReviewAnswers, item.questions]);
86
+ const defaultValues = useMemo(() => {
87
+ const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
88
+ return item.questions.reduce((acc, question) => {
89
+ acc[question.uuid] = allAnswers[question.uuid] || "";
90
+ return acc;
91
+ }, {});
92
+ }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
93
+ const done = useMemo(() => {
94
+ return Boolean(curriculumCompleteMap[item.uuid]);
95
+ }, [curriculumCompleteMap, item.uuid]);
96
+ const bgColor = done ? "var(--color-panel-solid)" : void 0;
97
+ return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
98
+ /* @__PURE__ */ jsxs(
99
+ Flex,
100
+ {
101
+ align: "center",
102
+ direction: "column",
103
+ height: "100%",
104
+ justify: "center",
105
+ px: "3",
106
+ py: "3",
107
+ style: {
108
+ backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
109
+ backgroundPosition: "center",
110
+ backgroundSize: "cover",
111
+ backgroundRepeat: "no-repeat"
112
+ },
113
+ width: "100%",
114
+ children: [
115
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
116
+ /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
117
+ /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
118
+ Button,
119
+ {
120
+ mt: "3",
121
+ style: { minWidth: 232, backgroundColor: bgColor },
122
+ variant: done ? "outline" : "solid",
123
+ children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle })
124
+ }
125
+ ) })
126
+ ]
127
+ }
128
+ ),
129
+ /* @__PURE__ */ jsx(
130
+ Dialog.Content,
131
+ {
132
+ height: "100%",
133
+ hideCloseButton: true,
134
+ style: { borderRadius: 0, padding: 0 },
135
+ title: "",
136
+ width: "100%",
137
+ children: /* @__PURE__ */ jsxs(
138
+ Flex,
139
+ {
140
+ align: "center",
141
+ height: "100%",
142
+ justify: "center",
143
+ pb: "3",
144
+ position: "relative",
145
+ width: "100%",
146
+ children: [
147
+ /* @__PURE__ */ jsx(
148
+ CurriculumReviewSteps_default,
149
+ {
150
+ contents: item,
151
+ curriculum,
152
+ defaultValues,
153
+ done,
154
+ mode,
155
+ onClickEndReview,
156
+ onReviewValueChange,
157
+ onSubmit: onReviewSubmit,
158
+ title: sectionTitle
159
+ }
160
+ ),
161
+ /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsxs(
162
+ IconButton,
163
+ {
164
+ color: "gray",
165
+ onClick: onClickCloseDrawer,
166
+ variant: "ghost",
167
+ children: [
168
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
169
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
170
+ ]
171
+ }
172
+ ) }),
173
+ /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ jsx(
174
+ Dialog.Content,
175
+ {
176
+ buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
177
+ /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
178
+ /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
179
+ ] }),
180
+ title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
181
+ 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." })
182
+ }
183
+ ) })
184
+ ]
185
+ }
186
+ )
187
+ }
188
+ )
189
+ ] });
190
+ }
191
+ var curriculum_review_default = CurriculumReview;
192
+
193
+ export {
194
+ curriculum_review_default
195
+ };
196
+ //# sourceMappingURL=chunk-BXD634IB.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 } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Dialog } from '@/atoms/dialog';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Typo } from '@/atoms/typo';\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(\n ({\n reviewId,\n answer,\n }: {\n reviewId: string;\n answer: Record<string, string>;\n }) => {\n if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {\n return;\n }\n\n setIsChanged(true);\n _onReviewValueChange({ reviewId, answer });\n },\n [_onReviewValueChange, curriculumReviewAnswers]\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 if (isChanged) {\n setCloseDialogOpen(true);\n } else {\n setOpen(false);\n }\n }, [isChanged]);\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 {/* 닫기 버튼 */}\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 {/* 진짜 닫겠습니까 모달 */}\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":[]}