@cuemath/leap 3.5.11-as2 → 3.5.11-as4
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/comps/accordion-item/accordion-item.js +28 -27
- package/dist/features/timeline/comps/accordion-item/accordion-item.js.map +1 -1
- package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.js +12 -14
- package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.js.map +1 -1
- package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items.js +78 -83
- package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items.js.map +1 -1
- package/dist/features/timeline/daily-timeline-styled.js +12 -9
- package/dist/features/timeline/daily-timeline-styled.js.map +1 -1
- package/dist/features/ui/accordion-section/accordion-section-styled.js +12 -9
- package/dist/features/ui/accordion-section/accordion-section-styled.js.map +1 -1
- package/dist/types/models/worksheet.js +5 -0
- package/dist/types/models/worksheet.js.map +1 -0
- package/package.json +1 -1
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
import { jsxs as r, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { memo as
|
|
2
|
+
import { memo as g, useMemo as k, useCallback as h } from "react";
|
|
3
3
|
import C from "../../../ui/buttons/text-button/text-button.js";
|
|
4
4
|
import t from "../../../ui/layout/flex-view.js";
|
|
5
|
-
import
|
|
6
|
-
import { getStateConf as
|
|
7
|
-
import { BLOCK_TYPE as
|
|
8
|
-
import { CODING_ACTIVITY_NODE_TYPES as
|
|
9
|
-
import { NODE_STATE as
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
import m from "../../../ui/text/text.js";
|
|
6
|
+
import { getStateConf as B } from "../utils.js";
|
|
7
|
+
import { BLOCK_TYPE as L } from "../../../chapters-v2/constants/block-constants.js";
|
|
8
|
+
import { CODING_ACTIVITY_NODE_TYPES as R } from "../constants.js";
|
|
9
|
+
import { NODE_STATE as K, CARD_TYPE as N, USER_TYPE as $ } from "../../daily-timeline-types.js";
|
|
10
|
+
import { NODE_TYPES as O } from "../../../../types/models/worksheet.js";
|
|
11
|
+
const P = g(
|
|
12
|
+
({ type: a, userType: n, card: p, onPuzzleClick: c, onReviewClick: s }) => {
|
|
12
13
|
const {
|
|
13
|
-
label:
|
|
14
|
+
label: E,
|
|
14
15
|
title: b,
|
|
15
16
|
state: f,
|
|
16
|
-
subtext:
|
|
17
|
+
subtext: _,
|
|
17
18
|
user_node_id: e,
|
|
18
19
|
block_type: A,
|
|
19
|
-
user_block_id:
|
|
20
|
-
node_type:
|
|
21
|
-
} =
|
|
22
|
-
|
|
23
|
-
) : !1, [n,
|
|
20
|
+
user_block_id: u,
|
|
21
|
+
node_type: d
|
|
22
|
+
} = p, i = A === L.SAT_MOCK_TEST, x = d === O.PUZZLE_CARD, [T, w] = B(f), l = f === K.COMPLETED, I = k(() => a === N.CIRCLE ? !1 : n === $.TEACHER ? !i || l : n === $.STUDENT ? l && !R.includes(
|
|
23
|
+
d
|
|
24
|
+
) : !1, [n, a, i, l, d]), D = h(() => {
|
|
24
25
|
e && c && c(e);
|
|
25
|
-
}, [c, e]),
|
|
26
|
-
s && e && s(e, i,
|
|
27
|
-
}, [i, s,
|
|
26
|
+
}, [c, e]), S = h(() => {
|
|
27
|
+
s && e && s(e, i, u);
|
|
28
|
+
}, [i, s, u, e]);
|
|
28
29
|
return /* @__PURE__ */ r(t, { $flexDirection: "row", $flexGapX: 1.5, children: [
|
|
29
|
-
/* @__PURE__ */ o(t, { $justifyContent: "flex-end", $height: 18, $background: "WHITE", children: /* @__PURE__ */ o(t, { $background: w, $borderRadiusX: 0.5, $width: 16, $height: 16, children:
|
|
30
|
+
/* @__PURE__ */ o(t, { $justifyContent: "flex-end", $height: 18, $background: "WHITE", children: /* @__PURE__ */ o(t, { $background: w, $borderRadiusX: 0.5, $width: 16, $height: 16, children: T && /* @__PURE__ */ o(T, { width: 16, height: 16 }) }) }),
|
|
30
31
|
/* @__PURE__ */ r(t, { $flexRowGapX: 0.25, children: [
|
|
31
|
-
/* @__PURE__ */ r(
|
|
32
|
-
/* @__PURE__ */ r(
|
|
33
|
-
|
|
32
|
+
/* @__PURE__ */ r(m, { $renderAs: "ub2", $color: "BLACK_1", children: [
|
|
33
|
+
/* @__PURE__ */ r(m, { $renderAs: "ub2-bold", $inline: !0, $color: "BLACK_1", children: [
|
|
34
|
+
E,
|
|
34
35
|
":"
|
|
35
36
|
] }),
|
|
36
37
|
" ",
|
|
@@ -42,17 +43,17 @@ const N = B(
|
|
|
42
43
|
label: l ? "View reviewed puzzle" : "View assigned puzzle",
|
|
43
44
|
size: "small",
|
|
44
45
|
color: "BLACK_T_60",
|
|
45
|
-
onClick:
|
|
46
|
+
onClick: D
|
|
46
47
|
}
|
|
47
48
|
) : /* @__PURE__ */ r(t, { $flexDirection: "row", $flexGapX: 0.75, $alignItems: "center", children: [
|
|
48
|
-
|
|
49
|
+
_ && /* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_T_60", children: _ }),
|
|
49
50
|
I && /* @__PURE__ */ o(
|
|
50
51
|
C,
|
|
51
52
|
{
|
|
52
53
|
label: "Review",
|
|
53
54
|
size: "small",
|
|
54
55
|
color: "BLACK_T_60",
|
|
55
|
-
onClick:
|
|
56
|
+
onClick: S
|
|
56
57
|
}
|
|
57
58
|
)
|
|
58
59
|
] })
|
|
@@ -60,8 +61,8 @@ const N = B(
|
|
|
60
61
|
] });
|
|
61
62
|
}
|
|
62
63
|
);
|
|
63
|
-
|
|
64
|
+
P.displayName = "AccordionItem";
|
|
64
65
|
export {
|
|
65
|
-
|
|
66
|
+
P as default
|
|
66
67
|
};
|
|
67
68
|
//# sourceMappingURL=accordion-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../ui/types';\nimport { CODING_ACTIVITY_NODE_TYPES } from '../constants';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n const {\n label,\n title,\n state,\n subtext,\n user_node_id: userNodeId,\n block_type: blockType,\n user_block_id: userBlockId,\n node_type: nodeType,\n } = card;\n const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n const isPuzzle =
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../ui/types';\nimport { CODING_ACTIVITY_NODE_TYPES } from '../constants';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\nimport { NODE_TYPES } from '../../../../types/models/worksheet';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n const {\n label,\n title,\n state,\n subtext,\n user_node_id: userNodeId,\n block_type: blockType,\n user_block_id: userBlockId,\n node_type: nodeType,\n } = card;\n const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n const isPuzzle = nodeType === NODE_TYPES.PUZZLE_CARD;\n const [Icon, bgColor] = getStateConf(state) as [FC<React.SVGProps<SVGSVGElement>>, TColorNames];\n const isCompleted = state === NODE_STATE.COMPLETED;\n const shouldShowReview = useMemo(() => {\n if (type === CARD_TYPE.CIRCLE) return false;\n\n if (userType === USER_TYPE.TEACHER) return !isSatMockTestBlock || isCompleted;\n\n if (userType === USER_TYPE.STUDENT)\n return (\n isCompleted &&\n !CODING_ACTIVITY_NODE_TYPES.includes(\n nodeType as (typeof CODING_ACTIVITY_NODE_TYPES)[number],\n )\n );\n\n return false;\n }, [userType, type, isSatMockTestBlock, isCompleted, nodeType]);\n\n const handlePuzzleClick = useCallback(() => {\n if (userNodeId && onPuzzleClick) {\n onPuzzleClick(userNodeId);\n }\n }, [onPuzzleClick, userNodeId]);\n\n const handleReviewClick = useCallback(() => {\n if (onReviewClick && userNodeId) {\n onReviewClick(userNodeId, isSatMockTestBlock, userBlockId);\n }\n }, [isSatMockTestBlock, onReviewClick, userBlockId, userNodeId]);\n\n return (\n <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n <FlexView $justifyContent=\"flex-end\" $height={18} $background=\"WHITE\">\n <FlexView $background={bgColor} $borderRadiusX={0.5} $width={16} $height={16}>\n {Icon && <Icon width={16} height={16} />}\n </FlexView>\n </FlexView>\n <FlexView $flexRowGapX={0.25}>\n <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n <Text $renderAs=\"ub2-bold\" $inline $color=\"BLACK_1\">\n {label}:\n </Text>{' '}\n {title}\n </Text>\n {isPuzzle ? (\n <TextButton\n label={isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n size=\"small\"\n color=\"BLACK_T_60\"\n onClick={handlePuzzleClick}\n />\n ) : (\n <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n {subtext && (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext}\n </Text>\n )}\n {shouldShowReview && (\n <TextButton\n label=\"Review\"\n size=\"small\"\n color=\"BLACK_T_60\"\n onClick={handleReviewClick}\n />\n )}\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n );\n },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","type","userType","card","onPuzzleClick","onReviewClick","label","title","state","subtext","userNodeId","blockType","userBlockId","nodeType","isSatMockTestBlock","BLOCK_TYPE","isPuzzle","NODE_TYPES","Icon","bgColor","getStateConf","isCompleted","NODE_STATE","shouldShowReview","useMemo","CARD_TYPE","USER_TYPE","CODING_ACTIVITY_NODE_TYPES","handlePuzzleClick","useCallback","handleReviewClick","jsxs","FlexView","jsx","Text","TextButton"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,MAAAC,GAAM,eAAAC,GAAe,eAAAC,QAAoB;AACpD,UAAA;AAAA,MACJ,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAcC;AAAA,MACd,YAAYC;AAAA,MACZ,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAV,GACEW,IAAqBH,MAAcI,EAAW,eAC9CC,IAAWH,MAAaI,EAAW,aACnC,CAACC,GAAMC,CAAO,IAAIC,EAAaZ,CAAK,GACpCa,IAAcb,MAAUc,EAAW,WACnCC,IAAmBC,EAAQ,MAC3BvB,MAASwB,EAAU,SAAe,KAElCvB,MAAawB,EAAU,UAAgB,CAACZ,KAAsBO,IAE9DnB,MAAawB,EAAU,UAEvBL,KACA,CAACM,EAA2B;AAAA,MAC1Bd;AAAA,IAAA,IAIC,IACN,CAACX,GAAUD,GAAMa,GAAoBO,GAAaR,CAAQ,CAAC,GAExDe,IAAoBC,EAAY,MAAM;AAC1C,MAAInB,KAAcN,KAChBA,EAAcM,CAAU;AAAA,IAC1B,GACC,CAACN,GAAeM,CAAU,CAAC,GAExBoB,IAAoBD,EAAY,MAAM;AAC1C,MAAIxB,KAAiBK,KACLL,EAAAK,GAAYI,GAAoBF,CAAW;AAAA,OAE1D,CAACE,GAAoBT,GAAeO,GAAaF,CAAU,CAAC;AAE/D,WACG,gBAAAqB,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAC,gBAAAC,EAAAD,GAAA,EAAS,iBAAgB,YAAW,SAAS,IAAI,aAAY,SAC5D,UAAA,gBAAAC,EAACD,GAAS,EAAA,aAAab,GAAS,gBAAgB,KAAK,QAAQ,IAAI,SAAS,IACvE,UAAQD,KAAA,gBAAAe,EAACf,GAAK,EAAA,OAAO,IAAI,QAAQ,GAAI,CAAA,EACxC,CAAA,GACF;AAAA,MACA,gBAAAa,EAACC,GAAS,EAAA,cAAc,MACtB,UAAA;AAAA,QAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,WAC3B,UAAA;AAAA,UAAA,gBAAAH,EAACG,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,WACvC,UAAA;AAAA,YAAA5B;AAAA,YAAM;AAAA,UAAA,GACT;AAAA,UAAQ;AAAA,UACPC;AAAA,QAAA,GACH;AAAA,QACCS,IACC,gBAAAiB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOd,IAAc,yBAAyB;AAAA,YAC9C,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASO;AAAA,UAAA;AAAA,QAAA,sBAGVI,GAAS,EAAA,gBAAe,OAAM,WAAW,MAAM,aAAY,UACzD,UAAA;AAAA,UAAAvB,uBACEyB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHzB,GAAA;AAAA,UAEDc,KACC,gBAAAU;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASL;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GAEJ;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA/B,EAAc,cAAc;"}
|
|
@@ -1,31 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
const i = e
|
|
4
|
-
border-bottom: ${({ $shouldAddBorder: o, theme:
|
|
5
|
-
|
|
1
|
+
import t from "styled-components";
|
|
2
|
+
import e from "../../../ui/layout/flex-view.js";
|
|
3
|
+
const i = t(e)`
|
|
4
|
+
border-bottom: ${({ $shouldAddBorder: o, theme: n }) => o ? `1px solid ${n.colors.BLACK}` : "none"};
|
|
5
|
+
will-change: border-bottom;
|
|
6
|
+
`, p = t(e)`
|
|
6
7
|
border-top: none;
|
|
7
8
|
border-bottom: ${({ $isExpanded: o }) => o && "none"};
|
|
8
9
|
padding-bottom: 24px;
|
|
9
|
-
|
|
10
|
+
will-change: border-bottom;
|
|
11
|
+
`, b = t(e)`
|
|
10
12
|
position: absolute;
|
|
11
13
|
top: 0px;
|
|
12
14
|
left: 0px;
|
|
13
15
|
z-index: 2;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
border-bottom: ${({ $isLastItem: o, theme: t }) => o ? `1px solid ${t.colors.BLACK}` : "none"};
|
|
17
|
-
`;
|
|
18
|
-
const b = e(n)`
|
|
19
|
-
border-left: ${({ $isLastCard: o, theme: t }) => o ? "none" : `1px dashed ${t.colors.GREY_3}`};
|
|
16
|
+
`, l = t(e)`
|
|
17
|
+
border-left: ${({ $isLastCard: o, theme: n }) => o ? "none" : `1px dashed ${n.colors.GREY_3}`};
|
|
20
18
|
padding-bottom: ${({ $isLastCard: o }) => o ? "0" : "20px"};
|
|
21
19
|
> div {
|
|
22
20
|
margin-left: -8px;
|
|
23
21
|
}
|
|
24
22
|
`;
|
|
25
23
|
export {
|
|
26
|
-
|
|
24
|
+
l as Card,
|
|
27
25
|
i as SectionContainer,
|
|
28
26
|
p as SectionFooter,
|
|
29
|
-
|
|
27
|
+
b as TagContainer
|
|
30
28
|
};
|
|
31
29
|
//# sourceMappingURL=daily-timeline-items-styled.js.map
|
package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daily-timeline-items-styled.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const SectionContainer = styled(FlexView)<{ $shouldAddBorder?: boolean }>`\n border-bottom: ${({ $shouldAddBorder, theme }) =>\n $shouldAddBorder ? `1px solid ${theme.colors.BLACK}` : 'none'};\n`;\n\nexport const SectionFooter = styled(FlexView)<{ $isExpanded?: boolean }>`\n border-top: none;\n border-bottom: ${({ $isExpanded }) => $isExpanded && 'none'};\n padding-bottom: 24px;\n`;\n\nexport const TagContainer = styled(FlexView)`\n position: absolute;\n top: 0px;\n left: 0px;\n z-index: 2;\n`;\n\nexport const
|
|
1
|
+
{"version":3,"file":"daily-timeline-items-styled.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const SectionContainer = styled(FlexView)<{ $shouldAddBorder?: boolean }>`\n border-bottom: ${({ $shouldAddBorder, theme }) =>\n $shouldAddBorder ? `1px solid ${theme.colors.BLACK}` : 'none'};\n will-change: border-bottom;\n`;\n\nexport const SectionFooter = styled(FlexView)<{ $isExpanded?: boolean }>`\n border-top: none;\n border-bottom: ${({ $isExpanded }) => $isExpanded && 'none'};\n padding-bottom: 24px;\n will-change: border-bottom;\n`;\n\nexport const TagContainer = styled(FlexView)`\n position: absolute;\n top: 0px;\n left: 0px;\n z-index: 2;\n`;\n\nexport const Card = styled(FlexView)<{ $isLastCard: boolean }>`\n border-left: ${({ $isLastCard, theme }) =>\n $isLastCard ? 'none' : `1px dashed ${theme.colors.GREY_3}`};\n padding-bottom: ${({ $isLastCard }) => ($isLastCard ? '0' : '20px')};\n > div {\n margin-left: -8px;\n }\n`;\n"],"names":["SectionContainer","styled","FlexView","$shouldAddBorder","theme","SectionFooter","$isExpanded","TagContainer","Card","$isLastCard"],"mappings":";;AAIa,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA,mBAC5B,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,EAAM,MAC1CD,IAAmB,aAAaC,EAAM,OAAO,KAAK,KAAK,MAAM;AAAA;AAAA,GAIpDC,IAAgBJ,EAAOC,CAAQ;AAAA;AAAA,mBAEzB,CAAC,EAAE,aAAAI,QAAkBA,KAAe,MAAM;AAAA;AAAA;AAAA,GAKhDC,IAAeN,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BM,IAAOP,EAAOC,CAAQ;AAAA,iBAClB,CAAC,EAAE,aAAAO,GAAa,OAAAL,EAAM,MACnCK,IAAc,SAAS,cAAcL,EAAM,OAAO,MAAM,EAAE;AAAA,oBAC1C,CAAC,EAAE,aAAAK,EAAA,MAAmBA,IAAc,MAAM,MAAO;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -1,117 +1,112 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { memo as
|
|
1
|
+
import { jsx as e, jsxs as l, Fragment as A } from "react/jsx-runtime";
|
|
2
|
+
import { memo as L, useState as $, useMemo as S, useCallback as B } from "react";
|
|
3
3
|
import D from "../../../../assets/line-icons/icons/plus.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { SectionContainer as
|
|
11
|
-
import { getTimelineCardIcon as
|
|
12
|
-
import { useUIContext as
|
|
13
|
-
import { TIMELINE_EVENTS as
|
|
14
|
-
const
|
|
4
|
+
import k from "../../../ui/accordion-section/accordion-section.js";
|
|
5
|
+
import m from "../../../ui/layout/flex-view.js";
|
|
6
|
+
import N from "../../../../assets/line-icons/icons/minus.js";
|
|
7
|
+
import V from "../../../ui/image/image.js";
|
|
8
|
+
import I from "../../../ui/text/text.js";
|
|
9
|
+
import X from "../accordion-item/accordion-item.js";
|
|
10
|
+
import { SectionContainer as j, TagContainer as M, SectionFooter as K, Card as P } from "./daily-timeline-items-styled.js";
|
|
11
|
+
import { getTimelineCardIcon as F } from "../utils.js";
|
|
12
|
+
import { useUIContext as W } from "../../../ui/context/context.js";
|
|
13
|
+
import { TIMELINE_EVENTS as E } from "../constants.js";
|
|
14
|
+
const z = L((C) => {
|
|
15
15
|
const {
|
|
16
|
-
type:
|
|
16
|
+
type: o,
|
|
17
17
|
summary: i,
|
|
18
|
-
cards:
|
|
19
|
-
onPuzzleClick:
|
|
20
|
-
onReviewClick:
|
|
21
|
-
courseStream:
|
|
22
|
-
shouldShowTag:
|
|
23
|
-
userType:
|
|
24
|
-
isLastItem:
|
|
18
|
+
cards: n,
|
|
19
|
+
onPuzzleClick: g,
|
|
20
|
+
onReviewClick: _,
|
|
21
|
+
courseStream: d,
|
|
22
|
+
shouldShowTag: b,
|
|
23
|
+
userType: x,
|
|
24
|
+
isLastItem: r,
|
|
25
25
|
fromDate: c,
|
|
26
26
|
studentId: a
|
|
27
|
-
} =
|
|
28
|
-
(
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
} = C, [h, T] = $(!1), [y, s] = $(r), u = S(() => F(o), [o]), { onEvent: p } = W(), w = B(
|
|
28
|
+
(t) => {
|
|
29
|
+
T(t), t ? s(!1) : r ? setTimeout(() => {
|
|
30
|
+
s(!0);
|
|
31
|
+
}, 220) : s(!1), p(
|
|
32
|
+
t ? E.TIMELINE_VIEW_EXPANDED : E.TIMELINE_VIEW_COLLAPSED,
|
|
31
33
|
{
|
|
32
34
|
timeline_date: c,
|
|
33
35
|
student_id: a,
|
|
34
|
-
timeline_section_type:
|
|
36
|
+
timeline_section_type: o,
|
|
35
37
|
timeline_section_subject: i
|
|
36
38
|
},
|
|
37
39
|
{ mixpanel: !0 }
|
|
38
40
|
);
|
|
39
41
|
},
|
|
40
|
-
[c,
|
|
42
|
+
[c, p, a, o, i, r]
|
|
41
43
|
);
|
|
42
44
|
return /* @__PURE__ */ e(
|
|
43
|
-
|
|
45
|
+
k,
|
|
44
46
|
{
|
|
45
|
-
headerElement: /* @__PURE__ */
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
-
)
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
),
|
|
83
|
-
bodyElement: r.length > 0 ? /* @__PURE__ */ e(
|
|
84
|
-
j,
|
|
47
|
+
headerElement: /* @__PURE__ */ l(j, { $borderColor: "BLACK_1", $shouldAddBorder: y, children: [
|
|
48
|
+
b && d && /* @__PURE__ */ e(M, { $position: "absolute", $background: "BLACK_5", $gutter: 4, children: /* @__PURE__ */ e(I, { $renderAs: "ab4-black", $color: "WHITE", children: d }) }),
|
|
49
|
+
/* @__PURE__ */ l(
|
|
50
|
+
m,
|
|
51
|
+
{
|
|
52
|
+
$flexDirection: "row",
|
|
53
|
+
$alignItems: "center",
|
|
54
|
+
$justifyContent: "space-between",
|
|
55
|
+
$heightX: 4,
|
|
56
|
+
$widthX: 30,
|
|
57
|
+
$gutterX: 1,
|
|
58
|
+
$gapX: 1.32,
|
|
59
|
+
children: [
|
|
60
|
+
/* @__PURE__ */ l(
|
|
61
|
+
m,
|
|
62
|
+
{
|
|
63
|
+
$flexDirection: "row",
|
|
64
|
+
$alignItems: "center",
|
|
65
|
+
$justifyContent: "center",
|
|
66
|
+
$flexGapX: 1.125,
|
|
67
|
+
children: [
|
|
68
|
+
/* @__PURE__ */ e(m, { children: u && /* @__PURE__ */ e(V, { src: u }) }),
|
|
69
|
+
/* @__PURE__ */ e(I, { $renderAs: "ab2", $color: "BLACK_1", children: i ?? "" })
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
h ? /* @__PURE__ */ e(N, { width: 20, height: 20 }) : /* @__PURE__ */ e(D, { width: 20, height: 20 })
|
|
74
|
+
]
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
] }),
|
|
78
|
+
bodyElement: n.length > 0 ? /* @__PURE__ */ e(
|
|
79
|
+
K,
|
|
85
80
|
{
|
|
86
81
|
$gutter: 32,
|
|
87
82
|
$borderColor: "BLACK_1",
|
|
88
|
-
$isExpanded:
|
|
89
|
-
children:
|
|
90
|
-
|
|
83
|
+
$isExpanded: h && !r,
|
|
84
|
+
children: n.map((t, f) => /* @__PURE__ */ e(
|
|
85
|
+
P,
|
|
91
86
|
{
|
|
92
|
-
$isLastCard:
|
|
87
|
+
$isLastCard: f === n.length - 1,
|
|
93
88
|
children: /* @__PURE__ */ e(
|
|
94
|
-
|
|
89
|
+
X,
|
|
95
90
|
{
|
|
96
|
-
card:
|
|
97
|
-
onPuzzleClick:
|
|
98
|
-
onReviewClick:
|
|
99
|
-
type:
|
|
100
|
-
userType:
|
|
91
|
+
card: t,
|
|
92
|
+
onPuzzleClick: g,
|
|
93
|
+
onReviewClick: _,
|
|
94
|
+
type: o,
|
|
95
|
+
userType: x
|
|
101
96
|
}
|
|
102
97
|
)
|
|
103
98
|
},
|
|
104
|
-
|
|
99
|
+
t.node_id ?? `card-${f}`
|
|
105
100
|
))
|
|
106
101
|
}
|
|
107
|
-
) : /* @__PURE__ */ e(
|
|
102
|
+
) : /* @__PURE__ */ e(A, {}),
|
|
108
103
|
defaultVisible: !1,
|
|
109
|
-
onBodyVisibilityChange:
|
|
104
|
+
onBodyVisibilityChange: w
|
|
110
105
|
}
|
|
111
106
|
);
|
|
112
107
|
});
|
|
113
|
-
|
|
108
|
+
z.displayName = "DailyTimelineItems";
|
|
114
109
|
export {
|
|
115
|
-
|
|
110
|
+
z as default
|
|
116
111
|
};
|
|
117
112
|
//# sourceMappingURL=daily-timeline-items.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useState, type FC } from 'react';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport AccordionSection from '../../../ui/accordion-section/accordion-section';\nimport FlexView from '../../../ui/layout/flex-view';\nimport MinusIcon from '../../../../assets/line-icons/icons/minus';\nimport Image from '../../../ui/image/image';\nimport Text from '../../../ui/text/text';\nimport AccordionItem from '../accordion-item/accordion-item';\nimport * as Styled from './daily-timeline-items-styled';\nimport { getTimelineCardIcon } from '../utils';\nimport { type IDailyTimelineItemsProps } from './daily-timeline-items.types';\nimport { useUIContext } from '../../../ui/context/context';\nimport { TIMELINE_EVENTS } from '../constants';\n\nconst DailyTimelineItems: FC<IDailyTimelineItemsProps> = memo(props => {\n const {\n type,\n summary,\n cards,\n onPuzzleClick,\n onReviewClick,\n courseStream,\n shouldShowTag,\n userType,\n isLastItem,\n fromDate,\n studentId,\n } = props;\n const [isExpended, setIsExpended] = useState(false);\n\n const timelineIcon = useMemo(() => getTimelineCardIcon(type), [type]);\n const { onEvent: trackEvent } = useUIContext();\n\n const handleExpand = useCallback(\n (val: boolean) => {\n setIsExpended(val);\n\n trackEvent(\n val ? TIMELINE_EVENTS.TIMELINE_VIEW_EXPANDED : TIMELINE_EVENTS.TIMELINE_VIEW_COLLAPSED,\n {\n timeline_date: fromDate,\n student_id: studentId,\n timeline_section_type: type,\n timeline_section_subject: summary,\n },\n { mixpanel: true },\n );\n },\n [fromDate, trackEvent, studentId, type, summary],\n );\n\n return (\n <AccordionSection\n headerElement={\n <Styled.SectionContainer
|
|
1
|
+
{"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useState, type FC } from 'react';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport AccordionSection from '../../../ui/accordion-section/accordion-section';\nimport FlexView from '../../../ui/layout/flex-view';\nimport MinusIcon from '../../../../assets/line-icons/icons/minus';\nimport Image from '../../../ui/image/image';\nimport Text from '../../../ui/text/text';\nimport AccordionItem from '../accordion-item/accordion-item';\nimport * as Styled from './daily-timeline-items-styled';\nimport { getTimelineCardIcon } from '../utils';\nimport { type IDailyTimelineItemsProps } from './daily-timeline-items.types';\nimport { useUIContext } from '../../../ui/context/context';\nimport { TIMELINE_EVENTS } from '../constants';\n\nconst DailyTimelineItems: FC<IDailyTimelineItemsProps> = memo(props => {\n const {\n type,\n summary,\n cards,\n onPuzzleClick,\n onReviewClick,\n courseStream,\n shouldShowTag,\n userType,\n isLastItem,\n fromDate,\n studentId,\n } = props;\n const [isExpended, setIsExpended] = useState(false);\n const [shouldShowBorder, setShouldShowBorder] = useState(isLastItem);\n\n const timelineIcon = useMemo(() => getTimelineCardIcon(type), [type]);\n const { onEvent: trackEvent } = useUIContext();\n\n const handleExpand = useCallback(\n (val: boolean) => {\n setIsExpended(val);\n\n if (val) {\n setShouldShowBorder(false);\n } else {\n if (isLastItem) {\n setTimeout(() => {\n setShouldShowBorder(true);\n }, 220);\n } else {\n setShouldShowBorder(false);\n }\n }\n\n trackEvent(\n val ? TIMELINE_EVENTS.TIMELINE_VIEW_EXPANDED : TIMELINE_EVENTS.TIMELINE_VIEW_COLLAPSED,\n {\n timeline_date: fromDate,\n student_id: studentId,\n timeline_section_type: type,\n timeline_section_subject: summary,\n },\n { mixpanel: true },\n );\n },\n [fromDate, trackEvent, studentId, type, summary, isLastItem],\n );\n\n return (\n <AccordionSection\n headerElement={\n <Styled.SectionContainer $borderColor=\"BLACK_1\" $shouldAddBorder={shouldShowBorder}>\n {shouldShowTag && courseStream && (\n <Styled.TagContainer $position=\"absolute\" $background=\"BLACK_5\" $gutter={4}>\n <Text $renderAs=\"ab4-black\" $color=\"WHITE\">\n {courseStream}\n </Text>\n </Styled.TagContainer>\n )}\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n $heightX={4}\n $widthX={30}\n $gutterX={1}\n $gapX={1.32}\n >\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $flexGapX={1.125}\n >\n <FlexView>{timelineIcon && <Image src={timelineIcon} />}</FlexView>\n <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n {summary ?? ''}\n </Text>\n </FlexView>\n {isExpended ? (\n <MinusIcon width={20} height={20} />\n ) : (\n <PlusIcon width={20} height={20} />\n )}\n </FlexView>\n </Styled.SectionContainer>\n }\n bodyElement={\n cards.length > 0 ? (\n <Styled.SectionFooter\n $gutter={32}\n $borderColor={'BLACK_1'}\n $isExpanded={isExpended && !isLastItem}\n >\n {cards.map((card, index) => (\n <Styled.Card\n key={card.node_id ?? `card-${index}`}\n $isLastCard={index === cards.length - 1}\n >\n <AccordionItem\n card={card}\n onPuzzleClick={onPuzzleClick}\n onReviewClick={onReviewClick}\n type={type}\n userType={userType}\n />\n </Styled.Card>\n ))}\n </Styled.SectionFooter>\n ) : (\n <></>\n )\n }\n defaultVisible={false}\n onBodyVisibilityChange={handleExpand}\n />\n );\n});\n\nDailyTimelineItems.displayName = 'DailyTimelineItems';\n\nexport default DailyTimelineItems;\n"],"names":["DailyTimelineItems","memo","props","type","summary","cards","onPuzzleClick","onReviewClick","courseStream","shouldShowTag","userType","isLastItem","fromDate","studentId","isExpended","setIsExpended","useState","shouldShowBorder","setShouldShowBorder","timelineIcon","useMemo","getTimelineCardIcon","trackEvent","useUIContext","handleExpand","useCallback","val","TIMELINE_EVENTS","jsx","AccordionSection","Styled.SectionContainer","Styled.TagContainer","Text","jsxs","FlexView","Image","MinusIcon","PlusIcon","Styled.SectionFooter","card","index","Styled.Card","AccordionItem","Fragment"],"mappings":"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"}
|
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import i from "styled-components";
|
|
2
|
+
import o from "../ui/layout/flex-view.js";
|
|
3
|
+
const r = i(o)`
|
|
4
4
|
overflow-y: auto;
|
|
5
5
|
width: 100%;
|
|
6
|
-
|
|
6
|
+
scroll-behavior: smooth;
|
|
7
|
+
will-change: height;
|
|
8
|
+
`, h = i(o)`
|
|
7
9
|
max-width: 512px;
|
|
8
10
|
width: 100%;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
will-change: height;
|
|
12
|
+
`, a = i(o)`
|
|
13
|
+
margin-top: ${({ $addedMonthBreak: t }) => t ? "-108px" : "0"};
|
|
11
14
|
z-index: 1;
|
|
12
15
|
`;
|
|
13
16
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
+
a as DailyItems,
|
|
18
|
+
h as DailyTimelineContainer,
|
|
19
|
+
r as ScrollWrapper
|
|
17
20
|
};
|
|
18
21
|
//# sourceMappingURL=daily-timeline-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daily-timeline-styled.js","sources":["../../../src/features/timeline/daily-timeline-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\nconst ScrollWrapper = styled(FlexView)`\n overflow-y: auto;\n width: 100%;\n`;\n\nconst DailyTimelineContainer = styled(FlexView)`\n max-width: 512px;\n width: 100%;\n`;\n\nconst DailyItems = styled(FlexView)<{ $addedMonthBreak?: boolean }>`\n margin-top: ${({ $addedMonthBreak }) =>\n $addedMonthBreak\n ? '-108px' // 64px card height + 16px(separator) + 16(date text) + 12(separator)\n : '0'};\n z-index: 1;\n`;\n\nexport { DailyTimelineContainer, DailyItems, ScrollWrapper };\n"],"names":["ScrollWrapper","styled","FlexView","DailyTimelineContainer","DailyItems","$addedMonthBreak"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"daily-timeline-styled.js","sources":["../../../src/features/timeline/daily-timeline-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\nconst ScrollWrapper = styled(FlexView)`\n overflow-y: auto;\n width: 100%;\n scroll-behavior: smooth;\n will-change: height;\n`;\n\nconst DailyTimelineContainer = styled(FlexView)`\n max-width: 512px;\n width: 100%;\n will-change: height;\n`;\n\nconst DailyItems = styled(FlexView)<{ $addedMonthBreak?: boolean }>`\n margin-top: ${({ $addedMonthBreak }) =>\n $addedMonthBreak\n ? '-108px' // 64px card height + 16px(separator) + 16(date text) + 12(separator)\n : '0'};\n z-index: 1;\n`;\n\nexport { DailyTimelineContainer, DailyItems, ScrollWrapper };\n"],"names":["ScrollWrapper","styled","FlexView","DailyTimelineContainer","DailyItems","$addedMonthBreak"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAO/BC,IAAyBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMxCE,IAAaH,EAAOC,CAAQ;AAAA,gBAClB,CAAC,EAAE,kBAAAG,EAAA,MACfA,IACI,WACA,GAAG;AAAA;AAAA;"}
|
|
@@ -1,23 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
const r =
|
|
1
|
+
import e from "styled-components";
|
|
2
|
+
const r = e.div(({ $width: o }) => `
|
|
3
3
|
position: relative;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: Column;
|
|
6
|
-
width: ${
|
|
7
|
-
|
|
6
|
+
width: ${o ?? "auto"}${typeof o == "number" ? "px" : ""};
|
|
7
|
+
contain: layout style;
|
|
8
|
+
`), i = e.div(() => `
|
|
8
9
|
cursor: pointer;
|
|
9
10
|
-webkit-user-select: none;
|
|
10
11
|
-ms-user-select: none;
|
|
11
12
|
user-select: none;
|
|
12
13
|
overflow: hidden;
|
|
13
|
-
|
|
14
|
+
contain: layout style;
|
|
15
|
+
`), c = e.div(({ $visible: o, $overflow: t }) => `
|
|
14
16
|
position: relative;
|
|
15
|
-
max-height: ${
|
|
16
|
-
overflow: ${
|
|
17
|
+
max-height: ${o ? "1000vh" : 0};
|
|
18
|
+
overflow: ${t ?? "hidden"};
|
|
17
19
|
transform-origin: top;
|
|
18
|
-
transform: ${
|
|
19
|
-
opacity: ${
|
|
20
|
+
transform: ${o ? "scaleY(1)" : "scaleY(0)"};
|
|
21
|
+
opacity: ${o ? 1 : 0};
|
|
20
22
|
transition: all 0.2s ease-in-out;
|
|
23
|
+
will-change: transform, opacity, max-height;
|
|
21
24
|
`);
|
|
22
25
|
export {
|
|
23
26
|
c as AccordionSectionBody,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-section-styled.js","sources":["../../../../src/features/ui/accordion-section/accordion-section-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TStyleAttrubutes } from './accordion-section-types';\n\ninterface IAccordionSectionContainerProps {\n $width?: string | number;\n}\n\nconst AccordionSectionContainer = styled.div<IAccordionSectionContainerProps>(({ $width }) => {\n return `\n position: relative;\n display: flex;\n flex-direction: Column;\n width: ${$width ?? 'auto'}${typeof $width === 'number' ? 'px' : ''};\n `;\n});\n\nconst AccordionSectionHeader = styled.div(() => {\n return `\n cursor: pointer;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n `;\n});\n\ninterface IAccordionSectionBodyProps {\n $visible?: boolean;\n $overflow?: TStyleAttrubutes['overflow'];\n}\n\nconst AccordionSectionBody = styled.div<IAccordionSectionBodyProps>(({ $visible, $overflow }) => {\n return `\n position: relative;\n max-height: ${$visible ? '1000vh' : 0};\n overflow: ${$overflow ?? 'hidden'};\n transform-origin: top;\n transform: ${$visible ? 'scaleY(1)' : 'scaleY(0)'};\n opacity: ${$visible ? 1 : 0};\n transition: all 0.2s ease-in-out;\n `;\n});\n\nexport { AccordionSectionContainer, AccordionSectionBody, AccordionSectionHeader };\n"],"names":["AccordionSectionContainer","styled","$width","AccordionSectionHeader","AccordionSectionBody","$visible","$overflow"],"mappings":";AAQA,MAAMA,IAA4BC,EAAO,IAAqC,CAAC,EAAE,QAAAC,QACxE;AAAA;AAAA;AAAA;AAAA,aAIIA,KAAU,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,
|
|
1
|
+
{"version":3,"file":"accordion-section-styled.js","sources":["../../../../src/features/ui/accordion-section/accordion-section-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TStyleAttrubutes } from './accordion-section-types';\n\ninterface IAccordionSectionContainerProps {\n $width?: string | number;\n}\n\nconst AccordionSectionContainer = styled.div<IAccordionSectionContainerProps>(({ $width }) => {\n return `\n position: relative;\n display: flex;\n flex-direction: Column;\n width: ${$width ?? 'auto'}${typeof $width === 'number' ? 'px' : ''};\n contain: layout style;\n `;\n});\n\nconst AccordionSectionHeader = styled.div(() => {\n return `\n cursor: pointer;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n contain: layout style;\n `;\n});\n\ninterface IAccordionSectionBodyProps {\n $visible?: boolean;\n $overflow?: TStyleAttrubutes['overflow'];\n}\n\nconst AccordionSectionBody = styled.div<IAccordionSectionBodyProps>(({ $visible, $overflow }) => {\n return `\n position: relative;\n max-height: ${$visible ? '1000vh' : 0};\n overflow: ${$overflow ?? 'hidden'};\n transform-origin: top;\n transform: ${$visible ? 'scaleY(1)' : 'scaleY(0)'};\n opacity: ${$visible ? 1 : 0};\n transition: all 0.2s ease-in-out;\n will-change: transform, opacity, max-height;\n `;\n});\n\nexport { AccordionSectionContainer, AccordionSectionBody, AccordionSectionHeader };\n"],"names":["AccordionSectionContainer","styled","$width","AccordionSectionHeader","AccordionSectionBody","$visible","$overflow"],"mappings":";AAQA,MAAMA,IAA4BC,EAAO,IAAqC,CAAC,EAAE,QAAAC,QACxE;AAAA;AAAA;AAAA;AAAA,aAIIA,KAAU,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA;AAAA,KAGrE,GAEKC,IAAyBF,EAAO,IAAI,MACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQR,GAOKG,IAAuBH,EAAO,IAAgC,CAAC,EAAE,UAAAI,GAAU,WAAAC,QACxE;AAAA;AAAA,kBAESD,IAAW,WAAW,CAAC;AAAA,gBACzBC,KAAa,QAAQ;AAAA;AAAA,iBAEpBD,IAAW,cAAc,WAAW;AAAA,eACtCA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA,GAI9B;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
var R = /* @__PURE__ */ ((A) => (A.LEGACY = "LEGACY", A.LEARNING = "LEARNING", A.REMEDIAL = "REMEDIAL", A.GENERAL = "GENERAL", A.SAT_MATH_RECAP = "SAT_MATH_RECAP", A.SAT_MATH_LEARNING = "SAT_MATH_LEARNING", A.SAT_MATH_ASSESSMENT = "SAT_MATH_ASSESSMENT", A.SAT_ENGLISH_RECAP = "SAT_ENGLISH_RECAP", A.SAT_ENGLISH_LEARNING = "SAT_ENGLISH_LEARNING", A.SAT_ENGLISH_ASSESSMENT = "SAT_ENGLISH_ASSESSMENT", A.LEVEL3 = "LEVEL3", A.RECAP = "RECAP", A.REVISION = "REVISION", A.LEVEL2 = "LEVEL2", A.TARGET_PRACTICE = "TARGET_PRACTICE", A.PRACTICE = "PRACTICE", A.EXTRA_PRACTICE = "EXTRA_PRACTICE", A.PUZZLE_EASY = "PUZZLE_EASY", A.PUZZLE_MEDIUM = "PUZZLE_MEDIUM", A.PUZZLE_HARD = "PUZZLE_HARD", A.CHAPTER_ASSESSMENT = "CHAPTER_ASSESSMENT", A.ASSESSMENT = "ASSESSMENT", A.TRIAL_DIAGNOSTIC = "TRIAL_DIAGNOSTIC", A.TRIAL_BASIC = "TRIAL_BASIC", A.TRIAL_INTERMEDIATE = "TRIAL_INTERMEDIATE", A.TRIAL_ADVANCED = "TRIAL_ADVANCED", A.MASTERY = "MASTERY", A.PUZZLE_CARD = "PUZZLE_CARD", A))(R || {});
|
|
2
|
+
export {
|
|
3
|
+
R as NODE_TYPES
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=worksheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"worksheet.js","sources":["../../../src/types/models/worksheet.ts"],"sourcesContent":["import type { IChannelMessage } from '@cuemath/cue-message-broker';\n\nimport type { TLPARSheetAttemptState } from '../../features/chapters/lpar-chapter/block-section/sheet-item/sheet-item-type';\nimport type {\n TSheetAttemptLocation,\n TSheetStateProps,\n} from '../../features/sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { THueNames } from '../../features/ui/types';\n\nexport type TNodeTypes =\n | 'LEGACY'\n | 'LEARNING'\n | 'REMEDIAL'\n | 'GENERAL'\n | 'SAT_MATH_RECAP'\n | 'SAT_MATH_LEARNING'\n | 'SAT_MATH_ASSESSMENT'\n | 'SAT_ENGLISH_RECAP'\n | 'SAT_ENGLISH_LEARNING'\n | 'SAT_ENGLISH_ASSESSMENT'\n | 'LEVEL3'\n | 'RECAP'\n | 'REVISION'\n | 'LEVEL2'\n | 'TARGET_PRACTICE'\n | 'PRACTICE'\n | 'EXTRA_PRACTICE'\n | 'PUZZLE_EASY'\n | 'PUZZLE_MEDIUM'\n | 'PUZZLE_HARD'\n | 'CHAPTER_ASSESSMENT'\n | 'ASSESSMENT'\n | 'TRIAL_DIAGNOSTIC'\n | 'TRIAL_BASIC'\n | 'TRIAL_INTERMEDIATE'\n | 'TRIAL_ADVANCED'\n | 'MASTERY'\n | 'DYNAMIC'\n | 'TURING_ASSESSMENT'\n | 'TURING_SUBJECTIVE'\n | 'TURING_PRACTICE'\n | 'DIAGNOSTIC'\n | 'SUBJECTIVE'\n | 'VIDEO'\n | 'PUZZLE_CARD';\n\nexport enum NODE_TYPES {\n 'LEGACY' = 'LEGACY',\n 'LEARNING' = 'LEARNING',\n 'REMEDIAL' = 'REMEDIAL',\n 'GENERAL' = 'GENERAL',\n 'SAT_MATH_RECAP' = 'SAT_MATH_RECAP',\n 'SAT_MATH_LEARNING' = 'SAT_MATH_LEARNING',\n 'SAT_MATH_ASSESSMENT' = 'SAT_MATH_ASSESSMENT',\n 'SAT_ENGLISH_RECAP' = 'SAT_ENGLISH_RECAP',\n 'SAT_ENGLISH_LEARNING' = 'SAT_ENGLISH_LEARNING',\n 'SAT_ENGLISH_ASSESSMENT' = 'SAT_ENGLISH_ASSESSMENT',\n 'LEVEL3' = 'LEVEL3',\n 'RECAP' = 'RECAP',\n 'REVISION' = 'REVISION',\n 'LEVEL2' = 'LEVEL2',\n 'TARGET_PRACTICE' = 'TARGET_PRACTICE',\n 'PRACTICE' = 'PRACTICE',\n 'EXTRA_PRACTICE' = 'EXTRA_PRACTICE',\n 'PUZZLE_EASY' = 'PUZZLE_EASY',\n 'PUZZLE_MEDIUM' = 'PUZZLE_MEDIUM',\n 'PUZZLE_HARD' = 'PUZZLE_HARD',\n 'CHAPTER_ASSESSMENT' = 'CHAPTER_ASSESSMENT',\n 'ASSESSMENT' = 'ASSESSMENT',\n 'TRIAL_DIAGNOSTIC' = 'TRIAL_DIAGNOSTIC',\n 'TRIAL_BASIC' = 'TRIAL_BASIC',\n 'TRIAL_INTERMEDIATE' = 'TRIAL_INTERMEDIATE',\n 'TRIAL_ADVANCED' = 'TRIAL_ADVANCED',\n 'MASTERY' = 'MASTERY',\n 'PUZZLE_CARD' = 'PUZZLE_CARD',\n}\n\nexport interface IWorksheetModel {\n name: string;\n learnosity_activity_ref: string;\n is_lesson_v3_enabled: boolean;\n desmos_calculator_enabled: boolean;\n image_hue: THueNames | null;\n}\n\nexport interface IWorksheetAttemptModel {\n id: string; // userAttemptId\n node_id: string;\n user_node_id: string;\n node_type: TNodeTypes;\n is_timed: boolean;\n timer_type: 'FLEXIBLE' | 'FIXED' | null;\n sheet_time: number;\n time_spent: number;\n vm_time_spent: number | null;\n started_on_ts: number | null; // epoch time\n completed_on_ts: number | null; // epoch time\n scheduled_start_ts: number | null; // epoch time\n scheduled_end_ts: number | null; // epoch time\n break_interval: number;\n chapter_name: string | null;\n is_worksheet_v3: boolean | null;\n is_lesson_v3_enabled: boolean;\n user_chapter_id?: string | null;\n desmos_calculator_enabled: boolean;\n due_date: number | null;\n state: TLPARSheetAttemptState;\n canvas_data?: Array<IChannelMessage>;\n image_hue?: THueNames | null;\n feedback_comments?: string | null;\n user_block_id?: string | null;\n}\n\nexport interface IWorksheetModelV3 extends IWorksheetAttemptModel {\n permissions: {\n can_attempt: boolean;\n can_change_attempt_location: boolean;\n can_mark_familiar: boolean;\n can_reattempt: boolean;\n can_reset: boolean;\n can_resume: boolean;\n can_review: boolean;\n can_start: boolean;\n can_teacher_review: boolean;\n can_teacher_score: boolean;\n can_unlock: boolean;\n can_view_solution: boolean;\n is_review_disabled: boolean;\n };\n}\n\ninterface IWorksheetPermissionV2 {\n access: boolean;\n code: string;\n reason: string;\n}\n\nexport interface IResumeWorksheetModel extends IWorksheetAttemptModel {\n worksheet_name: string;\n signed_request: string;\n questions_signed_request: string;\n player_config: {\n minimumAccuracy: number;\n validation: boolean;\n }; // this is needed as we are using thsi in submit\n user_attempt_id: string;\n permissions: {\n can_access: IWorksheetPermissionV2;\n can_do: IWorksheetPermissionV2;\n };\n learnosity_activity_ref: string;\n}\n\ntype TWorksheetItems = {\n ref: string;\n};\n\nexport interface IReviewWorksheetModel {\n signed_request: string;\n questions_signed_request: string;\n attempt: IWorksheetAttemptModel;\n worksheet: IWorksheetModel;\n chapter_name?: string;\n node_id?: string;\n sheet_time?: number;\n time_spent?: number;\n is_timed?: boolean;\n attempt_location: TSheetAttemptLocation;\n state?: TSheetStateProps;\n marked_as_completed?: boolean;\n mastery_summary: Record<string, unknown>;\n title?: string;\n worksheet_id?: string;\n node_type: TNodeTypes;\n items?: TWorksheetItems[];\n}\n\nexport interface IPreviewWorksheetModel {\n signed_request: string;\n questions_signed_request: string;\n worksheet_name: string;\n}\n"],"names":["NODE_TYPES"],"mappings":"AA8CY,IAAAA,sBAAAA,OACVA,EAAA,SAAW,UACXA,EAAA,WAAa,YACbA,EAAA,WAAa,YACbA,EAAA,UAAY,WACZA,EAAA,iBAAmB,kBACnBA,EAAA,oBAAsB,qBACtBA,EAAA,sBAAwB,uBACxBA,EAAA,oBAAsB,qBACtBA,EAAA,uBAAyB,wBACzBA,EAAA,yBAA2B,0BAC3BA,EAAA,SAAW,UACXA,EAAA,QAAU,SACVA,EAAA,WAAa,YACbA,EAAA,SAAW,UACXA,EAAA,kBAAoB,mBACpBA,EAAA,WAAa,YACbA,EAAA,iBAAmB,kBACnBA,EAAA,cAAgB,eAChBA,EAAA,gBAAkB,iBAClBA,EAAA,cAAgB,eAChBA,EAAA,qBAAuB,sBACvBA,EAAA,aAAe,cACfA,EAAA,mBAAqB,oBACrBA,EAAA,cAAgB,eAChBA,EAAA,qBAAuB,sBACvBA,EAAA,iBAAmB,kBACnBA,EAAA,UAAY,WACZA,EAAA,cAAgB,eA5BNA,IAAAA,KAAA,CAAA,CAAA;"}
|