@cuemath/leap 3.0.29-aa0 → 3.0.30
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/assets/line-icons/icons/check.js +3 -3
- package/dist/assets/line-icons/icons/check.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-context.js +5 -8
- package/dist/features/cue-canvas/cue-canvas-context.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-core.js +70 -68
- package/dist/features/cue-canvas/cue-canvas-core.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-helpers.js +25 -31
- package/dist/features/cue-canvas/cue-canvas-helpers.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-provider.js +12 -14
- package/dist/features/cue-canvas/cue-canvas-provider.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas.js +66 -85
- package/dist/features/cue-canvas/cue-canvas.js.map +1 -1
- package/dist/features/cue-canvas/cue-cavas-styled.js +42 -45
- package/dist/features/cue-canvas/cue-cavas-styled.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js +54 -61
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js +14 -18
- package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/grid-menu.js +13 -13
- package/dist/features/cue-canvas/toolbar/grid-menu.js.map +1 -1
- package/dist/features/homework/styles.js +5 -4
- package/dist/features/homework/styles.js.map +1 -1
- package/dist/features/ui/stepper/stepper.js +7 -7
- package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js +19 -22
- package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js.map +1 -1
- package/dist/index.d.ts +2 -48
- package/dist/index.js +180 -184
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
- package/dist/assets/line-icons/icons/puzzle-icon.js +0 -51
- package/dist/assets/line-icons/icons/puzzle-icon.js.map +0 -1
- package/dist/assets/line-icons/icons/share.js +0 -48
- package/dist/assets/line-icons/icons/share.js.map +0 -1
- package/dist/assets/line-icons/icons/tile.js +0 -54
- package/dist/assets/line-icons/icons/tile.js.map +0 -1
- package/dist/features/cue-canvas/bottombar/homework-controls.js +0 -73
- package/dist/features/cue-canvas/bottombar/homework-controls.js.map +0 -1
- package/dist/features/cue-canvas/hooks/use-upload-helper.js +0 -23
- package/dist/features/cue-canvas/hooks/use-upload-helper.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/helper.js +0 -20
- package/dist/features/cue-canvas/sidebar/homework/helper.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-menu.js +0 -33
- package/dist/features/cue-canvas/sidebar/homework/homework-menu.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-request.js +0 -68
- package/dist/features/cue-canvas/sidebar/homework/homework-request.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-styled.js +0 -25
- package/dist/features/cue-canvas/sidebar/homework/homework-styled.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework.js +0 -39
- package/dist/features/cue-canvas/sidebar/homework/homework.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js +0 -13
- package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js +0 -60
- package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js +0 -44
- package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filters.js +0 -107
- package/dist/features/cue-canvas/sidebar/puzzles/filters.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js +0 -42
- package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js +0 -84
- package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js +0 -36
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu.js +0 -133
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js +0 -96
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js +0 -29
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/utils.js +0 -120
- package/dist/features/cue-canvas/sidebar/puzzles/utils.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/sidebar-styled.js +0 -32
- package/dist/features/cue-canvas/sidebar/sidebar-styled.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/sidebar.js +0 -29
- package/dist/features/cue-canvas/sidebar/sidebar.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/tiles/tile.js +0 -16
- package/dist/features/cue-canvas/sidebar/tiles/tile.js.map +0 -1
- package/dist/features/hooks/use-debounce.js +0 -16
- package/dist/features/hooks/use-debounce.js.map +0 -1
@@ -1,51 +0,0 @@
|
|
1
|
-
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
2
|
-
const e = (c) => /* @__PURE__ */ l(
|
3
|
-
"svg",
|
4
|
-
{
|
5
|
-
width: "20",
|
6
|
-
height: "20",
|
7
|
-
viewBox: "0 0 20 20",
|
8
|
-
fill: "none",
|
9
|
-
xmlns: "http://www.w3.org/2000/svg",
|
10
|
-
...c,
|
11
|
-
children: [
|
12
|
-
/* @__PURE__ */ r(
|
13
|
-
"path",
|
14
|
-
{
|
15
|
-
d: "M4.84375 5.78632L4.84375 4.37218C4.84375 3.98865 5.15466 3.67773 5.53819 3.67773H7.11038",
|
16
|
-
stroke: "currentColor",
|
17
|
-
strokeWidth: "1.39167"
|
18
|
-
}
|
19
|
-
),
|
20
|
-
/* @__PURE__ */ r(
|
21
|
-
"path",
|
22
|
-
{
|
23
|
-
d: "M14.6472 16.5289L17.3453 4.68253C17.4304 4.30858 17.1963 3.93638 16.8224 3.85121L10.0307 2.30435C9.67373 2.22305 9.31497 2.43282 9.21075 2.78377L8.31911 5.78642",
|
24
|
-
stroke: "currentColor",
|
25
|
-
strokeWidth: "1.39167"
|
26
|
-
}
|
27
|
-
),
|
28
|
-
/* @__PURE__ */ r(
|
29
|
-
"rect",
|
30
|
-
{
|
31
|
-
x: "3.33325",
|
32
|
-
y: "7.59961",
|
33
|
-
width: "9.0665",
|
34
|
-
height: "9.0665",
|
35
|
-
rx: "0.694444",
|
36
|
-
fill: "#F6F6F6",
|
37
|
-
stroke: "currentColor",
|
38
|
-
strokeWidth: "1.39167"
|
39
|
-
}
|
40
|
-
),
|
41
|
-
/* @__PURE__ */ r("circle", { cx: "6.29508", cy: "10.563", r: "0.695833", fill: "black" }),
|
42
|
-
/* @__PURE__ */ r("circle", { cx: "6.29508", cy: "13.7359", r: "0.695833", fill: "black" }),
|
43
|
-
/* @__PURE__ */ r("circle", { cx: "9.4689", cy: "10.563", r: "0.695833", fill: "black" }),
|
44
|
-
/* @__PURE__ */ r("circle", { cx: "9.4689", cy: "13.7359", r: "0.695833", fill: "black" })
|
45
|
-
]
|
46
|
-
}
|
47
|
-
);
|
48
|
-
export {
|
49
|
-
e as default
|
50
|
-
};
|
51
|
-
//# sourceMappingURL=puzzle-icon.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"puzzle-icon.js","sources":["../../../../src/assets/line-icons/icons/puzzle-icon.tsx"],"sourcesContent":["const PuzzleIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M4.84375 5.78632L4.84375 4.37218C4.84375 3.98865 5.15466 3.67773 5.53819 3.67773H7.11038\"\n stroke=\"currentColor\"\n strokeWidth=\"1.39167\"\n />\n <path\n d=\"M14.6472 16.5289L17.3453 4.68253C17.4304 4.30858 17.1963 3.93638 16.8224 3.85121L10.0307 2.30435C9.67373 2.22305 9.31497 2.43282 9.21075 2.78377L8.31911 5.78642\"\n stroke=\"currentColor\"\n strokeWidth=\"1.39167\"\n />\n <rect\n x=\"3.33325\"\n y=\"7.59961\"\n width=\"9.0665\"\n height=\"9.0665\"\n rx=\"0.694444\"\n fill=\"#F6F6F6\"\n stroke=\"currentColor\"\n strokeWidth=\"1.39167\"\n />\n <circle cx=\"6.29508\" cy=\"10.563\" r=\"0.695833\" fill=\"black\" />\n <circle cx=\"6.29508\" cy=\"13.7359\" r=\"0.695833\" fill=\"black\" />\n <circle cx=\"9.4689\" cy=\"10.563\" r=\"0.695833\" fill=\"black\" />\n <circle cx=\"9.4689\" cy=\"13.7359\" r=\"0.695833\" fill=\"black\" />\n </svg>\n);\n\nexport default PuzzleIcon;\n"],"names":["PuzzleIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAsD,CAC1DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UACP,IAAG;AAAA,UACH,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,UAAS,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC3D,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC5D,gBAAAA,EAAC,YAAO,IAAG,UAAS,IAAG,UAAS,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC1D,gBAAAA,EAAC,YAAO,IAAG,UAAS,IAAG,WAAU,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,IAAA;AAAA,EAAA;AAC7D;"}
|
@@ -1,48 +0,0 @@
|
|
1
|
-
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
2
|
-
const s = (o) => /* @__PURE__ */ t(
|
3
|
-
"svg",
|
4
|
-
{
|
5
|
-
width: "21",
|
6
|
-
height: "20",
|
7
|
-
viewBox: "0 0 21 20",
|
8
|
-
fill: "none",
|
9
|
-
xmlns: "http://www.w3.org/2000/svg",
|
10
|
-
...o,
|
11
|
-
children: [
|
12
|
-
/* @__PURE__ */ e(
|
13
|
-
"path",
|
14
|
-
{
|
15
|
-
d: "M14.6667 10.6951V14.8618C14.6667 15.2301 14.5203 15.5834 14.2599 15.8439C13.9994 16.1043 13.6461 16.2507 13.2778 16.2507H5.63889C5.27053 16.2507 4.91726 16.1043 4.6568 15.8439C4.39633 15.5834 4.25 15.2301 4.25 14.8618V7.22287C4.25 6.85452 4.39633 6.50125 4.6568 6.24078C4.91726 5.98031 5.27053 5.83398 5.63889 5.83398H9.80556",
|
16
|
-
stroke: "#2B2B2B",
|
17
|
-
strokeWidth: "1.66667",
|
18
|
-
strokeLinecap: "square",
|
19
|
-
strokeLinejoin: "round"
|
20
|
-
}
|
21
|
-
),
|
22
|
-
/* @__PURE__ */ e(
|
23
|
-
"path",
|
24
|
-
{
|
25
|
-
d: "M12.5835 3.75H16.7502V7.91667",
|
26
|
-
stroke: "#2B2B2B",
|
27
|
-
strokeWidth: "1.66667",
|
28
|
-
strokeLinecap: "square",
|
29
|
-
strokeLinejoin: "round"
|
30
|
-
}
|
31
|
-
),
|
32
|
-
/* @__PURE__ */ e(
|
33
|
-
"path",
|
34
|
-
{
|
35
|
-
d: "M9.11133 11.3898L16.0558 4.44531",
|
36
|
-
stroke: "#2B2B2B",
|
37
|
-
strokeWidth: "1.66667",
|
38
|
-
strokeLinecap: "square",
|
39
|
-
strokeLinejoin: "round"
|
40
|
-
}
|
41
|
-
)
|
42
|
-
]
|
43
|
-
}
|
44
|
-
);
|
45
|
-
export {
|
46
|
-
s as default
|
47
|
-
};
|
48
|
-
//# sourceMappingURL=share.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"share.js","sources":["../../../../src/assets/line-icons/icons/share.tsx"],"sourcesContent":["const ShareIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n width=\"21\"\n height=\"20\"\n viewBox=\"0 0 21 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M14.6667 10.6951V14.8618C14.6667 15.2301 14.5203 15.5834 14.2599 15.8439C13.9994 16.1043 13.6461 16.2507 13.2778 16.2507H5.63889C5.27053 16.2507 4.91726 16.1043 4.6568 15.8439C4.39633 15.5834 4.25 15.2301 4.25 14.8618V7.22287C4.25 6.85452 4.39633 6.50125 4.6568 6.24078C4.91726 5.98031 5.27053 5.83398 5.63889 5.83398H9.80556\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.66667\"\n strokeLinecap=\"square\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12.5835 3.75H16.7502V7.91667\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.66667\"\n strokeLinecap=\"square\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M9.11133 11.3898L16.0558 4.44531\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.66667\"\n strokeLinecap=\"square\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nexport default ShareIcon;\n"],"names":["ShareIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAqD,CACzDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AACF;"}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
2
|
-
const o = (e) => /* @__PURE__ */ i(
|
3
|
-
"svg",
|
4
|
-
{
|
5
|
-
className: "tile-icon",
|
6
|
-
width: "32",
|
7
|
-
height: "32",
|
8
|
-
viewBox: "0 0 32 32",
|
9
|
-
fill: "none",
|
10
|
-
xmlns: "http://www.w3.org/2000/svg",
|
11
|
-
...e,
|
12
|
-
children: [
|
13
|
-
/* @__PURE__ */ t("rect", { x: "0.5", y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
|
14
|
-
/* @__PURE__ */ t("rect", { x: "0.5", y: "0.5", width: "31", height: "31", rx: "15.5", stroke: "white" }),
|
15
|
-
/* @__PURE__ */ t(
|
16
|
-
"rect",
|
17
|
-
{
|
18
|
-
x: "8.5",
|
19
|
-
y: "16",
|
20
|
-
width: "5.83333",
|
21
|
-
height: "6.66667",
|
22
|
-
rx: "0.833333",
|
23
|
-
stroke: "#2B2B2B",
|
24
|
-
strokeWidth: "1.39167",
|
25
|
-
strokeLinejoin: "round"
|
26
|
-
}
|
27
|
-
),
|
28
|
-
/* @__PURE__ */ t(
|
29
|
-
"circle",
|
30
|
-
{
|
31
|
-
cx: "20.1667",
|
32
|
-
cy: "19.2542",
|
33
|
-
r: "3.33333",
|
34
|
-
stroke: "#2B2B2B",
|
35
|
-
strokeWidth: "1.39167",
|
36
|
-
strokeLinejoin: "round"
|
37
|
-
}
|
38
|
-
),
|
39
|
-
/* @__PURE__ */ t(
|
40
|
-
"path",
|
41
|
-
{
|
42
|
-
d: "M18.8222 13.6583H11.7094C10.9896 13.6583 10.6084 12.8073 11.0875 12.2702L14.644 8.28391C14.9753 7.91249 15.5563 7.9125 15.8876 8.28391L19.444 12.2702C19.9232 12.8073 19.542 13.6583 18.8222 13.6583Z",
|
43
|
-
stroke: "#2B2B2B",
|
44
|
-
strokeWidth: "1.39167",
|
45
|
-
strokeLinejoin: "round"
|
46
|
-
}
|
47
|
-
)
|
48
|
-
]
|
49
|
-
}
|
50
|
-
);
|
51
|
-
export {
|
52
|
-
o as default
|
53
|
-
};
|
54
|
-
//# sourceMappingURL=tile.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tile.js","sources":["../../../../src/assets/line-icons/icons/tile.tsx"],"sourcesContent":["const TileIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n className=\"tile-icon\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"31\" height=\"31\" rx=\"15.5\" fill=\"white\" />\n <rect x=\"0.5\" y=\"0.5\" width=\"31\" height=\"31\" rx=\"15.5\" stroke=\"white\" />\n <rect\n x=\"8.5\"\n y=\"16\"\n width=\"5.83333\"\n height=\"6.66667\"\n rx=\"0.833333\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.39167\"\n strokeLinejoin=\"round\"\n />\n <circle\n cx=\"20.1667\"\n cy=\"19.2542\"\n r=\"3.33333\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.39167\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.8222 13.6583H11.7094C10.9896 13.6583 10.6084 12.8073 11.0875 12.2702L14.644 8.28391C14.9753 7.91249 15.5563 7.9125 15.8876 8.28391L19.444 12.2702C19.9232 12.8073 19.542 13.6583 18.8222 13.6583Z\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.39167\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nexport default TileIcon;\n"],"names":["TileIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAoD,CACxDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,OAAM,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,IAAG,QAAO,MAAK,SAAQ;AAAA,MACnE,gBAAAA,EAAA,QAAA,EAAK,GAAE,OAAM,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,IAAG,QAAO,QAAO,SAAQ;AAAA,MACtE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UACP,IAAG;AAAA,UACH,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AACF;"}
|
@@ -1,73 +0,0 @@
|
|
1
|
-
import { jsx as n, jsxs as g } from "react/jsx-runtime";
|
2
|
-
import { memo as b, useState as w, useCallback as i } from "react";
|
3
|
-
import k from "../../../assets/line-icons/icons/check.js";
|
4
|
-
import y from "../../../assets/line-icons/icons/share.js";
|
5
|
-
import f from "../../ui/buttons/button/button.js";
|
6
|
-
import p from "../../ui/layout/flex-view.js";
|
7
|
-
import I from "../../ui/separator/separator.js";
|
8
|
-
import B from "../../ui/text/text.js";
|
9
|
-
import { dataURIToBlob as x } from "../cue-canvas-helpers.js";
|
10
|
-
import { useCueCanvasActions as A } from "../hooks/use-cue-canvas-actions.js";
|
11
|
-
const S = (h) => {
|
12
|
-
const { width: c, onSendImageToChat: t, onMarkAsResolved: s } = h, { homeworkId: o, activeInstance: r, setHomeworkId: l } = A(), [m, u] = w(!1), a = i(() => {
|
13
|
-
r == null || r.clearCanvas(), l(void 0), u(!1);
|
14
|
-
}, [r, l]), d = i(async () => {
|
15
|
-
if (!r) return;
|
16
|
-
const e = await (r == null ? void 0 : r.getCanvasAsImage());
|
17
|
-
return e ? [x(e)] : void 0;
|
18
|
-
}, [r]), $ = i(async () => {
|
19
|
-
const e = await d();
|
20
|
-
!o || !t || !e || t == null || t(o, e, a);
|
21
|
-
}, [d, o, t, a]), C = i(() => {
|
22
|
-
o && (u(!0), s == null || s(o, a));
|
23
|
-
}, [o, s, a]);
|
24
|
-
return o ? m ? /* @__PURE__ */ n(
|
25
|
-
p,
|
26
|
-
{
|
27
|
-
$gapX: 1,
|
28
|
-
$gutterX: 0.5,
|
29
|
-
$alignItems: "center",
|
30
|
-
$justifyContent: "center",
|
31
|
-
$width: c,
|
32
|
-
$background: "YELLOW_1",
|
33
|
-
children: /* @__PURE__ */ n(B, { $renderAs: "body3", $color: "BLACK", children: "Resolving...." })
|
34
|
-
}
|
35
|
-
) : /* @__PURE__ */ g(
|
36
|
-
p,
|
37
|
-
{
|
38
|
-
$flexDirection: "row",
|
39
|
-
$gapX: 1,
|
40
|
-
$gutterX: 0.5,
|
41
|
-
$alignItems: "center",
|
42
|
-
$justifyContent: "center",
|
43
|
-
$width: c,
|
44
|
-
$background: "YELLOW_1",
|
45
|
-
children: [
|
46
|
-
/* @__PURE__ */ n(
|
47
|
-
f,
|
48
|
-
{
|
49
|
-
label: "Mark as reolved",
|
50
|
-
onClick: C,
|
51
|
-
renderAs: "primary",
|
52
|
-
Icon: k,
|
53
|
-
busy: m
|
54
|
-
}
|
55
|
-
),
|
56
|
-
/* @__PURE__ */ n(I, { width: 16 }),
|
57
|
-
/* @__PURE__ */ n(
|
58
|
-
f,
|
59
|
-
{
|
60
|
-
label: "Send CueBoard image to chat",
|
61
|
-
onClick: $,
|
62
|
-
renderAs: "primary",
|
63
|
-
Icon: y
|
64
|
-
}
|
65
|
-
)
|
66
|
-
]
|
67
|
-
}
|
68
|
-
) : null;
|
69
|
-
}, _ = b(S);
|
70
|
-
export {
|
71
|
-
_ as default
|
72
|
-
};
|
73
|
-
//# sourceMappingURL=homework-controls.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"homework-controls.js","sources":["../../../../src/features/cue-canvas/bottombar/homework-controls.tsx"],"sourcesContent":["import type { IHomeWorkControllerProps } from './bottombar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CheckIcon from '../../../assets/line-icons/icons/check';\nimport ShareIcon from '../../../assets/line-icons/icons/share';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { dataURIToBlob } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\n\nconst HomeworkController: FC<IHomeWorkControllerProps> = props => {\n const { width, onSendImageToChat, onMarkAsResolved } = props;\n const { homeworkId, activeInstance, setHomeworkId } = useCueCanvasActions();\n const [isBusy, setIsBusy] = useState(false);\n\n const onSuccess = useCallback(() => {\n activeInstance?.clearCanvas();\n setHomeworkId(undefined);\n setIsBusy(false);\n }, [activeInstance, setHomeworkId]);\n\n const getBoardSnapshot = useCallback(async () => {\n if (!activeInstance) return;\n\n const snapshot = await activeInstance?.getCanvasAsImage();\n\n if (!snapshot) {\n return;\n }\n\n const blobdata = dataURIToBlob(snapshot);\n\n return [blobdata];\n }, [activeInstance]);\n\n const handleSendImageToChat = useCallback(async () => {\n const snapshot = await getBoardSnapshot();\n\n if (!homeworkId || !onSendImageToChat || !snapshot) return;\n\n onSendImageToChat?.(homeworkId, snapshot, onSuccess);\n }, [getBoardSnapshot, homeworkId, onSendImageToChat, onSuccess]);\n\n const handleMarkAsResolved = useCallback(() => {\n if (!homeworkId) return;\n setIsBusy(true);\n onMarkAsResolved?.(homeworkId, onSuccess);\n }, [homeworkId, onMarkAsResolved, onSuccess]);\n\n if (!homeworkId) return null;\n\n if (isBusy) {\n return (\n <FlexView\n $gapX={1}\n $gutterX={0.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width={width}\n $background=\"YELLOW_1\"\n >\n <Text $renderAs=\"body3\" $color=\"BLACK\">\n Resolving....\n </Text>\n </FlexView>\n );\n }\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $gapX={1}\n $gutterX={0.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width={width}\n $background=\"YELLOW_1\"\n >\n <Button\n label=\"Mark as reolved\"\n onClick={handleMarkAsResolved}\n renderAs={'primary'}\n Icon={CheckIcon}\n busy={isBusy}\n />\n <Separator width={16} />\n <Button\n label=\"Send CueBoard image to chat\"\n onClick={handleSendImageToChat}\n renderAs={'primary'}\n Icon={ShareIcon}\n />\n </FlexView>\n );\n};\n\nexport default memo(HomeworkController);\n"],"names":["HomeworkController","props","width","onSendImageToChat","onMarkAsResolved","homeworkId","activeInstance","setHomeworkId","useCueCanvasActions","isBusy","setIsBusy","useState","onSuccess","useCallback","getBoardSnapshot","snapshot","dataURIToBlob","handleSendImageToChat","handleMarkAsResolved","jsx","FlexView","Text","jsxs","Button","CheckIcon","Separator","ShareIcon","homeworkControls","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAmD,CAASC,MAAA;AAChE,QAAM,EAAE,OAAAC,GAAO,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBH,GACjD,EAAE,YAAAI,GAAY,gBAAAC,GAAgB,eAAAC,MAAkBC,EAAoB,GACpE,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAYC,EAAY,MAAM;AAClC,IAAAP,KAAA,QAAAA,EAAgB,eAChBC,EAAc,MAAS,GACvBG,EAAU,EAAK;AAAA,EAAA,GACd,CAACJ,GAAgBC,CAAa,CAAC,GAE5BO,IAAmBD,EAAY,YAAY;AAC/C,QAAI,CAACP,EAAgB;AAEf,UAAAS,IAAW,OAAMT,KAAA,gBAAAA,EAAgB;AAEvC,WAAKS,IAME,CAFUC,EAAcD,CAAQ,CAEvB,IALd;AAAA,EAKc,GACf,CAACT,CAAc,CAAC,GAEbW,IAAwBJ,EAAY,YAAY;AAC9C,UAAAE,IAAW,MAAMD;AAEvB,IAAI,CAACT,KAAc,CAACF,KAAqB,CAACY,KAEtBZ,KAAA,QAAAA,EAAAE,GAAYU,GAAUH;AAAA,KACzC,CAACE,GAAkBT,GAAYF,GAAmBS,CAAS,CAAC,GAEzDM,IAAuBL,EAAY,MAAM;AAC7C,IAAKR,MACLK,EAAU,EAAI,GACdN,KAAA,QAAAA,EAAmBC,GAAYO;AAAA,EAC9B,GAAA,CAACP,GAAYD,GAAkBQ,CAAS,CAAC;AAExC,SAACP,IAEDI,IAEA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,4BAACmB,GAAK,EAAA,WAAU,SAAQ,QAAO,SAAQ,UAEvC,iBAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAC;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASL;AAAA,YACT,UAAU;AAAA,YACV,MAAMM;AAAA,YACN,MAAMf;AAAA,UAAA;AAAA,QACR;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,QACtB,gBAAAN;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASN;AAAA,YACT,UAAU;AAAA,YACV,MAAMS;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA1CoB;AA6C1B,GAEeC,IAAAC,EAAK5B,CAAkB;"}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { useRef as d, useCallback as c } from "react";
|
2
|
-
import m from "../../worksheet/worksheet/hooks/use-s3-helper.js";
|
3
|
-
const p = { type: "cuemath_whiteboard" }, h = (a) => {
|
4
|
-
const { userId: o, renderAs: u, userType: s } = a, l = d(), r = m({
|
5
|
-
studentId: o,
|
6
|
-
query: p,
|
7
|
-
enabled: u === "whiteboard" && s === "TEACHER"
|
8
|
-
}), t = c(
|
9
|
-
async (n) => {
|
10
|
-
const e = await r({
|
11
|
-
fileKey: "media/cuemath-whiteboard/",
|
12
|
-
images: [{ file: n, url: "" }]
|
13
|
-
});
|
14
|
-
return e && e.length > 0 ? e[0] ?? "error" : "error";
|
15
|
-
},
|
16
|
-
[r]
|
17
|
-
);
|
18
|
-
return l.current = t, t;
|
19
|
-
};
|
20
|
-
export {
|
21
|
-
h as default
|
22
|
-
};
|
23
|
-
//# sourceMappingURL=use-upload-helper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"use-upload-helper.js","sources":["../../../../src/features/cue-canvas/hooks/use-upload-helper.ts"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TRenderAs } from '../types/cue-canvas';\n\nimport { useCallback } from 'react';\nimport { useRef } from 'react';\n\nimport useS3ImageUploadHelper from '../../worksheet/worksheet/hooks/use-s3-helper';\n\ninterface IUseUploadHelper {\n userId: string;\n renderAs: TRenderAs;\n userType: TUserTypes;\n}\nconst QUERY = { type: 'cuemath_whiteboard' };\n\nconst useUploadHelper = (props: IUseUploadHelper) => {\n const { userId, renderAs, userType } = props;\n const uploadImageRef = useRef<(file: File) => Promise<string>>();\n const uploadImages = useS3ImageUploadHelper({\n studentId: userId,\n query: QUERY,\n enabled: renderAs === 'whiteboard' && userType === 'TEACHER',\n });\n\n const uploadImageToS3 = useCallback(\n async (file: File) => {\n const urls = await uploadImages({\n fileKey: `media/cuemath-whiteboard/`,\n images: [{ file: file, url: '' }],\n });\n\n if (urls && urls.length > 0) {\n const url = urls[0] ?? 'error';\n\n return url;\n }\n\n return 'error';\n },\n [uploadImages],\n );\n\n uploadImageRef.current = uploadImageToS3;\n\n return uploadImageToS3;\n};\n\nexport default useUploadHelper;\n"],"names":["QUERY","useUploadHelper","props","userId","renderAs","userType","uploadImageRef","useRef","uploadImages","useS3ImageUploadHelper","uploadImageToS3","useCallback","file","urls"],"mappings":";;AAaA,MAAMA,IAAQ,EAAE,MAAM,wBAEhBC,IAAkB,CAACC,MAA4B;AACnD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,EAAA,IAAaH,GACjCI,IAAiBC,KACjBC,IAAeC,EAAuB;AAAA,IAC1C,WAAWN;AAAA,IACX,OAAOH;AAAA,IACP,SAASI,MAAa,gBAAgBC,MAAa;AAAA,EAAA,CACpD,GAEKK,IAAkBC;AAAA,IACtB,OAAOC,MAAe;AACd,YAAAC,IAAO,MAAML,EAAa;AAAA,QAC9B,SAAS;AAAA,QACT,QAAQ,CAAC,EAAE,MAAAI,GAAY,KAAK,IAAI;AAAA,MAAA,CACjC;AAEG,aAAAC,KAAQA,EAAK,SAAS,IACZA,EAAK,CAAC,KAAK,UAKlB;AAAA,IACT;AAAA,IACA,CAACL,CAAY;AAAA,EAAA;AAGf,SAAAF,EAAe,UAAUI,GAElBA;AACT;"}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
const m = (t) => {
|
2
|
-
const e = typeof t == "string" ? new Date(t) : new Date(t * 1e3), o = e.getDate(), r = e.getMonth() + 1;
|
3
|
-
return { year: e.getFullYear(), month: r, date: o };
|
4
|
-
};
|
5
|
-
function a(t) {
|
6
|
-
const n = /* @__PURE__ */ new Date();
|
7
|
-
return n.setMonth(t - 1), n.toLocaleString("en-US", {
|
8
|
-
month: "short"
|
9
|
-
});
|
10
|
-
}
|
11
|
-
const c = (t) => {
|
12
|
-
var e;
|
13
|
-
return (e = a(+t)) == null ? void 0 : e.toUpperCase();
|
14
|
-
};
|
15
|
-
export {
|
16
|
-
m as getDateInInputFormat,
|
17
|
-
c as getMonthNameforNumber,
|
18
|
-
a as toMonthName
|
19
|
-
};
|
20
|
-
//# sourceMappingURL=helper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"helper.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/helper.ts"],"sourcesContent":["export const getDateInInputFormat = (inputDate: number | string) => {\n const isDateInString = typeof inputDate === 'string';\n const dateToBeConverted = isDateInString ? new Date(inputDate) : new Date(inputDate * 1000);\n\n const dateNum = dateToBeConverted.getDate();\n const monthNum = dateToBeConverted.getMonth() + 1;\n const year = dateToBeConverted.getFullYear();\n\n return { year, month: monthNum, date: dateNum };\n};\n\nexport function toMonthName(monthNumber: number) {\n const date = new Date();\n\n date.setMonth(monthNumber - 1);\n\n return date.toLocaleString('en-US', {\n month: 'short',\n });\n}\nexport const getMonthNameforNumber = (num: number) => {\n const monthName = toMonthName(+num)?.toUpperCase();\n\n return monthName;\n};\n"],"names":["getDateInInputFormat","inputDate","dateToBeConverted","dateNum","monthNum","toMonthName","monthNumber","date","getMonthNameforNumber","num","_a"],"mappings":"AAAa,MAAAA,IAAuB,CAACC,MAA+B;AAE5D,QAAAC,IADiB,OAAOD,KAAc,WACD,IAAI,KAAKA,CAAS,IAAI,IAAI,KAAKA,IAAY,GAAI,GAEpFE,IAAUD,EAAkB,WAC5BE,IAAWF,EAAkB,SAAA,IAAa;AAGhD,SAAO,EAAE,MAFIA,EAAkB,eAEhB,OAAOE,GAAU,MAAMD,EAAQ;AAChD;AAEO,SAASE,EAAYC,GAAqB;AACzC,QAAAC,wBAAW;AAEZ,SAAAA,EAAA,SAASD,IAAc,CAAC,GAEtBC,EAAK,eAAe,SAAS;AAAA,IAClC,OAAO;AAAA,EAAA,CACR;AACH;AACa,MAAAC,IAAwB,CAACC,MAAgB;AApBzC,MAAAC;AAuBJ,UAFWA,IAAAL,EAAY,CAACI,CAAG,MAAhB,gBAAAC,EAAmB;AAGvC;"}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
2
|
-
import { memo as l } from "react";
|
3
|
-
import m from "../../../../assets/line-icons/icons/cross.js";
|
4
|
-
import s from "../../../ui/buttons/clickable/clickable.js";
|
5
|
-
import r from "../../../ui/layout/flex-view.js";
|
6
|
-
import i from "../../../ui/text/text.js";
|
7
|
-
import $ from "./homework-request.js";
|
8
|
-
import { MenuContainer as d } from "./homework-styled.js";
|
9
|
-
const a = ({ onSelect: n, hwRequests: c }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(
|
10
|
-
r,
|
11
|
-
{
|
12
|
-
$flexDirection: "row",
|
13
|
-
$alignItems: "center",
|
14
|
-
$justifyContent: "center",
|
15
|
-
$flexWrap: !0,
|
16
|
-
$gutterX: 0.5,
|
17
|
-
$gapX: 0.5,
|
18
|
-
children: [
|
19
|
-
/* @__PURE__ */ t(r, { $flexDirection: "row", $gapX: 0.5, children: [
|
20
|
-
/* @__PURE__ */ t(r, { $width: "184px", $gutterX: 1, children: [
|
21
|
-
/* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "eyebrow2", children: "HOMEWORK" }),
|
22
|
-
/* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "eyebrow2", children: "HELP REQUESTS" })
|
23
|
-
] }),
|
24
|
-
/* @__PURE__ */ e(s, { onClick: n, label: "close activities menu", children: /* @__PURE__ */ e(m, { color: "WHITE" }) })
|
25
|
-
] }),
|
26
|
-
c.map((o) => /* @__PURE__ */ e(r, { $gutterX: 0.25, $gapX: 0.5, children: /* @__PURE__ */ e($, { hwRequest: o, onSelect: n, studentName: o.student_name }) }, o.created_on_ts))
|
27
|
-
]
|
28
|
-
}
|
29
|
-
) }) }), w = l(a);
|
30
|
-
export {
|
31
|
-
w as default
|
32
|
-
};
|
33
|
-
//# sourceMappingURL=homework-menu.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"homework-menu.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-menu.tsx"],"sourcesContent":["import type { IHomeWorkMenuProps } from './homework-types';\n\nimport { memo } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport HWRequest from './homework-request';\nimport * as Styled from './homework-styled';\n\nconst HomeWorkMenu: React.FC<IHomeWorkMenuProps> = ({ onSelect, hwRequests }) => {\n return (\n <Styled.MenuContainer>\n <FlexView>\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $flexWrap\n $gutterX={0.5}\n $gapX={0.5}\n >\n <FlexView $flexDirection=\"row\" $gapX={0.5}>\n <FlexView $width={'184px'} $gutterX={1}>\n <Text $color=\"WHITE\" $renderAs=\"eyebrow2\">\n HOMEWORK\n </Text>\n <Text $color=\"WHITE\" $renderAs=\"eyebrow2\">\n HELP REQUESTS\n </Text>\n </FlexView>\n <Clickable onClick={onSelect} label=\"close activities menu\">\n <CrossIcon color=\"WHITE\" />\n </Clickable>\n </FlexView>\n\n {hwRequests.map(item => (\n <FlexView $gutterX={0.25} $gapX={0.5} key={item.created_on_ts}>\n <HWRequest hwRequest={item} onSelect={onSelect} studentName={item.student_name} />\n </FlexView>\n ))}\n </FlexView>\n </FlexView>\n </Styled.MenuContainer>\n );\n};\n\nexport default memo(HomeWorkMenu);\n"],"names":["HomeWorkMenu","onSelect","hwRequests","jsx","Styled.MenuContainer","FlexView","jsxs","Text","Clickable","CrossIcon","item","HWRequest","HomeWorkMenu$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAE3D,gBAAAC,EAAAC,GAAA,EACC,4BAACC,GACC,EAAA,UAAA,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACC,gBAAe;AAAA,IACf,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,WAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAS,EAAA,gBAAe,OAAM,OAAO,KACpC,UAAA;AAAA,QAAA,gBAAAC,EAACD,GAAS,EAAA,QAAQ,SAAS,UAAU,GACnC,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAK,EAAA,QAAO,SAAQ,WAAU,YAAW,UAE1C,YAAA;AAAA,4BACCA,GAAK,EAAA,QAAO,SAAQ,WAAU,YAAW,UAE1C,iBAAA;AAAA,QAAA,GACF;AAAA,QACA,gBAAAJ,EAACK,GAAU,EAAA,SAASP,GAAU,OAAM,yBAClC,UAAC,gBAAAE,EAAAM,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA;AAAA,MAAA,GACF;AAAA,MAECP,EAAW,IAAI,CACdQ,MAAA,gBAAAP,EAACE,KAAS,UAAU,MAAM,OAAO,KAC/B,UAAA,gBAAAF,EAACQ,KAAU,WAAWD,GAAM,UAAAT,GAAoB,aAAaS,EAAK,cAAc,EADvC,GAAAA,EAAK,aAEhD,CACD;AAAA,IAAA;AAAA,EAAA;AAAA,EAEL,CAAA,EACF,CAAA,GAIWE,IAAAC,EAAKb,CAAY;"}
|
@@ -1,68 +0,0 @@
|
|
1
|
-
import { jsx as o, jsxs as R } from "react/jsx-runtime";
|
2
|
-
import { h as c } from "../../../../node_modules/humanize-plus/dist/humanize.js";
|
3
|
-
import { memo as q, useCallback as k } from "react";
|
4
|
-
import y from "../../../ui/buttons/clickable/clickable.js";
|
5
|
-
import $ from "../../../ui/layout/flex-view.js";
|
6
|
-
import d from "../../../ui/text/text.js";
|
7
|
-
import { useCueCanvasActions as W } from "../../hooks/use-cue-canvas-actions.js";
|
8
|
-
import { getDateInInputFormat as _, getMonthNameforNumber as E } from "./helper.js";
|
9
|
-
import { HWImageContainer as T } from "./homework-styled.js";
|
10
|
-
import l from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
|
11
|
-
const v = (u) => {
|
12
|
-
var a;
|
13
|
-
const { hwRequest: p, onSelect: r, studentName: h } = u, {
|
14
|
-
problem_description: m,
|
15
|
-
problem_image_urls: e,
|
16
|
-
created_on_ts: f,
|
17
|
-
homework_id: s
|
18
|
-
} = p, { setHomeworkId: n, activeInstance: t } = W(), g = k(() => {
|
19
|
-
const x = l();
|
20
|
-
if (e && e.length > 0) {
|
21
|
-
const i = {
|
22
|
-
data: {
|
23
|
-
[x]: [
|
24
|
-
void 0,
|
25
|
-
{
|
26
|
-
name: "text",
|
27
|
-
html: m,
|
28
|
-
x: 500,
|
29
|
-
y: 75,
|
30
|
-
rot: 0
|
31
|
-
}
|
32
|
-
]
|
33
|
-
}
|
34
|
-
};
|
35
|
-
e.forEach((C) => {
|
36
|
-
const H = l();
|
37
|
-
i.data[H] = [
|
38
|
-
void 0,
|
39
|
-
{
|
40
|
-
name: "image",
|
41
|
-
href: C + "?dummyProp=true",
|
42
|
-
x: 48,
|
43
|
-
y: 72,
|
44
|
-
rot: 0,
|
45
|
-
width: 400
|
46
|
-
}
|
47
|
-
];
|
48
|
-
}), t == null || t.replaceCanvas(i);
|
49
|
-
}
|
50
|
-
r(), n(s);
|
51
|
-
}, [t, m, s, e, r, n]), { date: I, month: w } = _(f), b = `${c.ordinal(I)} ${c.titleCase((a = E(w)) == null ? void 0 : a.toLowerCase())}`;
|
52
|
-
return /* @__PURE__ */ o(y, { label: "HW Request Item", onClick: g, children: /* @__PURE__ */ R($, { $alignItems: "center", $justifyContent: "center", $borderRadius: 8, $background: "WHITE", children: [
|
53
|
-
/* @__PURE__ */ o(
|
54
|
-
T,
|
55
|
-
{
|
56
|
-
src: e[0] + "?dummyProp=true",
|
57
|
-
alt: "Homework Request",
|
58
|
-
crossOrigin: "anonymous"
|
59
|
-
}
|
60
|
-
),
|
61
|
-
/* @__PURE__ */ o(d, { $renderAs: "body3", color: "WHITE", children: h }),
|
62
|
-
/* @__PURE__ */ o(d, { $renderAs: "body3", color: "WHITE", children: b })
|
63
|
-
] }) });
|
64
|
-
}, M = q(v);
|
65
|
-
export {
|
66
|
-
M as default
|
67
|
-
};
|
68
|
-
//# sourceMappingURL=homework-request.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"homework-request.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-request.tsx"],"sourcesContent":["import type { IReplaceCanvas } from '../../types/cue-canvas';\nimport type { IHomeWorkRequestProps } from './homework-types';\n\nimport { ordinal, titleCase } from 'humanize-plus';\nimport { memo, useCallback } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport { getDateInInputFormat, getMonthNameforNumber } from './helper';\nimport * as Styled from './homework-styled';\n\nconst HomeWorkRequest: React.FC<IHomeWorkRequestProps> = props => {\n const { hwRequest, onSelect, studentName } = props;\n const {\n problem_description: hwRequestDesc,\n problem_image_urls: hwRequestImages,\n created_on_ts: createdOnTs,\n homework_id: hwRequestId,\n } = hwRequest;\n const { setHomeworkId, activeInstance } = useCueCanvasActions();\n\n const onSelectHwRequest = useCallback(() => {\n const textId = uuidv4();\n\n if (hwRequestImages && hwRequestImages.length > 0) {\n const actionData: IReplaceCanvas = {\n data: {\n [textId]: [\n undefined,\n {\n name: 'text',\n html: hwRequestDesc,\n x: 500,\n y: 75,\n rot: 0,\n },\n ],\n },\n };\n\n hwRequestImages.forEach(image => {\n const imgId = uuidv4();\n\n actionData.data[imgId] = [\n undefined,\n {\n name: 'image',\n href: image + '?dummyProp=true',\n x: 48,\n y: 72,\n rot: 0,\n width: 400,\n },\n ];\n });\n\n activeInstance?.replaceCanvas(actionData);\n }\n onSelect();\n setHomeworkId(hwRequestId);\n }, [activeInstance, hwRequestDesc, hwRequestId, hwRequestImages, onSelect, setHomeworkId]);\n\n const { date, month } = getDateInInputFormat(createdOnTs);\n\n const dateString = `${ordinal(date)} ${titleCase(getMonthNameforNumber(month)?.toLowerCase())}`;\n\n return (\n <Clickable label=\"HW Request Item\" onClick={onSelectHwRequest}>\n <FlexView $alignItems=\"center\" $justifyContent=\"center\" $borderRadius={8} $background=\"WHITE\">\n <Styled.HWImageContainer\n src={hwRequestImages[0] + '?dummyProp=true'}\n alt=\"Homework Request\"\n crossOrigin=\"anonymous\"\n />\n <Text $renderAs=\"body3\" color=\"WHITE\">\n {studentName}\n </Text>\n <Text $renderAs=\"body3\" color=\"WHITE\">\n {dateString}\n </Text>\n </FlexView>\n </Clickable>\n );\n};\n\nexport default memo(HomeWorkRequest);\n"],"names":["HomeWorkRequest","props","hwRequest","onSelect","studentName","hwRequestDesc","hwRequestImages","createdOnTs","hwRequestId","setHomeworkId","activeInstance","useCueCanvasActions","onSelectHwRequest","useCallback","textId","uuidv4","actionData","image","imgId","date","month","getDateInInputFormat","dateString","ordinal","titleCase","_a","getMonthNameforNumber","jsx","Clickable","jsxs","FlexView","Styled.HWImageContainer","Text","HWRequest","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAmD,CAASC,MAAA;;AAChE,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,aAAAC,EAAA,IAAgBH,GACvC;AAAA,IACJ,qBAAqBI;AAAA,IACrB,oBAAoBC;AAAA,IACpB,eAAeC;AAAA,IACf,aAAaC;AAAA,EACX,IAAAN,GACE,EAAE,eAAAO,GAAe,gBAAAC,EAAe,IAAIC,EAAoB,GAExDC,IAAoBC,EAAY,MAAM;AAC1C,UAAMC,IAASC;AAEX,QAAAT,KAAmBA,EAAgB,SAAS,GAAG;AACjD,YAAMU,IAA6B;AAAA,QACjC,MAAM;AAAA,UACJ,CAACF,CAAM,GAAG;AAAA,YACR;AAAA,YACA;AAAA,cACE,MAAM;AAAA,cACN,MAAMT;AAAA,cACN,GAAG;AAAA,cACH,GAAG;AAAA,cACH,KAAK;AAAA,YACP;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAGF,MAAAC,EAAgB,QAAQ,CAASW,MAAA;AAC/B,cAAMC,IAAQH;AAEH,QAAAC,EAAA,KAAKE,CAAK,IAAI;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAMD,IAAQ;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,KAAK;AAAA,YACL,OAAO;AAAA,UACT;AAAA,QAAA;AAAA,MACF,CACD,GAEDP,KAAA,QAAAA,EAAgB,cAAcM;AAAA,IAChC;AACS,IAAAb,KACTM,EAAcD,CAAW;AAAA,EAAA,GACxB,CAACE,GAAgBL,GAAeG,GAAaF,GAAiBH,GAAUM,CAAa,CAAC,GAEnF,EAAE,MAAAU,GAAM,OAAAC,EAAM,IAAIC,EAAqBd,CAAW,GAElDe,IAAa,GAAGC,UAAQJ,CAAI,CAAC,IAAIK,aAAUC,IAAAC,EAAsBN,CAAK,MAA3B,gBAAAK,EAA8B,aAAa,CAAC;AAE7F,SACG,gBAAAE,EAAAC,GAAA,EAAU,OAAM,mBAAkB,SAAShB,GAC1C,UAAA,gBAAAiB,EAACC,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,eAAe,GAAG,aAAY,SACpF,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,KAAKzB,EAAgB,CAAC,IAAI;AAAA,QAC1B,KAAI;AAAA,QACJ,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,sBACC0B,GAAK,EAAA,WAAU,SAAQ,OAAM,SAC3B,UACH5B,GAAA;AAAA,sBACC4B,GAAK,EAAA,WAAU,SAAQ,OAAM,SAC3B,UACHV,GAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKlC,CAAe;"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import o from "styled-components";
|
2
|
-
import t from "../../../ui/layout/flex-view.js";
|
3
|
-
const i = o(t)`
|
4
|
-
position: absolute;
|
5
|
-
top: 38px;
|
6
|
-
left: -87px; //32px + 32 px for icon +8+8(separator) +7 gutter
|
7
|
-
width: 248px;
|
8
|
-
height: 438px;
|
9
|
-
border-radius: 6px;
|
10
|
-
background: #292734;
|
11
|
-
box-shadow: 0px 4px 8px ${({ theme: r }) => r.colors.BLACK_T_20};
|
12
|
-
overflow-y: auto;
|
13
|
-
`, a = o.img.attrs({ loading: "lazy" })`
|
14
|
-
width: 184px;
|
15
|
-
height: 128px;
|
16
|
-
border-top-left-radius: 8px;
|
17
|
-
border-top-right-radius: 8px;
|
18
|
-
border-bottom-left-radius: 0;
|
19
|
-
border-bottom-right-radius: 0;
|
20
|
-
`;
|
21
|
-
export {
|
22
|
-
a as HWImageContainer,
|
23
|
-
i as MenuContainer
|
24
|
-
};
|
25
|
-
//# sourceMappingURL=homework-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"homework-styled.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst MenuContainer = styled(FlexView)`\n position: absolute;\n top: 38px;\n left: -87px; //32px + 32 px for icon +8+8(separator) +7 gutter\n width: 248px;\n height: 438px;\n border-radius: 6px;\n background: #292734;\n box-shadow: 0px 4px 8px ${({ theme }) => theme.colors.BLACK_T_20};\n overflow-y: auto;\n`;\nconst HWImageContainer = styled.img.attrs({ loading: 'lazy' })`\n width: 184px;\n height: 128px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n`;\n\nexport { MenuContainer, HWImageContainer };\n"],"names":["MenuContainer","styled","FlexView","theme","HWImageContainer"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQT,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG5DC,IAAmBH,EAAO,IAAI,MAAM,EAAE,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,39 +0,0 @@
|
|
1
|
-
import { jsxs as a, jsx as o } from "react/jsx-runtime";
|
2
|
-
import { memo as u, useRef as d, useCallback as f, useEffect as k } from "react";
|
3
|
-
import p from "../../../ui/buttons/clickable/clickable.js";
|
4
|
-
import h from "../../../ui/hooks/use-context-menu-click-handler.js";
|
5
|
-
import C from "../../../ui/layout/flex-view.js";
|
6
|
-
import b from "../../../ui/text/text.js";
|
7
|
-
import { StyledWrapper as w, HWWrapper as W } from "../../cue-cavas-styled.js";
|
8
|
-
import { useCueCanvasActions as H } from "../../hooks/use-cue-canvas-actions.js";
|
9
|
-
import $ from "./homework-menu.js";
|
10
|
-
const v = (m) => {
|
11
|
-
const { activeSidebar: e, setActiveSidebar: n, hwRequests: s } = m, { activeInstance: r } = H(), c = d(null), { menuVisible: i, onMenuClick: t } = h(
|
12
|
-
c,
|
13
|
-
void 0,
|
14
|
-
!0,
|
15
|
-
void 0
|
16
|
-
), l = f(() => {
|
17
|
-
e === "tile" && (r == null || r.toggleTiles(!1)), n(e === "homework" ? void 0 : "homework"), t();
|
18
|
-
}, [e, r, t, n]);
|
19
|
-
return k(() => {
|
20
|
-
(e === "tile" || e === "puzzle") && i && t();
|
21
|
-
}, [e, i, t]), /* @__PURE__ */ a(C, { $position: "relative", children: [
|
22
|
-
/* @__PURE__ */ o(p, { onClick: l, label: "homework help", children: /* @__PURE__ */ o(w, { $active: e === "homework", children: /* @__PURE__ */ o(
|
23
|
-
W,
|
24
|
-
{
|
25
|
-
$background: e === "homework" ? "BLACK" : "WHITE",
|
26
|
-
$borderColor: e === "homework" ? "WHITE" : "BLACK",
|
27
|
-
$borderRadius: 4,
|
28
|
-
$alignItems: "center",
|
29
|
-
$justifyContent: "center",
|
30
|
-
children: /* @__PURE__ */ o(b, { $color: e === "homework" ? "WHITE" : "BLACK", $renderAs: "ub3-bold", children: "HW" })
|
31
|
-
}
|
32
|
-
) }) }),
|
33
|
-
i && /* @__PURE__ */ o($, { onSelect: l, hwRequests: s })
|
34
|
-
] });
|
35
|
-
}, j = u(v);
|
36
|
-
export {
|
37
|
-
j as default
|
38
|
-
};
|
39
|
-
//# sourceMappingURL=homework.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"homework.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework.tsx"],"sourcesContent":["import type { IHomeWorkRequestsContainerProps } from './homework-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { StyledWrapper, HWWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport HomeWorkMenu from './homework-menu';\n\nconst HomeWorkRequestsContainer: FC<IHomeWorkRequestsContainerProps> = props => {\n const { activeSidebar, setActiveSidebar, hwRequests } = props;\n const { activeInstance: cueCanvas } = useCueCanvasActions();\n const homeWorkMenuRef = useRef(null);\n\n const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n homeWorkMenuRef,\n undefined,\n true,\n undefined,\n );\n\n const handleClick = useCallback(() => {\n if (activeSidebar === 'tile') {\n cueCanvas?.toggleTiles(false);\n }\n setActiveSidebar(activeSidebar === 'homework' ? undefined : 'homework');\n onMenuClick();\n }, [activeSidebar, cueCanvas, onMenuClick, setActiveSidebar]);\n\n useEffect(() => {\n if ((activeSidebar === 'tile' || activeSidebar === 'puzzle') && menuVisible) {\n onMenuClick();\n }\n }, [activeSidebar, menuVisible, onMenuClick]);\n\n return (\n <FlexView $position=\"relative\">\n <Clickable onClick={handleClick} label=\"homework help\">\n <StyledWrapper $active={activeSidebar === 'homework'}>\n <HWWrapper\n $background={activeSidebar === 'homework' ? 'BLACK' : 'WHITE'}\n $borderColor={activeSidebar === 'homework' ? 'WHITE' : 'BLACK'}\n $borderRadius={4}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <Text $color={activeSidebar === 'homework' ? 'WHITE' : 'BLACK'} $renderAs=\"ub3-bold\">\n HW\n </Text>\n </HWWrapper>\n </StyledWrapper>\n </Clickable>\n {menuVisible && <HomeWorkMenu onSelect={handleClick} hwRequests={hwRequests} />}\n </FlexView>\n );\n};\n\nexport default memo(HomeWorkRequestsContainer);\n"],"names":["HomeWorkRequestsContainer","props","activeSidebar","setActiveSidebar","hwRequests","cueCanvas","useCueCanvasActions","homeWorkMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","handleClick","useCallback","useEffect","jsxs","FlexView","jsx","Clickable","StyledWrapper","HWWrapper","Text","HomeWorkMenu","Homework","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAiE,CAASC,MAAA;AAC9E,QAAM,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,YAAAC,EAAA,IAAeH,GAClD,EAAE,gBAAgBI,EAAU,IAAIC,EAAoB,GACpDC,IAAkBC,EAAO,IAAI,GAE7B,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIK,IAAcC,EAAY,MAAM;AACpC,IAAIX,MAAkB,WACpBG,KAAA,QAAAA,EAAW,YAAY,MAERF,EAAAD,MAAkB,aAAa,SAAY,UAAU,GAC1DQ;KACX,CAACR,GAAeG,GAAWK,GAAaP,CAAgB,CAAC;AAE5D,SAAAW,EAAU,MAAM;AACd,KAAKZ,MAAkB,UAAUA,MAAkB,aAAaO,KAClDC;EAEb,GAAA,CAACR,GAAeO,GAAaC,CAAW,CAAC,GAG1C,gBAAAK,EAACC,GAAS,EAAA,WAAU,YAClB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAASN,GAAa,OAAM,iBACrC,UAAC,gBAAAK,EAAAE,GAAA,EAAc,SAASjB,MAAkB,YACxC,UAAA,gBAAAe;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,aAAalB,MAAkB,aAAa,UAAU;AAAA,QACtD,cAAcA,MAAkB,aAAa,UAAU;AAAA,QACvD,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAEhB,UAAA,gBAAAe,EAACI,KAAK,QAAQnB,MAAkB,aAAa,UAAU,SAAS,WAAU,YAAW,UAErF,KAAA,CAAA;AAAA,MAAA;AAAA,OAEJ,EACF,CAAA;AAAA,IACCO,KAAe,gBAAAQ,EAACK,GAAa,EAAA,UAAUV,GAAa,YAAAR,GAAwB;AAAA,EAC/E,EAAA,CAAA;AAEJ,GAEemB,IAAAC,EAAKxB,CAAyB;"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { createGetAPI as e } from "@cuemath/rest-api";
|
2
|
-
import { BASE_URL_V3 as r, BASE_URL_V2 as c } from "../../../../../constants/api.js";
|
3
|
-
import { stringify as o } from "../../../../../helpers/query-string.js";
|
4
|
-
const { get: g } = e({
|
5
|
-
getURL: (t, i) => `${r}/curriculum/cueboard-activities/?${o(i)}`
|
6
|
-
}), { useGet: _ } = e({
|
7
|
-
getURL: (t) => `${c}/curriculum/wb-activities/${t}`
|
8
|
-
});
|
9
|
-
export {
|
10
|
-
g as getPuzzles,
|
11
|
-
_ as useGetActivity
|
12
|
-
};
|
13
|
-
//# sourceMappingURL=get-puzzles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"get-puzzles.js","sources":["../../../../../../src/features/cue-canvas/sidebar/puzzles/api/get-puzzles.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2, BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\nexport interface IFilterOption {\n applied: boolean;\n code: string;\n name: string;\n}\n\nexport interface IFilterData {\n activity_tiles: IFilterOption[];\n activity_topics: IFilterOption[];\n activity_types: IFilterOption[];\n grades: IFilterOption[];\n search: string;\n}\n\nexport interface IPuzzlesResultData {\n activity_tiles: string[];\n activity_topics: string[];\n activity_types: string[];\n activity_url: string;\n created_on: string;\n created_on_ts: number;\n grades: string[];\n id: string;\n is_live: boolean;\n name: string;\n node_id: string;\n updated_on: string;\n updated_on_ts: number;\n}\nexport interface IPuzzlesResponses {\n filters: IFilterData;\n results: IPuzzlesResultData[];\n}\nexport interface IGetPuzzles {\n activity_tiles?: string[];\n activity_topics?: string[];\n activity_types?: string[];\n grades?: string[];\n search?: string;\n}\n\nexport interface ActivityMetadata {\n code: string;\n description: string | null;\n id: string;\n is_live: boolean;\n name: string;\n priority: number | null;\n type: 'ACTIVITY_TILE' | 'ACTIVITY_TOPIC' | 'ACTIVITY_TYPE' | string;\n}\n\nexport interface IActivityGrade {\n code: string;\n description: string;\n id: string;\n is_live: boolean;\n name: string;\n priority: number;\n type: 'GRADE';\n}\n\nexport interface ActivityData {\n activity_tiles: ActivityMetadata[];\n activity_topics: ActivityMetadata[];\n activity_types: ActivityMetadata[];\n grades: IActivityGrade[];\n worksheet: Worksheet;\n}\n\ninterface Worksheet {\n code: string;\n complete_in: number | null;\n course_type: string;\n description: string | null;\n desmos_calculator_enabled: boolean;\n id: string;\n instructions_ref: string | null;\n is_lesson_v3_enabled: boolean;\n is_live: boolean;\n is_subjective: boolean;\n is_turing: boolean;\n learnosity_activity_ref: string | null;\n name: string;\n points_available: number;\n project_name: string;\n sheet_time: number | null;\n student_instructions_ref: string | null;\n target_accuracy: number;\n thumbnail_url: string | null;\n total_questions: number | null;\n visible_in_mpr: boolean;\n worksheet_type: string;\n}\n\nconst { get: getPuzzles } = createGetAPI<IPuzzlesResponses, IGetPuzzles>({\n getURL: (_, query) => `${BASE_URL_V3}/curriculum/cueboard-activities/?${stringify(query)}`,\n});\n\nconst { useGet: useGetActivity } = createGetAPI<ActivityData>({\n getURL: nodeId => `${BASE_URL_V2}/curriculum/wb-activities/${nodeId}`,\n});\n\nexport { getPuzzles, useGetActivity };\n"],"names":["getPuzzles","createGetAPI","_","query","BASE_URL_V3","stringify","useGetActivity","nodeId","BASE_URL_V2"],"mappings":";;;AAmGA,MAAM,EAAE,KAAKA,EAAW,IAAIC,EAA6C;AAAA,EACvE,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,oCAAoCC,EAAUF,CAAK,CAAC;AAC1F,CAAC,GAEK,EAAE,QAAQG,EAAe,IAAIL,EAA2B;AAAA,EAC5D,QAAQ,CAAAM,MAAU,GAAGC,CAAW,6BAA6BD,CAAM;AACrE,CAAC;"}
|
@@ -1,60 +0,0 @@
|
|
1
|
-
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
2
|
-
import { memo as h, useState as u, useCallback as m } from "react";
|
3
|
-
import b from "../../../../assets/line-icons/icons/back.js";
|
4
|
-
import C from "../../../../assets/line-icons/icons/cross.js";
|
5
|
-
import s from "../../../ui/buttons/clickable/clickable.js";
|
6
|
-
import x from "../../../ui/buttons/text-button/text-button.js";
|
7
|
-
import k from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
|
8
|
-
import i from "../../../ui/layout/flex-view.js";
|
9
|
-
import d from "../../../ui/text/text.js";
|
10
|
-
import { MenuContainer as g, CheckboxWrapper as I } from "./puzzles-styled.js";
|
11
|
-
const T = ({
|
12
|
-
closeAllPopups: t,
|
13
|
-
menuItems: c,
|
14
|
-
onFiltersChange: a,
|
15
|
-
type: n
|
16
|
-
}) => {
|
17
|
-
const [o, p] = u(
|
18
|
-
c.filter((r) => r.applied).map((r) => r.name)
|
19
|
-
), f = m((r) => {
|
20
|
-
p(r);
|
21
|
-
}, []), $ = m(() => {
|
22
|
-
a({
|
23
|
-
[n]: o
|
24
|
-
}), t();
|
25
|
-
}, [a, t, o, n]);
|
26
|
-
return /* @__PURE__ */ l(g, { children: [
|
27
|
-
/* @__PURE__ */ l(i, { $justifyContent: "space-between", $flexDirection: "row", $gutterX: 1, $gapX: 0.5, children: [
|
28
|
-
/* @__PURE__ */ l(i, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
|
29
|
-
/* @__PURE__ */ e(s, { onClick: t, label: "back", children: /* @__PURE__ */ e(b, { color: "WHITE" }) }),
|
30
|
-
/* @__PURE__ */ l(d, { $color: "WHITE", $renderAs: "eyebrow2", children: [
|
31
|
-
"Select ",
|
32
|
-
n === "grades" ? n : n.split("_")[1],
|
33
|
-
o.length > 0 && /* @__PURE__ */ e("span", { children: ` (${o.length})` })
|
34
|
-
] })
|
35
|
-
] }),
|
36
|
-
/* @__PURE__ */ l(i, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
|
37
|
-
/* @__PURE__ */ e(x, { color: "WHITE", label: "Apply", onClick: $ }),
|
38
|
-
/* @__PURE__ */ e(s, { onClick: t, label: "close filter menu", children: /* @__PURE__ */ e(C, { color: "WHITE" }) })
|
39
|
-
] })
|
40
|
-
] }),
|
41
|
-
/* @__PURE__ */ e(I, { $gutterX: 1, $gapX: 1, children: /* @__PURE__ */ e(
|
42
|
-
k,
|
43
|
-
{
|
44
|
-
size: "medium",
|
45
|
-
renderAs: "black-dark",
|
46
|
-
numColumns: 3,
|
47
|
-
options: c.map((r) => ({
|
48
|
-
id: r.name,
|
49
|
-
label: /* @__PURE__ */ e(d, { $renderAs: "ub3-bold", $color: "WHITE", $inline: !0, children: r.name })
|
50
|
-
})),
|
51
|
-
value: o,
|
52
|
-
onChange: f
|
53
|
-
}
|
54
|
-
) })
|
55
|
-
] });
|
56
|
-
}, A = h(T);
|
57
|
-
export {
|
58
|
-
A as default
|
59
|
-
};
|
60
|
-
//# sourceMappingURL=filter-selection-menu.js.map
|