performanceresultscreens 0.0.31 → 0.0.32

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.
@@ -8,7 +8,8 @@ const react_1 = __importDefault(require("react"));
8
8
  const react_2 = require("@chakra-ui/react");
9
9
  const QuizResult_styles_1 = require("./QuizResult.styles");
10
10
  const react_canvas_1 = require("@rive-app/react-canvas");
11
- const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, isLoading = false, }) => {
11
+ const PreformanceResultScreenSkeleton_1 = __importDefault(require("./PreformanceResultScreenSkeleton"));
12
+ const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, isLoading, }) => {
12
13
  const getContent = () => {
13
14
  if (percentage < 60) {
14
15
  return {
@@ -19,7 +20,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
19
20
  showLevelUp: false,
20
21
  };
21
22
  }
22
- else if (percentage < 80) {
23
+ else if (percentage >= 60 && percentage < 80) {
23
24
  return {
24
25
  title: "Well done!",
25
26
  messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
@@ -28,7 +29,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
28
29
  showLevelUp: false,
29
30
  };
30
31
  }
31
- else if (percentage < 100) {
32
+ else if (percentage >= 80 && percentage < 100) {
32
33
  return {
33
34
  title: "Fantastic job!",
34
35
  messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
@@ -47,33 +48,47 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
47
48
  };
48
49
  }
49
50
  };
50
- const content = getContent();
51
51
  const [riveError, setRiveError] = react_1.default.useState(false);
52
- const { RiveComponent } = (0, react_canvas_1.useRive)({
52
+ const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
53
53
  src: rivSrc,
54
54
  autoplay: true,
55
- onLoadError: () => setRiveError(true),
55
+ onLoad: () => console.log("Rive loaded:", rivSrc),
56
+ onLoadError: (error) => {
57
+ console.error("Rive load error:", error);
58
+ setRiveError(true);
59
+ },
60
+ onStateChange: (event) => console.log("State changed:", event),
56
61
  });
57
- return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
58
- ...(isMobile && { background: "white", padding: "12px" }),
59
- }, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, position: "relative", children: isLoading ? ((0, jsx_runtime_1.jsx)(react_2.Center, { minH: "320px", children: (0, jsx_runtime_1.jsx)(react_2.Spinner, { thickness: "3px", speed: "0.8s", emptyColor: "rgba(0,0,0,0.1)", color: "rgba(0,0,0,0.3)", size: "xl" }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
62
+ const content = getContent();
63
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isLoading ? ((0, jsx_runtime_1.jsx)(PreformanceResultScreenSkeleton_1.default, { isMobile: isMobile })) : ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
64
+ ...(isMobile && { background: "white", padding: "12px" }),
65
+ }, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
60
66
  ...QuizResult_styles_1.styles.header,
61
67
  flexDirection: isMobile ? "column" : "row",
62
68
  alignItems: isMobile ? "flex-start" : "center",
63
69
  position: "relative",
64
- }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", marginBottom: isMobile ? "16px" : "70px", children: riveError || !rivSrc ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
70
+ }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "70px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
65
71
  width: "100%",
66
72
  height: "100%",
67
73
  objectFit: "contain",
74
+ zIndex: 99,
68
75
  } })) }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
69
76
  ...QuizResult_styles_1.styles.messageBox,
70
77
  ...(isMobile
71
78
  ? {
72
79
  backgroundColor: "transparent",
73
- padding: 0,
80
+ fontSize: "18px",
81
+ padding: "0",
74
82
  }
75
83
  : content.messageBoxStyle),
76
- }, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: QuizResult_styles_1.styles.title, children: content.title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: QuizResult_styles_1.styles.description, children: description })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, onClick: onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonPrimary }, onClick: onReview, children: content.primaryButton })] })] })) }) }) }));
84
+ }, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
85
+ ...QuizResult_styles_1.styles.title,
86
+ paddingTop: content.showLevelUp ? "43px" : "14px",
87
+ padding: isMobile && "0px",
88
+ }, children: content.title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
89
+ ...QuizResult_styles_1.styles.description,
90
+ padding: isMobile && "0px",
91
+ }, children: description })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, onClick: content.showLevelUp ? onLevelUp : onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonPrimary }, onClick: onReview, children: content.primaryButton })] })] }) }) })) }));
77
92
  };
78
93
  exports.default = PreformanceResultScreen;
79
94
  //# sourceMappingURL=PreformanceResultScreen.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ interface PreformanceResultScreenSkeletonProps {
