@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 o } from "react";
2
+ import { memo as k, useCallback as i } from "react";
3
3
  import n from "../../../../ui/layout/flex-view.js";
4
- import { ILLUSTRATIONS as d } from "../../../../../assets/illustrations/illustrations.js";
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 f from "../../../../ui/separator/separator.js";
7
+ import $ from "../../../../ui/separator/separator.js";
8
8
  import y from "../../../../ui/text/text.js";
9
- import $ from "../../../../ui/buttons/clickable/clickable.js";
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 u = o(
18
- (r, i) => {
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 && (i != null && i.feedback) && l(i.feedback, h);
23
+ }), !r && l && (o != null && o.feedback) && l(o.feedback, h);
24
24
  },
25
25
  [l, h]
26
- ), { patch: m, isProcessing: p } = w({
27
- onComplete: u
28
- }), t = o(
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
- ), C = o(() => {
33
+ ), u = i(() => {
34
34
  t("positive");
35
- }, [t]), X = o(() => {
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(f, { heightX: 1.5 }),
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: p,
51
- onClick: C,
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: d.THUMPS_UP, alt: "UP", width: 32, height: 32 })
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: p,
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: d.THUMPS_DOWN, alt: "DOWN", width: 32, height: 32 })
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(f, { heightX: 1.5 })
87
+ /* @__PURE__ */ e($, { heightX: 1.5 })
87
88
  ] });
88
- }, I = k(P);
89
+ }, v = k(P);
89
90
  export {
90
- I as default
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;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.5.29-as1",
3
+ "version": "3.5.29-as2",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"