@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.
- package/dist/assets/illustrations/illustrations.js +0 -1
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/line-icons/icons/hint-fill.js +35 -0
- package/dist/assets/line-icons/icons/hint-fill.js.map +1 -0
- package/dist/assets/lottie/lottie.js +0 -6
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/communication/pub-sub/constants.js +4 -6
- package/dist/features/communication/pub-sub/constants.js.map +1 -1
- package/dist/features/homework/homework-card-view.js +100 -87
- package/dist/features/homework/homework-card-view.js.map +1 -1
- package/dist/features/puzzles/app/puzzle-app-styled.js +115 -0
- package/dist/features/puzzles/app/puzzle-app-styled.js.map +1 -0
- package/dist/features/puzzles/app/puzzle-app-view.js +116 -0
- package/dist/features/puzzles/app/puzzle-app-view.js.map +1 -0
- package/dist/features/puzzles/app/puzzle-app.js +63 -0
- package/dist/features/puzzles/app/puzzle-app.js.map +1 -0
- package/dist/features/puzzles/comps/puzzle-card-styled.js +69 -24
- package/dist/features/puzzles/comps/puzzle-card-styled.js.map +1 -1
- package/dist/features/puzzles/comps/puzzle-card.js +30 -53
- package/dist/features/puzzles/comps/puzzle-card.js.map +1 -1
- package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js +25 -55
- package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js.map +1 -1
- package/dist/features/puzzles/puzzle-container/puzzle-container.js +107 -89
- package/dist/features/puzzles/puzzle-container/puzzle-container.js.map +1 -1
- package/dist/features/puzzles/utils/puzzle-pattern.js +13 -28
- package/dist/features/puzzles/utils/puzzle-pattern.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-helpers.js +19 -20
- package/dist/features/worksheet/worksheet/worksheet-helpers.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js +25 -29
- package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js +47 -97
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +163 -166
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-styled.js +34 -34
- package/dist/features/worksheet/worksheet/worksheet-styled.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet.js +309 -303
- package/dist/features/worksheet/worksheet/worksheet.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js +1 -1
- package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/worksheet-preview.js +17 -20
- package/dist/features/worksheet/worksheet-preview/worksheet-preview.js.map +1 -1
- package/dist/index.d.ts +18 -28
- package/dist/index.js +523 -521
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/features/puzzles/api/puzzle-dashboard.js +0 -10
- package/dist/features/puzzles/api/puzzle-dashboard.js.map +0 -1
- package/dist/features/puzzles/constants/puzzle-container.js +0 -8
- package/dist/features/puzzles/constants/puzzle-container.js.map +0 -1
- package/dist/features/puzzles/puzzle-container/puzzle-container-view.js +0 -45
- package/dist/features/puzzles/puzzle-container/puzzle-container-view.js.map +0 -1
- package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.js +0 -30
- package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.js.map +0 -1
- package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js +0 -84
- package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js.map +0 -1
- package/dist/static/arm-mechanical.7561628e.json +0 -4428
- package/dist/static/cent-emoji.3a07ef13.json +0 -5576
- package/dist/static/clap-emoji.aa0b824b.json +0 -12684
- package/dist/static/gem-stone.8c91431a.json +0 -6716
- package/dist/static/partyball.e19caed6.json +0 -11578
- package/dist/static/partypopper.9f7992e8.json +0 -6416
- package/dist/static/puzzle-blue-lottie.7017e2e8.json +0 -1
- package/dist/static/puzzle-blue-lottie.bf64ebc5.json +0 -12760
- package/dist/static/puzzle-dashboard-banner.b7956519.svg +0 -1
- package/dist/static/puzzle-green-lottie.1da90698.json +0 -1
- package/dist/static/puzzle-orange-lottie.cfcf3724.json +0 -1
- package/dist/static/puzzle-purple-lottie.e70de110.json +0 -9860
- package/dist/static/puzzle-yellow-lottie.275b5cf4.json +0 -1
- package/dist/static/slotmachine.ba8014dd.json +0 -7779
- package/dist/static/super-emoji.7fad19f6.json +0 -3720
- 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,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 +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;"}
|