@tipp/ui 2.3.11 → 2.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (203) hide show
  1. package/dist/app/index.cjs +42 -39
  2. package/dist/app/index.cjs.map +1 -1
  3. package/dist/app/index.js +89 -89
  4. package/dist/app/platform/coach-question-list.js +31 -31
  5. package/dist/app/platform/contents-card.js +31 -31
  6. package/dist/app/platform/curriculum-card.js +5 -5
  7. package/dist/app/platform/edit-coaching-time.cjs +15 -12
  8. package/dist/app/platform/edit-coaching-time.cjs.map +1 -1
  9. package/dist/app/platform/edit-coaching-time.js +71 -71
  10. package/dist/app/platform/edit-service-type.cjs +10 -7
  11. package/dist/app/platform/edit-service-type.cjs.map +1 -1
  12. package/dist/app/platform/edit-service-type.js +72 -72
  13. package/dist/app/platform/goal-manage-card-edit.cjs +12 -9
  14. package/dist/app/platform/goal-manage-card-edit.cjs.map +1 -1
  15. package/dist/app/platform/goal-manage-card-edit.js +71 -71
  16. package/dist/app/platform/goal-manage-card-read.js +31 -31
  17. package/dist/app/platform/on-offline-radio-card.cjs +34 -31
  18. package/dist/app/platform/on-offline-radio-card.cjs.map +1 -1
  19. package/dist/app/platform/on-offline-radio-card.js +71 -71
  20. package/dist/app/platform/report-card.js +31 -31
  21. package/dist/app/platform/reservation-card.cjs +17 -14
  22. package/dist/app/platform/reservation-card.cjs.map +1 -1
  23. package/dist/app/platform/reservation-card.js +72 -72
  24. package/dist/app/platform/session-card.cjs +21 -18
  25. package/dist/app/platform/session-card.cjs.map +1 -1
  26. package/dist/app/platform/session-card.js +74 -74
  27. package/dist/app/platform/session-review-simple-read.js +31 -31
  28. package/dist/app/platform/userInfos/coaching-customer-info/index.js +36 -36
  29. package/dist/app/platform/userInfos/coaching-customer-info/large.js +31 -31
  30. package/dist/app/platform/userInfos/coaching-customer-info/medium.js +31 -31
  31. package/dist/app/platform/userInfos/coaching-customer-info/small.js +31 -31
  32. package/dist/app/platform/userInfos/session-user-info-detail.js +31 -31
  33. package/dist/app/platform/userInfos/utils.js +30 -30
  34. package/dist/atoms/bullet-text.js +2 -2
  35. package/dist/atoms/dialog.js +2 -2
  36. package/dist/atoms/field-error-wrapper.js +2 -2
  37. package/dist/atoms/index.js +62 -62
  38. package/dist/atoms/list.js +2 -2
  39. package/dist/atoms/pagination.js +3 -3
  40. package/dist/chunk-2QFLNAGL.js +100 -0
  41. package/dist/chunk-2QFLNAGL.js.map +1 -0
  42. package/dist/chunk-3FKAH2RB.js +105 -0
  43. package/dist/chunk-3FKAH2RB.js.map +1 -0
  44. package/dist/chunk-3OCAVV5Z.js +151 -0
  45. package/dist/chunk-3OCAVV5Z.js.map +1 -0
  46. package/dist/chunk-3PE6OFB3.js +70 -0
  47. package/dist/chunk-3PE6OFB3.js.map +1 -0
  48. package/dist/chunk-3QNIJCKK.js +98 -0
  49. package/dist/chunk-3QNIJCKK.js.map +1 -0
  50. package/dist/chunk-4OFVNWKB.js +100 -0
  51. package/dist/chunk-4OFVNWKB.js.map +1 -0
  52. package/dist/chunk-4SSWZQPC.js +89 -0
  53. package/dist/chunk-4SSWZQPC.js.map +1 -0
  54. package/dist/chunk-5JUYOJVM.js +77 -0
  55. package/dist/chunk-5JUYOJVM.js.map +1 -0
  56. package/dist/chunk-5SECMWKA.js +196 -0
  57. package/dist/chunk-5SECMWKA.js.map +1 -0
  58. package/dist/chunk-65FJZWXV.js +49 -0
  59. package/dist/chunk-65FJZWXV.js.map +1 -0
  60. package/dist/chunk-6MQMVYEP.js +30 -0
  61. package/dist/chunk-6MQMVYEP.js.map +1 -0
  62. package/dist/chunk-7UUHYDMJ.js +43 -0
  63. package/dist/chunk-7UUHYDMJ.js.map +1 -0
  64. package/dist/chunk-B5W5HY62.js +196 -0
  65. package/dist/chunk-B5W5HY62.js.map +1 -0
  66. package/dist/chunk-B63TOIOA.js +29 -0
  67. package/dist/chunk-B63TOIOA.js.map +1 -0
  68. package/dist/chunk-BXD634IB.js +196 -0
  69. package/dist/chunk-BXD634IB.js.map +1 -0
  70. package/dist/chunk-DTUYT5S2.js +98 -0
  71. package/dist/chunk-DTUYT5S2.js.map +1 -0
  72. package/dist/chunk-EI232M7E.js +196 -0
  73. package/dist/chunk-EI232M7E.js.map +1 -0
  74. package/dist/chunk-EVZDBCE5.js +196 -0
  75. package/dist/chunk-EVZDBCE5.js.map +1 -0
  76. package/dist/chunk-FDJPEXOU.js +222 -0
  77. package/dist/chunk-FDJPEXOU.js.map +1 -0
  78. package/dist/chunk-FGBFER5X.js +196 -0
  79. package/dist/chunk-FGBFER5X.js.map +1 -0
  80. package/dist/chunk-FNRYQLCC.js +64 -0
  81. package/dist/chunk-FNRYQLCC.js.map +1 -0
  82. package/dist/chunk-G7EN5QQR.js +64 -0
  83. package/dist/chunk-G7EN5QQR.js.map +1 -0
  84. package/dist/chunk-GDCDEPJO.js +64 -0
  85. package/dist/chunk-GDCDEPJO.js.map +1 -0
  86. package/dist/chunk-I4OEBZDH.js +64 -0
  87. package/dist/chunk-I4OEBZDH.js.map +1 -0
  88. package/dist/chunk-I5NKMQOT.js +64 -0
  89. package/dist/chunk-I5NKMQOT.js.map +1 -0
  90. package/dist/chunk-J5IKAPJM.js +69 -0
  91. package/dist/chunk-J5IKAPJM.js.map +1 -0
  92. package/dist/chunk-JJQM3MW3.js +98 -0
  93. package/dist/chunk-JJQM3MW3.js.map +1 -0
  94. package/dist/chunk-JKJUBJ65.js +70 -0
  95. package/dist/chunk-JKJUBJ65.js.map +1 -0
  96. package/dist/chunk-KLIEFXWN.js +100 -0
  97. package/dist/chunk-KLIEFXWN.js.map +1 -0
  98. package/dist/chunk-LVZSTDXB.js +64 -0
  99. package/dist/chunk-LVZSTDXB.js.map +1 -0
  100. package/dist/chunk-NDC72OWR.js +37 -0
  101. package/dist/chunk-NDC72OWR.js.map +1 -0
  102. package/dist/chunk-NMGLSEZ3.js +152 -0
  103. package/dist/chunk-NMGLSEZ3.js.map +1 -0
  104. package/dist/chunk-NMKIFFKE.js +63 -0
  105. package/dist/chunk-NMKIFFKE.js.map +1 -0
  106. package/dist/chunk-OX4OPOPI.js +82 -0
  107. package/dist/chunk-OX4OPOPI.js.map +1 -0
  108. package/dist/chunk-POFUBAXM.js +77 -0
  109. package/dist/chunk-POFUBAXM.js.map +1 -0
  110. package/dist/chunk-PSDF4NMN.js +89 -0
  111. package/dist/chunk-PSDF4NMN.js.map +1 -0
  112. package/dist/chunk-QBBF5V24.js +70 -0
  113. package/dist/chunk-QBBF5V24.js.map +1 -0
  114. package/dist/chunk-QPTWBPAQ.js +87 -0
  115. package/dist/chunk-QPTWBPAQ.js.map +1 -0
  116. package/dist/chunk-R7NTFLYB.js +98 -0
  117. package/dist/chunk-R7NTFLYB.js.map +1 -0
  118. package/dist/chunk-RAK5LEBO.js +70 -0
  119. package/dist/chunk-RAK5LEBO.js.map +1 -0
  120. package/dist/chunk-RWXNQPE7.js +151 -0
  121. package/dist/chunk-RWXNQPE7.js.map +1 -0
  122. package/dist/chunk-SGJFPJMV.js +100 -0
  123. package/dist/chunk-SGJFPJMV.js.map +1 -0
  124. package/dist/chunk-SYUWHIFX.js +98 -0
  125. package/dist/chunk-SYUWHIFX.js.map +1 -0
  126. package/dist/chunk-TDBCQSTJ.js +61 -0
  127. package/dist/chunk-TDBCQSTJ.js.map +1 -0
  128. package/dist/chunk-TGCLWLPY.js +51 -0
  129. package/dist/chunk-TGCLWLPY.js.map +1 -0
  130. package/dist/chunk-U7MPO7V5.js +64 -0
  131. package/dist/chunk-U7MPO7V5.js.map +1 -0
  132. package/dist/chunk-UFWZAT6E.js +89 -0
  133. package/dist/chunk-UFWZAT6E.js.map +1 -0
  134. package/dist/chunk-VN7IU4XW.js +64 -0
  135. package/dist/chunk-VN7IU4XW.js.map +1 -0
  136. package/dist/chunk-W3NTNHA4.js +196 -0
  137. package/dist/chunk-W3NTNHA4.js.map +1 -0
  138. package/dist/chunk-XDPRIBTV.js +101 -0
  139. package/dist/chunk-XDPRIBTV.js.map +1 -0
  140. package/dist/chunk-XU7H43IG.js +196 -0
  141. package/dist/chunk-XU7H43IG.js.map +1 -0
  142. package/dist/chunk-ZFWZAZPG.js +153 -0
  143. package/dist/chunk-ZFWZAZPG.js.map +1 -0
  144. package/dist/context/index.js +5 -5
  145. package/dist/index.cjs +136 -89
  146. package/dist/index.cjs.map +1 -1
  147. package/dist/index.css +5 -3
  148. package/dist/index.js +144 -144
  149. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.js +18 -18
  150. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.js +4 -4
  151. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.js +11 -11
  152. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.js +2 -2
  153. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.js +3 -3
  154. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.js +2 -2
  155. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.js +6 -6
  156. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.js +5 -5
  157. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.js +5 -5
  158. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.js +5 -5
  159. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.js +4 -4
  160. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js +21 -21
  161. package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.js +6 -6
  162. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.cjs.map +1 -1
  163. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.js +4 -4
  164. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.cjs.map +1 -1
  165. package/dist/molecules/curriculumV2/CurriculumContents/curriculum-review.js +24 -24
  166. package/dist/molecules/curriculumV2/CurriculumContents/index.cjs.map +1 -1
  167. package/dist/molecules/curriculumV2/CurriculumContents/index.js +28 -28
  168. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.js +2 -2
  169. package/dist/molecules/curriculumV2/CurriculumSidebar/Items/section-item.js +4 -4
  170. package/dist/molecules/curriculumV2/CurriculumSidebar/index.cjs +54 -17
  171. package/dist/molecules/curriculumV2/CurriculumSidebar/index.cjs.map +1 -1
  172. package/dist/molecules/curriculumV2/CurriculumSidebar/index.js +8 -8
  173. package/dist/molecules/curriculumV2/CurriculumSidebar/sidebar-item.js +5 -5
  174. package/dist/molecules/curriculumV2/curriculum-context.cjs +29 -21
  175. package/dist/molecules/curriculumV2/curriculum-context.cjs.map +1 -1
  176. package/dist/molecules/curriculumV2/curriculum-context.d.cts +7 -1
  177. package/dist/molecules/curriculumV2/curriculum-context.d.ts +7 -1
  178. package/dist/molecules/curriculumV2/curriculum-context.js +1 -1
  179. package/dist/molecules/curriculumV2/curriculum-sub-nav.cjs.map +1 -1
  180. package/dist/molecules/curriculumV2/curriculum-sub-nav.js +5 -5
  181. package/dist/molecules/curriculumV2/curriculum-v2-layout.js +2 -2
  182. package/dist/molecules/curriculumV2/index.cjs +85 -38
  183. package/dist/molecules/curriculumV2/index.cjs.map +1 -1
  184. package/dist/molecules/curriculumV2/index.js +35 -35
  185. package/dist/molecules/date-picker/date-picker-button.js +6 -6
  186. package/dist/molecules/date-picker/index.js +5 -5
  187. package/dist/molecules/download-card.js +2 -2
  188. package/dist/molecules/dynamic-field.js +5 -5
  189. package/dist/molecules/dynamic-form.js +6 -6
  190. package/dist/molecules/expand-table/index.js +5 -5
  191. package/dist/molecules/force-refresh.js +2 -2
  192. package/dist/molecules/ghost-post.js +4 -4
  193. package/dist/molecules/index.cjs +115 -68
  194. package/dist/molecules/index.cjs.map +1 -1
  195. package/dist/molecules/index.js +75 -75
  196. package/dist/molecules/learning-post.js +6 -6
  197. package/dist/molecules/navigation.js +3 -3
  198. package/dist/molecules/one-on-one-guide-list.js +3 -3
  199. package/dist/molecules/stepper.js +4 -4
  200. package/dist/molecules/tag-selector.js +5 -5
  201. package/package.json +1 -1
  202. package/src/molecules/curriculumV2/CurriculumSidebar/index.tsx +47 -13
  203. package/src/molecules/curriculumV2/curriculum-context.tsx +62 -39
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Dialog } from '@/atoms/dialog';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n item: CurriculumReviewContents;\n sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n const { item, sectionTitle } = props;\n const { description, buttonTitle } = item;\n const {\n curriculum,\n onReviewSubmit: _onReviewSubmit,\n onReviewValueChange: _onReviewValueChange,\n curriculumReviewAnswers,\n tempCurriculumReviewAnswers,\n curriculumCompleteMap,\n } = useCurriculumContext();\n const [open, setOpen] = useState(false);\n const [isChanged, setIsChanged] = useState(false);\n const [closeDialogOpen, setCloseDialogOpen] = useState(false);\n\n const onReviewValueChange = useCallback(\n ({\n reviewId,\n answer,\n }: {\n reviewId: string;\n answer: Record<string, string>;\n }) => {\n if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {\n return;\n }\n\n setIsChanged(true);\n _onReviewValueChange({ reviewId, answer });\n },\n [_onReviewValueChange, curriculumReviewAnswers]\n );\n\n const onReviewSubmit = useCallback(\n (values: Record<string, string>) => {\n return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(\n (result) => {\n setIsChanged(false);\n return result;\n }\n );\n },\n [item.uuid, _onReviewSubmit]\n );\n\n const onClickEndReview = useCallback(() => {\n setOpen(false);\n }, []);\n\n const onClickCloseDrawer = useCallback(() => {\n if (isChanged) {\n setCloseDialogOpen(true);\n } else {\n setOpen(false);\n }\n }, [isChanged]);\n\n const mode = useMemo(() => {\n return item.questions.every(\n (question) =>\n curriculumReviewAnswers[question.uuid] &&\n curriculumReviewAnswers[question.uuid] !== ''\n )\n ? 'edit'\n : 'create';\n }, [curriculumReviewAnswers, item.questions]);\n\n const defaultValues = useMemo(() => {\n const allAnswers = {\n ...tempCurriculumReviewAnswers,\n ...curriculumReviewAnswers,\n };\n\n return item.questions.reduce<Record<string, string>>((acc, question) => {\n acc[question.uuid] = allAnswers[question.uuid] || '';\n return acc;\n }, {});\n }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n const done = useMemo(() => {\n return Boolean(curriculumCompleteMap[item.uuid]);\n }, [curriculumCompleteMap, item.uuid]);\n\n const bgColor = done ? 'var(--color-panel-solid)' : undefined;\n\n return (\n <Dialog.Root onOpenChange={setOpen} open={open}>\n <Flex\n align=\"center\"\n direction=\"column\"\n height=\"100%\"\n justify=\"center\"\n px=\"3\"\n py=\"3\"\n style={{\n backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n }}\n width=\"100%\"\n >\n <Typo color=\"gray\" weight=\"bold\">\n {curriculum.title}\n </Typo>\n <Typo align=\"center\" as=\"p\" color=\"gray\">\n {description}\n </Typo>\n\n <Dialog.Trigger>\n <Button\n mt=\"3\"\n style={{ minWidth: 232, backgroundColor: bgColor }}\n variant={done ? 'outline' : 'solid'}\n >\n <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n </Button>\n </Dialog.Trigger>\n </Flex>\n <Dialog.Content\n height=\"100%\"\n hideCloseButton\n style={{ borderRadius: 0, padding: 0 }}\n title=\"\"\n width=\"100%\"\n >\n <Flex\n align=\"center\"\n height=\"100%\"\n justify=\"center\"\n pb=\"3\"\n position=\"relative\"\n width=\"100%\"\n >\n <CurriculumReviewSteps\n contents={item}\n curriculum={curriculum}\n defaultValues={defaultValues}\n done={done}\n mode={mode}\n onClickEndReview={onClickEndReview}\n onReviewValueChange={onReviewValueChange}\n onSubmit={onReviewSubmit}\n title={sectionTitle}\n />\n {/* 닫기 버튼 */}\n <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n <IconButton\n color=\"gray\"\n onClick={onClickCloseDrawer}\n variant=\"ghost\"\n >\n <Box display={{ initial: 'none', md: 'block' }}>\n <Cross1Icon height={20} width={20} />\n </Box>\n <Box display={{ initial: 'block', md: 'none' }}>\n <Cross1Icon height={16} width={16} />\n </Box>\n </IconButton>\n </Box>\n\n {/* 진짜 닫겠습니까 모달 */}\n <Dialog.Root onOpenChange={setCloseDialogOpen} open={closeDialogOpen}>\n <Dialog.Content\n buttons={\n <Flex gap=\"3\" justify=\"end\">\n <Dialog.Close asChild>\n <Button color=\"gray\" variant=\"outline\">\n 돌아가기\n </Button>\n </Dialog.Close>\n <Dialog.Close>\n <Button color=\"red\" onClick={onClickEndReview}>\n 나가기\n </Button>\n </Dialog.Close>\n </Flex>\n }\n title=\"작성을 중단하시겠습니까?\"\n >\n <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n </Dialog.Content>\n </Dialog.Root>\n </Flex>\n </Dialog.Content>\n </Dialog.Root>\n );\n}\n\nexport default CurriculumReview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,SAAS,gBAAgB;AACtD,SAAS,kBAAkB;AAuGrB,SAeE,KAfF;AAvFN,SAAS,iBAAiB,OAA+C;AACvE,QAAM,EAAE,MAAM,aAAa,IAAI;AAC/B,QAAM,EAAE,aAAa,YAAY,IAAI;AACrC,QAAM;AAAA,IACJ;AAAA,IACA,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,sBAAsB;AAAA,IAC1B,CAAC;AAAA,MACC;AAAA,MACA;AAAA,IACF,MAGM;AACJ,UAAI,wBAAwB,QAAQ,MAAM,OAAO,QAAQ,GAAG;AAC1D;AAAA,MACF;AAEA,mBAAa,IAAI;AACjB,2BAAqB,EAAE,UAAU,OAAO,CAAC;AAAA,IAC3C;AAAA,IACA,CAAC,sBAAsB,uBAAuB;AAAA,EAChD;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,WAAmC;AAClC,aAAO,gBAAgB,EAAE,UAAU,KAAK,MAAM,QAAQ,OAAO,CAAC,EAAE;AAAA,QAC9D,CAAC,WAAW;AACV,uBAAa,KAAK;AAClB,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,KAAK,MAAM,eAAe;AAAA,EAC7B;AAEA,QAAM,mBAAmB,YAAY,MAAM;AACzC,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,YAAY,MAAM;AAC3C,QAAI,WAAW;AACb,yBAAmB,IAAI;AAAA,IACzB,OAAO;AACL,cAAQ,KAAK;AAAA,IACf;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,OAAO,QAAQ,MAAM;AACzB,WAAO,KAAK,UAAU;AAAA,MACpB,CAAC,aACC,wBAAwB,SAAS,IAAI,KACrC,wBAAwB,SAAS,IAAI,MAAM;AAAA,IAC/C,IACI,SACA;AAAA,EACN,GAAG,CAAC,yBAAyB,KAAK,SAAS,CAAC;AAE5C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,aAAa,kCACd,8BACA;AAGL,WAAO,KAAK,UAAU,OAA+B,CAAC,KAAK,aAAa;AACtE,UAAI,SAAS,IAAI,IAAI,WAAW,SAAS,IAAI,KAAK;AAClD,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,EACP,GAAG,CAAC,yBAAyB,KAAK,WAAW,2BAA2B,CAAC;AAEzE,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,qBAAC,OAAO,MAAP,EAAY,cAAc,SAAS,MAClC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAU;AAAA,QACV,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,IAAG;AAAA,QACH,IAAG;AAAA,QACH,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,oBAAoB;AAAA,UACpB,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QACpB;AAAA,QACA,OAAM;AAAA,QAEN;AAAA,8BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,qBAAW,OACd;AAAA,UACA,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH;AAAA,UAEA,oBAAC,OAAO,SAAP,EACC;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO,EAAE,UAAU,KAAK,iBAAiB,QAAQ;AAAA,cACjD,SAAS,OAAO,YAAY;AAAA,cAE5B,8BAAC,QAAK,UAAQ,MAAE,iBAAO,uDAAe,aAAY;AAAA;AAAA,UACpD,GACF;AAAA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,QAAO;AAAA,QACP,iBAAe;AAAA,QACf,OAAO,EAAE,cAAc,GAAG,SAAS,EAAE;AAAA,QACrC,OAAM;AAAA,QACN,OAAM;AAAA,QAEN;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,SAAQ;AAAA,YACR,IAAG;AAAA,YACH,UAAS;AAAA,YACT,OAAM;AAAA,YAEN;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU;AAAA,kBACV;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,kBACV,OAAO;AAAA;AAAA,cACT;AAAA,cAEA,oBAAC,OAAI,UAAS,YAAW,OAAM,QAAO,KAAI,QACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,SAAS;AAAA,kBACT,SAAQ;AAAA,kBAER;AAAA,wCAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,GAC3C,8BAAC,cAAW,QAAQ,IAAI,OAAO,IAAI,GACrC;AAAA,oBACA,oBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,OAAO,GAC3C,8BAAC,cAAW,QAAQ,IAAI,OAAO,IAAI,GACrC;AAAA;AAAA;AAAA,cACF,GACF;AAAA,cAGA,oBAAC,OAAO,MAAP,EAAY,cAAc,oBAAoB,MAAM,iBACnD;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBACC,SACE,qBAAC,QAAK,KAAI,KAAI,SAAQ,OACpB;AAAA,wCAAC,OAAO,OAAP,EAAa,SAAO,MACnB,8BAAC,UAAO,OAAM,QAAO,SAAQ,WAAU,sCAEvC,GACF;AAAA,oBACA,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,OAAM,OAAM,SAAS,kBAAkB,gCAE/C,GACF;AAAA,qBACF;AAAA,kBAEF,OAAM;AAAA,kBAEN,8BAAC,QAAK,8JAA6B;AAAA;AAAA,cACrC,GACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,4BAAQ;","names":[]}
@@ -0,0 +1,49 @@
1
+ import {
2
+ ReviewQuestionContentHeader
3
+ } from "./chunk-7UUHYDMJ.js";
4
+ import {
5
+ TextArea
6
+ } from "./chunk-5XYPLDI5.js";
7
+ import {
8
+ Grid
9
+ } from "./chunk-EGEQY3KT.js";
10
+ import {
11
+ Card
12
+ } from "./chunk-RP2RGCAW.js";
13
+
14
+ // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
15
+ import { jsx, jsxs } from "react/jsx-runtime";
16
+ function ReviewQuestionSatisfisText(props) {
17
+ var _a, _b;
18
+ const { question, answer, onChange } = props;
19
+ return /* @__PURE__ */ jsx(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", children: [
20
+ /* @__PURE__ */ jsx(
21
+ ReviewQuestionContentHeader,
22
+ {
23
+ icon: question.icon,
24
+ question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD574 \uCD94\uAC00\uB85C \uB0A8\uAE38 \uC758\uACAC\uC774 \uC788\uB2E4\uBA74 \uACF5\uC720\uD574\uC8FC\uC138\uC694.",
25
+ title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
26
+ type: question.type
27
+ }
28
+ ),
29
+ /* @__PURE__ */ jsx(
30
+ TextArea,
31
+ {
32
+ mt: "2",
33
+ onChange: (e) => {
34
+ onChange(e.target.value);
35
+ },
36
+ placeholder: question.placeholder,
37
+ style: {
38
+ height: "100%"
39
+ },
40
+ value: answer
41
+ }
42
+ )
43
+ ] }) });
44
+ }
45
+
46
+ export {
47
+ ReviewQuestionSatisfisText
48
+ };
49
+ //# sourceMappingURL=chunk-65FJZWXV.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx"],"sourcesContent":["import React from 'react';\nimport { type CurriculumReviewQuestionSatisfactionText } from '@/types/curriculumContents.type';\nimport { Card } from '@/atoms/card';\nimport { Grid } from '@/atoms/grid';\nimport { TextArea } from '@/atoms/text-area';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionTextProps {\n question: CurriculumReviewQuestionSatisfactionText;\n answer: string;\n error?: string;\n onChange: (value: string) => void;\n}\n\nexport default function ReviewQuestionSatisfisText(\n props: ReviewQuestionSatisfactionTextProps\n): React.ReactNode {\n const { question, answer, onChange } = props;\n\n return (\n <Card size=\"2\" style={{ height: '100%', width: '100%' }}>\n <Grid height=\"100%\" rows=\"auto 1fr\">\n <ReviewQuestionContentHeader\n icon={question.icon}\n question={\n question.question ??\n '이번 학습에 대해 추가로 남길 의견이 있다면 공유해주세요.'\n }\n title={question.title ?? '만족도 조사'}\n type={question.type}\n />\n <TextArea\n mt=\"2\"\n onChange={(e) => {\n onChange(e.target.value);\n }}\n placeholder={question.placeholder}\n style={{\n height: '100%',\n }}\n value={answer}\n />\n </Grid>\n </Card>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBM,SACE,KADF;AAPS,SAAR,2BACL,OACiB;AAhBnB;AAiBE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,oBAAC,QAAK,MAAK,KAAI,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO,GACpD,+BAAC,QAAK,QAAO,QAAO,MAAK,YACvB;AAAA;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;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,KAAK;AAAA,QACzB;AAAA,QACA,aAAa,SAAS;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA;AAAA,IACT;AAAA,KACF,GACF;AAEJ;","names":[]}
@@ -0,0 +1,30 @@
1
+ import {
2
+ CoachingCustomerInfoLarge
3
+ } from "./chunk-64XYTE54.js";
4
+ import {
5
+ CoachingCustomerInfoMedium
6
+ } from "./chunk-62HSZXVT.js";
7
+ import {
8
+ CoachingCustomerInfoSmall
9
+ } from "./chunk-YADSNPMG.js";
10
+ import {
11
+ Box
12
+ } from "./chunk-4Y5BEXVN.js";
13
+ import {
14
+ __spreadValues
15
+ } from "./chunk-CRTRMMJ7.js";
16
+
17
+ // src/app/platform/userInfos/coaching-customer-info/index.tsx
18
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
19
+ function CoachingCustomerInfo(props) {
20
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
21
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
22
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
23
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
24
+ ] });
25
+ }
26
+
27
+ export {
28
+ CoachingCustomerInfo
29
+ };
30
+ //# sourceMappingURL=chunk-6MQMVYEP.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n CoachingCustomerInfoLarge,\n CoachingCustomerInfoMedium,\n CoachingCustomerInfoSmall,\n};\n\nexport { type CoachingCustomerInfoProps };\n\nexport function CoachingCustomerInfo(\n props: CoachingCustomerInfoProps\n): React.ReactNode {\n return (\n <>\n <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n <CoachingCustomerInfoSmall {...props} />\n </Box>\n <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n <CoachingCustomerInfoMedium {...props} />\n </Box>\n <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n <CoachingCustomerInfoLarge {...props} />\n </Box>\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,mBAEI,KAFJ;AAJG,SAAS,qBACd,OACiB;AACjB,SACE,iCACE;AAAA,wBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,QAAQ,IAAI,OAAO,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,SAAS,IAAI,OAAO,GACvD,8BAAC,+CAA+B,MAAO,GACzC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,IAAI,QAAQ,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,KACF;AAEJ;","names":[]}
@@ -0,0 +1,43 @@
1
+ import {
2
+ getCurriculumIcon,
3
+ getCurriculumQuestionIconColor
4
+ } from "./chunk-3FKAH2RB.js";
5
+ import {
6
+ Box
7
+ } from "./chunk-4Y5BEXVN.js";
8
+ import {
9
+ Typo
10
+ } from "./chunk-PMJIFLDT.js";
11
+ import {
12
+ Flex
13
+ } from "./chunk-25HMMI7R.js";
14
+
15
+ // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
16
+ import { jsx, jsxs } from "react/jsx-runtime";
17
+ function ReviewQuestionContentHeader({
18
+ type,
19
+ title,
20
+ question,
21
+ icon
22
+ }) {
23
+ const Icon = getCurriculumIcon({ type, icon });
24
+ return /* @__PURE__ */ jsxs(Box, { children: [
25
+ /* @__PURE__ */ jsxs(Flex, { gap: "2", mb: "3", children: [
26
+ /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
27
+ Icon,
28
+ {
29
+ color: getCurriculumQuestionIconColor(type),
30
+ height: "16",
31
+ width: "16"
32
+ }
33
+ ) }),
34
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title })
35
+ ] }),
36
+ /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", children: question })
37
+ ] });
38
+ }
39
+
40
+ export {
41
+ ReviewQuestionContentHeader
42
+ };
43
+ //# sourceMappingURL=chunk-7UUHYDMJ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { getCurriculumIcon , getCurriculumQuestionIconColor } from '@/utils/curriculum.utils';\n\ninterface ReviewQuestionContentHeaderProps {\n type: string;\n title: string;\n question: string;\n icon?: string;\n}\n\nexport function ReviewQuestionContentHeader({\n type,\n title,\n question,\n icon,\n}: ReviewQuestionContentHeaderProps): React.ReactNode {\n const Icon = getCurriculumIcon({ type, icon });\n\n return (\n <Box>\n <Flex gap=\"2\" mb=\"3\">\n <Box>\n <Icon\n color={getCurriculumQuestionIconColor(type)}\n height=\"16\"\n width=\"16\"\n />\n </Box>\n <Typo color=\"gray\" weight=\"bold\">\n {title}\n </Typo>\n </Flex>\n <Typo as=\"p\" color=\"gray\">\n {question}\n </Typo>\n </Box>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBM,SAEI,KAFJ;AAVC,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,OAAO,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE7C,SACE,qBAAC,OACC;AAAA,yBAAC,QAAK,KAAI,KAAI,IAAG,KACf;AAAA,0BAAC,OACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,+BAA+B,IAAI;AAAA,UAC1C,QAAO;AAAA,UACP,OAAM;AAAA;AAAA,MACR,GACF;AAAA,MACA,oBAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,OACF;AAAA,IACA,oBAAC,QAAK,IAAG,KAAI,OAAM,QAChB,oBACH;AAAA,KACF;AAEJ;","names":[]}
@@ -0,0 +1,196 @@
1
+ import {
2
+ CurriculumReviewSteps_default
3
+ } from "./chunk-RDCEN45M.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-3OCAVV5Z.js";
7
+ import {
8
+ Dialog
9
+ } from "./chunk-AH4A53SZ.js";
10
+ import {
11
+ IconButton
12
+ } from "./chunk-XK6VEVOK.js";
13
+ import {
14
+ Box
15
+ } from "./chunk-4Y5BEXVN.js";
16
+ import {
17
+ Typo
18
+ } from "./chunk-PMJIFLDT.js";
19
+ import {
20
+ Flex
21
+ } from "./chunk-25HMMI7R.js";
22
+ import {
23
+ Button
24
+ } from "./chunk-ZVDAEY5Q.js";
25
+ import {
26
+ __spreadValues
27
+ } from "./chunk-CRTRMMJ7.js";
28
+
29
+ // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
30
+ import { useCallback, useMemo, useState } from "react";
31
+ import { Cross1Icon } from "@radix-ui/react-icons";
32
+ import { jsx, jsxs } from "react/jsx-runtime";
33
+ function CurriculumReview(props) {
34
+ const { item, sectionTitle } = props;
35
+ const { description, buttonTitle } = item;
36
+ const {
37
+ curriculum,
38
+ onReviewSubmit: _onReviewSubmit,
39
+ onReviewValueChange: _onReviewValueChange,
40
+ curriculumReviewAnswers,
41
+ tempCurriculumReviewAnswers,
42
+ curriculumCompleteMap
43
+ } = useCurriculumContext();
44
+ const [open, setOpen] = useState(false);
45
+ const [isChanged, setIsChanged] = useState(false);
46
+ const [closeDialogOpen, setCloseDialogOpen] = useState(false);
47
+ const onReviewValueChange = useCallback(
48
+ ({
49
+ reviewId,
50
+ answer
51
+ }) => {
52
+ if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {
53
+ return;
54
+ }
55
+ setIsChanged(true);
56
+ _onReviewValueChange({ reviewId, answer });
57
+ },
58
+ [_onReviewValueChange, curriculumReviewAnswers]
59
+ );
60
+ const onReviewSubmit = useCallback(
61
+ (values) => {
62
+ return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
63
+ (result) => {
64
+ setIsChanged(false);
65
+ return result;
66
+ }
67
+ );
68
+ },
69
+ [item.uuid, _onReviewSubmit]
70
+ );
71
+ const onClickEndReview = useCallback(() => {
72
+ setOpen(false);
73
+ }, []);
74
+ const onClickCloseDrawer = useCallback(() => {
75
+ if (isChanged) {
76
+ setCloseDialogOpen(true);
77
+ } else {
78
+ setOpen(false);
79
+ }
80
+ }, [isChanged]);
81
+ const mode = useMemo(() => {
82
+ return item.questions.every(
83
+ (question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== ""
84
+ ) ? "edit" : "create";
85
+ }, [curriculumReviewAnswers, item.questions]);
86
+ const defaultValues = useMemo(() => {
87
+ const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
88
+ return item.questions.reduce((acc, question) => {
89
+ acc[question.uuid] = allAnswers[question.uuid] || "";
90
+ return acc;
91
+ }, {});
92
+ }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
93
+ const done = useMemo(() => {
94
+ return Boolean(curriculumCompleteMap[item.uuid]);
95
+ }, [curriculumCompleteMap, item.uuid]);
96
+ const bgColor = done ? "var(--color-panel-solid)" : void 0;
97
+ return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
98
+ /* @__PURE__ */ jsxs(
99
+ Flex,
100
+ {
101
+ align: "center",
102
+ direction: "column",
103
+ height: "100%",
104
+ justify: "center",
105
+ px: "3",
106
+ py: "3",
107
+ style: {
108
+ backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
109
+ backgroundPosition: "center",
110
+ backgroundSize: "cover",
111
+ backgroundRepeat: "no-repeat"
112
+ },
113
+ width: "100%",
114
+ children: [
115
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
116
+ /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
117
+ /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
118
+ Button,
119
+ {
120
+ mt: "3",
121
+ style: { minWidth: 232, backgroundColor: bgColor },
122
+ variant: done ? "outline" : "solid",
123
+ children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle })
124
+ }
125
+ ) })
126
+ ]
127
+ }
128
+ ),
129
+ /* @__PURE__ */ jsx(
130
+ Dialog.Content,
131
+ {
132
+ height: "100%",
133
+ hideCloseButton: true,
134
+ style: { borderRadius: 0, padding: 0 },
135
+ title: "",
136
+ width: "100%",
137
+ children: /* @__PURE__ */ jsxs(
138
+ Flex,
139
+ {
140
+ align: "center",
141
+ height: "100%",
142
+ justify: "center",
143
+ pb: "3",
144
+ position: "relative",
145
+ width: "100%",
146
+ children: [
147
+ /* @__PURE__ */ jsx(
148
+ CurriculumReviewSteps_default,
149
+ {
150
+ contents: item,
151
+ curriculum,
152
+ defaultValues,
153
+ done,
154
+ mode,
155
+ onClickEndReview,
156
+ onReviewValueChange,
157
+ onSubmit: onReviewSubmit,
158
+ title: sectionTitle
159
+ }
160
+ ),
161
+ /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsxs(
162
+ IconButton,
163
+ {
164
+ color: "gray",
165
+ onClick: onClickCloseDrawer,
166
+ variant: "ghost",
167
+ children: [
168
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
169
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
170
+ ]
171
+ }
172
+ ) }),
173
+ /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ jsx(
174
+ Dialog.Content,
175
+ {
176
+ buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
177
+ /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
178
+ /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
179
+ ] }),
180
+ title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
181
+ children: /* @__PURE__ */ jsx(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
182
+ }
183
+ ) })
184
+ ]
185
+ }
186
+ )
187
+ }
188
+ )
189
+ ] });
190
+ }
191
+ var curriculum_review_default = CurriculumReview;
192
+
193
+ export {
194
+ curriculum_review_default
195
+ };
196
+ //# sourceMappingURL=chunk-B5W5HY62.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Dialog } from '@/atoms/dialog';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n item: CurriculumReviewContents;\n sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n const { item, sectionTitle } = props;\n const { description, buttonTitle } = item;\n const {\n curriculum,\n onReviewSubmit: _onReviewSubmit,\n onReviewValueChange: _onReviewValueChange,\n curriculumReviewAnswers,\n tempCurriculumReviewAnswers,\n curriculumCompleteMap,\n } = useCurriculumContext();\n const [open, setOpen] = useState(false);\n const [isChanged, setIsChanged] = useState(false);\n const [closeDialogOpen, setCloseDialogOpen] = useState(false);\n\n const onReviewValueChange = useCallback(\n ({\n reviewId,\n answer,\n }: {\n reviewId: string;\n answer: Record<string, string>;\n }) => {\n if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {\n return;\n }\n\n setIsChanged(true);\n _onReviewValueChange({ reviewId, answer });\n },\n [_onReviewValueChange, curriculumReviewAnswers]\n );\n\n const onReviewSubmit = useCallback(\n (values: Record<string, string>) => {\n return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(\n (result) => {\n setIsChanged(false);\n return result;\n }\n );\n },\n [item.uuid, _onReviewSubmit]\n );\n\n const onClickEndReview = useCallback(() => {\n setOpen(false);\n }, []);\n\n const onClickCloseDrawer = useCallback(() => {\n if (isChanged) {\n setCloseDialogOpen(true);\n } else {\n setOpen(false);\n }\n }, [isChanged]);\n\n const mode = useMemo(() => {\n return item.questions.every(\n (question) =>\n curriculumReviewAnswers[question.uuid] &&\n curriculumReviewAnswers[question.uuid] !== ''\n )\n ? 'edit'\n : 'create';\n }, [curriculumReviewAnswers, item.questions]);\n\n const defaultValues = useMemo(() => {\n const allAnswers = {\n ...tempCurriculumReviewAnswers,\n ...curriculumReviewAnswers,\n };\n\n return item.questions.reduce<Record<string, string>>((acc, question) => {\n acc[question.uuid] = allAnswers[question.uuid] || '';\n return acc;\n }, {});\n }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n const done = useMemo(() => {\n return Boolean(curriculumCompleteMap[item.uuid]);\n }, [curriculumCompleteMap, item.uuid]);\n\n const bgColor = done ? 'var(--color-panel-solid)' : undefined;\n\n return (\n <Dialog.Root onOpenChange={setOpen} open={open}>\n <Flex\n align=\"center\"\n direction=\"column\"\n height=\"100%\"\n justify=\"center\"\n px=\"3\"\n py=\"3\"\n style={{\n backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n }}\n width=\"100%\"\n >\n <Typo color=\"gray\" weight=\"bold\">\n {curriculum.title}\n </Typo>\n <Typo align=\"center\" as=\"p\" color=\"gray\">\n {description}\n </Typo>\n\n <Dialog.Trigger>\n <Button\n mt=\"3\"\n style={{ minWidth: 232, backgroundColor: bgColor }}\n variant={done ? 'outline' : 'solid'}\n >\n <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n </Button>\n </Dialog.Trigger>\n </Flex>\n <Dialog.Content\n height=\"100%\"\n hideCloseButton\n style={{ borderRadius: 0, padding: 0 }}\n title=\"\"\n width=\"100%\"\n >\n <Flex\n align=\"center\"\n height=\"100%\"\n justify=\"center\"\n pb=\"3\"\n position=\"relative\"\n width=\"100%\"\n >\n <CurriculumReviewSteps\n contents={item}\n curriculum={curriculum}\n defaultValues={defaultValues}\n done={done}\n mode={mode}\n onClickEndReview={onClickEndReview}\n onReviewValueChange={onReviewValueChange}\n onSubmit={onReviewSubmit}\n title={sectionTitle}\n />\n {/* 닫기 버튼 */}\n <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n <IconButton\n color=\"gray\"\n onClick={onClickCloseDrawer}\n variant=\"ghost\"\n >\n <Box display={{ initial: 'none', md: 'block' }}>\n <Cross1Icon height={20} width={20} />\n </Box>\n <Box display={{ initial: 'block', md: 'none' }}>\n <Cross1Icon height={16} width={16} />\n </Box>\n </IconButton>\n </Box>\n\n {/* 진짜 닫겠습니까 모달 */}\n <Dialog.Root onOpenChange={setCloseDialogOpen} open={closeDialogOpen}>\n <Dialog.Content\n buttons={\n <Flex gap=\"3\" justify=\"end\">\n <Dialog.Close asChild>\n <Button color=\"gray\" variant=\"outline\">\n 돌아가기\n </Button>\n </Dialog.Close>\n <Dialog.Close>\n <Button color=\"red\" onClick={onClickEndReview}>\n 나가기\n </Button>\n </Dialog.Close>\n </Flex>\n }\n title=\"작성을 중단하시겠습니까?\"\n >\n <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n </Dialog.Content>\n </Dialog.Root>\n </Flex>\n </Dialog.Content>\n </Dialog.Root>\n );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}
@@ -0,0 +1,29 @@
1
+ import {
2
+ curriculum_item_title_default
3
+ } from "./chunk-MJMHPIYX.js";
4
+ import {
5
+ getCurriculumContentSubTypeText,
6
+ getCurriculumIcon
7
+ } from "./chunk-3FKAH2RB.js";
8
+
9
+ // src/molecules/curriculumV2/CurriculumSidebar/Items/section-item.tsx
10
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
+ function SectionCommonItem({
12
+ title,
13
+ duration,
14
+ icon,
15
+ type,
16
+ color = "gray"
17
+ }) {
18
+ const IconComp = getCurriculumIcon({ type, icon });
19
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
20
+ /* @__PURE__ */ jsx(IconComp, { color }),
21
+ /* @__PURE__ */ jsx(curriculum_item_title_default, { duration, subText: getCurriculumContentSubTypeText(type), title })
22
+ ] });
23
+ }
24
+ var section_item_default = SectionCommonItem;
25
+
26
+ export {
27
+ section_item_default
28
+ };
29
+ //# sourceMappingURL=chunk-B63TOIOA.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/Items/section-item.tsx"],"sourcesContent":["import React from 'react';\nimport { getCurriculumContentSubTypeText, getCurriculumIcon } from '@/utils/curriculum.utils';\nimport CurriculumItemTitle from './curriculum-item-title';\n\ninterface SectionTitleProps {\n title: string;\n duration?: number;\n icon?: string;\n type: string;\n color?: string;\n}\n\nfunction SectionCommonItem({\n title,\n duration,\n icon,\n type,\n color = 'gray',\n}: SectionTitleProps): React.ReactNode {\n const IconComp = getCurriculumIcon({ type, icon });\n\n return (\n <>\n <IconComp color={color} />\n <CurriculumItemTitle duration={duration} subText={getCurriculumContentSubTypeText(type)} title={title} />\n </>\n );\n}\n\nexport default SectionCommonItem;\n"],"mappings":";;;;;;;;;AAsBI,mBACE,KADF;AAVJ,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAuC;AACrC,QAAM,WAAW,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAEjD,SACE,iCACE;AAAA,wBAAC,YAAS,OAAc;AAAA,IACxB,oBAAC,iCAAoB,UAAoB,SAAS,gCAAgC,IAAI,GAAG,OAAc;AAAA,KACzG;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
@@ -0,0 +1,196 @@
1
+ import {
2
+ CurriculumReviewSteps_default
3
+ } from "./chunk-PSDF4NMN.js";
4
+ import {
5
+ useCurriculumContext
6
+ } from "./chunk-ZFWZAZPG.js";
7
+ import {
8
+ Dialog
9
+ } from "./chunk-AH4A53SZ.js";
10
+ import {
11
+ IconButton
12
+ } from "./chunk-XK6VEVOK.js";
13
+ import {
14
+ Box
15
+ } from "./chunk-4Y5BEXVN.js";
16
+ import {
17
+ Typo
18
+ } from "./chunk-PMJIFLDT.js";
19
+ import {
20
+ Flex
21
+ } from "./chunk-25HMMI7R.js";
22
+ import {
23
+ Button
24
+ } from "./chunk-ZVDAEY5Q.js";
25
+ import {
26
+ __spreadValues
27
+ } from "./chunk-CRTRMMJ7.js";
28
+
29
+ // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
30
+ import { useCallback, useMemo, useState } from "react";
31
+ import { Cross1Icon } from "@radix-ui/react-icons";
32
+ import { jsx, jsxs } from "react/jsx-runtime";
33
+ function CurriculumReview(props) {
34
+ const { item, sectionTitle } = props;
35
+ const { description, buttonTitle } = item;
36
+ const {
37
+ curriculum,
38
+ onReviewSubmit: _onReviewSubmit,
39
+ onReviewValueChange: _onReviewValueChange,
40
+ curriculumReviewAnswers,
41
+ tempCurriculumReviewAnswers,
42
+ curriculumCompleteMap
43
+ } = useCurriculumContext();
44
+ const [open, setOpen] = useState(false);
45
+ const [isChanged, setIsChanged] = useState(false);
46
+ const [closeDialogOpen, setCloseDialogOpen] = useState(false);
47
+ const onReviewValueChange = useCallback(
48
+ ({
49
+ reviewId,
50
+ answer
51
+ }) => {
52
+ if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {
53
+ return;
54
+ }
55
+ setIsChanged(true);
56
+ _onReviewValueChange({ reviewId, answer });
57
+ },
58
+ [_onReviewValueChange, curriculumReviewAnswers]
59
+ );
60
+ const onReviewSubmit = useCallback(
61
+ (values) => {
62
+ return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
63
+ (result) => {
64
+ setIsChanged(false);
65
+ return result;
66
+ }
67
+ );
68
+ },
69
+ [item.uuid, _onReviewSubmit]
70
+ );
71
+ const onClickEndReview = useCallback(() => {
72
+ setOpen(false);
73
+ }, []);
74
+ const onClickCloseDrawer = useCallback(() => {
75
+ if (isChanged) {
76
+ setCloseDialogOpen(true);
77
+ } else {
78
+ setOpen(false);
79
+ }
80
+ }, [isChanged]);
81
+ const mode = useMemo(() => {
82
+ return item.questions.every(
83
+ (question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== ""
84
+ ) ? "edit" : "create";
85
+ }, [curriculumReviewAnswers, item.questions]);
86
+ const defaultValues = useMemo(() => {
87
+ const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
88
+ return item.questions.reduce((acc, question) => {
89
+ acc[question.uuid] = allAnswers[question.uuid] || "";
90
+ return acc;
91
+ }, {});
92
+ }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
93
+ const done = useMemo(() => {
94
+ return Boolean(curriculumCompleteMap[item.uuid]);
95
+ }, [curriculumCompleteMap, item.uuid]);
96
+ const bgColor = done ? "var(--color-panel-solid)" : void 0;
97
+ return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
98
+ /* @__PURE__ */ jsxs(
99
+ Flex,
100
+ {
101
+ align: "center",
102
+ direction: "column",
103
+ height: "100%",
104
+ justify: "center",
105
+ px: "3",
106
+ py: "3",
107
+ style: {
108
+ backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
109
+ backgroundPosition: "center",
110
+ backgroundSize: "cover",
111
+ backgroundRepeat: "no-repeat"
112
+ },
113
+ width: "100%",
114
+ children: [
115
+ /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
116
+ /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
117
+ /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
118
+ Button,
119
+ {
120
+ mt: "3",
121
+ style: { minWidth: 232, backgroundColor: bgColor },
122
+ variant: done ? "outline" : "solid",
123
+ children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle })
124
+ }
125
+ ) })
126
+ ]
127
+ }
128
+ ),
129
+ /* @__PURE__ */ jsx(
130
+ Dialog.Content,
131
+ {
132
+ height: "100%",
133
+ hideCloseButton: true,
134
+ style: { borderRadius: 0, padding: 0 },
135
+ title: "",
136
+ width: "100%",
137
+ children: /* @__PURE__ */ jsxs(
138
+ Flex,
139
+ {
140
+ align: "center",
141
+ height: "100%",
142
+ justify: "center",
143
+ pb: "3",
144
+ position: "relative",
145
+ width: "100%",
146
+ children: [
147
+ /* @__PURE__ */ jsx(
148
+ CurriculumReviewSteps_default,
149
+ {
150
+ contents: item,
151
+ curriculum,
152
+ defaultValues,
153
+ done,
154
+ mode,
155
+ onClickEndReview,
156
+ onReviewValueChange,
157
+ onSubmit: onReviewSubmit,
158
+ title: sectionTitle
159
+ }
160
+ ),
161
+ /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsxs(
162
+ IconButton,
163
+ {
164
+ color: "gray",
165
+ onClick: onClickCloseDrawer,
166
+ variant: "ghost",
167
+ children: [
168
+ /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
169
+ /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
170
+ ]
171
+ }
172
+ ) }),
173
+ /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ jsx(
174
+ Dialog.Content,
175
+ {
176
+ buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
177
+ /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
178
+ /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
179
+ ] }),
180
+ title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
181
+ children: /* @__PURE__ */ jsx(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
182
+ }
183
+ ) })
184
+ ]
185
+ }
186
+ )
187
+ }
188
+ )
189
+ ] });
190
+ }
191
+ var curriculum_review_default = CurriculumReview;
192
+
193
+ export {
194
+ curriculum_review_default
195
+ };
196
+ //# sourceMappingURL=chunk-BXD634IB.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Dialog } from '@/atoms/dialog';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n item: CurriculumReviewContents;\n sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n const { item, sectionTitle } = props;\n const { description, buttonTitle } = item;\n const {\n curriculum,\n onReviewSubmit: _onReviewSubmit,\n onReviewValueChange: _onReviewValueChange,\n curriculumReviewAnswers,\n tempCurriculumReviewAnswers,\n curriculumCompleteMap,\n } = useCurriculumContext();\n const [open, setOpen] = useState(false);\n const [isChanged, setIsChanged] = useState(false);\n const [closeDialogOpen, setCloseDialogOpen] = useState(false);\n\n const onReviewValueChange = useCallback(\n ({\n reviewId,\n answer,\n }: {\n reviewId: string;\n answer: Record<string, string>;\n }) => {\n if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {\n return;\n }\n\n setIsChanged(true);\n _onReviewValueChange({ reviewId, answer });\n },\n [_onReviewValueChange, curriculumReviewAnswers]\n );\n\n const onReviewSubmit = useCallback(\n (values: Record<string, string>) => {\n return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(\n (result) => {\n setIsChanged(false);\n return result;\n }\n );\n },\n [item.uuid, _onReviewSubmit]\n );\n\n const onClickEndReview = useCallback(() => {\n setOpen(false);\n }, []);\n\n const onClickCloseDrawer = useCallback(() => {\n if (isChanged) {\n setCloseDialogOpen(true);\n } else {\n setOpen(false);\n }\n }, [isChanged]);\n\n const mode = useMemo(() => {\n return item.questions.every(\n (question) =>\n curriculumReviewAnswers[question.uuid] &&\n curriculumReviewAnswers[question.uuid] !== ''\n )\n ? 'edit'\n : 'create';\n }, [curriculumReviewAnswers, item.questions]);\n\n const defaultValues = useMemo(() => {\n const allAnswers = {\n ...tempCurriculumReviewAnswers,\n ...curriculumReviewAnswers,\n };\n\n return item.questions.reduce<Record<string, string>>((acc, question) => {\n acc[question.uuid] = allAnswers[question.uuid] || '';\n return acc;\n }, {});\n }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n const done = useMemo(() => {\n return Boolean(curriculumCompleteMap[item.uuid]);\n }, [curriculumCompleteMap, item.uuid]);\n\n const bgColor = done ? 'var(--color-panel-solid)' : undefined;\n\n return (\n <Dialog.Root onOpenChange={setOpen} open={open}>\n <Flex\n align=\"center\"\n direction=\"column\"\n height=\"100%\"\n justify=\"center\"\n px=\"3\"\n py=\"3\"\n style={{\n backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n }}\n width=\"100%\"\n >\n <Typo color=\"gray\" weight=\"bold\">\n {curriculum.title}\n </Typo>\n <Typo align=\"center\" as=\"p\" color=\"gray\">\n {description}\n </Typo>\n\n <Dialog.Trigger>\n <Button\n mt=\"3\"\n style={{ minWidth: 232, backgroundColor: bgColor }}\n variant={done ? 'outline' : 'solid'}\n >\n <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n </Button>\n </Dialog.Trigger>\n </Flex>\n <Dialog.Content\n height=\"100%\"\n hideCloseButton\n style={{ borderRadius: 0, padding: 0 }}\n title=\"\"\n width=\"100%\"\n >\n <Flex\n align=\"center\"\n height=\"100%\"\n justify=\"center\"\n pb=\"3\"\n position=\"relative\"\n width=\"100%\"\n >\n <CurriculumReviewSteps\n contents={item}\n curriculum={curriculum}\n defaultValues={defaultValues}\n done={done}\n mode={mode}\n onClickEndReview={onClickEndReview}\n onReviewValueChange={onReviewValueChange}\n onSubmit={onReviewSubmit}\n title={sectionTitle}\n />\n {/* 닫기 버튼 */}\n <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n <IconButton\n color=\"gray\"\n onClick={onClickCloseDrawer}\n variant=\"ghost\"\n >\n <Box display={{ initial: 'none', md: 'block' }}>\n <Cross1Icon height={20} width={20} />\n </Box>\n <Box display={{ initial: 'block', md: 'none' }}>\n <Cross1Icon height={16} width={16} />\n </Box>\n </IconButton>\n </Box>\n\n {/* 진짜 닫겠습니까 모달 */}\n <Dialog.Root onOpenChange={setCloseDialogOpen} open={closeDialogOpen}>\n <Dialog.Content\n buttons={\n <Flex gap=\"3\" justify=\"end\">\n <Dialog.Close asChild>\n <Button color=\"gray\" variant=\"outline\">\n 돌아가기\n </Button>\n </Dialog.Close>\n <Dialog.Close>\n <Button color=\"red\" onClick={onClickEndReview}>\n 나가기\n </Button>\n </Dialog.Close>\n </Flex>\n }\n title=\"작성을 중단하시겠습니까?\"\n >\n <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n </Dialog.Content>\n </Dialog.Root>\n </Flex>\n </Dialog.Content>\n </Dialog.Root>\n );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}