3
+ isMobile?: boolean;
4
+ }
5
+ declare const PreformanceResultScreenSkeleton: React.FC<PreformanceResultScreenSkeletonProps>;
6
+ export default PreformanceResultScreenSkeleton;
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const react_1 = require("@chakra-ui/react");
5
+ const QuizResult_styles_1 = require("./QuizResult.styles");
6
+ const PreformanceResultScreenSkeleton = ({ isMobile = false }) => {
7
+ return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: {
8
+ ...(isMobile && { background: "white", padding: "12px" }),
9
+ }, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { sx: {
10
+ ...QuizResult_styles_1.styles.header,
11
+ flexDirection: isMobile ? "column" : "row",
12
+ alignItems: isMobile ? "flex-start" : "center",
13
+ position: "relative",
14
+ }, children: [(0, jsx_runtime_1.jsx)(react_1.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", marginBottom: isMobile ? "16px" : "70px", display: "flex", alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(react_1.SkeletonCircle, { size: isMobile ? "100px" : "160px" }) }), (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: {
15
+ ...QuizResult_styles_1.styles.messageBox,
16
+ ...(isMobile && {
17
+ backgroundColor: "transparent",
18
+ padding: "0",
19
+ }),
20
+ }, children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "24px", width: "160px", mb: "8px" }), (0, jsx_runtime_1.jsx)(react_1.SkeletonText, { noOfLines: 2, spacing: "3", skeletonHeight: "14px" })] })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: QuizResult_styles_1.styles.separator, children: (0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "1px" }) }), (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "44px", borderRadius: "8px", width: "100%" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "44px", borderRadius: "8px", width: "100%" })] })] }) }) }) }));
21
+ };
22
+ exports.default = PreformanceResultScreenSkeleton;
23
+ //# sourceMappingURL=PreformanceResultScreenSkeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PreformanceResultScreenSkeleton.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.tsx"],"names":[],"mappings":";;;AACA,4CAO0B;AAC1B,2DAA6C;AAM7C,MAAM,+BAA+B,GAEjC,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3B,OAAO,CACL,uBAAC,sBAAc,cACX,uBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,SAAS,YAC3B,uBAAC,WAAG,IACF,EAAE,EAAE;oBACF,GAAG,CAAC,QAAQ,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;iBAC1D,YAED,wBAAC,WAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,0BAAM,CAAC,UAAU,CAAC,CAAC,CAAC,0BAAM,CAAC,IAAI,aAEjD,wBAAC,WAAG,IACF,EAAE,EAAE;gCACF,GAAG,0BAAM,CAAC,MAAM;gCAChB,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;gCAC1C,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;gCAC9C,QAAQ,EAAE,UAAU;6BACrB,aAGD,uBAAC,WAAG,IACF,EAAE,EAAC,SAAS,EACZ,mBAAmB,EAAC,OAAO,EAC3B,oBAAoB,EAAC,OAAO,EAC5B,sBAAsB,EAAC,OAAO,EAC9B,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACnC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACpC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAC1C,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACxC,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,YAEvB,uBAAC,sBAAc,IACb,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAClC,GACE,EAGN,wBAAC,WAAG,IACF,EAAE,EAAE;wCACF,GAAG,0BAAM,CAAC,UAAU;wCACpB,GAAG,CAAC,QAAQ,IAAI;4CACd,eAAe,EAAE,aAAa;4CAC9B,OAAO,EAAE,GAAG;yCACb,CAAC;qCACH,aAED,uBAAC,gBAAQ,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,GAAG,EACjD,uBAAC,oBAAY,IACX,SAAS,EAAE,CAAC,EACZ,OAAO,EAAC,GAAG,EACX,cAAc,EAAC,MAAM,GACrB,IACE,IACF,EAGN,uBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,SAAS,YACvB,uBAAC,gBAAQ,IAAC,MAAM,EAAC,KAAK,GAAG,GACrB,EAYhB,wBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,eAAe,aAC7B,uBAAC,gBAAQ,IACP,MAAM,EAAC,MAAM,EACb,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,MAAM,GACZ,EACF,uBAAC,gBAAQ,IACP,MAAM,EAAC,MAAM,EACb,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,MAAM,GACZ,IACE,IAEQ,GACF,GACF,GACW,CAElB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,+BAA+B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "performanceresultscreens",
3
- "version": "0.0.31",
3
+ "version": "0.0.32",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "types": "dist/index.d.ts",
@@ -29,7 +29,7 @@
29
29
  "@testing-library/jest-dom": "^5.17.0",
30
30
  "@testing-library/react": "^13.4.0",
31
31
  "@testing-library/user-event": "^13.5.0",
32
- "@types/d3-dispatch": "^3.0.5",
32
+ "@types/d3-dispatch": "^3.0.3",
33
33
  "@types/jest": "^27.5.2",
34
34
  "@types/node": "^16.18.80",
35
35
  "@types/react": "^18.2.55",