@tipp/ui 2.3.15 → 2.3.16

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 (174) hide show
  1. package/dist/app/index.cjs.map +1 -1
  2. package/dist/app/index.js +56 -56
  3. package/dist/app/platform/coach-question-list.js +26 -26
  4. package/dist/app/platform/contents-card.js +26 -26
  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 +44 -44
  8. package/dist/app/platform/edit-service-type.cjs.map +1 -1
  9. package/dist/app/platform/edit-service-type.js +44 -44
  10. package/dist/app/platform/goal-manage-card-edit.cjs.map +1 -1
  11. package/dist/app/platform/goal-manage-card-edit.js +45 -45
  12. package/dist/app/platform/goal-manage-card-read.js +26 -26
  13. package/dist/app/platform/on-offline-radio-card.cjs.map +1 -1
  14. package/dist/app/platform/on-offline-radio-card.js +44 -44
  15. package/dist/app/platform/report-card.js +26 -26
  16. package/dist/app/platform/reservation-card.cjs.map +1 -1
  17. package/dist/app/platform/reservation-card.js +45 -45
  18. package/dist/app/platform/session-card.cjs.map +1 -1
  19. package/dist/app/platform/session-card.js +45 -45
  20. package/dist/app/platform/session-review-simple-read.js +26 -26
  21. package/dist/app/platform/userInfos/coaching-customer-info/index.js +28 -28
  22. package/dist/app/platform/userInfos/coaching-customer-info/large.js +26 -26
  23. package/dist/app/platform/userInfos/coaching-customer-info/medium.js +26 -26
  24. package/dist/app/platform/userInfos/coaching-customer-info/small.js +25 -25
  25. package/dist/app/platform/userInfos/session-user-info-detail.js +25 -25
  26. package/dist/app/platform/userInfos/utils.js +25 -25
  27. package/dist/atoms/index.js +60 -60
  28. package/dist/chunk-2GTKMGHS.js +70 -0
  29. package/dist/chunk-2GTKMGHS.js.map +1 -0
  30. package/dist/chunk-2OVAPUSZ.js +218 -0
  31. package/dist/chunk-2OVAPUSZ.js.map +1 -0
  32. package/dist/chunk-33FHBMD2.js +89 -0
  33. package/dist/chunk-33FHBMD2.js.map +1 -0
  34. package/dist/chunk-3IDHQODC.js +99 -0
  35. package/dist/chunk-3IDHQODC.js.map +1 -0
  36. package/dist/chunk-4GDCXSDS.js +87 -0
  37. package/dist/chunk-4GDCXSDS.js.map +1 -0
  38. package/dist/chunk-52IAQ2FT.js +233 -0
  39. package/dist/chunk-52IAQ2FT.js.map +1 -0
  40. package/dist/chunk-54POQFUI.js +98 -0
  41. package/dist/chunk-54POQFUI.js.map +1 -0
  42. package/dist/chunk-5FBWB2W4.js +57 -0
  43. package/dist/chunk-5FBWB2W4.js.map +1 -0
  44. package/dist/chunk-5VPNBYFV.js +89 -0
  45. package/dist/chunk-5VPNBYFV.js.map +1 -0
  46. package/dist/chunk-6INLPCD5.js +30 -0
  47. package/dist/chunk-6INLPCD5.js.map +1 -0
  48. package/dist/chunk-6LJJRIWT.js +49 -0
  49. package/dist/chunk-6LJJRIWT.js.map +1 -0
  50. package/dist/chunk-6WT3VRAP.js +144 -0
  51. package/dist/chunk-6WT3VRAP.js.map +1 -0
  52. package/dist/chunk-7MB2G5XF.js +145 -0
  53. package/dist/chunk-7MB2G5XF.js.map +1 -0
  54. package/dist/chunk-AB5USZGJ.js +101 -0
  55. package/dist/chunk-AB5USZGJ.js.map +1 -0
  56. package/dist/chunk-AJWRR5KG.js +74 -0
  57. package/dist/chunk-AJWRR5KG.js.map +1 -0
  58. package/dist/chunk-ALFE4BOS.js +139 -0
  59. package/dist/chunk-ALFE4BOS.js.map +1 -0
  60. package/dist/chunk-BJLJNTF2.js +218 -0
  61. package/dist/chunk-BJLJNTF2.js.map +1 -0
  62. package/dist/chunk-DAZY7DRP.js +145 -0
  63. package/dist/chunk-DAZY7DRP.js.map +1 -0
  64. package/dist/chunk-DXD774YC.js +145 -0
  65. package/dist/chunk-DXD774YC.js.map +1 -0
  66. package/dist/chunk-EAMKUF7R.js +75 -0
  67. package/dist/chunk-EAMKUF7R.js.map +1 -0
  68. package/dist/chunk-EMNEV6EN.js +139 -0
  69. package/dist/chunk-EMNEV6EN.js.map +1 -0
  70. package/dist/chunk-ETKTERDA.js +51 -0
  71. package/dist/chunk-ETKTERDA.js.map +1 -0
  72. package/dist/chunk-FVNVGFTT.js +218 -0
  73. package/dist/chunk-FVNVGFTT.js.map +1 -0
  74. package/dist/chunk-FXQYWO4P.js +57 -0
  75. package/dist/chunk-FXQYWO4P.js.map +1 -0
  76. package/dist/chunk-G4DOK5DQ.js +64 -0
  77. package/dist/chunk-G4DOK5DQ.js.map +1 -0
  78. package/dist/chunk-GN7UAKYU.js +145 -0
  79. package/dist/chunk-GN7UAKYU.js.map +1 -0
  80. package/dist/chunk-GTB6HEJR.js +218 -0
  81. package/dist/chunk-GTB6HEJR.js.map +1 -0
  82. package/dist/chunk-JO5OXSQV.js +363 -0
  83. package/dist/chunk-JO5OXSQV.js.map +1 -0
  84. package/dist/chunk-JOUSZBPX.js +196 -0
  85. package/dist/chunk-JOUSZBPX.js.map +1 -0
  86. package/dist/chunk-JOXWMJKW.js +64 -0
  87. package/dist/chunk-JOXWMJKW.js.map +1 -0
  88. package/dist/chunk-JQU3CE4K.js +174 -0
  89. package/dist/chunk-JQU3CE4K.js.map +1 -0
  90. package/dist/chunk-KD3SPRXH.js +37 -0
  91. package/dist/chunk-KD3SPRXH.js.map +1 -0
  92. package/dist/chunk-KEKNMQJK.js +69 -0
  93. package/dist/chunk-KEKNMQJK.js.map +1 -0
  94. package/dist/chunk-KGPXD5VO.js +228 -0
  95. package/dist/chunk-KGPXD5VO.js.map +1 -0
  96. package/dist/chunk-KMNAZCXO.js +117 -0
  97. package/dist/chunk-KMNAZCXO.js.map +1 -0
  98. package/dist/chunk-KPE4JB42.js +218 -0
  99. package/dist/chunk-KPE4JB42.js.map +1 -0
  100. package/dist/chunk-MLOC57ZN.js +64 -0
  101. package/dist/chunk-MLOC57ZN.js.map +1 -0
  102. package/dist/chunk-MRW2RO32.js +163 -0
  103. package/dist/chunk-MRW2RO32.js.map +1 -0
  104. package/dist/chunk-MYELL2V2.js +63 -0
  105. package/dist/chunk-MYELL2V2.js.map +1 -0
  106. package/dist/chunk-NMOPWSEY.js +145 -0
  107. package/dist/chunk-NMOPWSEY.js.map +1 -0
  108. package/dist/chunk-NWCLGWD7.js +218 -0
  109. package/dist/chunk-NWCLGWD7.js.map +1 -0
  110. package/dist/chunk-ONUWABWT.js +169 -0
  111. package/dist/chunk-ONUWABWT.js.map +1 -0
  112. package/dist/chunk-PTCXWBAB.js +218 -0
  113. package/dist/chunk-PTCXWBAB.js.map +1 -0
  114. package/dist/chunk-PXSZVAKR.js +68 -0
  115. package/dist/chunk-PXSZVAKR.js.map +1 -0
  116. package/dist/chunk-R3VOZZ5O.js +63 -0
  117. package/dist/chunk-R3VOZZ5O.js.map +1 -0
  118. package/dist/chunk-S3ITGMDG.js +218 -0
  119. package/dist/chunk-S3ITGMDG.js.map +1 -0
  120. package/dist/chunk-SFYV52JB.js +151 -0
  121. package/dist/chunk-SFYV52JB.js.map +1 -0
  122. package/dist/chunk-TJQUUR4N.js +54 -0
  123. package/dist/chunk-TJQUUR4N.js.map +1 -0
  124. package/dist/chunk-TYQOHHL5.js +63 -0
  125. package/dist/chunk-TYQOHHL5.js.map +1 -0
  126. package/dist/chunk-VRY3HFX6.js +45 -0
  127. package/dist/chunk-VRY3HFX6.js.map +1 -0
  128. package/dist/chunk-X6YSDRES.js +165 -0
  129. package/dist/chunk-X6YSDRES.js.map +1 -0
  130. package/dist/chunk-XU2LW3CT.js +43 -0
  131. package/dist/chunk-XU2LW3CT.js.map +1 -0
  132. package/dist/chunk-XUTNPV7E.js +218 -0
  133. package/dist/chunk-XUTNPV7E.js.map +1 -0
  134. package/dist/chunk-YWEWWXKM.js +51 -0
  135. package/dist/chunk-YWEWWXKM.js.map +1 -0
  136. package/dist/chunk-YYWEFK4H.js +39 -0
  137. package/dist/chunk-YYWEFK4H.js.map +1 -0
  138. package/dist/chunk-Z5JV7JGZ.js +58 -0
  139. package/dist/chunk-Z5JV7JGZ.js.map +1 -0
  140. package/dist/chunk-ZMXFJ3AZ.js +196 -0
  141. package/dist/chunk-ZMXFJ3AZ.js.map +1 -0
  142. package/dist/context/index.js +1 -1
  143. package/dist/index.cjs +9 -9
  144. package/dist/index.cjs.map +1 -1
  145. package/dist/index.js +107 -107
  146. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +7 -7
  147. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +6 -6
  148. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.js +2 -2
  149. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.js +2 -2
  150. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.js +1 -1
  151. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.js +3 -3
  152. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +10 -10
  153. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.js +2 -2
  154. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +11 -11
  155. package/dist/molecules/curriculumV2/CurriculumContents/index.js +12 -12
  156. package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +1 -1
  157. package/dist/molecules/curriculumV2/index.js +19 -19
  158. package/dist/molecules/description-json-render.js +2 -2
  159. package/dist/molecules/dynamic-field.cjs +71 -68
  160. package/dist/molecules/dynamic-field.cjs.map +1 -1
  161. package/dist/molecules/dynamic-field.js +3 -2
  162. package/dist/molecules/dynamic-form.cjs +32 -29
  163. package/dist/molecules/dynamic-form.cjs.map +1 -1
  164. package/dist/molecules/dynamic-form.js +4 -3
  165. package/dist/molecules/expand-table/index.js +1 -1
  166. package/dist/molecules/index.cjs +9 -9
  167. package/dist/molecules/index.cjs.map +1 -1
  168. package/dist/molecules/index.js +40 -40
  169. package/dist/molecules/learning-post.js +2 -2
  170. package/dist/molecules/stepper.js +2 -2
  171. package/dist/molecules/tag-selector.js +3 -3
  172. package/package.json +1 -1
  173. package/src/molecules/dynamic-field.tsx +11 -9
  174. package/src/molecules/dynamic-form.tsx +1 -1
