@cuemath/leap 3.0.22-aa13 → 3.0.22-aa14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,51 +1,51 @@
1
- import { jsxs as r, jsx as t } from "react/jsx-runtime";
2
- import { memo as E, useEffect as G, useCallback as O } from "react";
3
- import R from "styled-components";
4
- import { ILLUSTRATIONS as W } from "../../../../assets/illustrations/illustrations.js";
5
- import v from "../../../../assets/line-icons/icons/back.js";
6
- import H from "../../../../assets/line-icons/icons/cross.js";
7
- import S from "../../../ui/buttons/button/button.js";
8
- import { Loader as P } from "../../../ui/buttons/button/button-styled.js";
1
+ import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
+ import { memo as G, useEffect as O, useCallback as R } from "react";
3
+ import W from "styled-components";
4
+ import { ILLUSTRATIONS as H } from "../../../../assets/illustrations/illustrations.js";
5
+ import w from "../../../../assets/line-icons/icons/back.js";
6
+ import S from "../../../../assets/line-icons/icons/cross.js";
7
+ import P from "../../../ui/buttons/button/button.js";
8
+ import { Loader as B } from "../../../ui/buttons/button/button-styled.js";
9
9
  import l from "../../../ui/buttons/clickable/clickable.js";
10
- import e from "../../../ui/layout/flex-view.js";
11
- import w from "../../../ui/text/text.js";
12
- import { useCueCanvasActions as B } from "../../hooks/use-cue-canvas-actions.js";
13
- import { useGetActivity as J } from "./api/get-puzzles.js";
10
+ import t from "../../../ui/layout/flex-view.js";
11
+ import A from "../../../ui/text/text.js";
12
+ import { useCueCanvasActions as J } from "../../hooks/use-cue-canvas-actions.js";
13
+ import { useGetActivity as M } from "./api/get-puzzles.js";
14
14
  import { MenuContainer as C } from "./puzzles-styled.js";
15
- import { serializeData as M, getTags as o } from "./utils.js";
16
- const N = R.iframe`
15
+ import { serializeData as N, getTags as o } from "./utils.js";
16
+ const V = W.iframe`
17
17
  width: 100%;
18
18
  height: 100%;
