@tipp/ui 2.3.5 → 2.3.7

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 (218) hide show
  1. package/dist/app/index.cjs.map +1 -1
  2. package/dist/app/index.js +83 -83
  3. package/dist/app/platform/coach-question-list.cjs.map +1 -1
  4. package/dist/app/platform/coach-question-list.js +30 -30
  5. package/dist/app/platform/contents-card.cjs.map +1 -1
  6. package/dist/app/platform/contents-card.js +30 -30
  7. package/dist/app/platform/curriculum-card.js +6 -6
  8. package/dist/app/platform/edit-coaching-time.cjs.map +1 -1
  9. package/dist/app/platform/edit-coaching-time.js +67 -67
  10. package/dist/app/platform/edit-service-type.cjs.map +1 -1
  11. package/dist/app/platform/edit-service-type.js +68 -68
  12. package/dist/app/platform/goal-manage-card-edit.cjs.map +1 -1
  13. package/dist/app/platform/goal-manage-card-edit.js +67 -67
  14. package/dist/app/platform/goal-manage-card-read.cjs.map +1 -1
  15. package/dist/app/platform/goal-manage-card-read.js +30 -30
  16. package/dist/app/platform/on-offline-radio-card.cjs.map +1 -1
  17. package/dist/app/platform/on-offline-radio-card.js +67 -67
  18. package/dist/app/platform/report-card.cjs.map +1 -1
  19. package/dist/app/platform/report-card.js +30 -30
  20. package/dist/app/platform/reservation-card.cjs.map +1 -1
  21. package/dist/app/platform/reservation-card.js +68 -68
  22. package/dist/app/platform/session-card.cjs.map +1 -1
  23. package/dist/app/platform/session-card.js +70 -70
  24. package/dist/app/platform/session-review-simple-read.cjs.map +1 -1
  25. package/dist/app/platform/session-review-simple-read.js +30 -30
  26. package/dist/app/platform/userInfos/coaching-customer-info/index.cjs.map +1 -1
  27. package/dist/app/platform/userInfos/coaching-customer-info/index.js +33 -33
  28. package/dist/app/platform/userInfos/coaching-customer-info/large.cjs.map +1 -1
  29. package/dist/app/platform/userInfos/coaching-customer-info/large.js +30 -30
  30. package/dist/app/platform/userInfos/coaching-customer-info/medium.cjs.map +1 -1
  31. package/dist/app/platform/userInfos/coaching-customer-info/medium.js +30 -30
  32. package/dist/app/platform/userInfos/coaching-customer-info/small.cjs.map +1 -1
  33. package/dist/app/platform/userInfos/coaching-customer-info/small.js +30 -30
  34. package/dist/app/platform/userInfos/session-user-info-detail.cjs.map +1 -1
  35. package/dist/app/platform/userInfos/session-user-info-detail.js +30 -30
  36. package/dist/app/platform/userInfos/utils.cjs.map +1 -1
  37. package/dist/app/platform/userInfos/utils.js +29 -29
  38. package/dist/atoms/bullet-text.js +2 -2
  39. package/dist/atoms/dialog.js +2 -2
  40. package/dist/atoms/drawer.cjs +2 -3
  41. package/dist/atoms/drawer.cjs.map +1 -1
  42. package/dist/atoms/drawer.js +1 -1
  43. package/dist/atoms/field-error-wrapper.js +2 -2
  44. package/dist/atoms/index.cjs +2 -3
  45. package/dist/atoms/index.cjs.map +1 -1
  46. package/dist/atoms/index.js +63 -63
  47. package/dist/atoms/list.js +2 -2
  48. package/dist/atoms/pagination.js +3 -3
  49. package/dist/chunk-2LRQWOIG.js +63 -0
  50. package/dist/chunk-2LRQWOIG.js.map +1 -0
  51. package/dist/chunk-2USHC4PH.js +63 -0
  52. package/dist/chunk-2USHC4PH.js.map +1 -0
  53. package/dist/chunk-3APHALEN.js +64 -0
  54. package/dist/chunk-3APHALEN.js.map +1 -0
  55. package/dist/chunk-3KH45IO4.js +89 -0
  56. package/dist/chunk-3KH45IO4.js.map +1 -0
  57. package/dist/chunk-3SCBKVQQ.js +51 -0
  58. package/dist/chunk-3SCBKVQQ.js.map +1 -0
  59. package/dist/chunk-4ETFHDG5.js +174 -0
  60. package/dist/chunk-4ETFHDG5.js.map +1 -0
  61. package/dist/chunk-4HDV26QV.js +51 -0
  62. package/dist/chunk-4HDV26QV.js.map +1 -0
  63. package/dist/chunk-5ZBSW4UW.js +64 -0
  64. package/dist/chunk-5ZBSW4UW.js.map +1 -0
  65. package/dist/chunk-62HSZXVT.js +74 -0
  66. package/dist/chunk-62HSZXVT.js.map +1 -0
  67. package/dist/chunk-64XYTE54.js +64 -0
  68. package/dist/chunk-64XYTE54.js.map +1 -0
  69. package/dist/chunk-6DR4EIVU.js +196 -0
  70. package/dist/chunk-6DR4EIVU.js.map +1 -0
  71. package/dist/chunk-7ADTM2PV.js +87 -0
  72. package/dist/chunk-7ADTM2PV.js.map +1 -0
  73. package/dist/chunk-7FRK5KLV.js +89 -0
  74. package/dist/chunk-7FRK5KLV.js.map +1 -0
  75. package/dist/chunk-ABUC6VII.js +144 -0
  76. package/dist/chunk-ABUC6VII.js.map +1 -0
  77. package/dist/chunk-AHXS2MBK.js +57 -0
  78. package/dist/chunk-AHXS2MBK.js.map +1 -0
  79. package/dist/chunk-C2EZQALX.js +363 -0
  80. package/dist/chunk-C2EZQALX.js.map +1 -0
  81. package/dist/chunk-C6ZC7TXX.js +30 -0
  82. package/dist/chunk-C6ZC7TXX.js.map +1 -0
  83. package/dist/chunk-CTZQFO5H.js +196 -0
  84. package/dist/chunk-CTZQFO5H.js.map +1 -0
  85. package/dist/chunk-DDFCVUO2.js +196 -0
  86. package/dist/chunk-DDFCVUO2.js.map +1 -0
  87. package/dist/chunk-DSWR2Z7U.js +89 -0
  88. package/dist/chunk-DSWR2Z7U.js.map +1 -0
  89. package/dist/chunk-E72OTAC6.js +89 -0
  90. package/dist/chunk-E72OTAC6.js.map +1 -0
  91. package/dist/chunk-EEAHZCIK.js +94 -0
  92. package/dist/chunk-EEAHZCIK.js.map +1 -0
  93. package/dist/chunk-EGT45N6F.js +30 -0
  94. package/dist/chunk-EGT45N6F.js.map +1 -0
  95. package/dist/chunk-FV4BQOCL.js +61 -0
  96. package/dist/chunk-FV4BQOCL.js.map +1 -0
  97. package/dist/chunk-GNTZY4DG.js +151 -0
  98. package/dist/chunk-GNTZY4DG.js.map +1 -0
  99. package/dist/chunk-GOPYUYXS.js +99 -0
  100. package/dist/chunk-GOPYUYXS.js.map +1 -0
  101. package/dist/chunk-IAIOO5Z2.js +174 -0
  102. package/dist/chunk-IAIOO5Z2.js.map +1 -0
  103. package/dist/chunk-IB7IFIYY.js +165 -0
  104. package/dist/chunk-IB7IFIYY.js.map +1 -0
  105. package/dist/chunk-IH6VDQ6C.js +61 -0
  106. package/dist/chunk-IH6VDQ6C.js.map +1 -0
  107. package/dist/chunk-IUUORJE5.js +68 -0
  108. package/dist/chunk-IUUORJE5.js.map +1 -0
  109. package/dist/chunk-K3Q4XLCN.js +65 -0
  110. package/dist/chunk-K3Q4XLCN.js.map +1 -0
  111. package/dist/chunk-KD6EXWP7.js +74 -0
  112. package/dist/chunk-KD6EXWP7.js.map +1 -0
  113. package/dist/chunk-KTUCYAG7.js +51 -0
  114. package/dist/chunk-KTUCYAG7.js.map +1 -0
  115. package/dist/chunk-KXCFAFL3.js +151 -0
  116. package/dist/chunk-KXCFAFL3.js.map +1 -0
  117. package/dist/chunk-L6FMK2ZK.js +64 -0
  118. package/dist/chunk-L6FMK2ZK.js.map +1 -0
  119. package/dist/chunk-LMALEQCE.js +228 -0
  120. package/dist/chunk-LMALEQCE.js.map +1 -0
  121. package/dist/chunk-M6ZYONSH.js +169 -0
  122. package/dist/chunk-M6ZYONSH.js.map +1 -0
  123. package/dist/chunk-N45T3WWG.js +139 -0
  124. package/dist/chunk-N45T3WWG.js.map +1 -0
  125. package/dist/chunk-P6DHFQXU.js +30 -0
  126. package/dist/chunk-P6DHFQXU.js.map +1 -0
  127. package/dist/chunk-PB4O3U6O.js +49 -0
  128. package/dist/chunk-PB4O3U6O.js.map +1 -0
  129. package/dist/chunk-PBWH6CMJ.js +217 -0
  130. package/dist/chunk-PBWH6CMJ.js.map +1 -0
  131. package/dist/chunk-PHGGXL3R.js +196 -0
  132. package/dist/chunk-PHGGXL3R.js.map +1 -0
  133. package/dist/chunk-QIXJ27DM.js +99 -0
  134. package/dist/chunk-QIXJ27DM.js.map +1 -0
  135. package/dist/chunk-RAKVKAXI.js +144 -0
  136. package/dist/chunk-RAKVKAXI.js.map +1 -0
  137. package/dist/chunk-RFXVHZAN.js +64 -0
  138. package/dist/chunk-RFXVHZAN.js.map +1 -0
  139. package/dist/chunk-T4HTYL5M.js +139 -0
  140. package/dist/chunk-T4HTYL5M.js.map +1 -0
  141. package/dist/chunk-TVZB6XRW.js +165 -0
  142. package/dist/chunk-TVZB6XRW.js.map +1 -0
  143. package/dist/chunk-TYBX7Q7B.js +64 -0
  144. package/dist/chunk-TYBX7Q7B.js.map +1 -0
  145. package/dist/chunk-UAXYYUVG.js +69 -0
  146. package/dist/chunk-UAXYYUVG.js.map +1 -0
  147. package/dist/chunk-UMBRV35P.js +217 -0
  148. package/dist/chunk-UMBRV35P.js.map +1 -0
  149. package/dist/chunk-UZZXVLBJ.js +145 -0
  150. package/dist/chunk-UZZXVLBJ.js.map +1 -0
  151. package/dist/chunk-VK6INFSB.js +69 -0
  152. package/dist/chunk-VK6INFSB.js.map +1 -0
  153. package/dist/chunk-Y724ZBAT.js +61 -0
  154. package/dist/chunk-Y724ZBAT.js.map +1 -0
  155. package/dist/chunk-YLSOXSUS.js +117 -0
  156. package/dist/chunk-YLSOXSUS.js.map +1 -0
  157. package/dist/context/dynamic-form-context.cjs +3 -1
  158. package/dist/context/dynamic-form-context.cjs.map +1 -1
  159. package/dist/context/dynamic-form-context.d.cts +3 -1
  160. package/dist/context/dynamic-form-context.d.ts +3 -1
  161. package/dist/context/dynamic-form-context.js +1 -1
  162. package/dist/context/index.cjs +3 -1
  163. package/dist/context/index.cjs.map +1 -1
  164. package/dist/context/index.js +5 -5
  165. package/dist/index.cjs +25 -17
  166. package/dist/index.cjs.map +1 -1
  167. package/dist/index.css +0 -1
  168. package/dist/index.js +138 -138
  169. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +16 -16
  170. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.js +4 -4
  171. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +9 -9
  172. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.js +2 -2
  173. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.js +3 -3
  174. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.js +2 -2
  175. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.js +5 -5
  176. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.js +5 -5
  177. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.js +5 -5
  178. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.js +5 -5
  179. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.js +4 -4
  180. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +20 -20
  181. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.js +6 -6
  182. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.js +3 -3
  183. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +22 -22
  184. package/dist/molecules/curriculumV2/CurriculumContents/index.js +25 -25
  185. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.js +2 -2
  186. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-item.js +4 -4
  187. package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +8 -8
  188. package/dist/molecules/curriculumV2/CurriculumSidebar/sidebar-item.js +5 -5
  189. package/dist/molecules/curriculumV2/curriculum-sub-nav.js +4 -4
  190. package/dist/molecules/curriculumV2/curriculum-v2-layout.js +2 -2
  191. package/dist/molecules/curriculumV2/index.js +32 -32
  192. package/dist/molecules/date-picker/date-picker-button.js +6 -6
  193. package/dist/molecules/date-picker/index.js +5 -5
  194. package/dist/molecules/download-card.js +2 -2
  195. package/dist/molecules/dynamic-field.cjs +15 -9
  196. package/dist/molecules/dynamic-field.cjs.map +1 -1
  197. package/dist/molecules/dynamic-field.js +4 -4
  198. package/dist/molecules/dynamic-form.cjs +23 -14
  199. package/dist/molecules/dynamic-form.cjs.map +1 -1
  200. package/dist/molecules/dynamic-form.d.cts +2 -1
  201. package/dist/molecules/dynamic-form.d.ts +2 -1
  202. package/dist/molecules/dynamic-form.js +5 -5
  203. package/dist/molecules/expand-table/index.js +4 -4
  204. package/dist/molecules/force-refresh.js +2 -2
  205. package/dist/molecules/ghost-post.js +4 -4
  206. package/dist/molecules/index.cjs +23 -14
  207. package/dist/molecules/index.cjs.map +1 -1
  208. package/dist/molecules/index.js +61 -61
  209. package/dist/molecules/learning-post.js +5 -5
  210. package/dist/molecules/navigation.js +3 -3
  211. package/dist/molecules/one-on-one-guide-list.js +3 -3
  212. package/dist/molecules/stepper.js +4 -4
  213. package/dist/molecules/tag-selector.js +5 -5
  214. package/package.json +1 -1
  215. package/src/atoms/drawer.tsx +2 -3
  216. package/src/context/dynamic-form-context.tsx +4 -0
  217. package/src/molecules/dynamic-field.tsx +12 -6
  218. package/src/molecules/dynamic-form.tsx +5 -3