@@ -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,174 @@
1
+ import {
2
+ DatePickerButton
3
+ } from "./chunk-EAMKUF7R.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
+ Separator
16
+ } from "./chunk-HYITAA4J.js";
17
+ import {
18
+ Grid
19
+ } from "./chunk-EGEQY3KT.js";
20
+ import {
21
+ Dialog
22
+ } from "./chunk-JQ7VQ5SB.js";
23
+ import {
24
+ Box
25
+ } from "./chunk-4Y5BEXVN.js";
26
+ import {
27
+ Flex
28
+ } from "./chunk-25HMMI7R.js";
29
+ import {
30
+ Button
31
+ } from "./chunk-ZVDAEY5Q.js";
32
+ import {
33
+ Form
34
+ } from "./chunk-2OMSNCRH.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-JQU3CE4K.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,gBAAgB;AA0HrC,SACE,KADF;AA9FR,IAAM,2BAA2B,CAAC,SAGpB;AACZ,SAAO;AAAA,IACL,WAAW,KAAK,UAAU,cAAc,KAAK,OAAO,IAAI;AAAA,IACxD,SAAS,KAAK,QAAQ,cAAc,KAAK,KAAK,IAAI;AAAA,IAClD,MAAM,KAAK,WAAW,oBAAI,KAAK;AAAA,EACjC;AACF;AAEA,IAAM,mBAAmB,CAAC,MAAY,SAAuB;AAC3D,QAAM,EAAE,MAAM,OAAO,IAAI,gBAAgB,IAAI;AAC7C,SAAO,IAAI;AAAA,IACT,KAAK,YAAY;AAAA,IACjB,KAAK,SAAS;AAAA,IACd,KAAK,QAAQ;AAAA,IACb;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,iBACd,OACiB;AACjB,QAAM,EAAE,cAAc,gBAAgB,cAAc,IAAI;AAExD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,MAAM;AACjD,WAAO,yBAAyB;AAAA,MAC9B,SAAS;AAAA,MACT,OAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AAED,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,QAAM,iBAAiB;AAAA,IACrB,CAAC,WAAmB,YAA6B;AAC/C,YAAM,QACJ,aAAa,UACT,iIACA;AACN,UAAI,OAAO;AACT,qBAAa,KAAK;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,MAAc;AACb,qBAAe,GAAG,OAAO,OAAO;AAChC,gBAAU,CAAC,SAAU,iCAChB,OADgB;AAAA,QAEnB,WAAW;AAAA,MACb,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,gBAAgB,OAAO,OAAO;AAAA,EACjC;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAAc;AACb,qBAAe,OAAO,WAAW,CAAC;AAClC,gBAAU,CAAC,SAAU,iCAChB,OADgB;AAAA,QAEnB,SAAS;AAAA,MACX,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,gBAAgB,OAAO,SAAS;AAAA,EACnC;AAEA,QAAM,eAAe,YAAY,CAAC,SAAsB;AACtD,YACE,UAAU,CAAC,SAAU,iCAChB,OADgB;AAAA,MAEnB;AAAA,IACF,EAAE;AAAA,EACN,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,eAAe,OAAO,WAAW,OAAO,OAAO,GAAG;AACpD,YAAM,UAAU,iBAAiB,OAAO,MAAM,OAAO,SAAS;AAC9D,YAAM,QAAQ,iBAAiB,OAAO,MAAM,OAAO,OAAO;AAC1D,YAAM,eAAe,MAAM,YAAY,SAAS,KAAK;AAAA,IACvD,OAAO;AACL,YAAM,MAAM,8EAAkB;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,gBAAgB,OAAO,OAAO,MAAM,OAAO,SAAS,OAAO,SAAS,CAAC;AAEzE,SACE,oBAAC,OAAI,OAAO,EAAE,SAAS,OAAO,GAC5B,+BAAC,KAAK,MAAL,EACC;AAAA,yBAAC,KAAK,OAAL,EAAW,MAAK,QACf;AAAA,0BAAC,KAAK,OAAL,EAAW,SAAQ,WAAU,0BAAE;AAAA,MAChC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,oBAAI,KAAK;AAAA,UAClB,UAAU;AAAA,UACV,UAAU,OAAO;AAAA,UACjB,MAAM,EAAE,SAAS,SAAS,IAAI,SAAS;AAAA;AAAA,MACzC;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,UACP,SAAS;AAAA,UACT,IAAI;AAAA,QACN;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,QAC5B,IAAG;AAAA,QACH,OAAM;AAAA,QAEN;AAAA,8BAAC,KAAK,OAAL,EAAW,MAAK,aACf,8BAAC,KAAK,OAAL,EAAW,SAAQ,WAAU,uCAAK,GACrC;AAAA,UACA,oBAAC,SAAI;AAAA,UACL,oBAAC,KAAK,OAAL,EAAW,MAAK,WACf,8BAAC,KAAK,OAAL,EAAW,SAAQ,WAAU,uCAAK,GACrC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAe;AAAA,cACf,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,cAC9B,OAAO,OAAO;AAAA;AAAA,UAChB;AAAA,UACA,oBAAC,OAAI,UAAS,UACZ,8BAAC,aAAU,GACb;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,eAAe;AAAA,cACf,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,cAC9B,OAAO,OAAO;AAAA;AAAA,UAChB;AAAA,UACA,oBAAC,KAAK,OAAL,EAAW,MAAK,gBAAe,OAAO,EAAE,YAAY,WAAW,GAC9D,8BAAC,KAAK,SAAL,EAAa,YAAY,QAAQ,SAAS,GACxC,qBACH,GACF;AAAA;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,QAAK,KAAI,KAAI,SAAQ,OACpB;AAAA,0BAAC,OAAO,OAAP,EACC,8BAAC,UAAO,SAAS,eAAe,MAAK,UAAS,SAAQ,WAAU,sCAEhE,GACF;AAAA,MACA,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,SAAS,aAAa,MAAK,UAAS,sCAE5C,GACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
@@ -0,0 +1,37 @@
1
+ import {
2
+ ReviewQuestionContentHeader
3
+ } from "./chunk-XU2LW3CT.js";
4
+ import {
5
+ RadioGroup
6
+ } from "./chunk-6DJOIRMF.js";
7
+ import {
8
+ Card
9
+ } from "./chunk-RP2RGCAW.js";
10
+ import {
11
+ Flex
12
+ } from "./chunk-25HMMI7R.js";
13
+
14
+ // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
15
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
16
+ function ReviewQuestionSatisfisRadio(props) {
17
+ var _a, _b, _c;
18
+ const { question, answer, onChange } = props;
19
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
20
+ /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(
21
+ ReviewQuestionContentHeader,
22
+ {
23
+ icon: question.icon,
24
+ question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD55C \uC804\uBC18\uC801\uC778 \uB9CC\uC871\uB3C4\uB97C \uC54C\uB824\uC8FC\uC138\uC694.",
25
+ title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
26
+ type: question.type
27
+ }
28
+ ) }),
29
+ /* @__PURE__ */ jsx(RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: String(option.value), children: option.label }, option.value)) }) })
30
+ ] });
31
+ }
32
+ var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
33
+
34
+ export {
35
+ review_question_satisfaction_option_default
36
+ };
37
+ //# sourceMappingURL=chunk-KD3SPRXH.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx"],"sourcesContent":["import React from 'react';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { RadioGroup } from '@/atoms/radio-group';\nimport { type CurriculumReviewQuestionSatisfactionOption } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionOptionProps {\n question: CurriculumReviewQuestionSatisfactionOption;\n answer: string;\n error?: string;\n onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionSatisfisRadio(\n props: ReviewQuestionSatisfactionOptionProps\n): React.ReactNode {\n const { question, answer, onChange } = props;\n \n return (\n <>\n <Card size=\"2\">\n <ReviewQuestionContentHeader\n icon={question.icon}\n question={\n question.question ??\n '이번 학습에 대한 전반적인 만족도를 알려주세요.'\n }\n title={question.title ?? '만족도 조사'}\n type={question.type}\n />\n </Card>\n <RadioGroup.Root color=\"iris\" mt=\"3\" onValueChange={onChange} value={answer}>\n <Flex direction=\"column\" gap=\"2\">\n {question.options?.map((option) => (\n <RadioGroup.Item key={option.value} value={String(option.value)}>\n {option.label}\n </RadioGroup.Item>\n ))}\n </Flex>\n </RadioGroup.Root>\n </>\n );\n}\n\nexport default ReviewQuestionSatisfisRadio;\n"],"mappings":";;;;;;;;;;;;;;AAoBI,mBAEI,KAFJ;AANJ,SAAS,4BACP,OACiB;AAhBnB;AAiBE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,iCACE;AAAA,wBAAC,QAAK,MAAK,KACT;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,WACE,cAAS,aAAT,YACA;AAAA,QAEF,QAAO,cAAS,UAAT,YAAkB;AAAA,QACzB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IACA,oBAAC,WAAW,MAAX,EAAgB,OAAM,QAAO,IAAG,KAAI,eAAe,UAAU,OAAO,QACnE,8BAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,yBAAS,YAAT,mBAAkB,IAAI,CAAC,WACtB,oBAAC,WAAW,MAAX,EAAmC,OAAO,OAAO,OAAO,KAAK,GAC3D,iBAAO,SADY,OAAO,KAE7B,IAEJ,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,8CAAQ;","names":[]}
@@ -0,0 +1,69 @@
1
+ import {
2
+ review_question_radio_default
3
+ } from "./chunk-AB5USZGJ.js";
4
+ import {
5
+ review_question_satisfaction_option_default
6
+ } from "./chunk-KD3SPRXH.js";
7
+ import {
8
+ ReviewQuestionSatisfisText
9
+ } from "./chunk-6LJJRIWT.js";
10
+ import {
11
+ review_question_text_default
12
+ } from "./chunk-4GDCXSDS.js";
13
+
14
+ // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
15
+ import { jsx } from "react/jsx-runtime";
16
+ function ReviewQuestionBody(props) {
17
+ const { question, answer, error, onChange } = props;
18
+ if (question.type === "question_radio") {
19
+ return /* @__PURE__ */ jsx(
20
+ review_question_radio_default,
21
+ {
22
+ answer,
23
+ error,
24
+ onChange,
25
+ question
26
+ }
27
+ );
28
+ }
29
+ if (question.type === "question_text") {
30
+ return /* @__PURE__ */ jsx(
31
+ review_question_text_default,
32
+ {
33
+ answer,
34
+ error,
35
+ onChange,
36
+ question
37
+ }
38
+ );
39
+ }
40
+ if (question.type === "question_satisfaction_option") {
41
+ return /* @__PURE__ */ jsx(
42
+ review_question_satisfaction_option_default,
43
+ {
44
+ answer,
45
+ error,
46
+ onChange,
47
+ question
48
+ }
49
+ );
50
+ }
51
+ if (question.type === "question_satisfaction_text") {
52
+ return /* @__PURE__ */ jsx(
53
+ ReviewQuestionSatisfisText,
54
+ {
55
+ answer,
56
+ error,
57
+ onChange,
58
+ question
59
+ }
60
+ );
61
+ }
62
+ return null;
63
+ }
64
+ var review_question_body_default = ReviewQuestionBody;
65
+
66
+ export {
67
+ review_question_body_default
68
+ };
69
+ //# sourceMappingURL=chunk-KEKNMQJK.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx"],"sourcesContent":["import React from 'react'; \nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionRadio from './review-question-radio';\nimport ReviewQuestionText from './review-question-text';\nimport ReviewQuestionSatisfactionOption from './review-question-satisfaction-option';\nimport ReviewQuestionSatisfactionText from './review-question-satisfaction-text';\n\ninterface ReviewQuestionBodyProps {\n question: ReviewQuestionElement;\n answer: string;\n error?: string;\n onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionBody(props: ReviewQuestionBodyProps): React.ReactNode {\n const { question, answer, error, onChange } = props;\n \n if (question.type === 'question_radio') {\n return (\n <ReviewQuestionRadio\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n if (question.type === 'question_text') {\n return (\n <ReviewQuestionText\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n if (question.type === 'question_satisfaction_option') {\n return (\n <ReviewQuestionSatisfactionOption\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 그 외의 타입이 있을 경우 있음\n if (question.type === 'question_satisfaction_text') {\n return (\n <ReviewQuestionSatisfactionText\n answer={answer}\n error={error}\n onChange={onChange}\n question={question}\n />\n );\n }\n\n return null;\n}\nexport default ReviewQuestionBody;\n"],"mappings":";;;;;;;;;;;;;;AAmBM;AALN,SAAS,mBAAmB,OAAiD;AAC3E,QAAM,EAAE,UAAU,QAAQ,OAAO,SAAS,IAAI;AAE9C,MAAI,SAAS,SAAS,kBAAkB;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,iBAAiB;AACrC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,gCAAgC;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,MAAI,SAAS,SAAS,8BAA8B;AAClD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO;AACT;AACA,IAAO,+BAAQ;","names":[]}
@@ -0,0 +1,228 @@
1
+ import {
2
+ OnOfflineRadioCard
3
+ } from "./chunk-Z5JV7JGZ.js";
4
+ import {
5
+ DatePickerButton
6
+ } from "./chunk-EAMKUF7R.js";
7
+ import {
8
+ toast
9
+ } from "./chunk-EEKOTWBE.js";
10
+ import {
11
+ Grid
12
+ } from "./chunk-EGEQY3KT.js";
13
+ import {
14
+ Inset
15
+ } from "./chunk-XQOL7UBI.js";
16
+ import {
17
+ Card
18
+ } from "./chunk-RP2RGCAW.js";
19
+ import {
20
+ Badge
21
+ } from "./chunk-U3BQT7ZO.js";
22
+ import {
23
+ Box
24
+ } from "./chunk-4Y5BEXVN.js";
25
+ import {
26
+ BulletText
27
+ } from "./chunk-QRI6ARS6.js";
28
+ import {
29
+ Flex
30
+ } from "./chunk-25HMMI7R.js";
31
+ import {
32
+ Button
33
+ } from "./chunk-ZVDAEY5Q.js";
34
+ import {
35
+ ArrowRightIcon,
36
+ Cross1Icon
37
+ } from "./chunk-W5TPOFOO.js";
38
+ import {
39
+ Heading
40
+ } from "./chunk-BESTU2AY.js";
41
+ import {
42
+ Typo
43
+ } from "./chunk-PMJIFLDT.js";
44
+ import {
45
+ __spreadProps,
46
+ __spreadValues
47
+ } from "./chunk-CRTRMMJ7.js";
48
+
49
+ // src/app/platform/reservation-card.tsx
50
+ import { useCallback, useEffect, useMemo, useState } from "react";
51
+ import { format } from "date-fns";
52
+ import { ko } from "date-fns/locale";
53
+ import { jsx, jsxs } from "react/jsx-runtime";
54
+ function ReservationCard(props) {
55
+ const {
56
+ sessionNumber,
57
+ customerName,
58
+ readonly,
59
+ defaultTime,
60
+ defaultType,
61
+ error,
62
+ minTime,
63
+ maxTime,
64
+ onClickReserve,
65
+ onClickCancel,
66
+ onClickCompleteSession
67
+ } = props;
68
+ const [editValues, setEditValues] = useState({
69
+ date: props.defaultTime,
70
+ type: props.defaultType
71
+ });
72
+ const date = readonly ? defaultTime : editValues.date;
73
+ const type = readonly ? defaultType : editValues.type;
74
+ const onClickSave = useCallback(() => {
75
+ var _a;
76
+ (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
77
+ }, [editValues, props]);
78
+ const onClickReset = useCallback(() => {
79
+ setEditValues({
80
+ date: defaultTime,
81
+ type: defaultType
82
+ });
83
+ }, [defaultTime, defaultType]);
84
+ const ActionButtons = useMemo(() => {
85
+ if (readonly) {
86
+ return /* @__PURE__ */ jsx(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
87
+ }
88
+ return /* @__PURE__ */ jsx(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
89
+ }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
90
+ const onChangeDate = useCallback((newDate) => {
91
+ if (!newDate) return;
92
+ setEditValues((prev) => {
93
+ return __spreadProps(__spreadValues({}, prev), {
94
+ date: newDate
95
+ });
96
+ });
97
+ }, []);
98
+ const onChangeType = useCallback((newType) => {
99
+ setEditValues((prev) => {
100
+ return __spreadProps(__spreadValues({}, prev), {
101
+ type: newType
102
+ });
103
+ });
104
+ }, []);
105
+ const formatDate = useCallback((v) => {
106
+ return format(v, "yyyy\uB144 MM\uC6D4 dd\uC77C(EEE) aa h:mm", { locale: ko });
107
+ }, []);
108
+ useEffect(() => {
109
+ if (!minTime || !editValues.date || readonly) return;
110
+ if (editValues.date < minTime) {
111
+ toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
112
+ setEditValues((prev) => {
113
+ return __spreadProps(__spreadValues({}, prev), {
114
+ date: minTime
115
+ });
116
+ });
117
+ }
118
+ }, [editValues, minTime, readonly]);
119
+ useEffect(() => {
120
+ if (!maxTime || !editValues.date || readonly) return;
121
+ if (editValues.date > maxTime) {
122
+ toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
123
+ setEditValues((prev) => {
124
+ return __spreadProps(__spreadValues({}, prev), {
125
+ date: maxTime
126
+ });
127
+ });
128
+ }
129
+ }, [editValues, maxTime, readonly]);
130
+ return /* @__PURE__ */ jsxs(
131
+ Card,
132
+ {
133
+ error: Boolean(error),
134
+ size: "3",
135
+ style: { overflow: "visible", contain: "initial" },
136
+ children: [
137
+ /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "between", mb: "5", children: [
138
+ /* @__PURE__ */ jsxs(
139
+ Grid,
140
+ {
141
+ align: "center",
142
+ columns: { initial: "1", xs: "auto 1fr" },
143
+ gapY: "2",
144
+ children: [
145
+ /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
146
+ /* @__PURE__ */ jsxs(Heading, { variant: "heading4", children: [
147
+ customerName || "-",
148
+ "\uB2D8 ",
149
+ sessionNumber || "-",
150
+ "\uD68C\uCC28 \uC138\uC158"
151
+ ] }),
152
+ /* @__PURE__ */ jsx(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
153
+ ] }),
154
+ error ? /* @__PURE__ */ jsx(BulletText, { color: "red", variant: "caption", children: error }) : null
155
+ ]
156
+ }
157
+ ),
158
+ /* @__PURE__ */ jsx(Flex, { children: ActionButtons })
159
+ ] }),
160
+ /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
161
+ /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
162
+ /* @__PURE__ */ jsx(
163
+ DatePickerButton,
164
+ {
165
+ disabled: readonly,
166
+ format: formatDate,
167
+ maxDate: maxTime,
168
+ minDate: minTime,
169
+ onChange: onChangeDate,
170
+ placeholder: "\uC77C\uC790\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694",
171
+ selected: date,
172
+ showTimeSelect: true,
173
+ size: "large"
174
+ }
175
+ ),
176
+ /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
177
+ /* @__PURE__ */ jsx(
178
+ OnOfflineRadioCard,
179
+ {
180
+ disabled: readonly,
181
+ onValueChange: onChangeType,
182
+ size: "1",
183
+ value: type
184
+ }
185
+ ),
186
+ readonly ? null : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "end", children: [
187
+ /* @__PURE__ */ jsx(
188
+ Button,
189
+ {
190
+ color: "gray",
191
+ onClick: onClickReset,
192
+ size: "small",
193
+ variant: "transparent",
194
+ children: "\uCD08\uAE30\uD654\uD558\uAE30"
195
+ }
196
+ ),
197
+ /* @__PURE__ */ jsx(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
198
+ ] })
199
+ ] }) }),
200
+ readonly ? /* @__PURE__ */ jsx(Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ jsx(
201
+ Box,
202
+ {
203
+ mt: "5",
204
+ px: "5",
205
+ py: "4",
206
+ style: { backgroundColor: "var(--accent-a3)" },
207
+ width: "100%",
208
+ children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "4", justify: "center", children: [
209
+ /* @__PURE__ */ jsxs(Typo, { children: [
210
+ sessionNumber || "-",
211
+ "\uD68C\uCC28 \uC138\uC158\uC744 \uC644\uB8CC\uD558\uC168\uB098\uC694?"
212
+ ] }),
213
+ /* @__PURE__ */ jsxs(Button, { onClick: onClickCompleteSession, size: "small", children: [
214
+ "\uC138\uC158 \uC885\uB8CC\uD558\uAE30",
215
+ /* @__PURE__ */ jsx(ArrowRightIcon, {})
216
+ ] })
217
+ ] })
218
+ }
219
+ ) }) : null
220
+ ]
221
+ }
222
+ );
223
+ }
224
+
225
+ export {
226
+ ReservationCard
227
+ };
228
+ //# sourceMappingURL=chunk-KGPXD5VO.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/reservation-card.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { format } from 'date-fns';\nimport { ko } from 'date-fns/locale';\nimport {\n Badge,\n Box,\n BulletText,\n Button,\n Card,\n Flex,\n Form,\n Grid,\n Heading,\n Inset,\n toast,\n Typo,\n} from '../../atoms';\nimport { ArrowRightIcon, Cross1Icon } from '../../icon';\nimport { DatePickerButton } from '../../molecules';\nimport { OnOfflineRadioCard } from './on-offline-radio-card';\n\ntype Type = 'onlineCoaching' | 'offlineCoaching';\n\ninterface Values {\n date?: Date;\n type?: Type;\n}\n\nexport interface ReservationCardProps {\n sessionNumber?: number;\n readonly?: boolean;\n defaultTime?: Date;\n defaultType?: Type;\n customerName?: string;\n error?: string;\n onClickCompleteSession?: () => void;\n onClickReserve?: () => void;\n onClickSave?: (values: Values) => void;\n onClickCancel?: () => void;\n minTime?: Date;\n maxTime?: Date;\n}\n\nexport function ReservationCard(props: ReservationCardProps): React.ReactNode {\n const {\n sessionNumber,\n customerName,\n readonly,\n defaultTime,\n defaultType,\n error,\n minTime,\n maxTime,\n onClickReserve,\n onClickCancel,\n onClickCompleteSession,\n } = props;\n\n const [editValues, setEditValues] = useState<Values>({\n date: props.defaultTime,\n type: props.defaultType,\n });\n\n const date = readonly ? defaultTime : editValues.date;\n const type = readonly ? defaultType : editValues.type;\n\n const onClickSave = useCallback(() => {\n props.onClickSave?.(editValues);\n }, [editValues, props]);\n\n const onClickReset = useCallback(() => {\n setEditValues({\n date: defaultTime,\n type: defaultType,\n });\n }, [defaultTime, defaultType]);\n\n const ActionButtons = useMemo(() => {\n if (readonly) {\n return (\n <Button onClick={onClickReserve} size=\"small\" variant=\"surface\">\n {defaultTime && defaultType ? '예약 수정하기' : '예약하기'}\n </Button>\n );\n }\n return (\n <Button color=\"gray\" onClick={onClickCancel} variant=\"transparent\">\n <Cross1Icon />\n </Button>\n );\n }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);\n\n const onChangeDate = useCallback((newDate: Date | null) => {\n if (!newDate) return;\n setEditValues((prev) => {\n return {\n ...prev,\n date: newDate,\n };\n });\n }, []);\n\n const onChangeType = useCallback((newType: string) => {\n setEditValues((prev) => {\n return {\n ...prev,\n type: newType as Type,\n };\n });\n }, []);\n\n const formatDate = useCallback((v: Date) => {\n return format(v, 'yyyy년 MM월 dd일(EEE) aa h:mm', { locale: ko });\n }, []);\n\n useEffect(() => {\n if (!minTime || !editValues.date || readonly) return;\n if (editValues.date < minTime) {\n toast.warn('선택 가능한 시간대로 변경되었습니다.');\n setEditValues((prev) => {\n return {\n ...prev,\n date: minTime,\n };\n });\n }\n }, [editValues, minTime, readonly]);\n\n useEffect(() => {\n if (!maxTime || !editValues.date || readonly) return;\n if (editValues.date > maxTime) {\n toast.warn('선택 가능한 시간대로 변경되었습니다.');\n setEditValues((prev) => {\n return {\n ...prev,\n date: maxTime,\n };\n });\n }\n }, [editValues, maxTime, readonly]);\n\n return (\n <Card\n error={Boolean(error)}\n size=\"3\"\n style={{ overflow: 'visible', contain: 'initial' }}\n >\n <Flex gap=\"3\" justify=\"between\" mb=\"5\">\n <Grid\n align=\"center\"\n columns={{ initial: '1', xs: 'auto 1fr' }}\n gapY=\"2\"\n >\n <Flex align=\"center\">\n <Heading variant=\"heading4\">\n {customerName || '-'}님 {sessionNumber || '-'}회차 세션\n </Heading>\n <Badge ml=\"2\">다음 세션</Badge>\n </Flex>\n {error ? (\n <BulletText color=\"red\" variant=\"caption\">\n {error}\n </BulletText>\n ) : null}\n </Grid>\n <Flex>{ActionButtons}</Flex>\n </Flex>\n\n <Box>\n <Flex direction=\"column\" gap=\"5\">\n <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n 세션 일자와 시각\n </Heading>\n <DatePickerButton\n disabled={readonly}\n format={formatDate}\n maxDate={maxTime}\n minDate={minTime}\n onChange={onChangeDate}\n placeholder=\"일자를 선택해주세요\"\n selected={date}\n showTimeSelect\n size=\"large\"\n />\n\n <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n 온/오프라인 진행 여부\n </Heading>\n <OnOfflineRadioCard\n disabled={readonly}\n onValueChange={onChangeType}\n size=\"1\"\n value={type}\n />\n\n {readonly ? null : (\n <Flex align=\"center\" gap=\"3\" justify=\"end\">\n <Button\n color=\"gray\"\n onClick={onClickReset}\n size=\"small\"\n variant=\"transparent\"\n >\n 초기화하기\n </Button>\n <Button onClick={onClickSave} size=\"small\">\n 저장하기\n </Button>\n </Flex>\n )}\n </Flex>\n </Box>\n\n {readonly ? (\n <Inset clip=\"border-box\" side=\"bottom\">\n <Box\n mt=\"5\"\n px=\"5\"\n py=\"4\"\n style={{ backgroundColor: 'var(--accent-a3)' }}\n width=\"100%\"\n >\n <Flex align=\"center\" gap=\"4\" justify=\"center\">\n <Typo>{sessionNumber || '-'}회차 세션을 완료하셨나요?</Typo>\n <Button onClick={onClickCompleteSession} size=\"small\">\n 세션 종료하기\n <ArrowRightIcon />\n </Button>\n </Flex>\n </Box>\n </Inset>\n ) : null}\n </Card>\n );\n}\n"],"mappings":"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","names":[]}