@cuemath/leap 3.5.32-as5 → 3.5.32-as7
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/features/timeline/monthly-timeline/api/use-monthly-timeline-get.js +5 -5
- package/dist/features/timeline/monthly-timeline/api/use-monthly-timeline-get.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.js +33 -33
- package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/constants.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-report/api/{use-monthly-report-get.js → use-monthly-report-api.js} +4 -4
- package/dist/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.js.map +1 -0
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.js +40 -40
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.js +38 -36
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities.js +13 -13
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/utils.js +6 -12
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/utils.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/feedback/feedback.js +12 -12
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/feedback/feedback.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-report/monthly-report.js +69 -59
- package/dist/features/timeline/monthly-timeline/monthly-report/monthly-report.js.map +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-timeline.js +49 -46
- package/dist/features/timeline/monthly-timeline/monthly-timeline.js.map +1 -1
- package/dist/features/timeline/timeline-tabs/constants.js +17 -0
- package/dist/features/timeline/timeline-tabs/constants.js.map +1 -0
- package/dist/features/timeline/timeline-tabs/timeline-tabs.js +23 -37
- package/dist/features/timeline/timeline-tabs/timeline-tabs.js.map +1 -1
- package/dist/features/timeline/timeline-tabs/timeline-tabs.styled.js +2 -2
- package/dist/features/timeline/timeline-tabs/timeline-tabs.styled.js.map +1 -1
- package/package.json +1 -1
- package/dist/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-get.js.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { createGetAPI as
|
|
1
|
+
import { createGetAPI as e } from "@cuemath/rest-api";
|
|
2
2
|
import { BASE_URL_V1 as o } from "../../../../constants/api.js";
|
|
3
|
-
import { stringify as
|
|
4
|
-
const { useGet: p } =
|
|
5
|
-
getURL: (
|
|
3
|
+
import { stringify as m } from "../../../../helpers/query-string.js";
|
|
4
|
+
const { useGet: p } = e({
|
|
5
|
+
getURL: (r, t) => `${o}/users/${r}/reports/?${m(t)}`
|
|
6
6
|
});
|
|
7
7
|
export {
|
|
8
|
-
p as
|
|
8
|
+
p as monthlyTimelineGet
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=use-monthly-timeline-get.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-monthly-timeline-get.js","sources":["../../../../../src/features/timeline/monthly-timeline/api/use-monthly-timeline-get.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\nimport { type IMonthlyTimeline } from '../monthly-timeline-types';\nimport { stringify } from '../../../../helpers/query-string';\n\ninterface MonthlyTimelineParams {\n course_streams?: string[];\n timezone?: string;\n}\n\nconst { useGet:
|
|
1
|
+
{"version":3,"file":"use-monthly-timeline-get.js","sources":["../../../../../src/features/timeline/monthly-timeline/api/use-monthly-timeline-get.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\nimport { type IMonthlyTimeline } from '../monthly-timeline-types';\nimport { stringify } from '../../../../helpers/query-string';\n\ninterface MonthlyTimelineParams {\n course_streams?: string[];\n timezone?: string;\n}\n\nconst { useGet: monthlyTimelineGet } = createGetAPI<IMonthlyTimeline[], MonthlyTimelineParams>({\n getURL: (studentId, params: MonthlyTimelineParams) => {\n return `${BASE_URL_V1}/users/${studentId}/reports/?${stringify(params)}`;\n },\n});\n\nexport { monthlyTimelineGet };\n"],"names":["monthlyTimelineGet","createGetAPI","studentId","params","BASE_URL_V1","stringify"],"mappings":";;;AAWA,MAAM,EAAE,QAAQA,EAAmB,IAAIC,EAAwD;AAAA,EAC7F,QAAQ,CAACC,GAAWC,MACX,GAAGC,CAAW,UAAUF,CAAS,aAAaG,EAAUF,CAAM,CAAC;AAE1E,CAAC;"}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { GoalsSection as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import { jsxs as a, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { memo as C, useCallback as x } from "react";
|
|
3
|
+
import { GoalsSection as P } from "./monthly-card.styled.js";
|
|
4
|
+
import I from "../../monthly-report/comps/goals/goals-card/goals-card.js";
|
|
5
|
+
import t from "../../../../ui/layout/flex-view.js";
|
|
6
6
|
import w from "../../../../ui/buttons/clickable/clickable.js";
|
|
7
7
|
import E from "../../../../../assets/line-icons/icons/carat-right.js";
|
|
8
8
|
import _ from "../../../../ui/text/text.js";
|
|
9
9
|
import u from "../../../../ui/image/image.js";
|
|
10
|
-
import { monthNames as
|
|
10
|
+
import { monthNames as V, REPORT_CONFIG as d } from "../../constants.js";
|
|
11
11
|
import { REPORT_TYPE as o } from "../../monthly-timeline-types.js";
|
|
12
|
-
import { ILLUSTRATIONS as
|
|
13
|
-
const
|
|
12
|
+
import { ILLUSTRATIONS as L } from "../../../../../assets/illustrations/illustrations.js";
|
|
13
|
+
const X = ({
|
|
14
14
|
report: i,
|
|
15
15
|
year: r,
|
|
16
|
-
month:
|
|
17
|
-
onReportClick:
|
|
16
|
+
month: h,
|
|
17
|
+
onReportClick: s,
|
|
18
18
|
reportType: e,
|
|
19
19
|
courseStream: R
|
|
20
20
|
}) => {
|
|
21
21
|
var f, $, g;
|
|
22
|
-
const b =
|
|
23
|
-
|
|
24
|
-
}, [
|
|
25
|
-
let
|
|
26
|
-
e === o.PTM ?
|
|
22
|
+
const b = x(() => {
|
|
23
|
+
s && s((i == null ? void 0 : i.id) || "", e, r, V[h - 1] || "");
|
|
24
|
+
}, [h, s, i == null ? void 0 : i.id, e, r]);
|
|
25
|
+
let n = { label: "", icon: "" };
|
|
26
|
+
e === o.PTM ? n = d.PTM ?? { label: "Report", icon: "full" } : e === o.MPR_V1 ? n = d.MPR_V1 ?? { label: "Report", icon: "full" } : e === o.MPR_V2 && (n = d["MPR_V2_" + (R || "").toLowerCase()] ?? {
|
|
27
27
|
label: "Report",
|
|
28
28
|
icon: "full"
|
|
29
29
|
});
|
|
30
|
-
const
|
|
31
|
-
return e === o.MPR_V2 && !((g = ($ = i == null ? void 0 : i.progress_data) == null ? void 0 : $.user_milestones) != null && g.length) ? /* @__PURE__ */
|
|
32
|
-
|
|
30
|
+
const m = e === o.PTM ? [] : ((f = i == null ? void 0 : i.progress_data) == null ? void 0 : f.user_milestones) || [];
|
|
31
|
+
return e === o.MPR_V2 && !((g = ($ = i == null ? void 0 : i.progress_data) == null ? void 0 : $.user_milestones) != null && g.length) ? /* @__PURE__ */ a(
|
|
32
|
+
t,
|
|
33
33
|
{
|
|
34
34
|
$flexDirection: "row",
|
|
35
35
|
$alignItems: "center",
|
|
@@ -40,7 +40,7 @@ const G = ({
|
|
|
40
40
|
$background: "WHITE_3",
|
|
41
41
|
$heightX: 4.5,
|
|
42
42
|
children: [
|
|
43
|
-
/* @__PURE__ */ l(u, { src:
|
|
43
|
+
/* @__PURE__ */ l(u, { src: L.NO_REPORT, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
|
|
44
44
|
/* @__PURE__ */ l(_, { $renderAs: "ub2", $color: "BLACK_1", children: "Report unavailable - no activity this month." })
|
|
45
45
|
]
|
|
46
46
|
}
|
|
@@ -50,18 +50,18 @@ const G = ({
|
|
|
50
50
|
onClick: b,
|
|
51
51
|
disabled: !(i != null && i.id) && e !== o.MPR_V1,
|
|
52
52
|
label: "Report Card click",
|
|
53
|
-
children: /* @__PURE__ */ t
|
|
54
|
-
!!
|
|
55
|
-
|
|
53
|
+
children: /* @__PURE__ */ a(t, { $flexGap: 1, $borderColor: "BLACK_1", children: [
|
|
54
|
+
!!m.length && /* @__PURE__ */ l(P, { $flexGap: 1, children: m.map((c, M) => /* @__PURE__ */ l(
|
|
55
|
+
I,
|
|
56
56
|
{
|
|
57
|
-
category:
|
|
58
|
-
milestone:
|
|
57
|
+
category: c.goal_category,
|
|
58
|
+
milestone: c,
|
|
59
59
|
isExpended: !1
|
|
60
60
|
},
|
|
61
|
-
|
|
61
|
+
c.user_milestone_id || M
|
|
62
62
|
)) }),
|
|
63
|
-
/* @__PURE__ */
|
|
64
|
-
|
|
63
|
+
/* @__PURE__ */ a(
|
|
64
|
+
t,
|
|
65
65
|
{
|
|
66
66
|
$flexDirection: "row",
|
|
67
67
|
$alignItems: "center",
|
|
@@ -69,19 +69,19 @@ const G = ({
|
|
|
69
69
|
$background: "BLACK_1",
|
|
70
70
|
$heightX: 3,
|
|
71
71
|
children: [
|
|
72
|
-
/* @__PURE__ */ t
|
|
73
|
-
/* @__PURE__ */ l(u, { src:
|
|
74
|
-
/* @__PURE__ */ l(_, { $renderAs: "ub2-bold", $color: "WHITE", children:
|
|
72
|
+
/* @__PURE__ */ a(t, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, $gutterX: 1, children: [
|
|
73
|
+
/* @__PURE__ */ l(u, { src: n.icon, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
|
|
74
|
+
/* @__PURE__ */ l(_, { $renderAs: "ub2-bold", $color: "WHITE", children: n.label })
|
|
75
75
|
] }),
|
|
76
|
-
/* @__PURE__ */ l(
|
|
76
|
+
/* @__PURE__ */ l(t, { $gutterX: 0.75, children: /* @__PURE__ */ l(E, { width: 24, height: 24, color: "WHITE" }) })
|
|
77
77
|
]
|
|
78
78
|
}
|
|
79
79
|
)
|
|
80
80
|
] })
|
|
81
81
|
}
|
|
82
82
|
);
|
|
83
|
-
},
|
|
83
|
+
}, v = C(X);
|
|
84
84
|
export {
|
|
85
|
-
|
|
85
|
+
v as default
|
|
86
86
|
};
|
|
87
87
|
//# sourceMappingURL=monthly-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n report,\n year,\n month,\n onReportClick,\n reportType,\n courseStream,\n}) => {\n const handleReportClick = useCallback(() => {\n if (onReportClick) {\n onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n }\n }, [month, onReportClick, report?.id, reportType, year]);\n\n let config = { label: '', icon: '' };\n\n if (reportType === REPORT_TYPE.PTM) {\n config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n } else if (reportType === REPORT_TYPE.MPR_V1) {\n config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n } else if (reportType === REPORT_TYPE.MPR_V2) {\n config = REPORT_CONFIG['MPR_V2_' + (courseStream || '').toLowerCase()] ?? {\n label: 'Report',\n icon: 'full',\n };\n }\n\n const reportMilestones =\n reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n
|
|
1
|
+
{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n report,\n year,\n month,\n onReportClick,\n reportType,\n courseStream,\n}) => {\n const handleReportClick = useCallback(() => {\n if (onReportClick) {\n onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n }\n }, [month, onReportClick, report?.id, reportType, year]);\n\n let config = { label: '', icon: '' };\n\n if (reportType === REPORT_TYPE.PTM) {\n config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n } else if (reportType === REPORT_TYPE.MPR_V1) {\n config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n } else if (reportType === REPORT_TYPE.MPR_V2) {\n config = REPORT_CONFIG[\n ('MPR_V2_' + (courseStream || '').toLowerCase()) as keyof typeof REPORT_CONFIG\n ] ?? {\n label: 'Report',\n icon: 'full',\n };\n }\n\n const reportMilestones =\n reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n const hasNoMprV2Milestones =\n reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length;\n\n if (hasNoMprV2Milestones) {\n return (\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $flexGapX={0.5}\n $gutterX={1}\n $gapX={1}\n $borderColor=\"WHITE_5\"\n $background=\"WHITE_3\"\n $heightX={4.5}\n >\n <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n Report unavailable - no activity this month.\n </Text>\n </FlexView>\n );\n }\n\n return (\n <Clickable\n onClick={handleReportClick}\n disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n label=\"Report Card click\"\n >\n <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n {!!reportMilestones.length && (\n <Styled.GoalsSection $flexGap={1}>\n {reportMilestones.map((milestone, milestoneIndex) => (\n <GoalsCard\n key={milestone.user_milestone_id || milestoneIndex}\n category={milestone.goal_category}\n milestone={milestone}\n isExpended={false}\n />\n ))}\n </Styled.GoalsSection>\n )}\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n $background=\"BLACK_1\"\n $heightX={3}\n >\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n {config.label}\n </Text>\n </FlexView>\n <FlexView $gutterX={0.75}>\n <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n </FlexView>\n </FlexView>\n </FlexView>\n </Clickable>\n );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","useCallback","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/features/timeline/monthly-timeline/constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nexport const monthNames = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n];\n\nexport const yearImages: Record<number, string> = {\n 2021: ILLUSTRATIONS[2021],\n 2022: ILLUSTRATIONS[2022],\n 2023: ILLUSTRATIONS[2023],\n 2024: ILLUSTRATIONS[2024],\n 2025: ILLUSTRATIONS[2025],\n 2026: ILLUSTRATIONS[2026],\n 2027: ILLUSTRATIONS[2027],\n 2028: ILLUSTRATIONS[2028],\n};\n\nexport const REPORT_CONFIG: Record<
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/features/timeline/monthly-timeline/constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nexport enum REPORT_CONFIG_TYPE {\n PTM = 'PTM',\n MPR_V1 = 'MPR_V1',\n MPR_V2_math = 'MPR_V2_math',\n MPR_V2_elp = 'MPR_V2_elp',\n MPR_V2_ela = 'MPR_V2_ela',\n MPR_V2_english = 'MPR_V2_english',\n MPR_V2_science = 'MPR_V2_science',\n MPR_V2_sat = 'MPR_V2_sat',\n MPR_V2_coding = 'MPR_V2_coding',\n}\n\nexport const monthNames = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n];\n\nexport const yearImages: Record<number, string> = {\n 2021: ILLUSTRATIONS[2021],\n 2022: ILLUSTRATIONS[2022],\n 2023: ILLUSTRATIONS[2023],\n 2024: ILLUSTRATIONS[2024],\n 2025: ILLUSTRATIONS[2025],\n 2026: ILLUSTRATIONS[2026],\n 2027: ILLUSTRATIONS[2027],\n 2028: ILLUSTRATIONS[2028],\n};\n\nexport const REPORT_CONFIG: Record<REPORT_CONFIG_TYPE, { label: string; icon: string }> = {\n PTM: { label: 'PTM Report', icon: ILLUSTRATIONS.PTM_REPORT_ICON },\n MPR_V1: { label: 'View Full Report', icon: ILLUSTRATIONS.FULL_REPORT },\n MPR_V2_math: { label: 'MathFit Report', icon: ILLUSTRATIONS.MATH_FIT_GREY },\n MPR_V2_elp: { label: 'ELP Report', icon: ILLUSTRATIONS.ELP_ICON },\n MPR_V2_ela: { label: 'ELA Report', icon: ILLUSTRATIONS.ELP_ICON },\n MPR_V2_english: { label: 'English Report', icon: ILLUSTRATIONS.ENGLISH_ICON },\n MPR_V2_science: { label: 'Science Report', icon: ILLUSTRATIONS.SCIENCE_REPORT_ICON },\n MPR_V2_sat: { label: 'SAT Report', icon: ILLUSTRATIONS.SAT_REPORT_ICON },\n MPR_V2_coding: { label: 'Coding Report', icon: ILLUSTRATIONS.CODING_REPORT_ICON },\n};\n"],"names":["monthNames","yearImages","ILLUSTRATIONS","REPORT_CONFIG"],"mappings":";AAcO,MAAMA,IAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAqC;AAAA,EAChD,MAAMC,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAC1B,GAEaC,IAA6E;AAAA,EACxF,KAAK,EAAE,OAAO,cAAc,MAAMD,EAAc,gBAAgB;AAAA,EAChE,QAAQ,EAAE,OAAO,oBAAoB,MAAMA,EAAc,YAAY;AAAA,EACrE,aAAa,EAAE,OAAO,kBAAkB,MAAMA,EAAc,cAAc;AAAA,EAC1E,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,aAAa;AAAA,EAC5E,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,oBAAoB;AAAA,EACnF,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,gBAAgB;AAAA,EACvE,eAAe,EAAE,OAAO,iBAAiB,MAAMA,EAAc,mBAAmB;AAClF;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { createGetAPI as r, createPatchAPI as o } from "@cuemath/rest-api";
|
|
2
2
|
import { BASE_URL_V1 as e } from "../../../../../constants/api.js";
|
|
3
|
-
const { useGet:
|
|
3
|
+
const { useGet: s, invalidate: a } = r({
|
|
4
4
|
getURL: (t) => `${e}/monthly-progress-reports/${t}`
|
|
5
5
|
}), { usePatch: h } = o({
|
|
6
6
|
getURL: (t) => `${e}/monthly-progress-reports/${t}`
|
|
7
7
|
});
|
|
8
8
|
export {
|
|
9
9
|
a as invalidateMonthlyReport,
|
|
10
|
-
|
|
11
|
-
h as
|
|
10
|
+
s as monthlyReportGet,
|
|
11
|
+
h as monthlyReportPatch
|
|
12
12
|
};
|
|
13
|
-
//# sourceMappingURL=use-monthly-report-
|
|
13
|
+
//# sourceMappingURL=use-monthly-report-api.js.map
|
package/dist/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-monthly-report-api.js","sources":["../../../../../../src/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../../constants/api';\nimport { type IMonthlyReportResponse } from '../monthly-report-types';\n\nconst { useGet: monthlyReportGet, invalidate: invalidateMonthlyReport } =\n createGetAPI<IMonthlyReportResponse>({\n getURL: (reportId: string) => {\n return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n },\n });\n\nconst { usePatch: monthlyReportPatch } = createPatchAPI<\n IMonthlyReportResponse,\n { feedback: string }\n>({\n getURL: (reportId: string) => {\n return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n },\n});\n\nexport { monthlyReportGet, monthlyReportPatch, invalidateMonthlyReport };\n"],"names":["monthlyReportGet","invalidateMonthlyReport","createGetAPI","reportId","BASE_URL_V1","monthlyReportPatch","createPatchAPI"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,GAAkB,YAAYC,EAAA,IAC5CC,EAAqC;AAAA,EACnC,QAAQ,CAACC,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC,GAEG,EAAE,UAAUE,EAAmB,IAAIC,EAGvC;AAAA,EACA,QAAQ,CAACH,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC;"}
|
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { jsxs as l, jsx as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { getCardTypeIconMap as $, stateIcon as
|
|
1
|
+
import { jsxs as l, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { memo as B, useRef as D, useState as I, useMemo as d, useCallback as u } from "react";
|
|
3
|
+
import { getCardTypeIconMap as $, stateIcon as S } from "../constants.js";
|
|
4
4
|
import { CARD_TYPE as g } from "../../../monthly-report-types.js";
|
|
5
|
-
import { ActivityCardContainerWrapper as
|
|
5
|
+
import { ActivityCardContainerWrapper as M, ActivityCardContainer as T } from "./activities-card.styled.js";
|
|
6
6
|
import n from "../../../../../../ui/layout/flex-view.js";
|
|
7
7
|
import j from "../../../../../../ui/lottie-animation/lottie-animation.js";
|
|
8
8
|
import m from "../../../../../../ui/text/text.js";
|
|
9
9
|
import k from "../../../../../../homework/card-title.js";
|
|
10
10
|
import G from "../activities-card-puzzles/activities-card-puzzles.js";
|
|
11
11
|
import { NODE_STATE as p } from "../../../../../daily-timeline/daily-timeline-types.js";
|
|
12
|
-
import
|
|
13
|
-
import { countActivitiesByState as
|
|
14
|
-
const
|
|
12
|
+
import K from "../../../../../../ui/buttons/text-button/text-button.js";
|
|
13
|
+
import { countActivitiesByState as y } from "../utils.js";
|
|
14
|
+
const N = {
|
|
15
15
|
autoplay: !1,
|
|
16
16
|
loop: !0,
|
|
17
17
|
renderer: "canvas"
|
|
18
|
-
},
|
|
18
|
+
}, O = ({
|
|
19
19
|
cardType: t,
|
|
20
20
|
nodeType: f,
|
|
21
|
-
activitiesList:
|
|
21
|
+
activitiesList: r = [],
|
|
22
22
|
onPuzzleClick: A
|
|
23
23
|
}) => {
|
|
24
24
|
const a = D(null), [s, C] = I(!1), x = d(() => {
|
|
25
|
-
const { totalDone: e, totalPending: i, totalOverdue: c } =
|
|
25
|
+
const { totalDone: e, totalPending: i, totalOverdue: c } = y(r);
|
|
26
26
|
return [
|
|
27
27
|
e > 0 && `${e} Done`,
|
|
28
28
|
i > 0 && `${i} In-progress`,
|
|
29
29
|
c > 0 && `${c} Overdue`
|
|
30
30
|
].filter(Boolean).join(", ");
|
|
31
|
-
}, [
|
|
31
|
+
}, [r]), b = d(() => t ? t.split("_").join(" ") : "", [t]), { displayedActivities: X, remainingCount: h } = d(() => {
|
|
32
32
|
if (t === g.puzzle)
|
|
33
|
-
return { displayedActivities:
|
|
34
|
-
const e = 3, i =
|
|
35
|
-
return s || !i ? { displayedActivities:
|
|
36
|
-
displayedActivities:
|
|
37
|
-
remainingCount:
|
|
33
|
+
return { displayedActivities: r, remainingCount: 0 };
|
|
34
|
+
const e = 3, i = r.length > e;
|
|
35
|
+
return s || !i ? { displayedActivities: r, remainingCount: 0 } : {
|
|
36
|
+
displayedActivities: r.slice(0, e),
|
|
37
|
+
remainingCount: r.length - e
|
|
38
38
|
};
|
|
39
|
-
}, [
|
|
39
|
+
}, [r, s, t]), w = (h > 0 || s) && r.length > 3, _ = u(() => {
|
|
40
40
|
var e;
|
|
41
41
|
(e = a.current) == null || e.play();
|
|
42
|
-
}, []),
|
|
42
|
+
}, []), v = u(() => {
|
|
43
43
|
var e;
|
|
44
44
|
(e = a.current) == null || e.stop();
|
|
45
|
-
}, []),
|
|
45
|
+
}, []), E = u(() => {
|
|
46
46
|
C((e) => !e);
|
|
47
47
|
}, []);
|
|
48
|
-
return /* @__PURE__ */ l(n, { onMouseEnter: _, onMouseLeave:
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
|
|
48
|
+
return /* @__PURE__ */ l(n, { onMouseEnter: _, onMouseLeave: v, children: [
|
|
49
|
+
/* @__PURE__ */ o(
|
|
50
|
+
M,
|
|
51
51
|
{
|
|
52
52
|
$background: $(t).color,
|
|
53
53
|
children: /* @__PURE__ */ l(
|
|
54
|
-
|
|
54
|
+
T,
|
|
55
55
|
{
|
|
56
56
|
$flexDirection: "row",
|
|
57
57
|
$alignItems: "center",
|
|
@@ -60,7 +60,7 @@ const y = {
|
|
|
60
60
|
$gutterX: 0.78125,
|
|
61
61
|
$flexGap: 8.5,
|
|
62
62
|
children: [
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ o(
|
|
64
64
|
n,
|
|
65
65
|
{
|
|
66
66
|
$widthX: 2,
|
|
@@ -70,30 +70,30 @@ const y = {
|
|
|
70
70
|
$position: "relative",
|
|
71
71
|
$alignItems: "center",
|
|
72
72
|
$justifyContent: "center",
|
|
73
|
-
children: /* @__PURE__ */
|
|
73
|
+
children: /* @__PURE__ */ o(
|
|
74
74
|
j,
|
|
75
75
|
{
|
|
76
76
|
ref: a,
|
|
77
77
|
src: $(t).lottie,
|
|
78
78
|
width: 32,
|
|
79
79
|
height: 32,
|
|
80
|
-
settings:
|
|
80
|
+
settings: N
|
|
81
81
|
}
|
|
82
82
|
)
|
|
83
83
|
}
|
|
84
84
|
),
|
|
85
85
|
/* @__PURE__ */ l(n, { children: [
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
/* @__PURE__ */
|
|
86
|
+
/* @__PURE__ */ o(k, { cardHeader: b, nodeType: f }),
|
|
87
|
+
/* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_1", children: x })
|
|
88
88
|
] })
|
|
89
89
|
]
|
|
90
90
|
}
|
|
91
91
|
)
|
|
92
92
|
}
|
|
93
93
|
),
|
|
94
|
-
|
|
95
|
-
X.map(({ state: e, title: i, subtext: c, id:
|
|
96
|
-
/* @__PURE__ */
|
|
94
|
+
r.length > 0 && (t === g.puzzle ? /* @__PURE__ */ o(G, { puzzles: r, onPuzzleClick: A }) : /* @__PURE__ */ l(n, { $flexRowGapX: 1.25, $gutterX: 1, $gapX: 1, $borderColor: "GREY_2", children: [
|
|
95
|
+
X.map(({ state: e, title: i, subtext: c, id: R }, z) => /* @__PURE__ */ l(n, { $flexDirection: "row", $flexGapX: 1.05, children: [
|
|
96
|
+
/* @__PURE__ */ o(n, { $gapX: 0.25, children: /* @__PURE__ */ o(
|
|
97
97
|
n,
|
|
98
98
|
{
|
|
99
99
|
$borderRadiusX: 1,
|
|
@@ -102,27 +102,27 @@ const y = {
|
|
|
102
102
|
$heightX: 1,
|
|
103
103
|
$alignItems: "center",
|
|
104
104
|
$justifyContent: "center",
|
|
105
|
-
children: !!e &&
|
|
105
|
+
children: !!e && S[e]
|
|
106
106
|
}
|
|
107
107
|
) }),
|
|
108
108
|
/* @__PURE__ */ l(n, { $flexRowGap: 4, children: [
|
|
109
|
-
/* @__PURE__ */
|
|
110
|
-
/* @__PURE__ */
|
|
109
|
+
/* @__PURE__ */ o(m, { $renderAs: "ub2", $color: "BLACK_1", children: i || "" }),
|
|
110
|
+
/* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_T_60", children: c || "" })
|
|
111
111
|
] })
|
|
112
|
-
] }, `${
|
|
113
|
-
|
|
114
|
-
|
|
112
|
+
] }, `${R}-${z}`)),
|
|
113
|
+
w && /* @__PURE__ */ o(n, { $gutterX: 2, children: /* @__PURE__ */ o(
|
|
114
|
+
K,
|
|
115
115
|
{
|
|
116
116
|
label: s ? "Show less" : `+${h} activities`,
|
|
117
117
|
size: "regular",
|
|
118
118
|
color: "BLACK_1",
|
|
119
|
-
onClick:
|
|
119
|
+
onClick: E
|
|
120
120
|
}
|
|
121
121
|
) })
|
|
122
122
|
] }))
|
|
123
123
|
] });
|
|
124
|
-
},
|
|
124
|
+
}, oe = B(O);
|
|
125
125
|
export {
|
|
126
|
-
|
|
126
|
+
oe as default
|
|
127
127
|
};
|
|
128
128
|
//# sourceMappingURL=activities-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n autoplay: false,\n loop: true,\n renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n cardType,\n nodeType,\n activitiesList = [],\n onPuzzleClick,\n}) => {\n const lottieRef = useRef<ILottieAnimationRef>(null);\n const [showAllActivities, setShowAllActivities] = useState(false);\n\n const progressStatus = useMemo(() => {\n const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n return [\n totalDone > 0 && `${totalDone} Done`,\n totalPending > 0 && `${totalPending} In-progress`,\n totalOverdue > 0 && `${totalOverdue} Overdue`,\n ]\n .filter(Boolean)\n .join(', ');\n }, [activitiesList]);\n const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n const { displayedActivities, remainingCount } = useMemo(() => {\n if (cardType === CARD_TYPE.puzzle) {\n return { displayedActivities: activitiesList, remainingCount: 0 };\n }\n\n const maxVisible = 3;\n const hasMore = activitiesList.length > maxVisible;\n\n if (showAllActivities || !hasMore) {\n return { displayedActivities: activitiesList, remainingCount: 0 };\n }\n\n return {\n displayedActivities: activitiesList.slice(0, maxVisible),\n remainingCount: activitiesList.length - maxVisible,\n };\n }, [activitiesList, showAllActivities, cardType]);\n\n const handleMouseEnter = useCallback(() => {\n lottieRef.current?.play();\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n lottieRef.current?.stop();\n }, []);\n\n const handleToggleActivities = useCallback(() => {\n setShowAllActivities(prev => !prev);\n }, []);\n\n return (\n <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n <Styled.ActivityCardContainerWrapper\n $background={getCardTypeIconMap(cardType).color as TColorNames}\n >\n <Styled.ActivityCardContainer\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $height=\"56px\"\n $bgImage={getCardTypeIconMap(cardType).background}\n $gutterX={0.78125}\n $flexGap={8.5}\n >\n <FlexView\n $widthX={2}\n $heightX={2}\n $borderRadiusX={2}\n $background=\"WHITE_1\"\n $position=\"relative\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <LottieAnimation\n ref={lottieRef}\n src={getCardTypeIconMap(cardType).lottie}\n width={32}\n height={32}\n settings={lottieSettings}\n />\n </FlexView>\n <FlexView>\n <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n {progressStatus}\n </Text>\n </FlexView>\n </Styled.ActivityCardContainer>\n </Styled.ActivityCardContainerWrapper>\n {activitiesList.length > 0 &&\n (cardType === CARD_TYPE.puzzle ? (\n <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n ) : (\n <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n {displayedActivities.map(({ state, title, subtext, id }, index) => (\n <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n <FlexView $gapX={0.25}>\n <FlexView\n $borderRadiusX={1}\n $background={\n state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n ? 'RED'\n : 'BLACK_1'\n }\n $widthX={1}\n $heightX={1}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {!!state && stateIcon[state as NODE_STATE]}\n </FlexView>\n </FlexView>\n <FlexView $flexRowGap={4}>\n <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n {title || ''}\n </Text>\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext || ''}\n </Text>\n </FlexView>\n </FlexView>\n ))}\n {(remainingCount > 0 || showAllActivities) && activitiesList.length > 3 && (\n <FlexView $gutterX={2}>\n <TextButton\n label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n size=\"regular\"\n color=\"BLACK_1\"\n onClick={handleToggleActivities}\n />\n </FlexView>\n )}\n </FlexView>\n ))}\n </FlexView>\n );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n autoplay: false,\n loop: true,\n renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n cardType,\n nodeType,\n activitiesList = [],\n onPuzzleClick,\n}) => {\n const lottieRef = useRef<ILottieAnimationRef>(null);\n const [showAllActivities, setShowAllActivities] = useState(false);\n\n const progressStatus = useMemo(() => {\n const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n return [\n totalDone > 0 && `${totalDone} Done`,\n totalPending > 0 && `${totalPending} In-progress`,\n totalOverdue > 0 && `${totalOverdue} Overdue`,\n ]\n .filter(Boolean)\n .join(', ');\n }, [activitiesList]);\n const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n const { displayedActivities, remainingCount } = useMemo(() => {\n if (cardType === CARD_TYPE.puzzle) {\n return { displayedActivities: activitiesList, remainingCount: 0 };\n }\n\n const maxVisible = 3;\n const hasMore = activitiesList.length > maxVisible;\n\n if (showAllActivities || !hasMore) {\n return { displayedActivities: activitiesList, remainingCount: 0 };\n }\n\n return {\n displayedActivities: activitiesList.slice(0, maxVisible),\n remainingCount: activitiesList.length - maxVisible,\n };\n }, [activitiesList, showAllActivities, cardType]);\n\n const shouldShowToggleButton =\n (remainingCount > 0 || showAllActivities) && activitiesList.length > 3;\n\n const handleMouseEnter = useCallback(() => {\n lottieRef.current?.play();\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n lottieRef.current?.stop();\n }, []);\n\n const handleToggleActivities = useCallback(() => {\n setShowAllActivities(prev => !prev);\n }, []);\n\n return (\n <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n <Styled.ActivityCardContainerWrapper\n $background={getCardTypeIconMap(cardType).color as TColorNames}\n >\n <Styled.ActivityCardContainer\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $height=\"56px\"\n $bgImage={getCardTypeIconMap(cardType).background}\n $gutterX={0.78125}\n $flexGap={8.5}\n >\n <FlexView\n $widthX={2}\n $heightX={2}\n $borderRadiusX={2}\n $background=\"WHITE_1\"\n $position=\"relative\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <LottieAnimation\n ref={lottieRef}\n src={getCardTypeIconMap(cardType).lottie}\n width={32}\n height={32}\n settings={lottieSettings}\n />\n </FlexView>\n <FlexView>\n <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n {progressStatus}\n </Text>\n </FlexView>\n </Styled.ActivityCardContainer>\n </Styled.ActivityCardContainerWrapper>\n {activitiesList.length > 0 &&\n (cardType === CARD_TYPE.puzzle ? (\n <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n ) : (\n <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n {displayedActivities.map(({ state, title, subtext, id }, index) => (\n <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n <FlexView $gapX={0.25}>\n <FlexView\n $borderRadiusX={1}\n $background={\n state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n ? 'RED'\n : 'BLACK_1'\n }\n $widthX={1}\n $heightX={1}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {!!state && stateIcon[state as NODE_STATE]}\n </FlexView>\n </FlexView>\n <FlexView $flexRowGap={4}>\n <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n {title || ''}\n </Text>\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext || ''}\n </Text>\n </FlexView>\n </FlexView>\n ))}\n {shouldShowToggleButton && (\n <FlexView $gutterX={2}>\n <TextButton\n label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n size=\"regular\"\n color=\"BLACK_1\"\n onClick={handleToggleActivities}\n />\n </FlexView>\n )}\n </FlexView>\n ))}\n </FlexView>\n );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","shouldShowToggleButton","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}
|
|
@@ -1,64 +1,66 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { PuzzleContainer as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { NODE_STATE as
|
|
9
|
-
import { stateIcon as
|
|
10
|
-
function
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
import { jsxs as d, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { memo as f, useCallback as p } from "react";
|
|
3
|
+
import { PuzzleContainer as E, StatusIcon as _ } from "./activities-card-puzzles.styled.js";
|
|
4
|
+
import g from "../../../../../../ui/layout/flex-view.js";
|
|
5
|
+
import A from "../../../../../../ui/image/image.js";
|
|
6
|
+
import T from "../../../../../../ui/separator/separator.js";
|
|
7
|
+
import b from "../../../../../../ui/text/text.js";
|
|
8
|
+
import { NODE_STATE as o } from "../../../../../daily-timeline/daily-timeline-types.js";
|
|
9
|
+
import { stateIcon as h } from "../constants.js";
|
|
10
|
+
function D({ puzzle: u, onPuzzleClick: e }) {
|
|
11
|
+
const {
|
|
12
|
+
image_url: m,
|
|
13
|
+
state: r,
|
|
14
|
+
item_ref: n,
|
|
15
|
+
feedback_comments: c,
|
|
16
|
+
image_hue: i,
|
|
17
|
+
title: a,
|
|
18
|
+
tip: s
|
|
19
|
+
} = u, $ = p(() => {
|
|
20
|
+
e == null || e({ item_ref: n, feedback_comments: c, image_hue: i, title: a, tip: s });
|
|
21
|
+
}, [e, n, c, i, a, s]), l = r === o.PENDING || r === o.NOT_STARTED ? "RED" : "BLACK_1";
|
|
22
|
+
return /* @__PURE__ */ d(
|
|
23
|
+
E,
|
|
22
24
|
{
|
|
23
25
|
$gapX: 1,
|
|
24
|
-
$imageHue:
|
|
26
|
+
$imageHue: i || "BLUE",
|
|
25
27
|
$width: 146,
|
|
26
28
|
$height: 162,
|
|
27
|
-
$background: `${
|
|
28
|
-
onClick:
|
|
29
|
+
$background: `${i || "BLUE"}_2`,
|
|
30
|
+
onClick: $,
|
|
29
31
|
children: [
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
|
|
32
|
+
/* @__PURE__ */ t(
|
|
33
|
+
_,
|
|
32
34
|
{
|
|
33
35
|
$borderRadiusX: 1,
|
|
34
|
-
$background:
|
|
36
|
+
$background: l ? "RED" : "BLACK_1",
|
|
35
37
|
$widthX: 1,
|
|
36
38
|
$heightX: 1,
|
|
37
39
|
$alignItems: "center",
|
|
38
40
|
$justifyContent: "center",
|
|
39
|
-
children:
|
|
41
|
+
children: r && (h[r] || h[o.COMPLETED])
|
|
40
42
|
}
|
|
41
43
|
),
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
/* @__PURE__ */ d(g, { $background: "TRANSPARENT", $alignItems: "center", children: [
|
|
45
|
+
m && /* @__PURE__ */ t(
|
|
46
|
+
A,
|
|
45
47
|
{
|
|
46
|
-
src:
|
|
48
|
+
src: m ?? "",
|
|
47
49
|
alt: "Puzzle illustration",
|
|
48
50
|
width: 68,
|
|
49
51
|
height: 68,
|
|
50
52
|
withLoader: !0
|
|
51
53
|
}
|
|
52
54
|
),
|
|
53
|
-
/* @__PURE__ */
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
+
/* @__PURE__ */ t(T, { heightX: 1 }),
|
|
56
|
+
/* @__PURE__ */ t(g, { $gutterX: 0.25, children: /* @__PURE__ */ t(b, { $renderAs: "ab3", $align: "center", children: a }) })
|
|
55
57
|
] })
|
|
56
58
|
]
|
|
57
59
|
}
|
|
58
60
|
);
|
|
59
61
|
}
|
|
60
|
-
const
|
|
62
|
+
const S = f(D);
|
|
61
63
|
export {
|
|
62
|
-
|
|
64
|
+
S as default
|
|
63
65
|
};
|
|
64
66
|
//# sourceMappingURL=activity-puzzle-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-puzzle-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport * as Styled from './activities-card-puzzles.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Image from '../../../../../../ui/image/image';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Text from '../../../../../../ui/text/text';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport { stateIcon } from '../constants';\nimport { type
|
|
1
|
+
{"version":3,"file":"activity-puzzle-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport * as Styled from './activities-card-puzzles.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Image from '../../../../../../ui/image/image';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Text from '../../../../../../ui/text/text';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport { stateIcon } from '../constants';\nimport { type IActivityPuzzleCardProps } from './activities-card-puzzles-types';\n\nfunction ActivityPuzzleCard({ puzzle, onPuzzleClick }: IActivityPuzzleCardProps) {\n const {\n image_url: imageUrl,\n state,\n item_ref,\n feedback_comments,\n image_hue: imageHue,\n title,\n tip,\n } = puzzle;\n\n const handlePuzzleClick = useCallback(() => {\n onPuzzleClick?.({ item_ref, feedback_comments, image_hue: imageHue, title, tip });\n }, [onPuzzleClick, item_ref, feedback_comments, imageHue, title, tip]);\n const statusBg =\n state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED ? 'RED' : 'BLACK_1';\n\n return (\n <Styled.PuzzleContainer\n $gapX={1}\n $imageHue={imageHue || 'BLUE'}\n $width={146}\n $height={162}\n $background={`${imageHue || 'BLUE'}_2`}\n onClick={handlePuzzleClick}\n >\n <Styled.StatusIcon\n $borderRadiusX={1}\n $background={statusBg ? 'RED' : 'BLACK_1'}\n $widthX={1}\n $heightX={1}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {state && (stateIcon[state as NODE_STATE] || stateIcon[NODE_STATE.COMPLETED])}\n </Styled.StatusIcon>\n <FlexView $background=\"TRANSPARENT\" $alignItems=\"center\">\n {imageUrl && (\n <Image\n src={imageUrl ?? ''}\n alt=\"Puzzle illustration\"\n width={68}\n height={68}\n withLoader={true}\n />\n )}\n <Separator heightX={1} />\n <FlexView $gutterX={0.25}>\n <Text $renderAs=\"ab3\" $align=\"center\">\n {title}\n </Text>\n </FlexView>\n </FlexView>\n </Styled.PuzzleContainer>\n );\n}\n\nexport default memo(ActivityPuzzleCard);\n"],"names":["ActivityPuzzleCard","puzzle","onPuzzleClick","imageUrl","state","item_ref","feedback_comments","imageHue","title","tip","handlePuzzleClick","useCallback","statusBg","NODE_STATE","jsxs","Styled.PuzzleContainer","jsx","Styled.StatusIcon","stateIcon","FlexView","Image","Separator","Text","ActivityPuzzleCard$1","memo"],"mappings":";;;;;;;;;AAWA,SAASA,EAAmB,EAAE,QAAAC,GAAQ,eAAAC,KAA2C;AACzE,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC;AAAA,EACE,IAAAR,GAEES,IAAoBC,EAAY,MAAM;AAC1C,IAAAT,KAAA,QAAAA,EAAgB,EAAE,UAAAG,GAAU,mBAAAC,GAAmB,WAAWC,GAAU,OAAAC,GAAO,KAAAC;EAAK,GAC/E,CAACP,GAAeG,GAAUC,GAAmBC,GAAUC,GAAOC,CAAG,CAAC,GAC/DG,IACJR,MAAUS,EAAW,WAAWT,MAAUS,EAAW,cAAc,QAAQ;AAG3E,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAWR,KAAY;AAAA,MACvB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAa,GAAGA,KAAY,MAAM;AAAA,MAClC,SAASG;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,aAAaL,IAAW,QAAQ;AAAA,YAChC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAEf,gBAAUM,EAAUd,CAAmB,KAAKc,EAAUL,EAAW,SAAS;AAAA,UAAA;AAAA,QAC7E;AAAA,QACC,gBAAAC,EAAAK,GAAA,EAAS,aAAY,eAAc,aAAY,UAC7C,UAAA;AAAA,UACChB,KAAA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,KAAKjB,KAAY;AAAA,cACjB,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UAEF,gBAAAa,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL,EAACG,GAAS,EAAA,UAAU,MAClB,UAAA,gBAAAH,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,UAC1B,UAAAd,EACH,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAee,IAAAC,EAAKxB,CAAkB;"}
|