@cuemath/leap 3.2.16-as1 → 3.2.16-pzd-beta-0.3

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 (192) hide show
  1. package/dist/assets/illustrations/illustrations.js +1 -0
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/line-icons/icons/cue-board-filled.js +33 -0
  4. package/dist/assets/line-icons/icons/cue-board-filled.js.map +1 -0
  5. package/dist/assets/line-icons/icons/cue-board.js +23 -0
  6. package/dist/assets/line-icons/icons/cue-board.js.map +1 -0
  7. package/dist/assets/line-icons/icons/screen-grab-filled.js +35 -0
  8. package/dist/assets/line-icons/icons/screen-grab-filled.js.map +1 -0
  9. package/dist/assets/line-icons/icons/screen-grab.js +23 -0
  10. package/dist/assets/line-icons/icons/screen-grab.js.map +1 -0
  11. package/dist/assets/line-icons/icons/sticker-filled.js +64 -0
  12. package/dist/assets/line-icons/icons/sticker-filled.js.map +1 -0
  13. package/dist/assets/line-icons/icons/sticker.js +46 -0
  14. package/dist/assets/line-icons/icons/sticker.js.map +1 -0
  15. package/dist/assets/lottie/lottie.js +5 -0
  16. package/dist/assets/lottie/lottie.js.map +1 -1
  17. package/dist/features/analytics-events/platform-events-student.js +2 -1
  18. package/dist/features/analytics-events/platform-events-student.js.map +1 -1
  19. package/dist/features/analytics-events/platform-events-teacher.js +6 -4
  20. package/dist/features/analytics-events/platform-events-teacher.js.map +1 -1
  21. package/dist/features/analytics-events/whitelist-events.js +10 -8
  22. package/dist/features/analytics-events/whitelist-events.js.map +1 -1
  23. package/dist/features/chapters-v2/utils/node-card-utils.js +2 -2
  24. package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
  25. package/dist/features/communication/pub-sub/constants.js +7 -4
  26. package/dist/features/communication/pub-sub/constants.js.map +1 -1
  27. package/dist/features/homework/homework-card-view.js +85 -97
  28. package/dist/features/homework/homework-card-view.js.map +1 -1
  29. package/dist/features/homework/homework-card.js +44 -42
  30. package/dist/features/homework/homework-card.js.map +1 -1
  31. package/dist/features/homework/hw-card-list/hw-card-list-view.js +31 -29
  32. package/dist/features/homework/hw-card-list/hw-card-list-view.js.map +1 -1
  33. package/dist/features/homework/hw-card-list/hw-card-list.js +57 -50
  34. package/dist/features/homework/hw-card-list/hw-card-list.js.map +1 -1
  35. package/dist/features/homework/utils.js +33 -27
  36. package/dist/features/homework/utils.js.map +1 -1
  37. package/dist/features/journey/hooks/use-home-page-journey/tooltip-item.js +17 -11
  38. package/dist/features/journey/hooks/use-home-page-journey/tooltip-item.js.map +1 -1
  39. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.js +72 -0
  40. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.js.map +1 -0
  41. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.js +59 -0
  42. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.js.map +1 -0
  43. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js +63 -0
  44. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js.map +1 -0
  45. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-intro-journey.js +67 -0
  46. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-intro-journey.js.map +1 -0
  47. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-progress-journey.js +70 -0
  48. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-progress-journey.js.map +1 -0
  49. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-review-journey.js +59 -0
  50. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-review-journey.js.map +1 -0
  51. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.js +59 -0
  52. package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.js.map +1 -0
  53. package/dist/features/journey/hooks/use-puzzles-journey/use-teacher-puzzle-assigned-journey.js +70 -0
  54. package/dist/features/journey/hooks/use-puzzles-journey/use-teacher-puzzle-assigned-journey.js.map +1 -0
  55. package/dist/features/journey/journey-id/journey-id-student.js +1 -1
  56. package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
  57. package/dist/features/journey/journey-id/journey-id-teacher.js +2 -2
  58. package/dist/features/journey/journey-id/journey-id-teacher.js.map +1 -1
  59. package/dist/features/puzzles/api/puzzle-dashboard.js +10 -0
  60. package/dist/features/puzzles/api/puzzle-dashboard.js.map +1 -0
  61. package/dist/features/puzzles/app/puzzle-app.js +53 -73
  62. package/dist/features/puzzles/app/puzzle-app.js.map +1 -1
  63. package/dist/features/puzzles/comps/puzzle-card-styled.js +24 -69
  64. package/dist/features/puzzles/comps/puzzle-card-styled.js.map +1 -1
  65. package/dist/features/puzzles/comps/puzzle-card.js +64 -30
  66. package/dist/features/puzzles/comps/puzzle-card.js.map +1 -1
  67. package/dist/features/puzzles/constants/puzzle-container.js +8 -0
  68. package/dist/features/puzzles/constants/puzzle-container.js.map +1 -0
  69. package/dist/features/puzzles/puzzle-analytics-events.js +11 -0
  70. package/dist/features/puzzles/puzzle-analytics-events.js.map +1 -0
  71. package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js +55 -25
  72. package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js.map +1 -1
  73. package/dist/features/puzzles/puzzle-container/puzzle-container-view.js +55 -0
  74. package/dist/features/puzzles/puzzle-container/puzzle-container-view.js.map +1 -0
  75. package/dist/features/puzzles/puzzle-container/puzzle-container.js +100 -107
  76. package/dist/features/puzzles/puzzle-container/puzzle-container.js.map +1 -1
  77. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.js +37 -0
  78. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.js.map +1 -0
  79. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js +110 -0
  80. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js.map +1 -0
  81. package/dist/features/puzzles/utils/puzzle-pattern.js +28 -13
  82. package/dist/features/puzzles/utils/puzzle-pattern.js.map +1 -1
  83. package/dist/features/ui/inputs/base-select-input/base-select-input.js +55 -57
  84. package/dist/features/ui/inputs/base-select-input/base-select-input.js.map +1 -1
  85. package/dist/features/ui/inputs/checkbox-input/checkbox-input.js +21 -21
  86. package/dist/features/ui/inputs/checkbox-input/checkbox-input.js.map +1 -1
  87. package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js +5 -5
  88. package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js.map +1 -1
  89. package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js +28 -0
  90. package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js.map +1 -0
  91. package/dist/features/worksheet/worksheet/worksheet-helpers.js +43 -43
  92. package/dist/features/worksheet/worksheet/worksheet-helpers.js.map +1 -1
  93. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js +16 -12
  94. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map +1 -1
  95. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js +101 -47
  96. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js.map +1 -1
  97. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +149 -146
  98. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
  99. package/dist/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.js +242 -207
  100. package/dist/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.js.map +1 -1
  101. package/dist/features/worksheet/worksheet/worksheet-styled.js +37 -37
  102. package/dist/features/worksheet/worksheet/worksheet-styled.js.map +1 -1
  103. package/dist/features/worksheet/worksheet/worksheet-types.js.map +1 -1
  104. package/dist/features/worksheet/worksheet/worksheet.js +307 -313
  105. package/dist/features/worksheet/worksheet/worksheet.js.map +1 -1
  106. package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js +1 -1
  107. package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js.map +1 -1
  108. package/dist/features/worksheet/worksheet-preview/worksheet-preview.js +44 -35
  109. package/dist/features/worksheet/worksheet-preview/worksheet-preview.js.map +1 -1
  110. package/dist/index.d.ts +108 -5
  111. package/dist/index.js +480 -458
  112. package/dist/index.js.map +1 -1
  113. package/dist/static/puzzle-blue-lottie.7017e2e8.json +1 -0
  114. package/dist/static/puzzle-blue-lottie.bf64ebc5.json +12760 -0
  115. package/dist/static/puzzle-dashboard-banner.b7956519.svg +1 -0
  116. package/dist/static/puzzle-green-lottie.1da90698.json +1 -0
  117. package/dist/static/puzzle-orange-lottie.cfcf3724.json +1 -0
  118. package/dist/static/puzzle-purple-lottie.e70de110.json +9860 -0
  119. package/dist/static/puzzle-yellow-lottie.275b5cf4.json +1 -0
  120. package/package.json +1 -1
  121. package/dist/features/worksheet/worksheet/mocks/activity.js +0 -6
  122. package/dist/features/worksheet/worksheet/mocks/activity.js.map +0 -1
  123. package/dist/features/worksheet/worksheet/mocks/behaviors/assessment.js +0 -38
  124. package/dist/features/worksheet/worksheet/mocks/behaviors/assessment.js.map +0 -1
  125. package/dist/features/worksheet/worksheet/mocks/behaviors/chapter_assessment.js +0 -38
  126. package/dist/features/worksheet/worksheet/mocks/behaviors/chapter_assessment.js.map +0 -1
  127. package/dist/features/worksheet/worksheet/mocks/behaviors/diagnostic.js +0 -38
  128. package/dist/features/worksheet/worksheet/mocks/behaviors/diagnostic.js.map +0 -1
  129. package/dist/features/worksheet/worksheet/mocks/behaviors/dynamic.js +0 -38
  130. package/dist/features/worksheet/worksheet/mocks/behaviors/dynamic.js.map +0 -1
  131. package/dist/features/worksheet/worksheet/mocks/behaviors/extra_practice.js +0 -38
  132. package/dist/features/worksheet/worksheet/mocks/behaviors/extra_practice.js.map +0 -1
  133. package/dist/features/worksheet/worksheet/mocks/behaviors/index.js +0 -95
  134. package/dist/features/worksheet/worksheet/mocks/behaviors/index.js.map +0 -1
  135. package/dist/features/worksheet/worksheet/mocks/behaviors/learning-v3.js +0 -38
  136. package/dist/features/worksheet/worksheet/mocks/behaviors/learning-v3.js.map +0 -1
  137. package/dist/features/worksheet/worksheet/mocks/behaviors/learning.js +0 -38
  138. package/dist/features/worksheet/worksheet/mocks/behaviors/learning.js.map +0 -1
  139. package/dist/features/worksheet/worksheet/mocks/behaviors/legacy.js +0 -38
  140. package/dist/features/worksheet/worksheet/mocks/behaviors/legacy.js.map +0 -1
  141. package/dist/features/worksheet/worksheet/mocks/behaviors/level2.js +0 -38
  142. package/dist/features/worksheet/worksheet/mocks/behaviors/level2.js.map +0 -1
  143. package/dist/features/worksheet/worksheet/mocks/behaviors/level3.js +0 -38
  144. package/dist/features/worksheet/worksheet/mocks/behaviors/level3.js.map +0 -1
  145. package/dist/features/worksheet/worksheet/mocks/behaviors/mastery.js +0 -41
  146. package/dist/features/worksheet/worksheet/mocks/behaviors/mastery.js.map +0 -1
  147. package/dist/features/worksheet/worksheet/mocks/behaviors/practice.js +0 -38
  148. package/dist/features/worksheet/worksheet/mocks/behaviors/practice.js.map +0 -1
  149. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle-card.js +0 -39
  150. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle-card.js.map +0 -1
  151. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle_easy.js +0 -39
  152. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle_easy.js.map +0 -1
  153. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle_hard.js +0 -39
  154. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle_hard.js.map +0 -1
  155. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle_medium.js +0 -39
  156. package/dist/features/worksheet/worksheet/mocks/behaviors/puzzle_medium.js.map +0 -1
  157. package/dist/features/worksheet/worksheet/mocks/behaviors/recap.js +0 -39
  158. package/dist/features/worksheet/worksheet/mocks/behaviors/recap.js.map +0 -1
  159. package/dist/features/worksheet/worksheet/mocks/behaviors/remedial.js +0 -39
  160. package/dist/features/worksheet/worksheet/mocks/behaviors/remedial.js.map +0 -1
  161. package/dist/features/worksheet/worksheet/mocks/behaviors/revision.js +0 -38
  162. package/dist/features/worksheet/worksheet/mocks/behaviors/revision.js.map +0 -1
  163. package/dist/features/worksheet/worksheet/mocks/behaviors/sat-math-assessment.js +0 -38
  164. package/dist/features/worksheet/worksheet/mocks/behaviors/sat-math-assessment.js.map +0 -1
  165. package/dist/features/worksheet/worksheet/mocks/behaviors/sat_english_learning.js +0 -38
  166. package/dist/features/worksheet/worksheet/mocks/behaviors/sat_english_learning.js.map +0 -1
  167. package/dist/features/worksheet/worksheet/mocks/behaviors/sat_math_learning.js +0 -38
  168. package/dist/features/worksheet/worksheet/mocks/behaviors/sat_math_learning.js.map +0 -1
  169. package/dist/features/worksheet/worksheet/mocks/behaviors/sat_math_recap.js +0 -39
  170. package/dist/features/worksheet/worksheet/mocks/behaviors/sat_math_recap.js.map +0 -1
  171. package/dist/features/worksheet/worksheet/mocks/behaviors/target_practice.js +0 -38
  172. package/dist/features/worksheet/worksheet/mocks/behaviors/target_practice.js.map +0 -1
  173. package/dist/features/worksheet/worksheet/mocks/behaviors/trial-diagnostic-v2.js +0 -38
  174. package/dist/features/worksheet/worksheet/mocks/behaviors/trial-diagnostic-v2.js.map +0 -1
  175. package/dist/features/worksheet/worksheet/mocks/behaviors/trial-diagnostic.js +0 -38
  176. package/dist/features/worksheet/worksheet/mocks/behaviors/trial-diagnostic.js.map +0 -1
  177. package/dist/features/worksheet/worksheet/mocks/behaviors/turing_assessment.js +0 -38
  178. package/dist/features/worksheet/worksheet/mocks/behaviors/turing_assessment.js.map +0 -1
  179. package/dist/features/worksheet/worksheet/mocks/behaviors/turing_practice.js +0 -38
  180. package/dist/features/worksheet/worksheet/mocks/behaviors/turing_practice.js.map +0 -1
  181. package/dist/features/worksheet/worksheet/mocks/signed-requests.js +0 -5
  182. package/dist/features/worksheet/worksheet/mocks/signed-requests.js.map +0 -1
  183. package/dist/features/worksheet/worksheet/stories/use-canvas-sync-broker-story.js +0 -57
  184. package/dist/features/worksheet/worksheet/stories/use-canvas-sync-broker-story.js.map +0 -1
  185. package/dist/features/worksheet/worksheet/stories/worksheet-story-container.js +0 -231
  186. package/dist/features/worksheet/worksheet/stories/worksheet-story-container.js.map +0 -1
  187. package/dist/features/worksheet/worksheet/stories/worksheet-student.js +0 -174
  188. package/dist/features/worksheet/worksheet/stories/worksheet-student.js.map +0 -1
  189. package/dist/features/worksheet/worksheet/stories/worksheet-teacher.js +0 -255
  190. package/dist/features/worksheet/worksheet/stories/worksheet-teacher.js.map +0 -1
  191. package/dist/types/models/worksheet.js +0 -5
  192. package/dist/types/models/worksheet.js.map +0 -1