@@ -0,0 +1,174 @@
1
+ import {
2
+ DatePickerButton
3
+ } from "./chunk-XLTMDAE3.js";
4
+ import {
5
+ TimeSelect
6
+ } from "./chunk-7PF6I4RN.js";
7
+ import {
8
+ getTimeOption,
9
+ parseTimeOption
10
+ } from "./chunk-NWJSLIQ3.js";
11
+ import {
12
+ toast
13
+ } from "./chunk-EEKOTWBE.js";
14
+ import {
15
+ Form
16
+ } from "./chunk-2OMSNCRH.js";
17
+ import {
18
+ Separator
19
+ } from "./chunk-HYITAA4J.js";
20
+ import {
21
+ Grid
22
+ } from "./chunk-EGEQY3KT.js";
23
+ import {
24
+ Dialog
25
+ } from "./chunk-AH4A53SZ.js";
26
+ import {
27
+ Box
28
+ } from "./chunk-4Y5BEXVN.js";
29
+ import {
30
+ Flex
31
+ } from "./chunk-25HMMI7R.js";
32
+ import {
33
+ Button
34
+ } from "./chunk-ZVDAEY5Q.js";
35
+ import {
36
+ __spreadProps,
37
+ __spreadValues
38
+ } from "./chunk-CRTRMMJ7.js";
39
+
40
+ // src/app/platform/edit-coaching-time.tsx
41
+ import { useCallback, useState } from "react";
42
+ import { jsx, jsxs } from "react/jsx-runtime";
43
+ var getValueFromDefaultValue = (args) => {
44
+ return {
45
+ startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
46
+ endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
47
+ date: args.startAt || /* @__PURE__ */ new Date()
48
+ };
49
+ };
50
+ var getDateFromValue = (date, time) => {
51
+ const { hour, minute } = parseTimeOption(time);
52
+ return new Date(
53
+ date.getFullYear(),
54
+ date.getMonth(),
55
+ date.getDate(),
56
+ hour,
57
+ minute
58
+ );
59
+ };
60
+ function EditCoachingTime(props) {
61
+ const { defaultEndAt, defaultStartAt, onClickCancel } = props;
62
+ const [values, setValues] = useState(() => {
63
+ return getValueFromDefaultValue({
64
+ startAt: defaultStartAt,
65
+ endAt: defaultEndAt
66
+ });
67
+ });
68
+ const [timeError, setTimeError] = useState("");
69
+ const checkTimeError = useCallback(
70
+ (startTime, endTime) => {
71
+ const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
72
+ if (error) {
73
+ setTimeError(error);
74
+ return false;
75
+ }
76
+ return true;
77
+ },
78
+ []
79
+ );
80
+ const onChangeStartTime = useCallback(
81
+ (v) => {
82
+ checkTimeError(v, values.endTime);
83
+ setValues((prev) => __spreadProps(__spreadValues({}, prev), {
84
+ startTime: v
85
+ }));
86
+ },
87
+ [checkTimeError, values.endTime]
88
+ );
89
+ const onChangeEndTime = useCallback(
90
+ (v) => {
91
+ checkTimeError(values.startTime, v);
92
+ setValues((prev) => __spreadProps(__spreadValues({}, prev), {
93
+ endTime: v
94
+ }));
95
+ },
96
+ [checkTimeError, values.startTime]
97
+ );
98
+ const onChangeDate = useCallback((date) => {
99
+ date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
100
+ date
101
+ }));
102
+ }, []);
103
+ const onClickSave = useCallback(() => {
104
+ if (checkTimeError(values.startTime, values.endTime)) {
105
+ const startAt = getDateFromValue(values.date, values.startTime);
106
+ const endAt = getDateFromValue(values.date, values.endTime);
107
+ props.onClickSave && props.onClickSave(startAt, endAt);
108
+ } else {
109
+ toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
110
+ }
111
+ }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
112
+ return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
113
+ /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
114
+ /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
115
+ /* @__PURE__ */ jsx(
116
+ DatePickerButton,
117
+ {
118
+ maxDate: /* @__PURE__ */ new Date(),
119
+ onChange: onChangeDate,
120
+ selected: values.date,
121
+ size: { initial: "large", xs: "medium" }
122
+ }
123
+ )
124
+ ] }),
125
+ /* @__PURE__ */ jsxs(
126
+ Grid,
127
+ {
128
+ align: "center",
129
+ columns: {
130
+ initial: "1fr 0 1fr",
131
+ xs: "1fr auto 1fr"
132
+ },
133
+ gapX: "3",
134
+ gapY: "2",
135
+ justify: "center",
136
+ mb: { initial: "5", xs: "4" },
137
+ mt: "5",
138
+ width: "100%",
139
+ children: [
140
+ /* @__PURE__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
141
+ /* @__PURE__ */ jsx("div", {}),
142
+ /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
143
+ /* @__PURE__ */ jsx(
144
+ TimeSelect,
145
+ {
146
+ onValueChange: onChangeStartTime,
147
+ size: { initial: "3", xs: "2" },
148
+ value: values.startTime
149
+ }
150
+ ),
151
+ /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
152
+ /* @__PURE__ */ jsx(
153
+ TimeSelect,
154
+ {
155
+ onValueChange: onChangeEndTime,
156
+ size: { initial: "3", xs: "2" },
157
+ value: values.endTime
158
+ }
159
+ ),
160
+ /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
161
+ ]
162
+ }
163
+ ),
164
+ /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
165
+ /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
166
+ /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
167
+ ] })
168
+ ] }) });
169
+ }
170
+
171
+ export {
172
+ EditCoachingTime
173
+ };
174
+ //# sourceMappingURL=chunk-4ETFHDG5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/edit-coaching-time.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n Button,\n Flex,\n Form,\n Grid,\n Separator,\n Box,\n toast,\n Dialog,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\n\nexport interface EditCoachingTimeProps {\n defaultStartAt?: Date;\n defaultEndAt?: Date;\n onClickSave?: (startAt: Date, endAt: Date) => void;\n onClickCancel?: () => void;\n sessionNumber?: number;\n}\n\ninterface Values {\n startTime: string;\n endTime: string;\n date: Date;\n}\n\nconst getValueFromDefaultValue = (args: {\n startAt?: Date;\n endAt?: Date;\n}): Values => {\n return {\n startTime: args.startAt ? getTimeOption(args.startAt) : '00:00',\n endTime: args.endAt ? getTimeOption(args.endAt) : '00:00',\n date: args.startAt || new Date(),\n };\n};\n\nconst getDateFromValue = (date: Date, time: string): Date => {\n const { hour, minute } = parseTimeOption(time);\n return new Date(\n date.getFullYear(),\n date.getMonth(),\n date.getDate(),\n hour,\n minute\n );\n};\n\nexport function EditCoachingTime(\n props: EditCoachingTimeProps\n): React.ReactNode {\n const { defaultEndAt, defaultStartAt, onClickCancel } = props;\n\n const [values, setValues] = useState<Values>(() => {\n return getValueFromDefaultValue({\n startAt: defaultStartAt,\n endAt: defaultEndAt,\n });\n });\n\n const [timeError, setTimeError] = useState('');\n\n const checkTimeError = useCallback(\n (startTime: string, endTime: string): boolean => {\n const error =\n startTime >= endTime\n ? '시작시간을 종료시간보다 빠르게 선택해주세요.'\n : '';\n if (error) {\n setTimeError(error);\n return false;\n }\n return true;\n },\n []\n );\n\n const onChangeStartTime = useCallback(\n (v: string) => {\n checkTimeError(v, values.endTime);\n setValues((prev) => ({\n ...prev,\n startTime: v,\n }));\n },\n [checkTimeError, values.endTime]\n );\n\n const onChangeEndTime = useCallback(\n (v: string) => {\n checkTimeError(values.startTime, v);\n setValues((prev) => ({\n ...prev,\n endTime: v,\n }));\n },\n [checkTimeError, values.startTime]\n );\n\n const onChangeDate = useCallback((date: Date | null) => {\n date &&\n setValues((prev) => ({\n ...prev,\n date,\n }));\n }, []);\n\n const onClickSave = useCallback(() => {\n if (checkTimeError(values.startTime, values.endTime)) {\n const startAt = getDateFromValue(values.date, values.startTime);\n const endAt = getDateFromValue(values.date, values.endTime);\n props.onClickSave && props.onClickSave(startAt, endAt);\n } else {\n toast.error('입력 값이 유효하지 않습니다.');\n }\n }, [checkTimeError, props, values.date, values.endTime, values.startTime]);\n\n return (\n <Box width={{ initial: '100%' }}>\n <Form.Root>\n <Form.Field name=\"date\">\n <Form.Label variant=\"caption\">날짜</Form.Label>\n <DatePickerButton\n maxDate={new Date()}\n onChange={onChangeDate}\n selected={values.date}\n size={{ initial: 'large', xs: 'medium' }}\n />\n </Form.Field>\n <Grid\n align=\"center\"\n columns={{\n initial: '1fr 0 1fr',\n xs: '1fr auto 1fr',\n }}\n gapX=\"3\"\n gapY=\"2\"\n justify=\"center\"\n mb={{ initial: '5', xs: '4' }}\n mt=\"5\"\n width=\"100%\"\n >\n <Form.Field name=\"startTime\">\n <Form.Label variant=\"caption\">시작 시간</Form.Label>\n </Form.Field>\n <div />\n <Form.Field name=\"endTime\">\n <Form.Label variant=\"caption\">종료 시간</Form.Label>\n </Form.Field>\n <TimeSelect\n onValueChange={onChangeStartTime}\n size={{ initial: '3', xs: '2' }}\n value={values.startTime}\n />\n <Box overflow=\"hidden\">\n <Separator />\n </Box>\n\n <TimeSelect\n onValueChange={onChangeEndTime}\n size={{ initial: '3', xs: '2' }}\n value={values.endTime}\n />\n <Form.Field name=\"startEndTime\" style={{ gridColumn: '1/span 3' }}>\n <Form.Message forceMatch={Boolean(timeError)}>\n {timeError}\n </Form.Message>\n </Form.Field>\n </Grid>\n <Flex gap=\"3\" justify=\"end\">\n <Dialog.Close>\n <Button onClick={onClickCancel} type=\"button\" variant=\"outline\">\n 취소하기\n </Button>\n </Dialog.Close>\n <Dialog.Close>\n <Button onClick={onClickSave} type=\"button\">\n 저장하기\n </Button>\n </Dialog.Close>\n </Flex>\n </Form.Root>\n </Box>\n );\n}\n"],"mappings":"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","names":[]}
@@ -0,0 +1,51 @@
1
+ import {
2
+ section_title_default
3
+ } from "./chunk-4TST4UK5.js";
4
+ import {
5
+ curriculum_sidebar_item_wrapper_default
6
+ } from "./chunk-WS7IOHVK.js";
7
+ import {
8
+ section_item_default
9
+ } from "./chunk-KCC3DAOY.js";
10
+ import {
11
+ getCurriculumIconColor
12
+ } from "./chunk-JF7JAMOQ.js";
13
+ import {
14
+ __spreadProps,
15
+ __spreadValues
16
+ } from "./chunk-CRTRMMJ7.js";
17
+
18
+ // src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx
19
+ import { jsx } from "react/jsx-runtime";
20
+ function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
21
+ if (item.type === "sectionTitle") {
22
+ return /* @__PURE__ */ jsx(section_title_default, __spreadValues({}, item), item.uuid);
23
+ }
24
+ const isSelected = selectedIndex === index;
25
+ return /* @__PURE__ */ jsx(
26
+ curriculum_sidebar_item_wrapper_default,
27
+ {
28
+ index,
29
+ isSelected,
30
+ onClick: () => {
31
+ setSelectedIndex(index);
32
+ },
33
+ children: /* @__PURE__ */ jsx(
34
+ section_item_default,
35
+ __spreadProps(__spreadValues({}, item), {
36
+ color: getCurriculumIconColor({
37
+ done,
38
+ selected: isSelected
39
+ })
40
+ })
41
+ )
42
+ },
43
+ item.uuid
44
+ );
45
+ }
46
+ var sidebar_item_default = SidebarItem;
47
+
48
+ export {
49
+ sidebar_item_default
50
+ };
51
+ //# sourceMappingURL=chunk-4HDV26QV.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx"],"sourcesContent":["import type { CurriculumListContents } from '@/types/curriculum.type'; \nimport { getCurriculumIconColor } from '../../../utils/curriculum.utils';\nimport SectionTitle from './Items/section-title';\nimport CurriculumSidebarItemWrapper from './Items/curriculum-sidebar-item-wrapper';\nimport SectionCommonItem from './Items/section-item';\n\n\ninterface SidebarItemProps {\n item: CurriculumListContents;\n selectedIndex: number;\n setSelectedIndex: (index: number) => void;\n index: number;\n done: boolean;\n}\n\nfunction SidebarItem({item, selectedIndex, setSelectedIndex, index, done}: SidebarItemProps): React.ReactNode {\n \n \n if (item.type === 'sectionTitle') {\n return <SectionTitle key={item.uuid} {...item} />;\n }\n const isSelected = selectedIndex === index;\n\n return (\n <CurriculumSidebarItemWrapper\n index={index}\n isSelected={isSelected}\n key={item.uuid}\n onClick={() => {\n setSelectedIndex(index);\n }}\n >\n <SectionCommonItem\n {...item}\n color={getCurriculumIconColor({\n done,\n selected: isSelected,\n })}\n />\n </CurriculumSidebarItemWrapper>\n );\n }\n\nexport default SidebarItem;"],"mappings":";;;;;;;;;;;;;;;;;;AAmBe;AAJf,SAAS,YAAY,EAAC,MAAM,eAAe,kBAAkB,OAAO,KAAI,GAAsC;AAG5G,MAAI,KAAK,SAAS,gBAAgB;AAC5B,WAAO,oBAAC,0CAAiC,OAAf,KAAK,IAAgB;AAAA,EACjD;AACA,QAAM,aAAa,kBAAkB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEA,SAAS,MAAM;AACb,yBAAiB,KAAK;AAAA,MACxB;AAAA,MAEA;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC,OAAO,uBAAuB;AAAA,YAC5B;AAAA,YACA,UAAU;AAAA,UACZ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IAXK,KAAK;AAAA,EAYZ;AAEJ;AAEJ,IAAO,uBAAQ;","names":[]}
@@ -0,0 +1,64 @@
1
+ import {
2
+ curriculum_ai_traning_default
3
+ } from "./chunk-B6A7IIYJ.js";
4
+ import {
5
+ curriculum_review_default
6
+ } from "./chunk-DDFCVUO2.js";
7
+ import {
8
+ curriculum_video_default
9
+ } from "./chunk-QGKQ3IX7.js";
10
+ import {
11
+ useCurriculumContext
12
+ } from "./chunk-IYQJIEVM.js";
13
+ import {
14
+ Typo
15
+ } from "./chunk-PMJIFLDT.js";
16
+ import {
17
+ Flex
18
+ } from "./chunk-25HMMI7R.js";
19
+ import {
20
+ InfoCircledIcon
21
+ } from "./chunk-R7IT4TCD.js";
22
+
23
+ // src/molecules/curriculumV2/CurriculumContents/index.tsx
24
+ import { jsx, jsxs } from "react/jsx-runtime";
25
+ function CurriculumBody() {
26
+ const { selectedItem, selectedSectionTitle } = useCurriculumContext();
27
+ switch (selectedItem.type) {
28
+ case "video":
29
+ return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
30
+ case "review":
31
+ return /* @__PURE__ */ jsx(
32
+ curriculum_review_default,
33
+ {
34
+ item: selectedItem,
35
+ sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
36
+ }
37
+ );
38
+ case "aiTraining":
39
+ return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
40
+ default:
41
+ return /* @__PURE__ */ jsxs(
42
+ Flex,
43
+ {
44
+ align: "center",
45
+ direction: "column",
46
+ gap: "2",
47
+ height: "100%",
48
+ justify: "center",
49
+ width: "100%",
50
+ children: [
51
+ /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
52
+ /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
53
+ /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
54
+ ${JSON.stringify(selectedItem)}` })
55
+ ]
56
+ }
57
+ );
58
+ }
59
+ }
60
+
61
+ export {
62
+ CurriculumBody
63
+ };
64
+ //# sourceMappingURL=chunk-5ZBSW4UW.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\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":";;;;;;;;;;;;;;;;;;;;;;;AAca,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":[]}
@@ -0,0 +1,74 @@
1
+ import {
2
+ infoList,
3
+ renderDataListItem,
4
+ renderItem,
5
+ sessionList
6
+ } from "./chunk-JWAQUXGB.js";
7
+ import {
8
+ Separator
9
+ } from "./chunk-HYITAA4J.js";
10
+ import {
11
+ Grid
12
+ } from "./chunk-EGEQY3KT.js";
13
+ import {
14
+ DataList
15
+ } from "./chunk-VTJZMOSP.js";
16
+ import {
17
+ Heading
18
+ } from "./chunk-BESTU2AY.js";
19
+ import {
20
+ Card
21
+ } from "./chunk-RP2RGCAW.js";
22
+ import {
23
+ Box
24
+ } from "./chunk-4Y5BEXVN.js";
25
+ import {
26
+ Typo
27
+ } from "./chunk-PMJIFLDT.js";
28
+ import {
29
+ Flex
30
+ } from "./chunk-25HMMI7R.js";
31
+
32
+ // src/app/platform/userInfos/coaching-customer-info/medium.tsx
33
+ import { jsx, jsxs } from "react/jsx-runtime";
34
+ function CoachingCustomerInfoMedium({
35
+ customer,
36
+ session,
37
+ children,
38
+ badge,
39
+ onClickCopy
40
+ }) {
41
+ return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
42
+ /* @__PURE__ */ jsxs(Box, { children: [
43
+ /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
44
+ /* @__PURE__ */ jsx(Heading, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
45
+ badge
46
+ ] }),
47
+ /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
48
+ ] }),
49
+ children,
50
+ /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(DataList.Root, { orientation: "vertical", children: sessionList.map(
51
+ (el) => renderDataListItem({
52
+ info: el,
53
+ data: session,
54
+ onClickCopy
55
+ })
56
+ ) }) }),
57
+ /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
58
+ /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
59
+ /* @__PURE__ */ jsx(Separator, { size: "4" })
60
+ ] }),
61
+ /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
62
+ return /* @__PURE__ */ jsx(Typo, { children: renderItem({
63
+ info: el,
64
+ data: customer,
65
+ onClickCopy
66
+ }) }, el.label);
67
+ }) })
68
+ ] });
69
+ }
70
+
71
+ export {
72
+ CoachingCustomerInfoMedium
73
+ };
74
+ //# sourceMappingURL=chunk-62HSZXVT.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/medium.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n Card,\n DataList,\n Flex,\n Grid,\n Heading,\n Separator,\n Typo,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport {\n infoList,\n renderDataListItem,\n renderItem,\n sessionList,\n} from '../utils';\n\nexport function CoachingCustomerInfoMedium({\n customer,\n session,\n children,\n badge,\n onClickCopy,\n}: CoachingCustomerInfoProps): React.ReactNode {\n return (\n <Flex direction=\"column\" gap=\"5\">\n {/* 이름, 사명 */}\n <Box>\n <Flex align=\"center\" justify=\"between\" mb=\"1\" width=\"100%\">\n <Heading variant=\"heading2\">\n {customer?.username || '이름 없음'}\n </Heading>\n {badge}\n </Flex>\n <Heading truncate variant=\"heading4\" weight=\"regular\">\n {customer?.company}\n </Heading>\n </Box>\n\n {children}\n\n {/* 세션 정보 */}\n <Card size=\"2\">\n <DataList.Root orientation=\"vertical\">\n {sessionList.map((el) =>\n renderDataListItem({\n info: el,\n data: session,\n onClickCopy,\n })\n )}\n </DataList.Root>\n </Card>\n\n {/* 회원 정보 */}\n <Grid align=\"center\" columns=\"auto 1fr\" gap=\"3\">\n <Heading variant=\"heading5\">고객 정보</Heading>\n <Separator size=\"4\" />\n </Grid>\n <Flex direction=\"column\" gap=\"4\">\n {infoList.map((el) => {\n return (\n <Typo key={el.label}>\n {renderItem({\n info: el,\n data: customer,\n onClickCopy,\n })}\n </Typo>\n );\n })}\n </Flex>\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BQ,SACE,KADF;AAXD,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,yBAAC,OACC;AAAA,2BAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,OAAM,QAClD;AAAA,4BAAC,WAAQ,SAAQ,YACd,gDAAU,aAAY,6BACzB;AAAA,QACC;AAAA,SACH;AAAA,MACA,oBAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,+CAAU,SACb;AAAA,OACF;AAAA,IAEC;AAAA,IAGD,oBAAC,QAAK,MAAK,KACT,8BAAC,SAAS,MAAT,EAAc,aAAY,YACxB,sBAAY;AAAA,MAAI,CAAC,OAChB,mBAAmB;AAAA,QACjB,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH,GACF,GACF;AAAA,IAGA,qBAAC,QAAK,OAAM,UAAS,SAAQ,YAAW,KAAI,KAC1C;AAAA,0BAAC,WAAQ,SAAQ,YAAW,uCAAK;AAAA,MACjC,oBAAC,aAAU,MAAK,KAAI;AAAA,OACtB;AAAA,IACA,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,mBAAS,IAAI,CAAC,OAAO;AACpB,aACE,oBAAC,QACE,qBAAW;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,MACF,CAAC,KALQ,GAAG,KAMd;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":[]}
@@ -0,0 +1,64 @@
1
+ import {
2
+ infoList,
3
+ renderDataListItem,
4
+ sessionList
5
+ } from "./chunk-JWAQUXGB.js";
6
+ import {
7
+ Separator
8
+ } from "./chunk-HYITAA4J.js";
9
+ import {
10
+ DataList
11
+ } from "./chunk-VTJZMOSP.js";
12
+ import {
13
+ Heading
14
+ } from "./chunk-BESTU2AY.js";
15
+ import {
16
+ Card
17
+ } from "./chunk-RP2RGCAW.js";
18
+ import {
19
+ Box
20
+ } from "./chunk-4Y5BEXVN.js";
21
+ import {
22
+ Flex
23
+ } from "./chunk-25HMMI7R.js";
24
+
25
+ // src/app/platform/userInfos/coaching-customer-info/large.tsx
26
+ import { jsx, jsxs } from "react/jsx-runtime";
27
+ function CoachingCustomerInfoLarge({
28
+ customer,
29
+ session,
30
+ children,
31
+ badge,
32
+ onClickCopy
33
+ }) {
34
+ return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
35
+ /* @__PURE__ */ jsxs(Box, { children: [
36
+ /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
37
+ /* @__PURE__ */ jsx(Heading, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
38
+ badge
39
+ ] }),
40
+ /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
41
+ ] }),
42
+ children,
43
+ /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(DataList.Root, { children: sessionList.map(
44
+ (el) => renderDataListItem({
45
+ info: el,
46
+ data: session,
47
+ onClickCopy
48
+ })
49
+ ) }) }),
50
+ /* @__PURE__ */ jsx(Separator, { size: "4" }),
51
+ /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map(
52
+ (info) => renderDataListItem({
53
+ info,
54
+ data: customer,
55
+ onClickCopy
56
+ })
57
+ ) })
58
+ ] });
59
+ }
60
+
61
+ export {
62
+ CoachingCustomerInfoLarge
63
+ };
64
+ //# sourceMappingURL=chunk-64XYTE54.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/large.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n Card,\n DataList,\n Flex,\n Heading,\n Separator,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { infoList, renderDataListItem, sessionList } from '../utils';\n\nexport function CoachingCustomerInfoLarge({\n customer,\n session,\n children,\n badge,\n onClickCopy,\n}: CoachingCustomerInfoProps): React.ReactNode {\n return (\n <Flex direction=\"column\" gap=\"5\">\n {/* 이름, 사명 */}\n <Box>\n <Flex align=\"center\" justify=\"between\" mb=\"1\" width=\"100%\">\n <Heading variant=\"heading2\">\n {customer?.username || '이름 없음'}\n </Heading>\n {badge}\n </Flex>\n <Heading truncate variant=\"heading4\" weight=\"regular\">\n {customer?.company}\n </Heading>\n </Box>\n\n {children}\n\n {/* 세션 정보 */}\n <Card size=\"2\">\n <DataList.Root>\n {sessionList.map((el) =>\n renderDataListItem({\n info: el,\n data: session,\n onClickCopy,\n })\n )}\n </DataList.Root>\n </Card>\n\n {/* 회원 정보 */}\n <Separator size=\"4\" />\n <DataList.Root>\n {infoList.map((info) =>\n renderDataListItem({\n info,\n data: customer,\n onClickCopy,\n })\n )}\n </DataList.Root>\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBQ,SACE,KADF;AAXD,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,yBAAC,OACC;AAAA,2BAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,OAAM,QAClD;AAAA,4BAAC,WAAQ,SAAQ,YACd,gDAAU,aAAY,6BACzB;AAAA,QACC;AAAA,SACH;AAAA,MACA,oBAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,+CAAU,SACb;AAAA,OACF;AAAA,IAEC;AAAA,IAGD,oBAAC,QAAK,MAAK,KACT,8BAAC,SAAS,MAAT,EACE,sBAAY;AAAA,MAAI,CAAC,OAChB,mBAAmB;AAAA,QACjB,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH,GACF,GACF;AAAA,IAGA,oBAAC,aAAU,MAAK,KAAI;AAAA,IACpB,oBAAC,SAAS,MAAT,EACE,mBAAS;AAAA,MAAI,CAAC,SACb,mBAAmB;AAAA,QACjB;AAAA,QACA,MAAM;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}
@@ -0,0 +1,196 @@
1
+ import {
2
+ CurriculumReviewSteps_default
3
+ } from "./chunk-E72OTAC6.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-IYQJIEVM.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-6DR4EIVU.js.map