19
- `, at = E((A) => {
20
- const { launchPuzzleData: I, onMenuVisibilityChange: c, toggleMenu: m } = A, { node_id: f } = I || {}, { activeInstance: i, setHomeworkId: d } = B(), {
21
- get: p,
22
- data: u,
23
- isProcessed: T
24
- } = J();
25
- G(() => {
26
- p(f);
27
- }, [p, f]);
19
+ `, se = G((T) => {
20
+ const { launchPuzzleData: I, onMenuVisibilityChange: c, toggleMenu: m } = T, { node_id: f } = I || {}, { activeInstance: r, setHomeworkId: d, setActiveTool: p } = J(), {
21
+ get: u,
22
+ data: g,
23
+ isProcessed: k
24
+ } = M();
25
+ O(() => {
26
+ u(f);
27
+ }, [u, f]);
28
28
  const {
29
- activity_tiles: g,
30
- activity_topics: $,
31
- activity_types: h,
32
- grades: y,
33
- worksheet: k
34
- } = u || {}, { instructions_ref: b, learnosity_activity_ref: n } = k || {}, x = O(async () => {
35
- const a = n && await (await fetch(n)).json(), z = {
36
- ...M(a)
29
+ activity_tiles: $,
30
+ activity_topics: h,
31
+ activity_types: y,
32
+ grades: b,
33
+ worksheet: x
34
+ } = g || {}, { instructions_ref: v, learnosity_activity_ref: n } = x || {}, X = R(async () => {
35
+ const a = n && await (await fetch(n)).json(), E = {
36
+ ...N(a)
37
37
  };
38
- m(), i == null || i.replaceCanvas(z), d(void 0);
39
- }, [i, n, d, m]);
40
- if (!u || !T)
41
- return /* @__PURE__ */ r(C, { children: [
42
- /* @__PURE__ */ t(e, { $gutterX: 1.5, $gapX: 1.5, children: /* @__PURE__ */ t(l, { onClick: c, label: "back", children: /* @__PURE__ */ t(v, { color: "WHITE" }) }) }),
43
- /* @__PURE__ */ t(e, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ t(P, { src: W.LOADER, alt: "Loader", $size: "small" }) })
38
+ m(), r == null || r.replaceCanvas(E), d(void 0), p("move");
39
+ }, [r, n, p, d, m]);
40
+ if (!g || !k)
41
+ return /* @__PURE__ */ i(C, { children: [
42
+ /* @__PURE__ */ e(t, { $gutterX: 1.5, $gapX: 1.5, children: /* @__PURE__ */ e(l, { onClick: c, label: "back", children: /* @__PURE__ */ e(w, { color: "WHITE" }) }) }),
43
+ /* @__PURE__ */ e(t, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(B, { src: H.LOADER, alt: "Loader", $size: "small" }) })
44
44
  ] });
45
- const X = y ? o(y, "grades") : [], D = $ ? o($) : [], _ = h ? o(h) : [], j = g ? o(g) : [], L = [...D, ...X, ..._, ...j];
46
- return /* @__PURE__ */ r(C, { children: [
47
- /* @__PURE__ */ r(
48
- e,
45
+ const D = b ? o(b, "grades") : [], _ = h ? o(h) : [], j = y ? o(y) : [], L = $ ? o($) : [], z = [..._, ...D, ...j, ...L];
46
+ return /* @__PURE__ */ i(C, { children: [
47
+ /* @__PURE__ */ i(
48
+ t,
49
49
  {
50
50
  $justifyContent: "space-between",
51
51
  $alignItems: "center",
@@ -53,32 +53,32 @@ const N = R.iframe`
53
53
  $gutterX: 1,
54
54
  $gapX: 0.5,
55
55
  children: [
56
- /* @__PURE__ */ t(l, { onClick: c, label: "back", children: /* @__PURE__ */ t(v, { color: "WHITE" }) }),
57
- /* @__PURE__ */ r(e, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
58
- /* @__PURE__ */ t(
59
- S,
56
+ /* @__PURE__ */ e(l, { onClick: c, label: "back", children: /* @__PURE__ */ e(w, { color: "WHITE" }) }),
57
+ /* @__PURE__ */ i(t, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
58
+ /* @__PURE__ */ e(
59
+ P,
60
60
  {
61
61
  size: "small",
62
62
  renderAs: "primary",
63
63
  widthX: 12,
64
64
  label: "Launch",
65
- onClick: x
65
+ onClick: X
66
66
  }
67
67
  ),
68
- /* @__PURE__ */ t(l, { onClick: c, label: "close filter menu", children: /* @__PURE__ */ t(H, { color: "WHITE" }) })
68
+ /* @__PURE__ */ e(l, { onClick: c, label: "close filter menu", children: /* @__PURE__ */ e(S, { color: "WHITE" }) })
69
69
  ] })
70
70
  ]
71
71
  }
72
72
  ),
73
- /* @__PURE__ */ r(e, { $flexDirection: "row", $flexColumnGapX: 1, $gapX: 1, $gutterX: 1, children: [
74
- /* @__PURE__ */ t(w, { $renderAs: "ab1", $color: "GREY_2", children: "Tags:" }),
75
- /* @__PURE__ */ t(e, { $flexDirection: "row", $flexColumnGapX: 1, $flexRowGapX: 0.5, $flexWrap: !0, children: L.map((a, s) => /* @__PURE__ */ t(e, { $background: "WHITE", $borderRadius: 16, $gapX: 0.25, $gutterX: 1, children: /* @__PURE__ */ t(w, { $renderAs: "ub2", children: a }, s) }, s)) })
73
+ /* @__PURE__ */ i(t, { $flexDirection: "row", $flexColumnGapX: 1, $gapX: 1, $gutterX: 1, children: [
74
+ /* @__PURE__ */ e(A, { $renderAs: "ab1", $color: "GREY_2", children: "Tags:" }),
75
+ /* @__PURE__ */ e(t, { $flexDirection: "row", $flexColumnGapX: 1, $flexRowGapX: 0.5, $flexWrap: !0, children: z.map((a, s) => /* @__PURE__ */ e(t, { $background: "WHITE", $borderRadius: 16, $gapX: 0.25, $gutterX: 1, children: /* @__PURE__ */ e(A, { $renderAs: "ub2", children: a }, s) }, s)) })
76
76
  ] }),
77
- b && /* @__PURE__ */ t(N, { id: "launch_activity_iframe", src: b })
77
+ v && /* @__PURE__ */ e(V, { id: "launch_activity_iframe", src: v })
78
78
  ] });
79
79
  });
80
80
  export {
81
- N as Iframe,
82
- at as default
81
+ V as Iframe,
82
+ se as default
83
83
  };
84
84
  //# sourceMappingURL=launch-puzzle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"launch-puzzle.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/launch-puzzle.tsx"],"sourcesContent":["import type { IPuzzlesResultData } from './api/get-puzzles';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport BackIcon from '../../../../assets/line-icons/icons/back';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Button from '../../../ui/buttons/button/button';\nimport { Loader } from '../../../ui/buttons/button/button-styled';\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 { useGetActivity } from './api/get-puzzles';\nimport * as Styled from './puzzles-styled';\nimport { getTags, serializeData } from './utils';\n\nexport const Iframe = styled.iframe`\n width: 100%;\n height: 100%;\n`;\n\ninterface ILaunchPuzzleProps {\n launchPuzzleData: IPuzzlesResultData;\n onMenuVisibilityChange: () => void;\n toggleMenu: () => void;\n}\n\nconst LaunchPuzzle: FC<ILaunchPuzzleProps> = memo(props => {\n const { launchPuzzleData, onMenuVisibilityChange, toggleMenu } = props;\n const { node_id: nodeId } = launchPuzzleData || {};\n const { activeInstance: cueCanvas, setHomeworkId } = useCueCanvasActions();\n\n const {\n get: getWbActivity,\n data: wbActivityData,\n isProcessed: wbActivityDataProcessed,\n } = useGetActivity();\n\n useEffect(() => {\n getWbActivity(nodeId);\n }, [getWbActivity, nodeId]);\n const {\n activity_tiles: activityTiles,\n activity_topics: activityTopics,\n activity_types: activityTypes,\n grades: grades,\n worksheet,\n } = wbActivityData || {};\n const { instructions_ref: iframeSrc, learnosity_activity_ref: learnnosityActivityRef } =\n worksheet || {};\n\n const onLaunchActivityClick = useCallback(async () => {\n const jsonOBJ = learnnosityActivityRef && (await (await fetch(learnnosityActivityRef)).json());\n\n const newJSONObj = serializeData(jsonOBJ);\n const actionData = {\n ...newJSONObj,\n };\n\n toggleMenu();\n\n cueCanvas?.replaceCanvas(actionData);\n setHomeworkId(undefined);\n }, [cueCanvas, learnnosityActivityRef, setHomeworkId, toggleMenu]);\n\n if (!wbActivityData || !wbActivityDataProcessed) {\n return (\n <Styled.MenuContainer>\n <FlexView $gutterX={1.5} $gapX={1.5}>\n <Clickable onClick={onMenuVisibilityChange} label=\"back\">\n <BackIcon color=\"WHITE\" />\n </Clickable>\n </FlexView>\n <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height=\"100%\">\n <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size=\"small\" />\n </FlexView>\n </Styled.MenuContainer>\n );\n }\n\n const getGradesArr = grades ? getTags(grades, 'grades') : [];\n const getTopicsArr = activityTopics ? getTags(activityTopics) : [];\n const getTypesArr = activityTypes ? getTags(activityTypes) : [];\n const getTilesArr = activityTiles ? getTags(activityTiles) : [];\n\n const tagData: string[] = [...getTopicsArr, ...getGradesArr, ...getTypesArr, ...getTilesArr];\n\n return (\n <Styled.MenuContainer>\n <FlexView\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $gutterX={1}\n $gapX={0.5}\n >\n <Clickable onClick={onMenuVisibilityChange} label=\"back\">\n <BackIcon color=\"WHITE\" />\n </Clickable>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={1}>\n <Button\n size=\"small\"\n renderAs=\"primary\"\n widthX={12}\n label=\"Launch\"\n onClick={onLaunchActivityClick}\n />\n <Clickable onClick={onMenuVisibilityChange} label=\"close filter menu\">\n <CrossIcon color=\"WHITE\" />\n </Clickable>\n </FlexView>\n </FlexView>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $gapX={1} $gutterX={1}>\n <Text $renderAs=\"ab1\" $color=\"GREY_2\">\n Tags:\n </Text>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $flexRowGapX={0.5} $flexWrap>\n {tagData.map((tag, index) => (\n <FlexView $background=\"WHITE\" $borderRadius={16} $gapX={0.25} $gutterX={1} key={index}>\n <Text $renderAs=\"ub2\" key={index}>\n {tag}\n </Text>\n </FlexView>\n ))}\n </FlexView>\n </FlexView>\n {iframeSrc && <Iframe id=\"launch_activity_iframe\" src={iframeSrc} />}\n </Styled.MenuContainer>\n );\n});\n\nexport default LaunchPuzzle;\n"],"names":["Iframe","styled","LaunchPuzzle","memo","props","launchPuzzleData","onMenuVisibilityChange","toggleMenu","nodeId","cueCanvas","setHomeworkId","useCueCanvasActions","getWbActivity","wbActivityData","wbActivityDataProcessed","useGetActivity","useEffect","activityTiles","activityTopics","activityTypes","grades","worksheet","iframeSrc","learnnosityActivityRef","onLaunchActivityClick","useCallback","jsonOBJ","actionData","serializeData","jsxs","Styled.MenuContainer","jsx","FlexView","Clickable","BackIcon","Loader","ILLUSTRATIONS","getGradesArr","getTags","getTopicsArr","getTypesArr","getTilesArr","tagData","Button","CrossIcon","Text","tag","index"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAMA,IAASC,EAAO;AAAA;AAAA;AAAA,GAWvBC,KAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,kBAAAC,GAAkB,wBAAAC,GAAwB,YAAAC,EAAA,IAAeH,GAC3D,EAAE,SAASI,MAAWH,KAAoB,CAAA,GAC1C,EAAE,gBAAgBI,GAAW,eAAAC,MAAkBC,EAAoB,GAEnE;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,aAAaC;AAAA,MACXC,EAAe;AAEnB,EAAAC,EAAU,MAAM;AACd,IAAAJ,EAAcJ,CAAM;AAAA,EAAA,GACnB,CAACI,GAAeJ,CAAM,CAAC;AACpB,QAAA;AAAA,IACJ,gBAAgBS;AAAA,IAChB,iBAAiBC;AAAA,IACjB,gBAAgBC;AAAA,IAChB,QAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACER,KAAkB,CAAA,GAChB,EAAE,kBAAkBS,GAAW,yBAAyBC,EAAuB,IACnFF,KAAa,IAETG,IAAwBC,EAAY,YAAY;AACpD,UAAMC,IAAUH,KAA2B,OAAO,MAAM,MAAMA,CAAsB,GAAG,QAGjFI,IAAa;AAAA,MACjB,GAFiBC,EAAcF,CAAO;AAAA,IAEnC;AAGM,IAAAnB,KAEXE,KAAA,QAAAA,EAAW,cAAckB,IACzBjB,EAAc,MAAS;AAAA,KACtB,CAACD,GAAWc,GAAwBb,GAAeH,CAAU,CAAC;AAE7D,MAAA,CAACM,KAAkB,CAACC;AAEpB,WAAA,gBAAAe,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAS,UAAU,KAAK,OAAO,KAC9B,4BAACC,GAAU,EAAA,SAAS3B,GAAwB,OAAM,QAChD,UAAC,gBAAAyB,EAAAG,GAAA,EAAS,OAAM,QAAA,CAAQ,EAC1B,CAAA,GACF;AAAA,wBACCF,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAAQ,QAC9D,UAAC,gBAAAD,EAAAI,GAAA,EAAO,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAM,QAAQ,CAAA,GAChE;AAAA,IACF,EAAA,CAAA;AAIJ,QAAMC,IAAejB,IAASkB,EAAQlB,GAAQ,QAAQ,IAAI,IACpDmB,IAAerB,IAAiBoB,EAAQpB,CAAc,IAAI,CAAA,GAC1DsB,IAAcrB,IAAgBmB,EAAQnB,CAAa,IAAI,CAAA,GACvDsB,IAAcxB,IAAgBqB,EAAQrB,CAAa,IAAI,CAAA,GAEvDyB,IAAoB,CAAC,GAAGH,GAAc,GAAGF,GAAc,GAAGG,GAAa,GAAGC,CAAW;AAGzF,SAAA,gBAAAZ,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,UAAU;AAAA,QACV,OAAO;AAAA,QAEP,UAAA;AAAA,UAAC,gBAAAD,EAAAE,GAAA,EAAU,SAAS3B,GAAwB,OAAM,QAChD,UAAC,gBAAAyB,EAAAG,GAAA,EAAS,OAAM,QAAA,CAAQ,EAC1B,CAAA;AAAA,4BACCF,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,GACnE,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,QAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,SAASnB;AAAA,cAAA;AAAA,YACX;AAAA,YACA,gBAAAO,EAACE,GAAU,EAAA,SAAS3B,GAAwB,OAAM,qBAChD,UAAC,gBAAAyB,EAAAa,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAf,EAACG,KAAS,gBAAe,OAAM,iBAAiB,GAAG,OAAO,GAAG,UAAU,GACrE,UAAA;AAAA,MAAA,gBAAAD,EAACc,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,SAAA;AAAA,MACC,gBAAAd,EAAAC,GAAA,EAAS,gBAAe,OAAM,iBAAiB,GAAG,cAAc,KAAK,WAAS,IAC5E,UAAQU,EAAA,IAAI,CAACI,GAAKC,MAChB,gBAAAhB,EAAAC,GAAA,EAAS,aAAY,SAAQ,eAAe,IAAI,OAAO,MAAM,UAAU,GACtE,UAAA,gBAAAD,EAACc,GAAK,EAAA,WAAU,OACb,UADwBC,EAAA,GAAAC,CAE3B,EAH8E,GAAAA,CAIhF,CACD,GACH;AAAA,IAAA,GACF;AAAA,IACCzB,KAAc,gBAAAS,EAAA/B,GAAA,EAAO,IAAG,0BAAyB,KAAKsB,GAAW;AAAA,EACpE,EAAA,CAAA;AAEJ,CAAC;"}
1
+ {"version":3,"file":"launch-puzzle.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/launch-puzzle.tsx"],"sourcesContent":["import type { IPuzzlesResultData } from './api/get-puzzles';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport BackIcon from '../../../../assets/line-icons/icons/back';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Button from '../../../ui/buttons/button/button';\nimport { Loader } from '../../../ui/buttons/button/button-styled';\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 { useGetActivity } from './api/get-puzzles';\nimport * as Styled from './puzzles-styled';\nimport { getTags, serializeData } from './utils';\n\nexport const Iframe = styled.iframe`\n width: 100%;\n height: 100%;\n`;\n\ninterface ILaunchPuzzleProps {\n launchPuzzleData: IPuzzlesResultData;\n onMenuVisibilityChange: () => void;\n toggleMenu: () => void;\n}\n\nconst LaunchPuzzle: FC<ILaunchPuzzleProps> = memo(props => {\n const { launchPuzzleData, onMenuVisibilityChange, toggleMenu } = props;\n const { node_id: nodeId } = launchPuzzleData || {};\n const { activeInstance: cueCanvas, setHomeworkId, setActiveTool } = useCueCanvasActions();\n\n const {\n get: getWbActivity,\n data: wbActivityData,\n isProcessed: wbActivityDataProcessed,\n } = useGetActivity();\n\n useEffect(() => {\n getWbActivity(nodeId);\n }, [getWbActivity, nodeId]);\n const {\n activity_tiles: activityTiles,\n activity_topics: activityTopics,\n activity_types: activityTypes,\n grades: grades,\n worksheet,\n } = wbActivityData || {};\n const { instructions_ref: iframeSrc, learnosity_activity_ref: learnnosityActivityRef } =\n worksheet || {};\n\n const onLaunchActivityClick = useCallback(async () => {\n const jsonOBJ = learnnosityActivityRef && (await (await fetch(learnnosityActivityRef)).json());\n\n const newJSONObj = serializeData(jsonOBJ);\n const actionData = {\n ...newJSONObj,\n };\n\n toggleMenu();\n\n cueCanvas?.replaceCanvas(actionData);\n setHomeworkId(undefined);\n setActiveTool('move');\n }, [cueCanvas, learnnosityActivityRef, setActiveTool, setHomeworkId, toggleMenu]);\n\n if (!wbActivityData || !wbActivityDataProcessed) {\n return (\n <Styled.MenuContainer>\n <FlexView $gutterX={1.5} $gapX={1.5}>\n <Clickable onClick={onMenuVisibilityChange} label=\"back\">\n <BackIcon color=\"WHITE\" />\n </Clickable>\n </FlexView>\n <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height=\"100%\">\n <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size=\"small\" />\n </FlexView>\n </Styled.MenuContainer>\n );\n }\n\n const getGradesArr = grades ? getTags(grades, 'grades') : [];\n const getTopicsArr = activityTopics ? getTags(activityTopics) : [];\n const getTypesArr = activityTypes ? getTags(activityTypes) : [];\n const getTilesArr = activityTiles ? getTags(activityTiles) : [];\n\n const tagData: string[] = [...getTopicsArr, ...getGradesArr, ...getTypesArr, ...getTilesArr];\n\n return (\n <Styled.MenuContainer>\n <FlexView\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $gutterX={1}\n $gapX={0.5}\n >\n <Clickable onClick={onMenuVisibilityChange} label=\"back\">\n <BackIcon color=\"WHITE\" />\n </Clickable>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={1}>\n <Button\n size=\"small\"\n renderAs=\"primary\"\n widthX={12}\n label=\"Launch\"\n onClick={onLaunchActivityClick}\n />\n <Clickable onClick={onMenuVisibilityChange} label=\"close filter menu\">\n <CrossIcon color=\"WHITE\" />\n </Clickable>\n </FlexView>\n </FlexView>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $gapX={1} $gutterX={1}>\n <Text $renderAs=\"ab1\" $color=\"GREY_2\">\n Tags:\n </Text>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $flexRowGapX={0.5} $flexWrap>\n {tagData.map((tag, index) => (\n <FlexView $background=\"WHITE\" $borderRadius={16} $gapX={0.25} $gutterX={1} key={index}>\n <Text $renderAs=\"ub2\" key={index}>\n {tag}\n </Text>\n </FlexView>\n ))}\n </FlexView>\n </FlexView>\n {iframeSrc && <Iframe id=\"launch_activity_iframe\" src={iframeSrc} />}\n </Styled.MenuContainer>\n );\n});\n\nexport default LaunchPuzzle;\n"],"names":["Iframe","styled","LaunchPuzzle","memo","props","launchPuzzleData","onMenuVisibilityChange","toggleMenu","nodeId","cueCanvas","setHomeworkId","setActiveTool","useCueCanvasActions","getWbActivity","wbActivityData","wbActivityDataProcessed","useGetActivity","useEffect","activityTiles","activityTopics","activityTypes","grades","worksheet","iframeSrc","learnnosityActivityRef","onLaunchActivityClick","useCallback","jsonOBJ","actionData","serializeData","jsxs","Styled.MenuContainer","jsx","FlexView","Clickable","BackIcon","Loader","ILLUSTRATIONS","getGradesArr","getTags","getTopicsArr","getTypesArr","getTilesArr","tagData","Button","CrossIcon","Text","tag","index"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.0.22-aa13",
3
+ "version": "3.0.22-aa14",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"