@cuemath/leap 3.2.1-beta-0.1 → 3.2.1-ppa-0.1

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 (72) hide show
  1. package/dist/assets/illustrations/illustrations.js +0 -1
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/line-icons/icons/hint-fill.js +35 -0
  4. package/dist/assets/line-icons/icons/hint-fill.js.map +1 -0
  5. package/dist/assets/lottie/lottie.js +0 -6
  6. package/dist/assets/lottie/lottie.js.map +1 -1
  7. package/dist/features/communication/pub-sub/constants.js +4 -6
  8. package/dist/features/communication/pub-sub/constants.js.map +1 -1
  9. package/dist/features/homework/homework-card-view.js +100 -87
  10. package/dist/features/homework/homework-card-view.js.map +1 -1
  11. package/dist/features/puzzles/app/puzzle-app-styled.js +115 -0
  12. package/dist/features/puzzles/app/puzzle-app-styled.js.map +1 -0
  13. package/dist/features/puzzles/app/puzzle-app-view.js +116 -0
  14. package/dist/features/puzzles/app/puzzle-app-view.js.map +1 -0
  15. package/dist/features/puzzles/app/puzzle-app.js +63 -0
  16. package/dist/features/puzzles/app/puzzle-app.js.map +1 -0
  17. package/dist/features/puzzles/comps/puzzle-card-styled.js +69 -24
  18. package/dist/features/puzzles/comps/puzzle-card-styled.js.map +1 -1
  19. package/dist/features/puzzles/comps/puzzle-card.js +30 -53
  20. package/dist/features/puzzles/comps/puzzle-card.js.map +1 -1
  21. package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js +25 -55
  22. package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js.map +1 -1
  23. package/dist/features/puzzles/puzzle-container/puzzle-container.js +107 -89
  24. package/dist/features/puzzles/puzzle-container/puzzle-container.js.map +1 -1
  25. package/dist/features/puzzles/utils/puzzle-pattern.js +13 -28
  26. package/dist/features/puzzles/utils/puzzle-pattern.js.map +1 -1
  27. package/dist/features/worksheet/worksheet/worksheet-helpers.js +19 -20
  28. package/dist/features/worksheet/worksheet/worksheet-helpers.js.map +1 -1
  29. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js +25 -29
  30. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map +1 -1
  31. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js +47 -97
  32. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js.map +1 -1
  33. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +163 -166
  34. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
  35. package/dist/features/worksheet/worksheet/worksheet-styled.js +34 -34
  36. package/dist/features/worksheet/worksheet/worksheet-styled.js.map +1 -1
  37. package/dist/features/worksheet/worksheet/worksheet.js +309 -303
  38. package/dist/features/worksheet/worksheet/worksheet.js.map +1 -1
  39. package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js +1 -1
  40. package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js.map +1 -1
  41. package/dist/features/worksheet/worksheet-preview/worksheet-preview.js +17 -20
  42. package/dist/features/worksheet/worksheet-preview/worksheet-preview.js.map +1 -1
  43. package/dist/index.d.ts +18 -28
  44. package/dist/index.js +523 -521
  45. package/dist/index.js.map +1 -1
  46. package/package.json +1 -1
  47. package/dist/features/puzzles/api/puzzle-dashboard.js +0 -10
  48. package/dist/features/puzzles/api/puzzle-dashboard.js.map +0 -1
  49. package/dist/features/puzzles/constants/puzzle-container.js +0 -8
  50. package/dist/features/puzzles/constants/puzzle-container.js.map +0 -1
  51. package/dist/features/puzzles/puzzle-container/puzzle-container-view.js +0 -45
  52. package/dist/features/puzzles/puzzle-container/puzzle-container-view.js.map +0 -1
  53. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.js +0 -30
  54. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.js.map +0 -1
  55. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js +0 -84
  56. package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js.map +0 -1
  57. package/dist/static/arm-mechanical.7561628e.json +0 -4428
  58. package/dist/static/cent-emoji.3a07ef13.json +0 -5576
  59. package/dist/static/clap-emoji.aa0b824b.json +0 -12684
  60. package/dist/static/gem-stone.8c91431a.json +0 -6716
  61. package/dist/static/partyball.e19caed6.json +0 -11578
  62. package/dist/static/partypopper.9f7992e8.json +0 -6416
  63. package/dist/static/puzzle-blue-lottie.7017e2e8.json +0 -1
  64. package/dist/static/puzzle-blue-lottie.bf64ebc5.json +0 -12760
  65. package/dist/static/puzzle-dashboard-banner.b7956519.svg +0 -1
  66. package/dist/static/puzzle-green-lottie.1da90698.json +0 -1
  67. package/dist/static/puzzle-orange-lottie.cfcf3724.json +0 -1
  68. package/dist/static/puzzle-purple-lottie.e70de110.json +0 -9860
  69. package/dist/static/puzzle-yellow-lottie.275b5cf4.json +0 -1
  70. package/dist/static/slotmachine.ba8014dd.json +0 -7779
  71. package/dist/static/super-emoji.7fad19f6.json +0 -3720
  72. package/dist/static/victory-emoji.2ca41d92.json +0 -9959
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.2.1-beta-0.1",
3
+ "version": "3.2.1-ppa-0.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -1,10 +0,0 @@
1
- import { createGetAPI as s } from "@cuemath/rest-api";
2
- import { BASE_URL_V3 as r } from "../../../constants/api.js";
3
- const { useGet: a, invalidate: z } = s({
4
- getURL: (e, o, { courseStream: t }) => `${r}/users/${e}/course-streams/${t}/puzzles-history/`
5
- });
6
- export {
7
- z as invalidateGetPuzzles,
8
- a as useGetPuzzles
9
- };
10
- //# sourceMappingURL=puzzle-dashboard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-dashboard.js","sources":["../../../../src/features/puzzles/api/puzzle-dashboard.ts"],"sourcesContent":["import type { TCourseStream } from '../../milestone/create/milestone-create-types';\nimport type { IPuzzleCardAssignData } from '../puzzle-container/puzzle-container-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetPuzzles, invalidate: invalidateGetPuzzles } = createGetAPI<\n IPuzzleCardAssignData[],\n void,\n { courseStream: TCourseStream }\n>({\n getURL: (studentId, _, { courseStream }) =>\n `${BASE_URL_V3}/users/${studentId}/course-streams/${courseStream}/puzzles-history/`,\n});\n\nexport { useGetPuzzles, invalidateGetPuzzles };\n"],"names":["useGetPuzzles","invalidateGetPuzzles","createGetAPI","studentId","_","courseStream","BASE_URL_V3"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,GAAe,YAAYC,EAAA,IAAyBC,EAIlE;AAAA,EACA,QAAQ,CAACC,GAAWC,GAAG,EAAE,cAAAC,EAAA,MACvB,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAY;AACpE,CAAC;"}
@@ -1,8 +0,0 @@
1
- const A = {
2
- REVEAL: [0, 50],
3
- REVEAL_ASSIGNED: [58, 160]
4
- };
5
- export {
6
- A as PUZZLE_ASSIGN_ANIMATION
7
- };
8
- //# sourceMappingURL=puzzle-container.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-container.js","sources":["../../../../src/features/puzzles/constants/puzzle-container.ts"],"sourcesContent":["import type { AnimationSegment } from 'lottie-web';\n\nexport const PUZZLE_ASSIGN_ANIMATION = {\n REVEAL: [0, 50] as AnimationSegment,\n REVEAL_ASSIGNED: [58, 160] as AnimationSegment,\n};\n"],"names":["PUZZLE_ASSIGN_ANIMATION"],"mappings":"AAEO,MAAMA,IAA0B;AAAA,EACrC,QAAQ,CAAC,GAAG,EAAE;AAAA,EACd,iBAAiB,CAAC,IAAI,GAAG;AAC3B;"}
@@ -1,45 +0,0 @@
1
- import { jsxs as n, Fragment as $, jsx as e } from "react/jsx-runtime";
2
- import { memo as a } from "react";
3
- import d from "../../ui/image/image.js";
4
- import r from "../../ui/text/text.js";
5
- import { PuzzleContent as g, AssignedTag as m, PuzzleButton as u } from "./puzzle-container-styled.js";
6
- const z = a(
7
- ({ handleOnPuzzleClick: i, imageUrl: o, title: l, handleAssign: c, assigned: t, assigning: s }) => /* @__PURE__ */ n($, { children: [
8
- /* @__PURE__ */ n(
9
- g,
10
- {
11
- $justifyContent: "center",
12
- $alignItems: "center",
13
- onClick: i,
14
- title: "Click to preview",
15
- $flexGapX: 1.5,
16
- $assigned: t,
17
- $gutterX: 1,
18
- children: [
19
- /* @__PURE__ */ e(d, { width: 136, height: 136, src: o, withLoader: !1, alt: "Puzzle" }),
20
- /* @__PURE__ */ e(r, { $renderAs: "h4", $align: "center", children: l }),
21
- t && /* @__PURE__ */ e(m, { $gap: 4, $gutter: 8, $background: "BLACK_1", children: /* @__PURE__ */ e(r, { $renderAs: "ac4", $color: "WHITE_1", children: "Assigned" }) })
22
- ]
23
- }
24
- ),
25
- /* @__PURE__ */ e(
26
- u,
27
- {
28
- $background: "BLACK_1",
29
- $widthX: 15.75,
30
- $alignItems: "center",
31
- $justifyContent: "center",
32
- $gapX: 0.75,
33
- $gutterX: 1,
34
- onClick: c,
35
- $assigned: t,
36
- $assigning: s,
37
- children: /* @__PURE__ */ e(r, { $renderAs: "ub1-bold", $color: t ? "BLACK_T_38" : "WHITE_1", children: t ? "Discuss in next class" : "Assign" })
38
- }
39
- )
40
- ] })
41
- );
42
- export {
43
- z as default
44
- };
45
- //# sourceMappingURL=puzzle-container-view.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-container-view.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container-view.tsx"],"sourcesContent":["import type { IPuzzleContainerViewProps } from './puzzle-container-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport * as Styled from './puzzle-container-styled';\n\nconst PuzzleContainerView: FC<IPuzzleContainerViewProps> = memo(\n ({ handleOnPuzzleClick, imageUrl, title, handleAssign, assigned, assigning }) => {\n return (\n <>\n <Styled.PuzzleContent\n $justifyContent=\"center\"\n $alignItems=\"center\"\n onClick={handleOnPuzzleClick}\n title=\"Click to preview\"\n $flexGapX={1.5}\n $assigned={assigned}\n $gutterX={1}\n >\n <Image width={136} height={136} src={imageUrl} withLoader={false} alt=\"Puzzle\" />\n <Text $renderAs=\"h4\" $align=\"center\">\n {title}\n </Text>\n\n {assigned && (\n <Styled.AssignedTag $gap={4} $gutter={8} $background=\"BLACK_1\">\n <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n Assigned\n </Text>\n </Styled.AssignedTag>\n )}\n </Styled.PuzzleContent>\n\n <Styled.PuzzleButton\n $background=\"BLACK_1\"\n $widthX={15.75}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $gapX={0.75}\n $gutterX={1}\n onClick={handleAssign}\n $assigned={assigned}\n $assigning={assigning}\n >\n <Text $renderAs=\"ub1-bold\" $color={assigned ? 'BLACK_T_38' : 'WHITE_1'}>\n {assigned ? 'Discuss in next class' : 'Assign'}\n </Text>\n </Styled.PuzzleButton>\n </>\n );\n },\n);\n\nexport default PuzzleContainerView;\n"],"names":["PuzzleContainerView","memo","handleOnPuzzleClick","imageUrl","title","handleAssign","assigned","assigning","jsxs","Fragment","Styled.PuzzleContent","jsx","Image","Text","Styled.AssignedTag","Styled.PuzzleButton"],"mappings":";;;;;AASA,MAAMA,IAAqDC;AAAA,EACzD,CAAC,EAAE,qBAAAC,GAAqB,UAAAC,GAAU,OAAAC,GAAO,cAAAC,GAAc,UAAAC,GAAU,WAAAC,QAG3D,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAASR;AAAA,QACT,OAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAWI;AAAA,QACX,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAK,EAAAC,GAAA,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAKT,GAAU,YAAY,IAAO,KAAI,SAAS,CAAA;AAAA,4BAC9EU,GAAK,EAAA,WAAU,MAAK,QAAO,UACzB,UACHT,GAAA;AAAA,UAECE,KACE,gBAAAK,EAAAG,GAAA,EAAmB,MAAM,GAAG,SAAS,GAAG,aAAY,WACnD,4BAACD,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,qBAEvC,CAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAF;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAASV;AAAA,QACT,WAAWC;AAAA,QACX,YAAYC;AAAA,QAEZ,UAAA,gBAAAI,EAACE,GAAK,EAAA,WAAU,YAAW,QAAQP,IAAW,eAAe,WAC1D,UAAWA,IAAA,0BAA0B,SACxC,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAGN;"}
@@ -1,30 +0,0 @@
1
- import o from "styled-components";
2
- import { ILLUSTRATIONS as r } from "../../../assets/illustrations/illustrations.js";
3
- import p from "../../ui/layout/flex-view.js";
4
- const a = o(p)``, i = o(p)`
5
- background-image: url(${r.PUZZLE_DASHBOARD_BANNER});
6
- background-size: cover;
7
- `, c = o(p)`
8
- position: absolute;
9
- top: 16px;
10
- left: 16px;
11
- `, s = o(p)`
12
- position: sticky;
13
- top: 16px;
14
- z-index: 5;
15
- `, d = o.div`
16
- display: grid;
17
- width: 100%;
18
- grid-template-columns: repeat(5, 1fr);
19
- column-gap: 24px;
20
- row-gap: 40px;
21
- padding: 0 37px;
22
- `;
23
- export {
24
- c as BackIconContainer,
25
- s as BackIconWrapper,
26
- i as BannerWrapper,
27
- d as ContentWrapper,
28
- a as PuzzleDashboardWrapper
29
- };
30
- //# sourceMappingURL=puzzle-dashboard-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-dashboard-styled.js","sources":["../../../../src/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst PuzzleDashboardWrapper = styled(FlexView)``;\n\nconst BannerWrapper = styled(FlexView)`\n background-image: url(${ILLUSTRATIONS.PUZZLE_DASHBOARD_BANNER});\n background-size: cover;\n`;\n\nconst BackIconContainer = styled(FlexView)`\n position: absolute;\n top: 16px;\n left: 16px;\n`;\n\nconst BackIconWrapper = styled(FlexView)`\n position: sticky;\n top: 16px;\n z-index: 5;\n`;\n\nconst ContentWrapper = styled.div`\n display: grid;\n width: 100%;\n grid-template-columns: repeat(5, 1fr);\n column-gap: 24px;\n row-gap: 40px;\n padding: 0 37px;\n`;\n\nexport {\n PuzzleDashboardWrapper,\n BannerWrapper,\n BackIconContainer,\n BackIconWrapper,\n ContentWrapper,\n};\n"],"names":["PuzzleDashboardWrapper","styled","FlexView","BannerWrapper","ILLUSTRATIONS","BackIconContainer","BackIconWrapper","ContentWrapper"],"mappings":";;;AAKM,MAAAA,IAAyBC,EAAOC,CAAQ,KAExCC,IAAgBF,EAAOC,CAAQ;AAAA,0BACXE,EAAc,uBAAuB;AAAA;AAAA,GAIzDC,IAAoBJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMnCI,IAAkBL,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMjCK,IAAiBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -1,84 +0,0 @@
1
- import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
- import { useCallback as P, useEffect as b } from "react";
3
- import x from "../../../assets/line-icons/icons/back2.js";
4
- import C from "../../ui/buttons/button/button.js";
5
- import w from "../../ui/buttons/icon-button/icon-button.js";
6
- import I from "../../ui/layout/flex-view.js";
7
- import A from "../../ui/loader/app-loader/app-loader.js";
8
- import l from "../../ui/text/text.js";
9
- import { useGetPuzzles as k } from "../api/puzzle-dashboard.js";
10
- import v from "../comps/puzzle-card.js";
11
- import { PuzzleDashboardWrapper as B, BannerWrapper as X, BackIconContainer as _, BackIconWrapper as j, ContentWrapper as y } from "./puzzle-dashboard-styled.js";
12
- const S = ({ studentId: i, onBackCLick: o, onCardClick: s }) => {
13
- const {
14
- get: a,
15
- data: r,
16
- isProcessing: c,
17
- isProcessingFailed: m
18
- } = k(), h = (r == null ? void 0 : r.length) || 0, n = P(() => {
19
- a(i, void 0, {
20
- courseStream: "MATH"
21
- });
22
- }, [a, i]);
23
- return b(() => {
24
- n();
25
- }, [n]), c ? /* @__PURE__ */ e(A, { height: "100vh" }) : m ? /* @__PURE__ */ t(I, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
26
- /* @__PURE__ */ e(l, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
27
- /* @__PURE__ */ e(
28
- C,
29
- {
30
- widthX: 14,
31
- size: "small",
32
- shape: "square",
33
- renderAs: "primary",
34
- label: "Try again",
35
- onClick: n
36
- }
37
- )
38
- ] }) : /* @__PURE__ */ t(B, { $alignItems: "center", $flexGapX: 2.5, $position: "relative", children: [
39
- /* @__PURE__ */ t(X, { $widthX: 50, $heightX: 10.5, $justifyContent: "center", children: [
40
- /* @__PURE__ */ t(l, { $renderAs: "ah3-bold", $alignSelf: "center", children: [
41
- h,
42
- " Puzzles Solved"
43
- ] }),
44
- o && /* @__PURE__ */ e(_, { $height: "100%", children: /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
45
- w,
46
- {
47
- Icon: x,
48
- size: "xsmall",
49
- renderAs: "secondary",
50
- analyticsLabel: "puzzle_back",
51
- onClick: o
52
- }
53
- ) }) })
54
- ] }),
55
- /* @__PURE__ */ e(y, { children: r == null ? void 0 : r.map((d) => {
56
- const {
57
- id: p,
58
- image_hue: u,
59
- image_url: f,
60
- title: g,
61
- user_node_id: z,
62
- rewards: $
63
- } = d;
64
- return /* @__PURE__ */ e(
65
- v,
66
- {
67
- imageHue: u,
68
- imageUrl: f,
69
- title: g,
70
- width: 126,
71
- height: 152,
72
- onCardClick: s,
73
- userNodeId: z,
74
- rewards: $
75
- },
76
- p
77
- );
78
- }) })
79
- ] });
80
- }, V = S;
81
- export {
82
- V as default
83
- };
84
- //# sourceMappingURL=puzzle-dashboard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-dashboard.js","sources":["../../../../src/features/puzzles/puzzle-dashboard/puzzle-dashboard.tsx"],"sourcesContent":["import type { IPuzzleDashboardProps } from './puzzle-dashboard-types';\n\nimport { useCallback, useEffect, type FC } from 'react';\n\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetPuzzles } from '../api/puzzle-dashboard';\nimport PuzzleCard from '../comps/puzzle-card';\nimport * as Styled from './puzzle-dashboard-styled';\n\nconst PuzzleDashboard: FC<IPuzzleDashboardProps> = ({ studentId, onBackCLick, onCardClick }) => {\n const {\n get: getPuzzles,\n data: puzzleHistoryData,\n isProcessing,\n isProcessingFailed,\n } = useGetPuzzles();\n\n const puzzleCount = puzzleHistoryData?.length || 0;\n\n const fetchPuzzles = useCallback(() => {\n getPuzzles(studentId, undefined, {\n courseStream: 'MATH',\n });\n }, [getPuzzles, studentId]);\n\n useEffect(() => {\n fetchPuzzles();\n }, [fetchPuzzles]);\n\n if (isProcessing) {\n return <AppLoader height=\"100vh\" />;\n }\n\n if (isProcessingFailed) {\n return (\n <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n <Button\n widthX={14}\n size=\"small\"\n shape=\"square\"\n renderAs=\"primary\"\n label=\"Try again\"\n onClick={fetchPuzzles}\n />\n </FlexView>\n );\n }\n\n return (\n <Styled.PuzzleDashboardWrapper $alignItems=\"center\" $flexGapX={2.5} $position=\"relative\">\n <Styled.BannerWrapper $widthX={50} $heightX={10.5} $justifyContent=\"center\">\n <Text $renderAs=\"ah3-bold\" $alignSelf=\"center\">\n {puzzleCount} Puzzles Solved\n </Text>\n\n {onBackCLick && (\n <Styled.BackIconContainer $height=\"100%\">\n <Styled.BackIconWrapper>\n <IconButton\n Icon={Back2Icon}\n size=\"xsmall\"\n renderAs=\"secondary\"\n analyticsLabel=\"puzzle_back\"\n onClick={onBackCLick}\n />\n </Styled.BackIconWrapper>\n </Styled.BackIconContainer>\n )}\n </Styled.BannerWrapper>\n\n <Styled.ContentWrapper>\n {puzzleHistoryData?.map(item => {\n const {\n id,\n image_hue: imageHue,\n image_url: imageUrl,\n title,\n user_node_id: userNodeId,\n rewards,\n } = item;\n\n return (\n <PuzzleCard\n key={id}\n imageHue={imageHue}\n imageUrl={imageUrl}\n title={title}\n width={126}\n height={152}\n onCardClick={onCardClick}\n userNodeId={userNodeId}\n rewards={rewards}\n />\n );\n })}\n </Styled.ContentWrapper>\n </Styled.PuzzleDashboardWrapper>\n );\n};\n\nexport default PuzzleDashboard;\n"],"names":["PuzzleDashboard","studentId","onBackCLick","onCardClick","getPuzzles","puzzleHistoryData","isProcessing","isProcessingFailed","useGetPuzzles","puzzleCount","fetchPuzzles","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.PuzzleDashboardWrapper","Styled.BannerWrapper","Styled.BackIconContainer","Styled.BackIconWrapper","IconButton","Back2Icon","Styled.ContentWrapper","item","id","imageHue","imageUrl","title","userNodeId","rewards","PuzzleCard","PuzzleDashboard$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA6C,CAAC,EAAE,WAAAC,GAAW,aAAAC,GAAa,aAAAC,QAAkB;AACxF,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAc,GAEZC,KAAcJ,KAAA,gBAAAA,EAAmB,WAAU,GAE3CK,IAAeC,EAAY,MAAM;AACrC,IAAAP,EAAWH,GAAW,QAAW;AAAA,MAC/B,cAAc;AAAA,IAAA,CACf;AAAA,EAAA,GACA,CAACG,GAAYH,CAAS,CAAC;AAM1B,SAJAW,EAAU,MAAM;AACD,IAAAF;EAAA,GACZ,CAACA,CAAY,CAAC,GAEbJ,IACK,gBAAAO,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BP,IAEA,gBAAAQ,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASR;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAKF,gBAAAK,EAACI,GAAA,EAA8B,aAAY,UAAS,WAAW,KAAK,WAAU,YAC5E,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAqB,SAAS,IAAI,UAAU,MAAM,iBAAgB,UACjE,UAAA;AAAA,MAAA,gBAAAL,EAACE,GAAK,EAAA,WAAU,YAAW,YAAW,UACnC,UAAA;AAAA,QAAAR;AAAA,QAAY;AAAA,MAAA,GACf;AAAA,MAECP,KACE,gBAAAW,EAAAQ,GAAA,EAAyB,SAAQ,QAChC,UAAA,gBAAAR,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,MAAMC;AAAA,UACN,MAAK;AAAA,UACL,UAAS;AAAA,UACT,gBAAe;AAAA,UACf,SAAStB;AAAA,QAAA;AAAA,SAEb,EACF,CAAA;AAAA,IAAA,GAEJ;AAAA,sBAECuB,GAAA,EACE,UAAApB,KAAA,gBAAAA,EAAmB,IAAI,CAAQqB,MAAA;AACxB,YAAA;AAAA,QACJ,IAAAC;AAAA,QACA,WAAWC;AAAA,QACX,WAAWC;AAAA,QACX,OAAAC;AAAA,QACA,cAAcC;AAAA,QACd,SAAAC;AAAA,MACE,IAAAN;AAGF,aAAA,gBAAAb;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEC,UAAAL;AAAA,UACA,UAAAC;AAAA,UACA,OAAAC;AAAA,UACA,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,aAAA3B;AAAA,UACA,YAAA4B;AAAA,UACA,SAAAC;AAAA,QAAA;AAAA,QARKL;AAAA,MAAA;AAAA,IAWV,IACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAO,IAAelC;"}