@tipp/ui 2.3.8 → 2.3.9

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 (86) hide show
  1. package/dist/app/index.cjs.map +1 -1
  2. package/dist/app/index.js +21 -21
  3. package/dist/app/platform/edit-coaching-time.cjs.map +1 -1
  4. package/dist/app/platform/edit-coaching-time.js +18 -18
  5. package/dist/app/platform/edit-service-type.cjs.map +1 -1
  6. package/dist/app/platform/edit-service-type.js +18 -18
  7. package/dist/app/platform/goal-manage-card-edit.cjs.map +1 -1
  8. package/dist/app/platform/goal-manage-card-edit.js +18 -18
  9. package/dist/app/platform/on-offline-radio-card.cjs.map +1 -1
  10. package/dist/app/platform/on-offline-radio-card.js +18 -18
  11. package/dist/app/platform/reservation-card.cjs.map +1 -1
  12. package/dist/app/platform/reservation-card.js +18 -18
  13. package/dist/app/platform/session-card.cjs.map +1 -1
  14. package/dist/app/platform/session-card.js +18 -18
  15. package/dist/chunk-53LB62DW.js +165 -0
  16. package/dist/chunk-53LB62DW.js.map +1 -0
  17. package/dist/chunk-5ZIFEE7H.js +75 -0
  18. package/dist/chunk-5ZIFEE7H.js.map +1 -0
  19. package/dist/chunk-6D2NJ4JA.js +196 -0
  20. package/dist/chunk-6D2NJ4JA.js.map +1 -0
  21. package/dist/chunk-6NKDS27F.js +89 -0
  22. package/dist/chunk-6NKDS27F.js.map +1 -0
  23. package/dist/chunk-7N6VN2FK.js +70 -0
  24. package/dist/chunk-7N6VN2FK.js.map +1 -0
  25. package/dist/chunk-GU75W4O2.js +228 -0
  26. package/dist/chunk-GU75W4O2.js.map +1 -0
  27. package/dist/chunk-HKW45LNY.js +99 -0
  28. package/dist/chunk-HKW45LNY.js.map +1 -0
  29. package/dist/chunk-IEMRHLQ3.js +69 -0
  30. package/dist/chunk-IEMRHLQ3.js.map +1 -0
  31. package/dist/chunk-IG2TTPNN.js +233 -0
  32. package/dist/chunk-IG2TTPNN.js.map +1 -0
  33. package/dist/chunk-IMMHRXM2.js +363 -0
  34. package/dist/chunk-IMMHRXM2.js.map +1 -0
  35. package/dist/chunk-LAZUFZRZ.js +198 -0
  36. package/dist/chunk-LAZUFZRZ.js.map +1 -0
  37. package/dist/chunk-MQMW3XXD.js +117 -0
  38. package/dist/chunk-MQMW3XXD.js.map +1 -0
  39. package/dist/chunk-O63J4YET.js +169 -0
  40. package/dist/chunk-O63J4YET.js.map +1 -0
  41. package/dist/chunk-PLXD7ZKF.js +54 -0
  42. package/dist/chunk-PLXD7ZKF.js.map +1 -0
  43. package/dist/chunk-PPCORTMH.js +87 -0
  44. package/dist/chunk-PPCORTMH.js.map +1 -0
  45. package/dist/chunk-PZYP6MUR.js +174 -0
  46. package/dist/chunk-PZYP6MUR.js.map +1 -0
  47. package/dist/chunk-QT3MU3ZI.js +192 -0
  48. package/dist/chunk-QT3MU3ZI.js.map +1 -0
  49. package/dist/chunk-QYBSBW7T.js +64 -0
  50. package/dist/chunk-QYBSBW7T.js.map +1 -0
  51. package/dist/chunk-RCTSFOT7.js +145 -0
  52. package/dist/chunk-RCTSFOT7.js.map +1 -0
  53. package/dist/chunk-SDKOCP5V.js +125 -0
  54. package/dist/chunk-SDKOCP5V.js.map +1 -0
  55. package/dist/chunk-SW3F2AU5.js +63 -0
  56. package/dist/chunk-SW3F2AU5.js.map +1 -0
  57. package/dist/chunk-TMM2Z7GY.js +68 -0
  58. package/dist/chunk-TMM2Z7GY.js.map +1 -0
  59. package/dist/chunk-VWUWH2YW.js +64 -0
  60. package/dist/chunk-VWUWH2YW.js.map +1 -0
  61. package/dist/chunk-VZDOBBRZ.js +144 -0
  62. package/dist/chunk-VZDOBBRZ.js.map +1 -0
  63. package/dist/chunk-W747CDDK.js +79 -0
  64. package/dist/chunk-W747CDDK.js.map +1 -0
  65. package/dist/chunk-XUSCUT5R.js +100 -0
  66. package/dist/chunk-XUSCUT5R.js.map +1 -0
  67. package/dist/index.cjs +41 -35
  68. package/dist/index.cjs.map +1 -1
  69. package/dist/index.css +1 -0
  70. package/dist/index.js +36 -36
  71. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +2 -2
  72. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +3 -3
  73. package/dist/molecules/curriculumV2/CurriculumContents/index.js +5 -5
  74. package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +3 -3
  75. package/dist/molecules/curriculumV2/CurriculumSidebar/sidebar-item.js +2 -2
  76. package/dist/molecules/curriculumV2/index.js +13 -13
  77. package/dist/molecules/expand-table/index.cjs +41 -35
  78. package/dist/molecules/expand-table/index.cjs.map +1 -1
  79. package/dist/molecules/expand-table/index.js +1 -1
  80. package/dist/molecules/index.cjs +41 -35
  81. package/dist/molecules/index.cjs.map +1 -1
  82. package/dist/molecules/index.js +29 -29
  83. package/dist/molecules/time-select.js +1 -1
  84. package/dist/utils/index.js +3 -3
  85. package/package.json +1 -1
  86. package/src/molecules/expand-table/index.tsx +29 -18
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React from 'react';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport type { Curriculum } from '@/types'; \nimport {\n CurriculumReviewProvider,\n useCurriculumReviewContext,\n} from './curriculum-review-context';\nimport StartReview from './start-review';\nimport CompleteReview from './complete-review';\nimport ReviewQuestion from './ReviewQuestion';\n \nfunction CurriculumReviewStepsInner(): React.ReactNode {\n const {\n formik,\n step,\n handleStart,\n handleNext,\n handlePrev,\n onClickReviewMyAnswer,\n handleSubmit,\n currentQuestion,\n currentAnswer,\n currentError,\n reviewContents,\n handleAnswerChange,\n } = useCurriculumReviewContext();\n const { questions } = reviewContents;\n\n if (step === 0) {\n return <StartReview onStart={handleStart} />;\n }\n if (step > 0 && step <= questions.length && currentQuestion) {\n return (\n <ReviewQuestion\n answer={currentAnswer}\n error={currentError}\n index={step - 1}\n isLast={step === questions.length}\n isLoading={formik.isSubmitting}\n isNextDisabled={currentError !== undefined}\n onChange={handleAnswerChange}\n onNext={handleNext}\n onPrev={handlePrev}\n onSubmit={handleSubmit}\n question={currentQuestion}\n total={questions.length}\n />\n );\n }\n return <CompleteReview onClickReviewMyAnswer={onClickReviewMyAnswer} />;\n}\n\ninterface CurriculumReviewStepsProps {\n contents: CurriculumReviewContents;\n title: string | undefined;\n onClickEndReview: () => void;\n onSubmit: (values: Record<string, string>) => Promise<boolean>;\n defaultValues?: Record<string, string>;\n curriculum: Curriculum;\n onReviewValueChange: ({\n reviewId,\n answer,\n }: {\n reviewId: string;\n answer: Record<string, string>;\n }) => void;\n mode: 'edit' | 'create';\n done: boolean; \n}\n\nfunction CurriculumReviewSteps({\n contents,\n title,\n onClickEndReview,\n onSubmit,\n defaultValues,\n curriculum,\n onReviewValueChange,\n mode,\n done,\n}: CurriculumReviewStepsProps): React.ReactNode { \n\n return (\n <CurriculumReviewProvider\n curriculum={curriculum}\n defaultValues={defaultValues}\n done={done}\n mode={mode}\n onClickEndReview={onClickEndReview}\n onReviewValueChange={onReviewValueChange}\n onSubmit={onSubmit}\n reviewContents={contents}\n sectionTitle={title}\n >\n <CurriculumReviewStepsInner />\n </CurriculumReviewProvider>\n );\n}\n\nexport default CurriculumReviewSteps;\n"],"mappings":";;;;;;;;;;;;;;;AA6BW;AAlBX,SAAS,6BAA8C;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B;AAC/B,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,SAAS,GAAG;AACd,WAAO,oBAAC,wBAAY,SAAS,aAAa;AAAA,EAC5C;AACA,MAAI,OAAO,KAAK,QAAQ,UAAU,UAAU,iBAAiB;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,QACd,QAAQ,SAAS,UAAU;AAAA,QAC3B,WAAW,OAAO;AAAA,QAClB,gBAAgB,iBAAiB;AAAA,QACjC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,UAAU;AAAA;AAAA,IACnB;AAAA,EAEJ;AACA,SAAO,oBAAC,2BAAe,uBAA8C;AACvE;AAoBA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,MAEd,8BAAC,8BAA2B;AAAA;AAAA,EAC9B;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}
@@ -0,0 +1,70 @@
1
+ import {
2
+ useCurriculumContext
3
+ } from "./chunk-IYQJIEVM.js";
4
+ import {
5
+ Typo
6
+ } from "./chunk-PMJIFLDT.js";
7
+ import {
8
+ Flex
9
+ } from "./chunk-25HMMI7R.js";
10
+ import {
11
+ Button
12
+ } from "./chunk-ZVDAEY5Q.js";
13
+ import {
14
+ ResetIcon
15
+ } from "./chunk-W5TPOFOO.js";
16
+
17
+ // src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
18
+ import { useMemo } from "react";
19
+ import { jsx, jsxs } from "react/jsx-runtime";
20
+ function CurriculumAiTraning({
21
+ item
22
+ }) {
23
+ const { title, description, buttonTitle } = item;
24
+ const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();
25
+ const done = useMemo(() => {
26
+ return Boolean(curriculumCompleteMap[item.uuid]);
27
+ }, [curriculumCompleteMap, item.uuid]);
28
+ const bgColor = done ? "var(--color-panel-solid)" : void 0;
29
+ return /* @__PURE__ */ jsxs(
30
+ Flex,
31
+ {
32
+ align: "center",
33
+ direction: "column",
34
+ height: "100%",
35
+ justify: "center",
36
+ style: {
37
+ backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,
38
+ backgroundPosition: "center",
39
+ backgroundSize: "cover",
40
+ backgroundRepeat: "no-repeat"
41
+ },
42
+ width: "100%",
43
+ children: [
44
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
45
+ /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
46
+ /* @__PURE__ */ jsxs(
47
+ Button,
48
+ {
49
+ mt: "3",
50
+ onClick: () => {
51
+ onActionButtonClick(item);
52
+ },
53
+ style: { minWidth: 232, backgroundColor: bgColor },
54
+ variant: done ? "outline" : "solid",
55
+ children: [
56
+ done ? "\uB2E4\uC2DC \uC5F0\uC2B5\uD558\uAE30" : buttonTitle || "\uC2DC\uC791\uD558\uAE30",
57
+ done ? /* @__PURE__ */ jsx(ResetIcon, {}) : null
58
+ ]
59
+ }
60
+ )
61
+ ]
62
+ }
63
+ );
64
+ }
65
+ var curriculum_ai_traning_default = CurriculumAiTraning;
66
+
67
+ export {
68
+ curriculum_ai_traning_default
69
+ };
70
+ //# sourceMappingURL=chunk-7N6VN2FK.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { CurriculumAiTrainingContents } from '@/types/curriculumContents.type';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { ResetIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\n\ninterface CurriculumAiTraningProps {\n item: CurriculumAiTrainingContents;\n}\n\nfunction CurriculumAiTraning({\n item,\n}: CurriculumAiTraningProps): React.ReactNode {\n const { title, description, buttonTitle } = item;\n const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();\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 <Flex\n align=\"center\"\n direction=\"column\"\n height=\"100%\"\n justify=\"center\"\n style={{\n backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n }}\n width=\"100%\"\n >\n <Typo color=\"gray\" weight=\"bold\">\n {title}\n </Typo>\n <Typo align=\"center\" as=\"p\" color=\"gray\">\n {description}\n </Typo>\n\n <Button\n mt=\"3\"\n onClick={() => { onActionButtonClick(item); }}\n style={{ minWidth: 232, backgroundColor: bgColor }}\n variant={done ? 'outline' : 'solid'}\n >\n {done ? '다시 연습하기' : buttonTitle || '시작하기'}\n {done ? <ResetIcon/> : null}\n </Button>\n \n </Flex>\n );\n}\n\nexport default CurriculumAiTraning;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAsCzB,cAOA,YAPA;AA1BN,SAAS,oBAAoB;AAAA,EAC3B;AACF,GAA8C;AAC5C,QAAM,EAAE,OAAO,aAAa,YAAY,IAAI;AAC5C,QAAM,EAAE,uBAAuB,oBAAoB,IAAI,qBAAqB;AAE5E,QAAM,OAAO,QAAQ,MAAM;AACzB,WAAO,QAAQ,sBAAsB,KAAK,IAAI,CAAC;AAAA,EACjD,GAAG,CAAC,uBAAuB,KAAK,IAAI,CAAC;AAErC,QAAM,UAAU,OAAO,6BAA6B;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,MACpB;AAAA,MACA,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,QACA,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAS,MAAM;AAAE,kCAAoB,IAAI;AAAA,YAAG;AAAA,YAC5C,OAAO,EAAE,UAAU,KAAK,iBAAiB,QAAQ;AAAA,YACjD,SAAS,OAAO,YAAY;AAAA,YAE3B;AAAA,qBAAO,0CAAY,eAAe;AAAA,cAClC,OAAO,oBAAC,aAAS,IAAK;AAAA;AAAA;AAAA,QACzB;AAAA;AAAA;AAAA,EAEF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}
@@ -0,0 +1,228 @@
1
+ import {
2
+ OnOfflineRadioCard
3
+ } from "./chunk-M2PVHXOE.js";
4
+ import {
5
+ DatePickerButton
6
+ } from "./chunk-5ZIFEE7H.js";
7
+ import {
8
+ toast
9
+ } from "./chunk-EEKOTWBE.js";
10
+ import {
11
+ Inset
12
+ } from "./chunk-XQOL7UBI.js";
13
+ import {
14
+ Grid
15
+ } from "./chunk-EGEQY3KT.js";
16
+ import {
17
+ Heading
18
+ } from "./chunk-BESTU2AY.js";
19
+ import {
20
+ Box
21
+ } from "./chunk-4Y5BEXVN.js";
22
+ import {
23
+ BulletText
24
+ } from "./chunk-Z34HR7RE.js";
25
+ import {
26
+ Typo
27
+ } from "./chunk-PMJIFLDT.js";
28
+ import {
29
+ Flex
30
+ } from "./chunk-25HMMI7R.js";
31
+ import {
32
+ Button
33
+ } from "./chunk-ZVDAEY5Q.js";
34
+ import {
35
+ Card
36
+ } from "./chunk-RP2RGCAW.js";
37
+ import {
38
+ ArrowRightIcon,
39
+ Cross1Icon
40
+ } from "./chunk-W5TPOFOO.js";
41
+ import {
42
+ Badge
43
+ } from "./chunk-U3BQT7ZO.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-GU75W4O2.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":[]}
@@ -0,0 +1,99 @@
1
+ import {
2
+ Separator
3
+ } from "./chunk-HYITAA4J.js";
4
+ import {
5
+ Grid
6
+ } from "./chunk-EGEQY3KT.js";
7
+ import {
8
+ Heading
9
+ } from "./chunk-BESTU2AY.js";
10
+ import {
11
+ Box
12
+ } from "./chunk-4Y5BEXVN.js";
13
+ import {
14
+ Typo
15
+ } from "./chunk-PMJIFLDT.js";
16
+ import {
17
+ Flex
18
+ } from "./chunk-25HMMI7R.js";
19
+ import {
20
+ ArrowRightIcon,
21
+ TimerIcon
22
+ } from "./chunk-W5TPOFOO.js";
23
+ import {
24
+ Badge
25
+ } from "./chunk-U3BQT7ZO.js";
26
+
27
+ // src/app/platform/curriculum-card.tsx
28
+ import { jsx, jsxs } from "react/jsx-runtime";
29
+ function CurriculumCard(props) {
30
+ const {
31
+ title,
32
+ imgTitle,
33
+ imgSrc,
34
+ description,
35
+ runningTime,
36
+ bgColor,
37
+ onClick
38
+ } = props;
39
+ return /* @__PURE__ */ jsxs(
40
+ Grid,
41
+ {
42
+ columns: { initial: "1", sm: "275px 1fr" },
43
+ gapX: "5",
44
+ gapY: "2",
45
+ onClick,
46
+ style: { cursor: "pointer" },
47
+ children: [
48
+ /* @__PURE__ */ jsx(
49
+ Box,
50
+ {
51
+ height: "165px",
52
+ p: "3",
53
+ style: {
54
+ backgroundImage: `url(${imgSrc})`,
55
+ backgroundColor: bgColor,
56
+ backgroundPositionX: "right",
57
+ backgroundPositionY: "bottom",
58
+ backgroundRepeat: "no-repeat",
59
+ backgroundSize: "contain",
60
+ backgroundAttachment: "local"
61
+ },
62
+ width: "100%",
63
+ children: /* @__PURE__ */ jsx(Heading, { style: { whiteSpace: "break-spaces" }, variant: "heading3", children: imgTitle })
64
+ }
65
+ ),
66
+ /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
67
+ /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "1fr auto" }, gapY: "3", children: [
68
+ /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
69
+ /* @__PURE__ */ jsx(
70
+ Badge,
71
+ {
72
+ size: "medium",
73
+ style: { justifySelf: "flex-start" },
74
+ variant: "outline",
75
+ children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
76
+ /* @__PURE__ */ jsx(TimerIcon, {}),
77
+ runningTime
78
+ ] })
79
+ }
80
+ )
81
+ ] }),
82
+ /* @__PURE__ */ jsx(Box, { style: { marginBottom: "auto" }, children: /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: description == null ? void 0 : description.map((el) => {
83
+ return /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading5", weight: "regular", children: el }) }, el);
84
+ }) }) }),
85
+ /* @__PURE__ */ jsx(Separator, { size: "4" }),
86
+ /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "end", children: [
87
+ /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uAC15\uC758 \uB4E3\uACE0 \uCF54\uCE58\uB2D8\uACFC \uBB34\uC81C\uD55C Q&A" }),
88
+ /* @__PURE__ */ jsx(ArrowRightIcon, { color: "gray" })
89
+ ] })
90
+ ] })
91
+ ]
92
+ }
93
+ );
94
+ }
95
+
96
+ export {
97
+ CurriculumCard
98
+ };
99
+ //# sourceMappingURL=chunk-HKW45LNY.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/curriculum-card.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge } from '@/atoms/badge';\nimport { Box } from '@/atoms/box';\nimport { Grid } from '@/atoms/grid';\nimport { Heading } from '@/atoms/heading';\nimport { Typo } from '@/atoms/typo';\nimport { Separator } from '@/atoms/separator';\nimport { Flex } from '@/atoms/flex';\nimport { ArrowRightIcon, TimerIcon } from '@/icon';\n\nexport interface CurriculumCardProps {\n title?: string;\n imgTitle?: string;\n imgSrc?: string;\n description?: string[];\n runningTime?: string;\n bgColor?: string;\n onClick?: () => void;\n}\n\nexport function CurriculumCard(props: CurriculumCardProps): React.ReactNode {\n const {\n title,\n imgTitle,\n imgSrc,\n description,\n runningTime,\n bgColor,\n onClick,\n } = props;\n return (\n <Grid\n columns={{ initial: '1', sm: '275px 1fr' }}\n gapX=\"5\"\n gapY=\"2\"\n onClick={onClick}\n style={{ cursor: 'pointer' }}\n >\n {/* 섬네일 */}\n <Box\n height=\"165px\"\n p=\"3\"\n style={{\n backgroundImage: `url(${imgSrc})`,\n backgroundColor: bgColor,\n backgroundPositionX: 'right',\n backgroundPositionY: 'bottom',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n backgroundAttachment: 'local',\n }}\n width=\"100%\"\n >\n <Heading style={{ whiteSpace: 'break-spaces' }} variant=\"heading3\">\n {imgTitle}\n </Heading>\n </Box>\n {/* 텍스트 */}\n <Flex direction=\"column\" gap=\"3\">\n {/* 제목 */}\n <Grid columns={{ initial: '1', xs: '1fr auto' }} gapY=\"3\">\n <Heading variant=\"heading4\">{title}</Heading>\n <Badge\n size=\"medium\"\n style={{ justifySelf: 'flex-start' }}\n variant=\"outline\"\n >\n <Flex align=\"center\" gap=\"1\">\n <TimerIcon />\n {runningTime}\n </Flex>\n </Badge>\n </Grid>\n {/* 설명 */}\n <Box style={{ marginBottom: 'auto' }}>\n <ul style={{ margin: 0, paddingLeft: 20 }}>\n {description?.map((el) => {\n return (\n <li key={el} style={{ marginBottom: 8 }}>\n <Heading truncate variant=\"heading5\" weight=\"regular\">\n {el}\n </Heading>\n </li>\n );\n })}\n </ul>\n </Box>\n <Separator size=\"4\" />\n <Flex align=\"center\" gap=\"2\" justify=\"end\">\n <Typo color=\"gray\">강의 듣고 코치님과 무제한 Q&A</Typo>\n <ArrowRightIcon color=\"gray\" />\n </Flex>\n </Flex>\n </Grid>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDQ,cAcI,YAdJ;AAjCD,SAAS,eAAe,OAA6C;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,EAAE,SAAS,KAAK,IAAI,YAAY;AAAA,MACzC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO,EAAE,QAAQ,UAAU;AAAA,MAG3B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAO;AAAA,YACP,GAAE;AAAA,YACF,OAAO;AAAA,cACL,iBAAiB,OAAO,MAAM;AAAA,cAC9B,iBAAiB;AAAA,cACjB,qBAAqB;AAAA,cACrB,qBAAqB;AAAA,cACrB,kBAAkB;AAAA,cAClB,gBAAgB;AAAA,cAChB,sBAAsB;AAAA,YACxB;AAAA,YACA,OAAM;AAAA,YAEN,8BAAC,WAAQ,OAAO,EAAE,YAAY,eAAe,GAAG,SAAQ,YACrD,oBACH;AAAA;AAAA,QACF;AAAA,QAEA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,+BAAC,QAAK,SAAS,EAAE,SAAS,KAAK,IAAI,WAAW,GAAG,MAAK,KACpD;AAAA,gCAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,YACnC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,EAAE,aAAa,aAAa;AAAA,gBACnC,SAAQ;AAAA,gBAER,+BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,sCAAC,aAAU;AAAA,kBACV;AAAA,mBACH;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UAEA,oBAAC,OAAI,OAAO,EAAE,cAAc,OAAO,GACjC,8BAAC,QAAG,OAAO,EAAE,QAAQ,GAAG,aAAa,GAAG,GACrC,qDAAa,IAAI,CAAC,OAAO;AACxB,mBACE,oBAAC,QAAY,OAAO,EAAE,cAAc,EAAE,GACpC,8BAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,cACH,KAHO,EAIT;AAAA,UAEJ,IACF,GACF;AAAA,UACA,oBAAC,aAAU,MAAK,KAAI;AAAA,UACpB,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,OACnC;AAAA,gCAAC,QAAK,OAAM,QAAO,uFAAkB;AAAA,YACrC,oBAAC,kBAAe,OAAM,QAAO;AAAA,aAC/B;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
@@ -0,0 +1,69 @@
1
+ import {
2
+ review_question_satisfaction_option_default
3
+ } from "./chunk-TNGEPJ3G.js";
4
+ import {
5
+ ReviewQuestionSatisfisText
6
+ } from "./chunk-CC5RCOSM.js";
7
+ import {
8
+ review_question_text_default
9
+ } from "./chunk-PPCORTMH.js";
10
+ import {
11
+ review_question_radio_default
12
+ } from "./chunk-4NNBXE2Q.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-IEMRHLQ3.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":[]}