@@ -0,0 +1,72 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { useRef as r, useCallback as n, useMemo as h } from "react";
3
+ import C from "../../../homework/homework-card-view.js";
4
+ import T from "../../../ui/layout/flex-view.js";
5
+ import { JOURNEY_ID_STUDENT as w } from "../../journey-id/journey-id-student.js";
6
+ import { IndicatorType as E } from "../../use-journey/constants.js";
7
+ import { useJourney as b } from "../../use-journey/use-journey.js";
8
+ import g from "../use-home-page-journey/tooltip-item.js";
9
+ const z = () => {
10
+ const e = w.PUZZLE_ASSIGNED_JOURNEY, d = r(null), o = r(null), p = r([]), { setJourney: i, endJourney: s, nextCoachmark: l } = b(), a = n(() => {
11
+ l(e, !1, 0, !1);
12
+ }, [e, l]), u = n(() => {
13
+ document.body.style.overflow = "unset", s(e);
14
+ }, [s, e]), m = n(
15
+ (f) => {
16
+ if (!(o != null && o.current))
17
+ return;
18
+ const y = [
19
+ {
20
+ originalElementToHighlightRef: o,
21
+ elementToHighlight: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
22
+ C,
23
+ {
24
+ header: "",
25
+ subHeader: "",
26
+ userType: "STUDENT",
27
+ nodeData: f,
28
+ studentContainerRef: d
29
+ }
30
+ ) }),
31
+ type: E.TOOLTIP,
32
+ indicator: {
33
+ renderAs: "primary",
34
+ tooltipXCoOrdinates: 66,
35
+ arrowSize: 12,
36
+ arrowXCoOrdinates: -100,
37
+ position: "bottom",
38
+ backgroundColor: "GREEN_4",
39
+ borderColor: "BLACK",
40
+ arrowColor: "BLACK",
41
+ tooltipItem: /* @__PURE__ */ t(
42
+ g,
43
+ {
44
+ text: "New Puzzle assigned! Click here to view.",
45
+ buttonLabel: "Got it",
46
+ onButtonClick: u
47
+ }
48
+ )
49
+ },
50
+ isActive: !1
51
+ }
52
+ ];
53
+ i(e, y);
54
+ const c = setTimeout(() => {
55
+ clearTimeout(c), document.body.style.overflow = "hidden", a();
56
+ }, 500);
57
+ p.current.push(c);
58
+ },
59
+ [u, a, e, i]
60
+ );
61
+ return h(
62
+ () => ({
63
+ puzzleHWCardRef: o,
64
+ startJourney: m
65
+ }),
66
+ [m]
67
+ );
68
+ };
69
+ export {
70
+ z as usePuzzleAssignedJourney
71
+ };
72
+ //# sourceMappingURL=use-puzzle-assigned.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-puzzle-assigned.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport HomeworkCardView from '../../../homework/homework-card-view';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleAssignedJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.PUZZLE_ASSIGNED_JOURNEY;\n\n const studentContainerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const puzzleHWCardRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(\n (nodeData: INodeDataProps) => {\n if (!puzzleHWCardRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleHWCardRef,\n elementToHighlight: (\n <FlexView>\n <HomeworkCardView\n header=\"\"\n subHeader=\"\"\n userType=\"STUDENT\"\n nodeData={nodeData}\n studentContainerRef={studentContainerRef}\n />\n </FlexView>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: 66,\n arrowSize: 12,\n arrowXCoOrdinates: -100,\n position: 'bottom',\n backgroundColor: 'GREEN_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"New Puzzle assigned! Click here to view.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n },\n [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n );\n\n const data = useMemo(\n () => ({\n puzzleHWCardRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleAssignedJourney };\n"],"names":["usePuzzleAssignedJourney","journeyId","JOURNEY_ID_STUDENT","studentContainerRef","useRef","puzzleHWCardRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","nodeData","puzzleAttemptSteps","FlexView","jsx","HomeworkCardView","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAaA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAsBC,EAAuB,IAAI,GACjDC,IAAkBD,EAAuB,IAAI,GAC7CE,IAAYF,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAG,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAR,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWQ,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWP,CAAS;AAAA,EAAA,GACnB,CAACO,GAAYP,CAAS,CAAC,GAEpBa,IAAeF;AAAA,IACnB,CAACG,MAA6B;AACxB,UAAA,EAACV,KAAA,QAAAA,EAAiB;AACpB;AAGF,YAAMW,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BX;AAAA,UAC/B,sCACGY,GACC,EAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,UAAS;AAAA,cACT,UAAAJ;AAAA,cACA,qBAAAZ;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UAEF,MAAMiB,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeR;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWN,GAAWe,CAAkB;AAElC,YAAAM,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAKgB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACT,GAAkBF,GAAqBV,GAAWM,CAAU;AAAA,EAAA;AAWxD,SARMgB;AAAA,IACX,OAAO;AAAA,MACL,iBAAAlB;AAAA,MACA,cAAAS;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -0,0 +1,59 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { useRef as c, useCallback as r, useMemo as y } from "react";
3
+ import f from "../../../ui/buttons/button/button.js";
4
+ import { JOURNEY_ID_STUDENT as h } from "../../journey-id/journey-id-student.js";
5
+ import { IndicatorType as T } from "../../use-journey/constants.js";
6
+ import { useJourney as C } from "../../use-journey/use-journey.js";
7
+ import b from "../use-home-page-journey/tooltip-item.js";
8
+ const z = () => {
9
+ const o = h.PUZZLE_ATTEMPT_JOURNEY, e = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = C(), l = r(() => {
10
+ s(o, !1, 0, !1);
11
+ }, [o, s]), a = r(() => {
12
+ document.body.style.overflow = "unset", i(o);
13
+ }, [i, o]), u = r(() => {
14
+ if (!(e != null && e.current))
15
+ return;
16
+ const p = [
17
+ {
18
+ originalElementToHighlightRef: e,
19
+ elementToHighlight: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(f, { renderAs: "primary", size: "small", label: "I have solved" }) }),
20
+ type: T.TOOLTIP,
21
+ indicator: {
22
+ renderAs: "primary",
23
+ tooltipXCoOrdinates: -100,
24
+ arrowSize: 12,
25
+ arrowXCoOrdinates: 100,
26
+ position: "top",
27
+ backgroundColor: "PURPLE_4",
28
+ borderColor: "BLACK",
29
+ arrowColor: "BLACK",
30
+ tooltipItem: /* @__PURE__ */ t(
31
+ b,
32
+ {
33
+ text: "Click here when you've solved the puzzle.",
34
+ buttonLabel: "Got it",
35
+ onButtonClick: a
36
+ }
37
+ )
38
+ },
39
+ isActive: !1
40
+ }
41
+ ];
42
+ n(o, p);
43
+ const m = setTimeout(() => {
44
+ clearTimeout(m), document.body.style.overflow = "hidden", l();
45
+ }, 500);
46
+ d.current.push(m);
47
+ }, [a, l, o, n]);
48
+ return y(
49
+ () => ({
50
+ puzzleAttemptCtaRef: e,
51
+ startJourney: u
52
+ }),
53
+ [u]
54
+ );
55
+ };
56
+ export {
57
+ z as usePuzzleAttemptJourney
58
+ };
59
+ //# sourceMappingURL=use-puzzle-attempt-journey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-puzzle-attempt-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleAttemptJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.PUZZLE_ATTEMPT_JOURNEY;\n\n const puzzleAttemptCtaRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(() => {\n if (!puzzleAttemptCtaRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleAttemptCtaRef,\n elementToHighlight: (\n <div>\n <Button renderAs=\"primary\" size=\"small\" label=\"I have solved\" />\n </div>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: -100,\n arrowSize: 12,\n arrowXCoOrdinates: 100,\n position: 'top',\n backgroundColor: 'PURPLE_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text={`Click here when you've solved the puzzle.`}\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n const data = useMemo(\n () => ({\n puzzleAttemptCtaRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleAttemptJourney };\n"],"names":["usePuzzleAttemptJourney","journeyId","JOURNEY_ID_STUDENT","puzzleAttemptCtaRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAMC,IAAYC,EAAmB,wBAE/BC,IAAsBC,EAAuB,IAAI,GACjDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAqB;AACxB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACG,gBAAAY,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,OAAM,gBAAA,CAAgB,EAChE,CAAA;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,qBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -0,0 +1,63 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { useRef as c, useCallback as r, useMemo as f } from "react";
3
+ import h from "../../../ui/avatar/avatar.js";
4
+ import { JOURNEY_ID_STUDENT as C } from "../../journey-id/journey-id-student.js";
5
+ import { IndicatorType as T } from "../../use-journey/constants.js";
6
+ import { useJourney as b } from "../../use-journey/use-journey.js";
7
+ import A from "../use-home-page-journey/tooltip-item.js";
8
+ const I = () => {
9
+ const o = C.PUZZLE_DASHBOARD_JOURNEY, t = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = b(), a = r(() => {
10
+ s(o, !1, 0, !1);
11
+ }, [o, s]), l = r(() => {
12
+ document.body.style.overflow = "unset", i(o);
13
+ }, [i, o]), u = r(
14
+ (p) => {
15
+ if (!(t != null && t.current))
16
+ return;
17
+ const y = [
18
+ {
19
+ originalElementToHighlightRef: t,
20
+ elementToHighlight: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, { size: 55, avatar: p }) }),
21
+ type: T.TOOLTIP,
22
+ indicator: {
23
+ renderAs: "primary",
24
+ tooltipXCoOrdinates: 42,
25
+ tooltipYCoOrdinates: 36,
26
+ arrowSize: 12,
27
+ arrowYCoOrdinates: -36,
28
+ position: "right",
29
+ backgroundColor: "BLUE_4",
30
+ borderColor: "BLACK",
31
+ arrowColor: "BLACK",
32
+ tooltipItem: /* @__PURE__ */ e(
33
+ A,
34
+ {
35
+ text: "Click here to see all previously solved puzzles.",
36
+ buttonLabel: "Got it",
37
+ onButtonClick: l
38
+ }
39
+ )
40
+ },
41
+ isActive: !1
42
+ }
43
+ ];
44
+ n(o, y);
45
+ const m = setTimeout(() => {
46
+ clearTimeout(m), document.body.style.overflow = "hidden", a();
47
+ }, 500);
48
+ d.current.push(m);
49
+ },
50
+ [l, a, o, n]
51
+ );
52
+ return f(
53
+ () => ({
54
+ puzzleProfileRef: t,
55
+ startJourney: u
56
+ }),
57
+ [u]
58
+ );
59
+ };
60
+ export {
61
+ I as usePuzzleDashboardJourney
62
+ };
63
+ //# sourceMappingURL=use-puzzle-dashboard-journey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-puzzle-dashboard-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Avatar from '../../../ui/avatar/avatar';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleDashboardJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.PUZZLE_DASHBOARD_JOURNEY;\n\n const puzzleProfileRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(\n (avatar: IAvatarLayer[]) => {\n if (!puzzleProfileRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleProfileRef,\n elementToHighlight: (\n <div>\n <Avatar size={55} avatar={avatar} />\n </div>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: 42,\n tooltipYCoOrdinates: 36,\n arrowSize: 12,\n arrowYCoOrdinates: -36,\n position: 'right',\n backgroundColor: 'BLUE_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"Click here to see all previously solved puzzles.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n },\n [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n );\n\n const data = useMemo(\n () => ({\n puzzleProfileRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleDashboardJourney };\n"],"names":["usePuzzleDashboardJourney","journeyId","JOURNEY_ID_STUDENT","puzzleProfileRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","avatar","puzzleAttemptSteps","jsx","Avatar","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAYA,MAAMA,IAA4B,MAAM;AACtC,QAAMC,IAAYC,EAAmB,0BAE/BC,IAAmBC,EAAuB,IAAI,GAC9CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF;AAAA,IACnB,CAACG,MAA2B;AACtB,UAAA,EAACX,KAAA,QAAAA,EAAkB;AACrB;AAGF,YAAMY,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BZ;AAAA,UAC/B,sCACG,OACC,EAAA,UAAA,gBAAAa,EAACC,KAAO,MAAM,IAAI,QAAAH,GAAgB,EACpC,CAAA;AAAA,UAEF,MAAMI,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeP;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWL,GAAWc,CAAkB;AAElC,YAAAK,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,IACzC;AAAA,IACA,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU;AAAA,EAAA;AAWxD,SARMe;AAAA,IACX,OAAO;AAAA,MACL,kBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -0,0 +1,67 @@
1
+ import { jsx as t, jsxs as T } from "react/jsx-runtime";
2
+ import { useRef as p, useCallback as r, useMemo as b } from "react";
3
+ import g from "../../../../assets/line-icons/icons/puzzle2.js";
4
+ import f from "../../../ui/layout/flex-view.js";
5
+ import h from "../../../ui/text/text.js";
6
+ import { getTheme as E } from "../../../ui/theme/get-theme.js";
7
+ import { JOURNEY_ID_TEACHER as P } from "../../journey-id/journey-id-teacher.js";
8
+ import { IndicatorType as x } from "../../use-journey/constants.js";
9
+ import { useJourney as z } from "../../use-journey/use-journey.js";
10
+ import I from "../use-home-page-journey/tooltip-item.js";
11
+ const N = ({ onJourneyComplete: n }) => {
12
+ const e = P.PUZZLE_INTRO_JOURNEY, o = p(null), y = p([]), { setJourney: i, endJourney: l, nextCoachmark: s } = z(), { colors: a } = E(), c = r(() => {
13
+ s(e, !1, 0, !1);
14
+ }, [e, s]), m = r(() => {
15
+ document.body.style.overflow = "unset", l(e), n();
16
+ }, [l, e, n]), d = r(() => {
17
+ if (!(o != null && o.current))
18
+ return;
19
+ const C = [
20
+ {
21
+ originalElementToHighlightRef: o,
22
+ elementToHighlight: /* @__PURE__ */ t(f, { $gap: 12, $gutter: 12, children: /* @__PURE__ */ t(g, { width: 20, height: 20, fill: a.PURPLE_4 }) }),
23
+ type: x.TOOLTIP,
24
+ indicator: {
25
+ renderAs: "primary",
26
+ tooltipXCoOrdinates: -100,
27
+ tooltipYCoOrdinates: -1,
28
+ arrowSize: 12,
29
+ arrowXCoOrdinates: 100,
30
+ position: "bottom",
31
+ backgroundColor: "PURPLE_4",
32
+ borderColor: "BLACK",
33
+ arrowColor: "BLACK",
34
+ tooltipItem: /* @__PURE__ */ t(
35
+ I,
36
+ {
37
+ element: /* @__PURE__ */ T(f, { children: [
38
+ /* @__PURE__ */ t(h, { $renderAs: "ac4-black", children: "Improved puzzles experience!" }),
39
+ /* @__PURE__ */ t(h, { $renderAs: "ab2", children: "One puzzle per class, auto-adapted to student level." })
40
+ ] }),
41
+ buttonLabel: "Click to View",
42
+ ctaWidth: "max-content",
43
+ onButtonClick: m
44
+ }
45
+ )
46
+ },
47
+ isActive: !1
48
+ }
49
+ ];
50
+ i(e, C);
51
+ const u = setTimeout(() => {
52
+ clearTimeout(u), document.body.style.overflow = "hidden", c();
53
+ }, 500);
54
+ y.current.push(u);
55
+ }, [a.PURPLE_4, m, c, e, i]);
56
+ return b(
57
+ () => ({
58
+ puzzleIconRef: o,
59
+ startJourney: d
60
+ }),
61
+ [d]
62
+ );
63
+ };
64
+ export {
65
+ N as usePuzzleIntroJourney
66
+ };
67
+ //# sourceMappingURL=use-puzzle-intro-journey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-puzzle-intro-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-intro-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport type { IUsePuzzleIntroJourney } from './puzzle-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport PuzzleIcon2 from '../../../../assets/line-icons/icons/puzzle2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleIntroJourney = ({ onJourneyComplete }: IUsePuzzleIntroJourney) => {\n const journeyId = JOURNEY_ID_TEACHER.PUZZLE_INTRO_JOURNEY;\n\n const puzzleIconRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n const { colors } = getTheme();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n onJourneyComplete();\n }, [endJourney, journeyId, onJourneyComplete]);\n\n const startJourney = useCallback(() => {\n if (!puzzleIconRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleIconRef,\n elementToHighlight: (\n <FlexView $gap={12} $gutter={12}>\n <PuzzleIcon2 width={20} height={20} fill={colors.PURPLE_4} />\n </FlexView>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: -100,\n tooltipYCoOrdinates: -1,\n arrowSize: 12,\n arrowXCoOrdinates: 100,\n position: 'bottom',\n backgroundColor: 'PURPLE_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n element={\n <FlexView>\n <Text $renderAs=\"ac4-black\">Improved puzzles experience!</Text>\n <Text $renderAs=\"ab2\">One puzzle per class, auto-adapted to student level.</Text>\n </FlexView>\n }\n buttonLabel=\"Click to View\"\n ctaWidth=\"max-content\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n }, [colors.PURPLE_4, handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n const data = useMemo(\n () => ({\n puzzleIconRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleIntroJourney };\n"],"names":["usePuzzleIntroJourney","onJourneyComplete","journeyId","JOURNEY_ID_TEACHER","puzzleIconRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","colors","getTheme","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","PuzzleIcon2","IndicatorType","TooltipItem","Text","delayBeforeStart","useMemo"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAAC,EAAE,mBAAAC,QAAgD;AAC/E,QAAMC,IAAYC,EAAmB,sBAE/BC,IAAgBC,EAAuB,IAAI,GAC3CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GACvD,EAAE,QAAAC,MAAWC,KAEbC,IAAsBC,EAAY,MAAM;AAC9B,IAAAL,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBM,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BN,EAAWN,CAAS,GACFD;EACjB,GAAA,CAACO,GAAYN,GAAWD,CAAiB,CAAC,GAEvCe,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACV,KAAA,QAAAA,EAAe;AAClB;AAGF,UAAMa,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+Bb;AAAA,QAC/B,oBACG,gBAAAc,EAAAC,GAAA,EAAS,MAAM,IAAI,SAAS,IAC3B,UAAA,gBAAAD,EAACE,GAAY,EAAA,OAAO,IAAI,QAAQ,IAAI,MAAMT,EAAO,SAAU,CAAA,GAC7D;AAAA,QAEF,MAAMU,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,2BACGH,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAD,EAAAK,GAAA,EAAK,WAAU,aAAY,UAA4B,gCAAA;AAAA,gBACvD,gBAAAL,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAoD,wDAAA;AAAA,cAAA,GAC5E;AAAA,cAEF,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,eAAeR;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAR,EAAWL,GAAWe,CAAkB;AAElC,UAAAO,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;OACnB,GAAG;AAEI,IAAAP,EAAA,QAAQ,KAAKkB,CAAgB;AAAA,EAAA,GACtC,CAACb,EAAO,UAAUI,GAAkBF,GAAqBX,GAAWK,CAAU,CAAC;AAU3E,SARMkB;AAAA,IACX,OAAO;AAAA,MACL,eAAArB;AAAA,MACA,cAAAY;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -0,0 +1,70 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { useRef as c, useCallback as r, useMemo as p } from "react";
3
+ import y from "../../../ui/layout/flex-view.js";
4
+ import h from "../../../ui/text/text.js";
5
+ import { JOURNEY_ID_TEACHER as C } from "../../journey-id/journey-id-teacher.js";
6
+ import { IndicatorType as b } from "../../use-journey/constants.js";
7
+ import { useJourney as E } from "../../use-journey/use-journey.js";
8
+ import T from "../use-home-page-journey/tooltip-item.js";
9
+ const P = () => {
10
+ const e = C.PUZZLE_PROGRESS_JOURNEY, o = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = E(), l = r(() => {
11
+ s(e, !1, 0, !1);
12
+ }, [e, s]), a = r(() => {
13
+ document.body.style.overflow = "unset", i(e);
14
+ }, [i, e]), m = r(() => {
15
+ if (!(o != null && o.current))
16
+ return;
17
+ const f = [
18
+ {
19
+ originalElementToHighlightRef: o,
20
+ elementToHighlight: /* @__PURE__ */ t(
21
+ y,
22
+ {
23
+ $widthX: 3.625,
24
+ $flexDirection: "row",
25
+ $background: "WHITE",
26
+ $justifyContent: "center",
27
+ $alignItems: "center",
28
+ children: /* @__PURE__ */ t(h, { $renderAs: "ub2", children: "Progress" })
29
+ }
30
+ ),
31
+ type: b.TOOLTIP,
32
+ indicator: {
33
+ renderAs: "primary",
34
+ tooltipXCoOrdinates: -100,
35
+ arrowSize: 12,
36
+ arrowXCoOrdinates: 100,
37
+ position: "bottom",
38
+ backgroundColor: "GREEN_4",
39
+ borderColor: "BLACK",
40
+ arrowColor: "BLACK",
41
+ tooltipItem: /* @__PURE__ */ t(
42
+ T,
43
+ {
44
+ text: "Puzzles are available on the timeline view.",
45
+ buttonLabel: "Got it",
46
+ onButtonClick: a
47
+ }
48
+ )
49
+ },
50
+ isActive: !1
51
+ }
52
+ ];
53
+ n(e, f);
54
+ const u = setTimeout(() => {
55
+ clearTimeout(u), document.body.style.overflow = "hidden", l();
56
+ }, 500);
57
+ d.current.push(u);
58
+ }, [a, l, e, n]);
59
+ return p(
60
+ () => ({
61
+ puzzleProgressRef: o,
62
+ startJourney: m
63
+ }),
64
+ [m]
65
+ );
66
+ };
67
+ export {
68
+ P as usePuzzleProgressJourney
69
+ };
70
+ //# sourceMappingURL=use-puzzle-progress-journey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-puzzle-progress-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-progress-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleProgressJourney = () => {\n const journeyId = JOURNEY_ID_TEACHER.PUZZLE_PROGRESS_JOURNEY;\n\n const puzzleProgressRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(() => {\n if (!puzzleProgressRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleProgressRef,\n elementToHighlight: (\n <FlexView\n $widthX={3.625}\n $flexDirection=\"row\"\n $background=\"WHITE\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n >\n <Text $renderAs=\"ub2\">Progress</Text>\n </FlexView>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: -100,\n arrowSize: 12,\n arrowXCoOrdinates: 100,\n position: 'bottom',\n backgroundColor: 'GREEN_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"Puzzles are available on the timeline view.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n const data = useMemo(\n () => ({\n puzzleProgressRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleProgressJourney };\n"],"names":["usePuzzleProgressJourney","journeyId","JOURNEY_ID_TEACHER","puzzleProgressRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAQ,YAAA;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,mBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -0,0 +1,59 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { useRef as c, useCallback as r, useMemo as f } from "react";
3
+ import y from "../../../ui/buttons/button/button.js";
4
+ import { JOURNEY_ID_TEACHER as h } from "../../journey-id/journey-id-teacher.js";
5
+ import { IndicatorType as C } from "../../use-journey/constants.js";
6
+ import { useJourney as E } from "../../use-journey/use-journey.js";
7
+ import T from "../use-home-page-journey/tooltip-item.js";
8
+ const k = () => {
9
+ const o = h.PUZZLE_REVIEW_JOURNEY, e = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = E(), l = r(() => {
10
+ s(o, !1, 0, !1);
11
+ }, [o, s]), a = r(() => {
12
+ document.body.style.overflow = "unset", i(o);
13
+ }, [i, o]), u = r(() => {
14
+ if (!(e != null && e.current))
15
+ return;
16
+ const p = [
17
+ {
18
+ originalElementToHighlightRef: e,
19
+ elementToHighlight: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(y, { widthX: 6, renderAs: "primary", size: "small", label: "Review" }) }),
20
+ type: C.TOOLTIP,
21
+ indicator: {
22
+ renderAs: "primary",
23
+ tooltipXCoOrdinates: -100,
24
+ arrowSize: 12,
25
+ arrowXCoOrdinates: 100,
26
+ position: "top",
27
+ backgroundColor: "ORANGE_4",
28
+ borderColor: "BLACK",
29
+ arrowColor: "BLACK",
30
+ tooltipItem: /* @__PURE__ */ t(
31
+ T,
32
+ {
33
+ text: "Click here to review the student's solution.",
34
+ buttonLabel: "Got it",
35
+ onButtonClick: a
36
+ }
37
+ )
38
+ },
39
+ isActive: !1
40
+ }
41
+ ];
42
+ n(o, p);
43
+ const m = setTimeout(() => {
44
+ clearTimeout(m), document.body.style.overflow = "hidden", l();
45
+ }, 500);
46
+ d.current.push(m);
47
+ }, [a, l, o, n]);
48
+ return f(
49
+ () => ({
50
+ puzzleReviewCtaRef: e,
51
+ startJourney: u
52
+ }),
53
+ [u]
54
+ );
55
+ };
56
+ export {
57
+ k as usePuzzleReviewJourney
58
+ };
59
+ //# sourceMappingURL=use-puzzle-review-journey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-puzzle-review-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-review-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleReviewJourney = () => {\n const journeyId = JOURNEY_ID_TEACHER.PUZZLE_REVIEW_JOURNEY;\n\n const puzzleReviewCtaRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(() => {\n if (!puzzleReviewCtaRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleReviewCtaRef,\n elementToHighlight: (\n <div>\n <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Review\" />\n </div>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: -100,\n arrowSize: 12,\n arrowXCoOrdinates: 100,\n position: 'top',\n backgroundColor: 'ORANGE_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text={`Click here to review the student's solution.`}\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n const data = useMemo(\n () => ({\n puzzleReviewCtaRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleReviewJourney };\n"],"names":["usePuzzleReviewJourney","journeyId","JOURNEY_ID_TEACHER","puzzleReviewCtaRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAAyB,MAAM;AACnC,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAqBC,EAAuB,IAAI,GAChDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAoB;AACvB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,SAAS,CAAA,GACpE;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,oBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -0,0 +1,59 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { useRef as c, useCallback as r, useMemo as f } from "react";
3
+ import y from "../../../ui/buttons/button/button.js";
4
+ import { JOURNEY_ID_TEACHER as h } from "../../journey-id/journey-id-teacher.js";
5
+ import { IndicatorType as C } from "../../use-journey/constants.js";
6
+ import { useJourney as T } from "../../use-journey/use-journey.js";
7
+ import b from "../use-home-page-journey/tooltip-item.js";
8
+ const L = () => {
9
+ const o = h.PUZZLE_UNASSIGN_JOURNEY, t = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = T(), a = r(() => {
10
+ s(o, !1, 0, !1);
11
+ }, [o, s]), l = r(() => {
12
+ document.body.style.overflow = "unset", i(o);
13
+ }, [i, o]), u = r(() => {
14
+ if (!(t != null && t.current))
15
+ return;
16
+ const p = [
17
+ {
18
+ originalElementToHighlightRef: t,
19
+ elementToHighlight: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(y, { widthX: 6, renderAs: "primary", size: "small", label: "Unassign" }) }),
20
+ type: C.TOOLTIP,
21
+ indicator: {
22
+ renderAs: "primary",
23
+ tooltipXCoOrdinates: -100,
24
+ arrowSize: 12,
25
+ arrowXCoOrdinates: 100,
26
+ position: "top",
27
+ backgroundColor: "PURPLE_4",
28
+ borderColor: "BLACK",
29
+ arrowColor: "BLACK",
30
+ tooltipItem: /* @__PURE__ */ e(
31
+ b,
32
+ {
33
+ text: "You can click here to unassign the puzzle.",
34
+ buttonLabel: "Got it",
35
+ onButtonClick: l
36
+ }
37
+ )
38
+ },
39
+ isActive: !1
40
+ }
41
+ ];
42
+ n(o, p);
43
+ const m = setTimeout(() => {
44
+ clearTimeout(m), document.body.style.overflow = "hidden", a();
45
+ }, 500);
46
+ d.current.push(m);
47
+ }, [l, a, o, n]);
48
+ return f(
49
+ () => ({
50
+ puzzleUnassignRef: t,
51
+ startJourney: u
52
+ }),
53
+ [u]
54
+ );
55
+ };
56
+ export {
57
+ L as usePuzzleUnassignJourney
58
+ };
59
+ //# sourceMappingURL=use-puzzle-unassign-journey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-puzzle-unassign-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleUnassignJourney = () => {\n const journeyId = JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY;\n\n const puzzleUnassignRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(() => {\n if (!puzzleUnassignRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleUnassignRef,\n elementToHighlight: (\n <div>\n <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Unassign\" />\n </div>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: -100,\n arrowSize: 12,\n arrowXCoOrdinates: 100,\n position: 'top',\n backgroundColor: 'PURPLE_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"You can click here to unassign the puzzle.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n const data = useMemo(\n () => ({\n puzzleUnassignRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleUnassignJourney };\n"],"names":["usePuzzleUnassignJourney","journeyId","JOURNEY_ID_TEACHER","puzzleUnassignRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,WAAW,CAAA,GACtE;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,mBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -0,0 +1,70 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { useRef as u, useCallback as r, useMemo as p } from "react";
3
+ import h from "../../../ui/layout/flex-view.js";
4
+ import y from "../../../ui/text/text.js";
5
+ import { JOURNEY_ID_TEACHER as C } from "../../journey-id/journey-id-teacher.js";
6
+ import { IndicatorType as T } from "../../use-journey/constants.js";
7
+ import { useJourney as g } from "../../use-journey/use-journey.js";
8
+ import E from "../use-home-page-journey/tooltip-item.js";
9
+ const $ = () => {
10
+ const e = C.PUZZLE_ASSIGN_JOURNEY, o = u(null), d = u([]), { setJourney: n, endJourney: i, nextCoachmark: s } = g(), l = r(() => {
11
+ s(e, !1, 0, !1);
12
+ }, [e, s]), a = r(() => {
13
+ document.body.style.overflow = "unset", i(e);
14
+ }, [i, e]), c = r(() => {
15
+ if (!(o != null && o.current))
16
+ return;
17
+ const f = [
18
+ {
19
+ originalElementToHighlightRef: o,
20
+ elementToHighlight: /* @__PURE__ */ t(
21
+ h,
22
+ {
23
+ $widthX: 2.75,
24
+ $flexDirection: "row",
25
+ $background: "WHITE",
26
+ $justifyContent: "center",
27
+ $alignItems: "center",
28
+ children: /* @__PURE__ */ t(y, { $renderAs: "ub2", children: "Home" })
29
+ }
30
+ ),
31
+ type: T.TOOLTIP,
32
+ indicator: {
33
+ renderAs: "primary",
34
+ tooltipXCoOrdinates: 100,
35
+ arrowSize: 12,
36
+ arrowXCoOrdinates: -100,
37
+ position: "bottom",
38
+ backgroundColor: "GREEN_4",
39
+ borderColor: "BLACK",
40
+ arrowColor: "BLACK",
41
+ tooltipItem: /* @__PURE__ */ t(
42
+ E,
43
+ {
44
+ text: "Puzzle assigned as homework. Discuss it in the next class.",
45
+ buttonLabel: "Got it",
46
+ onButtonClick: a
47
+ }
48
+ )
49
+ },
50
+ isActive: !1
51
+ }
52
+ ];
53
+ n(e, f);
54
+ const m = setTimeout(() => {
55
+ clearTimeout(m), document.body.style.overflow = "hidden", l();
56
+ }, 500);
57
+ d.current.push(m);
58
+ }, [a, l, e, n]);
59
+ return p(
60
+ () => ({
61
+ puzzleHomeTabRef: o,
62
+ startJourney: c
63
+ }),
64
+ [c]
65
+ );
66
+ };
67
+ export {
68
+ $ as useTeacherPuzzleAssignedJourney
69
+ };
70
+ //# sourceMappingURL=use-teacher-puzzle-assigned-journey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-teacher-puzzle-assigned-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-teacher-puzzle-assigned-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst useTeacherPuzzleAssignedJourney = () => {\n const journeyId = JOURNEY_ID_TEACHER.PUZZLE_ASSIGN_JOURNEY;\n\n const puzzleHomeTabRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(() => {\n if (!puzzleHomeTabRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleHomeTabRef,\n elementToHighlight: (\n <FlexView\n $widthX={2.75}\n $flexDirection=\"row\"\n $background=\"WHITE\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n >\n <Text $renderAs=\"ub2\">Home</Text>\n </FlexView>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: 100,\n arrowSize: 12,\n arrowXCoOrdinates: -100,\n position: 'bottom',\n backgroundColor: 'GREEN_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"Puzzle assigned as homework. Discuss it in the next class.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n const data = useMemo(\n () => ({\n puzzleHomeTabRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { useTeacherPuzzleAssignedJourney };\n"],"names":["useTeacherPuzzleAssignedJourney","journeyId","JOURNEY_ID_TEACHER","puzzleHomeTabRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkC,MAAM;AAC5C,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAmBC,EAAuB,IAAI,GAC9CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAkB;AACrB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAI,QAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,kBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
@@ -1,4 +1,4 @@
1
- var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E))(R || {});
1
+ var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY", E.PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY", E))(R || {});
2
2
  export {
3
3
  R as JOURNEY_ID_STUDENT
4
4
  };