@cuemath/leap 3.5.29-as1 → 3.5.29-as2
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.
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { memo as k, useCallback as
|
|
2
|
+
import { memo as k, useCallback as i } from "react";
|
|
3
3
|
import n from "../../../../ui/layout/flex-view.js";
|
|
4
|
-
import { ILLUSTRATIONS as
|
|
4
|
+
import { ILLUSTRATIONS as p } from "../../../../../assets/illustrations/illustrations.js";
|
|
5
5
|
import g from "../../../../ui/image/image.js";
|
|
6
6
|
import { useMonthlyReportPatch as w } from "../../api/use-monthly-report-get.js";
|
|
7
|
-
import
|
|
7
|
+
import $ from "../../../../ui/separator/separator.js";
|
|
8
8
|
import y from "../../../../ui/text/text.js";
|
|
9
|
-
import
|
|
9
|
+
import f from "../../../../ui/buttons/clickable/clickable.js";
|
|
10
10
|
const P = ({
|
|
11
11
|
reportId: s,
|
|
12
12
|
studentName: b,
|
|
@@ -14,25 +14,25 @@ const P = ({
|
|
|
14
14
|
studentCourseId: h,
|
|
15
15
|
showSnackbar: a
|
|
16
16
|
}) => {
|
|
17
|
-
const
|
|
18
|
-
(r,
|
|
17
|
+
const C = i(
|
|
18
|
+
(r, o) => {
|
|
19
19
|
r && a && a({
|
|
20
20
|
type: "error",
|
|
21
21
|
message: "Something went wrong. Please try again.",
|
|
22
22
|
bgColor: "red"
|
|
23
|
-
}), !r && l && (
|
|
23
|
+
}), !r && l && (o != null && o.feedback) && l(o.feedback, h);
|
|
24
24
|
},
|
|
25
25
|
[l, h]
|
|
26
|
-
), { patch: m, isProcessing:
|
|
27
|
-
onComplete:
|
|
28
|
-
}), t =
|
|
26
|
+
), { patch: m, isProcessing: d } = w({
|
|
27
|
+
onComplete: C
|
|
28
|
+
}), t = i(
|
|
29
29
|
(r) => {
|
|
30
30
|
m(s, { feedback: r });
|
|
31
31
|
},
|
|
32
32
|
[s, m]
|
|
33
|
-
),
|
|
33
|
+
), u = i(() => {
|
|
34
34
|
t("positive");
|
|
35
|
-
}, [t]), X =
|
|
35
|
+
}, [t]), X = i(() => {
|
|
36
36
|
t("negative");
|
|
37
37
|
}, [t]);
|
|
38
38
|
return /* @__PURE__ */ c(n, { $gapX: 1.25, children: [
|
|
@@ -41,14 +41,14 @@ const P = ({
|
|
|
41
41
|
b ?? "her",
|
|
42
42
|
" progress?"
|
|
43
43
|
] }),
|
|
44
|
-
/* @__PURE__ */ e(
|
|
44
|
+
/* @__PURE__ */ e($, { heightX: 1.5 }),
|
|
45
45
|
/* @__PURE__ */ c(n, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
|
|
46
46
|
/* @__PURE__ */ e(
|
|
47
|
-
|
|
47
|
+
f,
|
|
48
48
|
{
|
|
49
49
|
label: "Report thumps up",
|
|
50
|
-
disabled:
|
|
51
|
-
onClick:
|
|
50
|
+
disabled: d,
|
|
51
|
+
onClick: u,
|
|
52
52
|
children: /* @__PURE__ */ e(
|
|
53
53
|
n,
|
|
54
54
|
{
|
|
@@ -58,16 +58,16 @@ const P = ({
|
|
|
58
58
|
$justifyContent: "center",
|
|
59
59
|
$borderRadiusX: 2.5,
|
|
60
60
|
$borderColor: "BLACK_5",
|
|
61
|
-
children: /* @__PURE__ */ e(g, { src:
|
|
61
|
+
children: /* @__PURE__ */ e(g, { src: p.THUMPS_UP, alt: "UP", width: 32, height: 32 })
|
|
62
62
|
}
|
|
63
63
|
)
|
|
64
64
|
}
|
|
65
65
|
),
|
|
66
66
|
/* @__PURE__ */ e(
|
|
67
|
-
|
|
67
|
+
f,
|
|
68
68
|
{
|
|
69
69
|
label: "Report thumps down",
|
|
70
|
-
disabled:
|
|
70
|
+
disabled: d,
|
|
71
71
|
onClick: X,
|
|
72
72
|
children: /* @__PURE__ */ e(
|
|
73
73
|
n,
|
|
@@ -76,17 +76,18 @@ const P = ({
|
|
|
76
76
|
$heightX: 5,
|
|
77
77
|
$alignItems: "center",
|
|
78
78
|
$justifyContent: "center",
|
|
79
|
+
$borderColor: "BLACK_5",
|
|
79
80
|
$borderRadiusX: 2.5,
|
|
80
|
-
children: /* @__PURE__ */ e(g, { src:
|
|
81
|
+
children: /* @__PURE__ */ e(g, { src: p.THUMPS_DOWN, alt: "DOWN", width: 32, height: 32 })
|
|
81
82
|
}
|
|
82
83
|
)
|
|
83
84
|
}
|
|
84
85
|
)
|
|
85
86
|
] }),
|
|
86
|
-
/* @__PURE__ */ e(
|
|
87
|
+
/* @__PURE__ */ e($, { heightX: 1.5 })
|
|
87
88
|
] });
|
|
88
|
-
},
|
|
89
|
+
}, v = k(P);
|
|
89
90
|
export {
|
|
90
|
-
|
|
91
|
+
v as default
|
|
91
92
|
};
|
|
92
93
|
//# sourceMappingURL=feedback.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feedback.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/feedback/feedback.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport type { IMonthlyReportResponse, TFeedback } from '../../monthly-report-types';\nimport type { IFeedbackTypesProps } from './feedback-types';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport { useMonthlyReportPatch } from '../../api/use-monthly-report-get';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\n\nconst Feedback = ({\n reportId,\n studentName,\n onFeedback,\n studentCourseId,\n showSnackbar,\n}: IFeedbackTypesProps) => {\n const onComplete = useCallback(\n (err: string | null, data?: IMonthlyReportResponse) => {\n if (err && showSnackbar) {\n showSnackbar({\n type: 'error',\n message: 'Something went wrong. Please try again.',\n bgColor: 'red',\n });\n }\n\n if (!err && onFeedback && data?.feedback) {\n onFeedback(data.feedback, studentCourseId);\n }\n },\n [onFeedback, studentCourseId],\n );\n\n const { patch: updateMilestone, isProcessing } = useMonthlyReportPatch({\n onComplete,\n });\n\n const handleFeedback = useCallback(\n (feedback: TFeedback) => {\n updateMilestone(reportId, { feedback });\n },\n [reportId, updateMilestone],\n );\n\n const handlePositiveFeedback = useCallback(() => {\n handleFeedback('positive');\n }, [handleFeedback]);\n\n const handleNegativeFeedback = useCallback(() => {\n handleFeedback('negative');\n }, [handleFeedback]);\n\n return (\n <FlexView $gapX={1.25}>\n <Text $renderAs=\"ab2-black\" $color=\"BLACK_1\">\n Are you happy with {studentName ?? 'her'} progress?\n </Text>\n <Separator heightX={1.5} />\n <FlexView $flexDirection=\"row\" $flexGapX={3} $alignItems=\"center\" $justifyContent=\"center\">\n <Clickable\n label=\"Report thumps up\"\n disabled={isProcessing}\n onClick={handlePositiveFeedback}\n >\n <FlexView\n $widthX={5}\n $heightX={5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadiusX={2.5}\n $borderColor=\"BLACK_5\"\n >\n <Image src={ILLUSTRATIONS.THUMPS_UP} alt=\"UP\" width={32} height={32} />\n </FlexView>\n </Clickable>\n <Clickable\n label=\"Report thumps down\"\n disabled={isProcessing}\n onClick={handleNegativeFeedback}\n >\n <FlexView\n $widthX={5}\n $heightX={5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadiusX={2.5}\n >\n <Image src={ILLUSTRATIONS.THUMPS_DOWN} alt=\"DOWN\" width={32} height={32} />\n </FlexView>\n </Clickable>\n </FlexView>\n <Separator heightX={1.5} />\n </FlexView>\n );\n};\n\nexport default memo(Feedback);\n"],"names":["Feedback","reportId","studentName","onFeedback","studentCourseId","showSnackbar","onComplete","useCallback","err","data","updateMilestone","isProcessing","useMonthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","handleNegativeFeedback","jsxs","FlexView","Text","jsx","Separator","Clickable","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAW,CAAC;AAAA,EAChB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACzB,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAoBC,MAAkC;AACrD,MAAID,KAAOH,KACIA,EAAA;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,MAAA,CACV,GAGC,CAACG,KAAOL,MAAcM,KAAA,QAAAA,EAAM,aACnBN,EAAAM,EAAK,UAAUL,CAAe;AAAA,IAE7C;AAAA,IACA,CAACD,GAAYC,CAAe;AAAA,EAAA,GAGxB,EAAE,OAAOM,GAAiB,cAAAC,EAAA,IAAiBC,EAAsB;AAAA,IACrE,YAAAN;AAAA,EAAA,CACD,GAEKO,IAAiBN;AAAA,IACrB,CAACO,MAAwB;AACP,MAAAJ,EAAAT,GAAU,EAAE,UAAAa,EAAA,CAAU;AAAA,IACxC;AAAA,IACA,CAACb,GAAUS,CAAe;AAAA,EAAA,GAGtBK,IAAyBR,EAAY,MAAM;AAC/C,IAAAM,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC,GAEbG,IAAyBT,EAAY,MAAM;AAC/C,IAAAM,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC;AAGjB,SAAA,gBAAAI,EAACC,GAAS,EAAA,OAAO,MACf,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,WAAU,UAAA;AAAA,MAAA;AAAA,MACvBjB,KAAe;AAAA,MAAM;AAAA,IAAA,GAC3C;AAAA,IACA,gBAAAkB,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAJ,EAACC,KAAS,gBAAe,OAAM,WAAW,GAAG,aAAY,UAAS,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUX;AAAA,UACV,SAASI;AAAA,UAET,UAAA,gBAAAK;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,cAAa;AAAA,cAEb,UAAA,gBAAAE,EAACG,GAAM,EAAA,KAAKC,EAAc,WAAW,KAAI,MAAK,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAJ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUX;AAAA,UACV,SAASK;AAAA,UAET,UAAA,gBAAAI;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAEhB,UAAA,gBAAAE,EAACG,GAAM,EAAA,KAAKC,EAAc,aAAa,KAAI,QAAO,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UAC3E;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EAC3B,EAAA,CAAA;AAEJ,GAEeI,IAAAC,EAAK1B,CAAQ;"}
|
|
1
|
+
{"version":3,"file":"feedback.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/feedback/feedback.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport type { IMonthlyReportResponse, TFeedback } from '../../monthly-report-types';\nimport type { IFeedbackTypesProps } from './feedback-types';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport { useMonthlyReportPatch } from '../../api/use-monthly-report-get';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\n\nconst Feedback = ({\n reportId,\n studentName,\n onFeedback,\n studentCourseId,\n showSnackbar,\n}: IFeedbackTypesProps) => {\n const onComplete = useCallback(\n (err: string | null, data?: IMonthlyReportResponse) => {\n if (err && showSnackbar) {\n showSnackbar({\n type: 'error',\n message: 'Something went wrong. Please try again.',\n bgColor: 'red',\n });\n }\n\n if (!err && onFeedback && data?.feedback) {\n onFeedback(data.feedback, studentCourseId);\n }\n },\n [onFeedback, studentCourseId],\n );\n\n const { patch: updateMilestone, isProcessing } = useMonthlyReportPatch({\n onComplete,\n });\n\n const handleFeedback = useCallback(\n (feedback: TFeedback) => {\n updateMilestone(reportId, { feedback });\n },\n [reportId, updateMilestone],\n );\n\n const handlePositiveFeedback = useCallback(() => {\n handleFeedback('positive');\n }, [handleFeedback]);\n\n const handleNegativeFeedback = useCallback(() => {\n handleFeedback('negative');\n }, [handleFeedback]);\n\n return (\n <FlexView $gapX={1.25}>\n <Text $renderAs=\"ab2-black\" $color=\"BLACK_1\">\n Are you happy with {studentName ?? 'her'} progress?\n </Text>\n <Separator heightX={1.5} />\n <FlexView $flexDirection=\"row\" $flexGapX={3} $alignItems=\"center\" $justifyContent=\"center\">\n <Clickable\n label=\"Report thumps up\"\n disabled={isProcessing}\n onClick={handlePositiveFeedback}\n >\n <FlexView\n $widthX={5}\n $heightX={5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadiusX={2.5}\n $borderColor=\"BLACK_5\"\n >\n <Image src={ILLUSTRATIONS.THUMPS_UP} alt=\"UP\" width={32} height={32} />\n </FlexView>\n </Clickable>\n <Clickable\n label=\"Report thumps down\"\n disabled={isProcessing}\n onClick={handleNegativeFeedback}\n >\n <FlexView\n $widthX={5}\n $heightX={5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderColor=\"BLACK_5\"\n $borderRadiusX={2.5}\n >\n <Image src={ILLUSTRATIONS.THUMPS_DOWN} alt=\"DOWN\" width={32} height={32} />\n </FlexView>\n </Clickable>\n </FlexView>\n <Separator heightX={1.5} />\n </FlexView>\n );\n};\n\nexport default memo(Feedback);\n"],"names":["Feedback","reportId","studentName","onFeedback","studentCourseId","showSnackbar","onComplete","useCallback","err","data","updateMilestone","isProcessing","useMonthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","handleNegativeFeedback","jsxs","FlexView","Text","jsx","Separator","Clickable","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAW,CAAC;AAAA,EAChB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACzB,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAoBC,MAAkC;AACrD,MAAID,KAAOH,KACIA,EAAA;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,MAAA,CACV,GAGC,CAACG,KAAOL,MAAcM,KAAA,QAAAA,EAAM,aACnBN,EAAAM,EAAK,UAAUL,CAAe;AAAA,IAE7C;AAAA,IACA,CAACD,GAAYC,CAAe;AAAA,EAAA,GAGxB,EAAE,OAAOM,GAAiB,cAAAC,EAAA,IAAiBC,EAAsB;AAAA,IACrE,YAAAN;AAAA,EAAA,CACD,GAEKO,IAAiBN;AAAA,IACrB,CAACO,MAAwB;AACP,MAAAJ,EAAAT,GAAU,EAAE,UAAAa,EAAA,CAAU;AAAA,IACxC;AAAA,IACA,CAACb,GAAUS,CAAe;AAAA,EAAA,GAGtBK,IAAyBR,EAAY,MAAM;AAC/C,IAAAM,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC,GAEbG,IAAyBT,EAAY,MAAM;AAC/C,IAAAM,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC;AAGjB,SAAA,gBAAAI,EAACC,GAAS,EAAA,OAAO,MACf,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,WAAU,UAAA;AAAA,MAAA;AAAA,MACvBjB,KAAe;AAAA,MAAM;AAAA,IAAA,GAC3C;AAAA,IACA,gBAAAkB,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAJ,EAACC,KAAS,gBAAe,OAAM,WAAW,GAAG,aAAY,UAAS,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUX;AAAA,UACV,SAASI;AAAA,UAET,UAAA,gBAAAK;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,cAAa;AAAA,cAEb,UAAA,gBAAAE,EAACG,GAAM,EAAA,KAAKC,EAAc,WAAW,KAAI,MAAK,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAJ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUX;AAAA,UACV,SAASK;AAAA,UAET,UAAA,gBAAAI;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,cAAa;AAAA,cACb,gBAAgB;AAAA,cAEhB,UAAA,gBAAAE,EAACG,GAAM,EAAA,KAAKC,EAAc,aAAa,KAAI,QAAO,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UAC3E;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EAC3B,EAAA,CAAA;AAEJ,GAEeI,IAAAC,EAAK1B,CAAQ;"}
|