@tipp/ui 2.1.6 → 2.1.8
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.
- package/dist/app/index.cjs.map +1 -1
- package/dist/app/index.js +58 -58
- package/dist/app/platform/coach-question-list.js +29 -29
- package/dist/app/platform/contents-card.js +29 -29
- package/dist/app/platform/curriculum-card.js +4 -4
- package/dist/app/platform/edit-coaching-time.cjs.map +1 -1
- package/dist/app/platform/edit-coaching-time.js +46 -46
- package/dist/app/platform/edit-service-type.cjs.map +1 -1
- package/dist/app/platform/edit-service-type.js +46 -46
- package/dist/app/platform/goal-manage-card-edit.cjs.map +1 -1
- package/dist/app/platform/goal-manage-card-edit.js +47 -47
- package/dist/app/platform/goal-manage-card-read.js +29 -29
- package/dist/app/platform/on-offline-radio-card.cjs.map +1 -1
- package/dist/app/platform/on-offline-radio-card.js +46 -46
- package/dist/app/platform/report-card.js +29 -29
- package/dist/app/platform/reservation-card.cjs.map +1 -1
- package/dist/app/platform/reservation-card.js +47 -47
- package/dist/app/platform/session-card.cjs.map +1 -1
- package/dist/app/platform/session-card.js +47 -47
- package/dist/app/platform/session-review-simple-read.js +29 -29
- package/dist/app/platform/userInfos/coaching-customer-info/index.js +31 -31
- package/dist/app/platform/userInfos/coaching-customer-info/large.js +29 -29
- package/dist/app/platform/userInfos/coaching-customer-info/medium.js +29 -29
- package/dist/app/platform/userInfos/coaching-customer-info/small.js +28 -28
- package/dist/app/platform/userInfos/session-user-info-detail.js +28 -28
- package/dist/app/platform/userInfos/utils.js +28 -28
- package/dist/atoms/index.js +64 -64
- package/dist/atoms/pagination.js +2 -2
- package/dist/chunk-2DJALSMS.js +89 -0
- package/dist/chunk-2DJALSMS.js.map +1 -0
- package/dist/chunk-5HDK2O77.js +59 -0
- package/dist/chunk-5HDK2O77.js.map +1 -0
- package/dist/chunk-637SZITH.js +79 -0
- package/dist/chunk-637SZITH.js.map +1 -0
- package/dist/chunk-AF5OLZPB.js +89 -0
- package/dist/chunk-AF5OLZPB.js.map +1 -0
- package/dist/chunk-B4FBF3HZ.js +123 -0
- package/dist/chunk-B4FBF3HZ.js.map +1 -0
- package/dist/chunk-DOGV5ZUB.js +59 -0
- package/dist/chunk-DOGV5ZUB.js.map +1 -0
- package/dist/chunk-FU6KLVGQ.js +59 -0
- package/dist/chunk-FU6KLVGQ.js.map +1 -0
- package/dist/chunk-IIL23OC5.js +59 -0
- package/dist/chunk-IIL23OC5.js.map +1 -0
- package/dist/chunk-JWDN6DTS.js +123 -0
- package/dist/chunk-JWDN6DTS.js.map +1 -0
- package/dist/chunk-MU6BQEBB.js +61 -0
- package/dist/chunk-MU6BQEBB.js.map +1 -0
- package/dist/chunk-PIDMAX55.js +123 -0
- package/dist/chunk-PIDMAX55.js.map +1 -0
- package/dist/chunk-QHIQCYK2.js +59 -0
- package/dist/chunk-QHIQCYK2.js.map +1 -0
- package/dist/chunk-RGADLWN7.js +59 -0
- package/dist/chunk-RGADLWN7.js.map +1 -0
- package/dist/chunk-RHQNIB5E.js +89 -0
- package/dist/chunk-RHQNIB5E.js.map +1 -0
- package/dist/chunk-RLWHEE4V.js +123 -0
- package/dist/chunk-RLWHEE4V.js.map +1 -0
- package/dist/chunk-TNQWK4FE.js +30 -0
- package/dist/chunk-TNQWK4FE.js.map +1 -0
- package/dist/chunk-VE7XSAWU.js +123 -0
- package/dist/chunk-VE7XSAWU.js.map +1 -0
- package/dist/chunk-ZNUVCZIN.js +123 -0
- package/dist/chunk-ZNUVCZIN.js.map +1 -0
- package/dist/icon.js +6 -6
- package/dist/icons/index.js +6 -6
- package/dist/index.cjs +2 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +122 -122
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +33 -33
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +32 -32
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.js +29 -29
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.js +29 -29
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.js +29 -29
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.cjs +1 -1
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.cjs.map +1 -1
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.js +29 -29
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.cjs +1 -2
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.cjs.map +1 -1
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +36 -36
- package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.js +29 -29
- package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.cjs +2 -3
- package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.cjs.map +1 -1
- package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +37 -37
- package/dist/molecules/curriculumV2/CurriculumContents/curriculum-video.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumContents/index.cjs +2 -3
- package/dist/molecules/curriculumV2/CurriculumContents/index.cjs.map +1 -1
- package/dist/molecules/curriculumV2/CurriculumContents/index.js +38 -38
- package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-item.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-title.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +28 -28
- package/dist/molecules/curriculumV2/CurriculumSidebar/sidebar-item.js +28 -28
- package/dist/molecules/curriculumV2/curriculum-sub-nav.js +28 -28
- package/dist/molecules/curriculumV2/curriculum-v2-layout.js +28 -28
- package/dist/molecules/curriculumV2/index.cjs +2 -3
- package/dist/molecules/curriculumV2/index.cjs.map +1 -1
- package/dist/molecules/curriculumV2/index.js +38 -38
- package/dist/molecules/date-picker/date-picker-button.js +28 -28
- package/dist/molecules/date-picker/index.js +2 -2
- package/dist/molecules/expand-table/index.js +29 -29
- package/dist/molecules/expand-table/row.js +28 -28
- package/dist/molecules/index.cjs +2 -3
- package/dist/molecules/index.cjs.map +1 -1
- package/dist/molecules/index.js +59 -59
- package/dist/molecules/learning-post.js +2 -2
- package/dist/molecules/navigation.js +28 -28
- package/dist/molecules/radio-button-card.js +28 -28
- package/dist/molecules/stepper.js +4 -4
- package/dist/molecules/tag-selector.js +29 -29
- package/dist/molecules/time-select.js +28 -28
- package/dist/utils/curriculum.utils.js +2 -2
- package/package.json +1 -1
- package/src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx +1 -1
- package/src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx +0 -2
- package/src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx +2 -2
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import {
|
|
2
|
+
CurriculumReviewSteps_default
|
|
3
|
+
} from "./chunk-2DJALSMS.js";
|
|
4
|
+
import {
|
|
5
|
+
useCurriculumContext
|
|
6
|
+
} from "./chunk-YN4SHJ2O.js";
|
|
7
|
+
import {
|
|
8
|
+
Dialog
|
|
9
|
+
} from "./chunk-45VFASWZ.js";
|
|
10
|
+
import {
|
|
11
|
+
IconButton
|
|
12
|
+
} from "./chunk-O3DNDMV3.js";
|
|
13
|
+
import {
|
|
14
|
+
Box
|
|
15
|
+
} from "./chunk-4Y5BEXVN.js";
|
|
16
|
+
import {
|
|
17
|
+
Typo
|
|
18
|
+
} from "./chunk-LH57PIY2.js";
|
|
19
|
+
import {
|
|
20
|
+
Flex
|
|
21
|
+
} from "./chunk-25HMMI7R.js";
|
|
22
|
+
import {
|
|
23
|
+
Button
|
|
24
|
+
} from "./chunk-AFPH32MF.js";
|
|
25
|
+
import {
|
|
26
|
+
__spreadValues
|
|
27
|
+
} from "./chunk-2NMEKWO5.js";
|
|
28
|
+
|
|
29
|
+
// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
|
|
30
|
+
import { useCallback, useMemo, useState } from "react";
|
|
31
|
+
import { Cross1Icon } from "@radix-ui/react-icons";
|
|
32
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
33
|
+
function CurriculumReview(props) {
|
|
34
|
+
const { item, sectionTitle } = props;
|
|
35
|
+
const { description, buttonTitle } = item;
|
|
36
|
+
const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
|
|
37
|
+
const [open, setOpen] = useState(false);
|
|
38
|
+
const onReviewSubmit = useCallback((values) => {
|
|
39
|
+
return _onReviewSubmit({ reviewId: item.uuid, answer: values });
|
|
40
|
+
}, [item.uuid, _onReviewSubmit]);
|
|
41
|
+
const onClickEndReview = useCallback(() => {
|
|
42
|
+
setOpen(false);
|
|
43
|
+
}, []);
|
|
44
|
+
const mode = useMemo(() => {
|
|
45
|
+
return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
|
|
46
|
+
}, [curriculumReviewAnswers, item.questions]);
|
|
47
|
+
const defaultValues = useMemo(() => {
|
|
48
|
+
const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
|
|
49
|
+
return item.questions.reduce((acc, question) => {
|
|
50
|
+
acc[question.uuid] = allAnswers[question.uuid] || "";
|
|
51
|
+
return acc;
|
|
52
|
+
}, {});
|
|
53
|
+
}, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
|
|
54
|
+
const done = useMemo(() => {
|
|
55
|
+
return Boolean(curriculumCompleteMap[item.uuid]);
|
|
56
|
+
}, [curriculumCompleteMap, item.uuid]);
|
|
57
|
+
return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
|
|
58
|
+
/* @__PURE__ */ jsxs(
|
|
59
|
+
Flex,
|
|
60
|
+
{
|
|
61
|
+
align: "center",
|
|
62
|
+
direction: "column",
|
|
63
|
+
height: "100%",
|
|
64
|
+
justify: "center",
|
|
65
|
+
px: "3",
|
|
66
|
+
py: "3",
|
|
67
|
+
width: "100%",
|
|
68
|
+
children: [
|
|
69
|
+
/* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
|
|
70
|
+
/* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
|
|
71
|
+
/* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { mt: "3", style: { width: 232 }, variant: done ? "outline" : "solid", children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle }) }) })
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ jsx(
|
|
76
|
+
Dialog.Content,
|
|
77
|
+
{
|
|
78
|
+
height: "100%",
|
|
79
|
+
hideCloseButton: true,
|
|
80
|
+
style: { borderRadius: 0, padding: 0 },
|
|
81
|
+
title: "",
|
|
82
|
+
width: "100%",
|
|
83
|
+
children: /* @__PURE__ */ jsxs(
|
|
84
|
+
Flex,
|
|
85
|
+
{
|
|
86
|
+
align: "center",
|
|
87
|
+
height: "100%",
|
|
88
|
+
justify: "center",
|
|
89
|
+
pb: "3",
|
|
90
|
+
position: "relative",
|
|
91
|
+
width: "100%",
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ jsx(
|
|
94
|
+
CurriculumReviewSteps_default,
|
|
95
|
+
{
|
|
96
|
+
contents: item,
|
|
97
|
+
curriculum,
|
|
98
|
+
defaultValues,
|
|
99
|
+
done,
|
|
100
|
+
mode,
|
|
101
|
+
onClickEndReview,
|
|
102
|
+
onReviewValueChange,
|
|
103
|
+
onSubmit: onReviewSubmit,
|
|
104
|
+
title: sectionTitle
|
|
105
|
+
}
|
|
106
|
+
),
|
|
107
|
+
/* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxs(IconButton, { color: "gray", variant: "ghost", children: [
|
|
108
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
|
|
109
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
|
|
110
|
+
] }) }) })
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
)
|
|
114
|
+
}
|
|
115
|
+
)
|
|
116
|
+
] });
|
|
117
|
+
}
|
|
118
|
+
var curriculum_review_default = CurriculumReview;
|
|
119
|
+
|
|
120
|
+
export {
|
|
121
|
+
curriculum_review_default
|
|
122
|
+
};
|
|
123
|
+
//# sourceMappingURL=chunk-RLWHEE4V.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box, Button, Dialog, Flex, IconButton, Typo } from '@/atoms';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n item: CurriculumReviewContents;\n sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n const { item, sectionTitle } = props;\n const { description, buttonTitle } = item;\n const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();\n const [open, setOpen] = useState(false);\n\n const onReviewSubmit = useCallback((values: Record<string, string>) => {\n return _onReviewSubmit({ reviewId: item.uuid, answer: values });\n }, [item.uuid, _onReviewSubmit]); \n\n const onClickEndReview = useCallback(() => {\n setOpen(false); \n }, []);\n\n const mode = useMemo(() => {\n return item.questions.every(question => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== '') ? 'edit' : 'create';\n }, [curriculumReviewAnswers, item.questions]);\n\n const defaultValues = useMemo(() => { \n const allAnswers = {\n ...tempCurriculumReviewAnswers,\n ...curriculumReviewAnswers\n };\n\n return item.questions.reduce<Record<string, string>>((acc, question) => {\n acc[question.uuid] = allAnswers[question.uuid] || '';\n return acc;\n }, {});\n }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n const done = useMemo(() => {\n return Boolean(curriculumCompleteMap[item.uuid]);\n }, [curriculumCompleteMap, item.uuid]);\n\n return (\n <Dialog.Root onOpenChange={setOpen} open={open}>\n <Flex\n align=\"center\"\n direction=\"column\"\n height=\"100%\"\n justify=\"center\"\n px=\"3\"\n py=\"3\"\n width=\"100%\"\n >\n <Typo color=\"gray\" weight=\"bold\">\n {curriculum.title}\n </Typo>\n <Typo align=\"center\" as=\"p\" color=\"gray\">\n {description}\n </Typo>\n\n <Dialog.Trigger>\n <Button mt=\"3\" style={{ width: 232 }} variant={done ? 'outline' : 'solid'}>\n <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n </Button>\n </Dialog.Trigger>\n </Flex>\n <Dialog.Content\n height=\"100%\"\n hideCloseButton\n style={{ borderRadius: 0, padding: 0 }}\n title=\"\"\n width=\"100%\"\n >\n <Flex\n align=\"center\"\n height=\"100%\"\n justify=\"center\"\n pb=\"3\"\n position=\"relative\"\n width=\"100%\"\n >\n <CurriculumReviewSteps\n contents={item}\n curriculum={curriculum} \n defaultValues={defaultValues}\n done={done}\n mode={mode}\n onClickEndReview={onClickEndReview}\n onReviewValueChange={onReviewValueChange}\n onSubmit={onReviewSubmit}\n title={sectionTitle}\n />\n <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n <Dialog.Close asChild>\n <IconButton color=\"gray\" variant=\"ghost\">\n <Box display={{ initial: 'none', md: 'block' }}>\n <Cross1Icon height={20} width={20} />\n </Box>\n <Box display={{ initial: 'block', md: 'none' }}>\n <Cross1Icon height={16} width={16} />\n </Box>\n </IconButton>\n </Dialog.Close>\n </Box>\n </Flex>\n </Dialog.Content>\n </Dialog.Root>\n );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import {
|
|
2
|
+
CoachingCustomerInfoMedium
|
|
3
|
+
} from "./chunk-RIGG6NNZ.js";
|
|
4
|
+
import {
|
|
5
|
+
CoachingCustomerInfoSmall
|
|
6
|
+
} from "./chunk-M7C3ID36.js";
|
|
7
|
+
import {
|
|
8
|
+
CoachingCustomerInfoLarge
|
|
9
|
+
} from "./chunk-JMS4TRIK.js";
|
|
10
|
+
import {
|
|
11
|
+
Box
|
|
12
|
+
} from "./chunk-4Y5BEXVN.js";
|
|
13
|
+
import {
|
|
14
|
+
__spreadValues
|
|
15
|
+
} from "./chunk-2NMEKWO5.js";
|
|
16
|
+
|
|
17
|
+
// src/app/platform/userInfos/coaching-customer-info/index.tsx
|
|
18
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
19
|
+
function CoachingCustomerInfo(props) {
|
|
20
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
21
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
|
|
22
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
|
|
23
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
|
|
24
|
+
] });
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export {
|
|
28
|
+
CoachingCustomerInfo
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=chunk-TNQWK4FE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n CoachingCustomerInfoLarge,\n CoachingCustomerInfoMedium,\n CoachingCustomerInfoSmall,\n};\n\nexport { type CoachingCustomerInfoProps };\n\nexport function CoachingCustomerInfo(\n props: CoachingCustomerInfoProps\n): React.ReactNode {\n return (\n <>\n <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n <CoachingCustomerInfoSmall {...props} />\n </Box>\n <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n <CoachingCustomerInfoMedium {...props} />\n </Box>\n <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n <CoachingCustomerInfoLarge {...props} />\n </Box>\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,mBAEI,KAFJ;AAJG,SAAS,qBACd,OACiB;AACjB,SACE,iCACE;AAAA,wBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,QAAQ,IAAI,OAAO,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,SAAS,IAAI,OAAO,GACvD,8BAAC,+CAA+B,MAAO,GACzC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,IAAI,QAAQ,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import {
|
|
2
|
+
CurriculumReviewSteps_default
|
|
3
|
+
} from "./chunk-AF5OLZPB.js";
|
|
4
|
+
import {
|
|
5
|
+
useCurriculumContext
|
|
6
|
+
} from "./chunk-YN4SHJ2O.js";
|
|
7
|
+
import {
|
|
8
|
+
Dialog
|
|
9
|
+
} from "./chunk-45VFASWZ.js";
|
|
10
|
+
import {
|
|
11
|
+
IconButton
|
|
12
|
+
} from "./chunk-O3DNDMV3.js";
|
|
13
|
+
import {
|
|
14
|
+
Box
|
|
15
|
+
} from "./chunk-4Y5BEXVN.js";
|
|
16
|
+
import {
|
|
17
|
+
Typo
|
|
18
|
+
} from "./chunk-LH57PIY2.js";
|
|
19
|
+
import {
|
|
20
|
+
Flex
|
|
21
|
+
} from "./chunk-25HMMI7R.js";
|
|
22
|
+
import {
|
|
23
|
+
Button
|
|
24
|
+
} from "./chunk-AFPH32MF.js";
|
|
25
|
+
import {
|
|
26
|
+
__spreadValues
|
|
27
|
+
} from "./chunk-2NMEKWO5.js";
|
|
28
|
+
|
|
29
|
+
// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
|
|
30
|
+
import { useCallback, useMemo, useState } from "react";
|
|
31
|
+
import { Cross1Icon } from "@radix-ui/react-icons";
|
|
32
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
33
|
+
function CurriculumReview(props) {
|
|
34
|
+
const { item, sectionTitle } = props;
|
|
35
|
+
const { description, buttonTitle } = item;
|
|
36
|
+
const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
|
|
37
|
+
const [open, setOpen] = useState(false);
|
|
38
|
+
const onReviewSubmit = useCallback((values) => {
|
|
39
|
+
return _onReviewSubmit({ reviewId: item.uuid, answer: values });
|
|
40
|
+
}, [item.uuid, _onReviewSubmit]);
|
|
41
|
+
const onClickEndReview = useCallback(() => {
|
|
42
|
+
setOpen(false);
|
|
43
|
+
}, []);
|
|
44
|
+
const mode = useMemo(() => {
|
|
45
|
+
return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
|
|
46
|
+
}, [curriculumReviewAnswers, item.questions]);
|
|
47
|
+
const defaultValues = useMemo(() => {
|
|
48
|
+
const allAnswers = __spreadValues(__spreadValues({}, curriculumReviewAnswers), tempCurriculumReviewAnswers);
|
|
49
|
+
return item.questions.reduce((acc, question) => {
|
|
50
|
+
acc[question.uuid] = allAnswers[question.uuid] || "";
|
|
51
|
+
return acc;
|
|
52
|
+
}, {});
|
|
53
|
+
}, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
|
|
54
|
+
const done = useMemo(() => {
|
|
55
|
+
return Boolean(curriculumCompleteMap[item.uuid]);
|
|
56
|
+
}, [curriculumCompleteMap, item.uuid]);
|
|
57
|
+
return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
|
|
58
|
+
/* @__PURE__ */ jsxs(
|
|
59
|
+
Flex,
|
|
60
|
+
{
|
|
61
|
+
align: "center",
|
|
62
|
+
direction: "column",
|
|
63
|
+
height: "100%",
|
|
64
|
+
justify: "center",
|
|
65
|
+
px: "3",
|
|
66
|
+
py: "3",
|
|
67
|
+
width: "100%",
|
|
68
|
+
children: [
|
|
69
|
+
/* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
|
|
70
|
+
/* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
|
|
71
|
+
/* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { mt: "3", style: { width: 232 }, variant: done ? "outline" : "solid", children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle }) }) })
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ jsx(
|
|
76
|
+
Dialog.Content,
|
|
77
|
+
{
|
|
78
|
+
height: "100%",
|
|
79
|
+
hideCloseButton: true,
|
|
80
|
+
style: { borderRadius: 0, padding: 0 },
|
|
81
|
+
title: "",
|
|
82
|
+
width: "100%",
|
|
83
|
+
children: /* @__PURE__ */ jsxs(
|
|
84
|
+
Flex,
|
|
85
|
+
{
|
|
86
|
+
align: "center",
|
|
87
|
+
height: "100%",
|
|
88
|
+
justify: "center",
|
|
89
|
+
pb: "3",
|
|
90
|
+
position: "relative",
|
|
91
|
+
width: "100%",
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ jsx(
|
|
94
|
+
CurriculumReviewSteps_default,
|
|
95
|
+
{
|
|
96
|
+
contents: item,
|
|
97
|
+
curriculum,
|
|
98
|
+
defaultValues,
|
|
99
|
+
done,
|
|
100
|
+
mode,
|
|
101
|
+
onClickEndReview,
|
|
102
|
+
onReviewValueChange,
|
|
103
|
+
onSubmit: onReviewSubmit,
|
|
104
|
+
title: sectionTitle
|
|
105
|
+
}
|
|
106
|
+
),
|
|
107
|
+
/* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxs(IconButton, { color: "gray", variant: "ghost", children: [
|
|
108
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
|
|
109
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
|
|
110
|
+
] }) }) })
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
)
|
|
114
|
+
}
|
|
115
|
+
)
|
|
116
|
+
] });
|
|
117
|
+
}
|
|
118
|
+
var curriculum_review_default = CurriculumReview;
|
|
119
|
+
|
|
120
|
+
export {
|
|
121
|
+
curriculum_review_default
|
|
122
|
+
};
|
|
123
|
+
//# sourceMappingURL=chunk-VE7XSAWU.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box, Button, Dialog, Flex, IconButton, Typo } from '@/atoms';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n item: CurriculumReviewContents;\n sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n const { item, sectionTitle } = props;\n const { description, buttonTitle } = item;\n const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();\n const [open, setOpen] = useState(false);\n\n const onReviewSubmit = useCallback((values: Record<string, string>) => {\n return _onReviewSubmit({ reviewId: item.uuid, answer: values });\n }, [item.uuid, _onReviewSubmit]); \n\n const onClickEndReview = useCallback(() => {\n setOpen(false); \n }, []);\n\n const mode = useMemo(() => {\n return item.questions.every(question => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== '') ? 'edit' : 'create';\n }, [curriculumReviewAnswers, item.questions]);\n\n const defaultValues = useMemo(() => { \n const allAnswers = {\n ...curriculumReviewAnswers, \n ...tempCurriculumReviewAnswers\n };\n\n return item.questions.reduce<Record<string, string>>((acc, question) => {\n acc[question.uuid] = allAnswers[question.uuid] || '';\n return acc;\n }, {});\n }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n const done = useMemo(() => {\n return Boolean(curriculumCompleteMap[item.uuid]);\n }, [curriculumCompleteMap, item.uuid]);\n\n return (\n <Dialog.Root onOpenChange={setOpen} open={open}>\n <Flex\n align=\"center\"\n direction=\"column\"\n height=\"100%\"\n justify=\"center\"\n px=\"3\"\n py=\"3\"\n width=\"100%\"\n >\n <Typo color=\"gray\" weight=\"bold\">\n {curriculum.title}\n </Typo>\n <Typo align=\"center\" as=\"p\" color=\"gray\">\n {description}\n </Typo>\n\n <Dialog.Trigger>\n <Button mt=\"3\" style={{ width: 232 }} variant={done ? 'outline' : 'solid'}>\n <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n </Button>\n </Dialog.Trigger>\n </Flex>\n <Dialog.Content\n height=\"100%\"\n hideCloseButton\n style={{ borderRadius: 0, padding: 0 }}\n title=\"\"\n width=\"100%\"\n >\n <Flex\n align=\"center\"\n height=\"100%\"\n justify=\"center\"\n pb=\"3\"\n position=\"relative\"\n width=\"100%\"\n >\n <CurriculumReviewSteps\n contents={item}\n curriculum={curriculum} \n defaultValues={defaultValues}\n done={done}\n mode={mode}\n onClickEndReview={onClickEndReview}\n onReviewValueChange={onReviewValueChange}\n onSubmit={onReviewSubmit}\n title={sectionTitle}\n />\n <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n <Dialog.Close asChild>\n <IconButton color=\"gray\" variant=\"ghost\">\n <Box display={{ initial: 'none', md: 'block' }}>\n <Cross1Icon height={20} width={20} />\n </Box>\n <Box display={{ initial: 'block', md: 'none' }}>\n <Cross1Icon height={16} width={16} />\n </Box>\n </IconButton>\n </Dialog.Close>\n </Box>\n </Flex>\n </Dialog.Content>\n </Dialog.Root>\n );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import {
|
|
2
|
+
CurriculumReviewSteps_default
|
|
3
|
+
} from "./chunk-RHQNIB5E.js";
|
|
4
|
+
import {
|
|
5
|
+
useCurriculumContext
|
|
6
|
+
} from "./chunk-YN4SHJ2O.js";
|
|
7
|
+
import {
|
|
8
|
+
Dialog
|
|
9
|
+
} from "./chunk-45VFASWZ.js";
|
|
10
|
+
import {
|
|
11
|
+
IconButton
|
|
12
|
+
} from "./chunk-O3DNDMV3.js";
|
|
13
|
+
import {
|
|
14
|
+
Box
|
|
15
|
+
} from "./chunk-4Y5BEXVN.js";
|
|
16
|
+
import {
|
|
17
|
+
Typo
|
|
18
|
+
} from "./chunk-LH57PIY2.js";
|
|
19
|
+
import {
|
|
20
|
+
Flex
|
|
21
|
+
} from "./chunk-25HMMI7R.js";
|
|
22
|
+
import {
|
|
23
|
+
Button
|
|
24
|
+
} from "./chunk-AFPH32MF.js";
|
|
25
|
+
import {
|
|
26
|
+
__spreadValues
|
|
27
|
+
} from "./chunk-2NMEKWO5.js";
|
|
28
|
+
|
|
29
|
+
// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
|
|
30
|
+
import { useCallback, useMemo, useState } from "react";
|
|
31
|
+
import { Cross1Icon } from "@radix-ui/react-icons";
|
|
32
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
33
|
+
function CurriculumReview(props) {
|
|
34
|
+
const { item, sectionTitle } = props;
|
|
35
|
+
const { description, buttonTitle } = item;
|
|
36
|
+
const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
|
|
37
|
+
const [open, setOpen] = useState(false);
|
|
38
|
+
const onReviewSubmit = useCallback((values) => {
|
|
39
|
+
return _onReviewSubmit({ reviewId: item.uuid, answer: values });
|
|
40
|
+
}, [item.uuid, _onReviewSubmit]);
|
|
41
|
+
const onClickEndReview = useCallback(() => {
|
|
42
|
+
setOpen(false);
|
|
43
|
+
}, []);
|
|
44
|
+
const mode = useMemo(() => {
|
|
45
|
+
return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
|
|
46
|
+
}, [curriculumReviewAnswers, item.questions]);
|
|
47
|
+
const defaultValues = useMemo(() => {
|
|
48
|
+
const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
|
|
49
|
+
return item.questions.reduce((acc, question) => {
|
|
50
|
+
acc[question.uuid] = allAnswers[question.uuid] || "";
|
|
51
|
+
return acc;
|
|
52
|
+
}, {});
|
|
53
|
+
}, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
|
|
54
|
+
const done = useMemo(() => {
|
|
55
|
+
return Boolean(curriculumCompleteMap[item.uuid]);
|
|
56
|
+
}, [curriculumCompleteMap, item.uuid]);
|
|
57
|
+
return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
|
|
58
|
+
/* @__PURE__ */ jsxs(
|
|
59
|
+
Flex,
|
|
60
|
+
{
|
|
61
|
+
align: "center",
|
|
62
|
+
direction: "column",
|
|
63
|
+
height: "100%",
|
|
64
|
+
justify: "center",
|
|
65
|
+
px: "3",
|
|
66
|
+
py: "3",
|
|
67
|
+
width: "100%",
|
|
68
|
+
children: [
|
|
69
|
+
/* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
|
|
70
|
+
/* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
|
|
71
|
+
/* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { mt: "3", style: { width: 232 }, variant: done ? "outline" : "solid", children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle }) }) })
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ jsx(
|
|
76
|
+
Dialog.Content,
|
|
77
|
+
{
|
|
78
|
+
height: "100%",
|
|
79
|
+
hideCloseButton: true,
|
|
80
|
+
style: { borderRadius: 0, padding: 0 },
|
|
81
|
+
title: "",
|
|
82
|
+
width: "100%",
|
|
83
|
+
children: /* @__PURE__ */ jsxs(
|
|
84
|
+
Flex,
|
|
85
|
+
{
|
|
86
|
+
align: "center",
|
|
87
|
+
height: "100%",
|
|
88
|
+
justify: "center",
|
|
89
|
+
pb: "3",
|
|
90
|
+
position: "relative",
|
|
91
|
+
width: "100%",
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ jsx(
|
|
94
|
+
CurriculumReviewSteps_default,
|
|
95
|
+
{
|
|
96
|
+
contents: item,
|
|
97
|
+
curriculum,
|
|
98
|
+
defaultValues,
|
|
99
|
+
done,
|
|
100
|
+
mode,
|
|
101
|
+
onClickEndReview,
|
|
102
|
+
onReviewValueChange,
|
|
103
|
+
onSubmit: onReviewSubmit,
|
|
104
|
+
title: sectionTitle
|
|
105
|
+
}
|
|
106
|
+
),
|
|
107
|
+
/* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxs(IconButton, { color: "gray", variant: "ghost", children: [
|
|
108
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
|
|
109
|
+
/* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
|
|
110
|
+
] }) }) })
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
)
|
|
114
|
+
}
|
|
115
|
+
)
|
|
116
|
+
] });
|
|
117
|
+
}
|
|
118
|
+
var curriculum_review_default = CurriculumReview;
|
|
119
|
+
|
|
120
|
+
export {
|
|
121
|
+
curriculum_review_default
|
|
122
|
+
};
|
|
123
|
+
//# sourceMappingURL=chunk-ZNUVCZIN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box, Button, Dialog, Flex, IconButton, Typo } from '@/atoms';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n item: CurriculumReviewContents;\n sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n const { item, sectionTitle } = props;\n const { description, buttonTitle } = item;\n const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();\n const [open, setOpen] = useState(false);\n\n const onReviewSubmit = useCallback((values: Record<string, string>) => {\n return _onReviewSubmit({ reviewId: item.uuid, answer: values });\n }, [item.uuid, _onReviewSubmit]); \n\n const onClickEndReview = useCallback(() => {\n setOpen(false); \n }, []);\n\n const mode = useMemo(() => {\n return item.questions.every(question => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== '') ? 'edit' : 'create';\n }, [curriculumReviewAnswers, item.questions]);\n\n const defaultValues = useMemo(() => { \n const allAnswers = {\n ...tempCurriculumReviewAnswers,\n ...curriculumReviewAnswers\n };\n\n return item.questions.reduce<Record<string, string>>((acc, question) => {\n acc[question.uuid] = allAnswers[question.uuid] || '';\n return acc;\n }, {});\n }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n const done = useMemo(() => {\n return Boolean(curriculumCompleteMap[item.uuid]);\n }, [curriculumCompleteMap, item.uuid]);\n\n return (\n <Dialog.Root onOpenChange={setOpen} open={open}>\n <Flex\n align=\"center\"\n direction=\"column\"\n height=\"100%\"\n justify=\"center\"\n px=\"3\"\n py=\"3\"\n width=\"100%\"\n >\n <Typo color=\"gray\" weight=\"bold\">\n {curriculum.title}\n </Typo>\n <Typo align=\"center\" as=\"p\" color=\"gray\">\n {description}\n </Typo>\n\n <Dialog.Trigger>\n <Button mt=\"3\" style={{ width: 232 }} variant={done ? 'outline' : 'solid'}>\n <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n </Button>\n </Dialog.Trigger>\n </Flex>\n <Dialog.Content\n height=\"100%\"\n hideCloseButton\n style={{ borderRadius: 0, padding: 0 }}\n title=\"\"\n width=\"100%\"\n >\n <Flex\n align=\"center\"\n height=\"100%\"\n justify=\"center\"\n pb=\"3\"\n position=\"relative\"\n width=\"100%\"\n >\n <CurriculumReviewSteps\n contents={item}\n curriculum={curriculum} \n defaultValues={defaultValues}\n done={done}\n mode={mode}\n onClickEndReview={onClickEndReview}\n onReviewValueChange={onReviewValueChange}\n onSubmit={onReviewSubmit}\n title={sectionTitle}\n />\n <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n <Dialog.Close asChild>\n <IconButton color=\"gray\" variant=\"ghost\">\n <Box display={{ initial: 'none', md: 'block' }}>\n <Cross1Icon height={20} width={20} />\n </Box>\n <Box display={{ initial: 'block', md: 'none' }}>\n <Cross1Icon height={16} width={16} />\n </Box>\n </IconButton>\n </Dialog.Close>\n </Box>\n </Flex>\n </Dialog.Content>\n </Dialog.Root>\n );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}
|
package/dist/icon.js
CHANGED
|
@@ -58,6 +58,9 @@ import {
|
|
|
58
58
|
VideoIcon
|
|
59
59
|
} from "./chunk-53ZVUOHV.js";
|
|
60
60
|
import "./chunk-VY56ZADJ.js";
|
|
61
|
+
import {
|
|
62
|
+
TriangleArrowDownIcon
|
|
63
|
+
} from "./chunk-2TPQQBUQ.js";
|
|
61
64
|
import {
|
|
62
65
|
EndCallIcon
|
|
63
66
|
} from "./chunk-HLFTU725.js";
|
|
@@ -70,6 +73,9 @@ import {
|
|
|
70
73
|
import {
|
|
71
74
|
TriangleArrowUpIcon
|
|
72
75
|
} from "./chunk-PVL7SJYR.js";
|
|
76
|
+
import {
|
|
77
|
+
CameraDisabledIcon
|
|
78
|
+
} from "./chunk-25Q6QLSN.js";
|
|
73
79
|
import {
|
|
74
80
|
CameraIcon
|
|
75
81
|
} from "./chunk-TPEIE4IP.js";
|
|
@@ -88,12 +94,6 @@ import {
|
|
|
88
94
|
import {
|
|
89
95
|
CircleSatisfactionIcon
|
|
90
96
|
} from "./chunk-D7EYDD4E.js";
|
|
91
|
-
import {
|
|
92
|
-
TriangleArrowDownIcon
|
|
93
|
-
} from "./chunk-2TPQQBUQ.js";
|
|
94
|
-
import {
|
|
95
|
-
CameraDisabledIcon
|
|
96
|
-
} from "./chunk-25Q6QLSN.js";
|
|
97
97
|
import "./chunk-2NMEKWO5.js";
|
|
98
98
|
export {
|
|
99
99
|
ArchiveIcon,
|
package/dist/icons/index.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import "../chunk-VY56ZADJ.js";
|
|
2
|
+
import {
|
|
3
|
+
TriangleArrowDownIcon
|
|
4
|
+
} from "../chunk-2TPQQBUQ.js";
|
|
2
5
|
import {
|
|
3
6
|
EndCallIcon
|
|
4
7
|
} from "../chunk-HLFTU725.js";
|
|
@@ -11,6 +14,9 @@ import {
|
|
|
11
14
|
import {
|
|
12
15
|
TriangleArrowUpIcon
|
|
13
16
|
} from "../chunk-PVL7SJYR.js";
|
|
17
|
+
import {
|
|
18
|
+
CameraDisabledIcon
|
|
19
|
+
} from "../chunk-25Q6QLSN.js";
|
|
14
20
|
import {
|
|
15
21
|
CameraIcon
|
|
16
22
|
} from "../chunk-TPEIE4IP.js";
|
|
@@ -29,12 +35,6 @@ import {
|
|
|
29
35
|
import {
|
|
30
36
|
CircleSatisfactionIcon
|
|
31
37
|
} from "../chunk-D7EYDD4E.js";
|
|
32
|
-
import {
|
|
33
|
-
TriangleArrowDownIcon
|
|
34
|
-
} from "../chunk-2TPQQBUQ.js";
|
|
35
|
-
import {
|
|
36
|
-
CameraDisabledIcon
|
|
37
|
-
} from "../chunk-25Q6QLSN.js";
|
|
38
38
|
import "../chunk-2NMEKWO5.js";
|
|
39
39
|
export {
|
|
40
40
|
CameraDisabledIcon,
|
package/dist/index.cjs
CHANGED
|
@@ -3826,7 +3826,7 @@ var start_review_default = StartReview;
|
|
|
3826
3826
|
|
|
3827
3827
|
// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx
|
|
3828
3828
|
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
3829
|
-
var THANKS_IMAGE_S3_URL = "https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg
|
|
3829
|
+
var THANKS_IMAGE_S3_URL = "https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_thanks.svg";
|
|
3830
3830
|
function CompleteReview(props) {
|
|
3831
3831
|
const { onClickReviewMyAnswer } = props;
|
|
3832
3832
|
const { reviewContents, sectionTitle, curriculum, onClickEndReview: onClickNextContents } = useCurriculumReviewContext();
|
|
@@ -4316,7 +4316,6 @@ function CurriculumReviewStepsInner() {
|
|
|
4316
4316
|
handleAnswerChange
|
|
4317
4317
|
} = useCurriculumReviewContext();
|
|
4318
4318
|
const { questions } = reviewContents;
|
|
4319
|
-
console.log(formik);
|
|
4320
4319
|
if (step === 0) {
|
|
4321
4320
|
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(start_review_default, { onStart: handleStart });
|
|
4322
4321
|
}
|
|
@@ -4387,7 +4386,7 @@ function CurriculumReview(props) {
|
|
|
4387
4386
|
return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
|
|
4388
4387
|
}, [curriculumReviewAnswers, item.questions]);
|
|
4389
4388
|
const defaultValues = (0, import_react34.useMemo)(() => {
|
|
4390
|
-
const allAnswers = __spreadValues(__spreadValues({},
|
|
4389
|
+
const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
|
|
4391
4390
|
return item.questions.reduce((acc, question) => {
|
|
4392
4391
|
acc[question.uuid] = allAnswers[question.uuid] || "";
|
|
4393
4392
|
return acc;
|