@cuemath/leap 3.5.65 → 3.5.66-link0

package/dist/features/cue-canvas/bottombar/homework-controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"homework-controls.js","sources":["../../../../src/features/cue-canvas/bottombar/homework-controls.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } 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';\nimport type { IHomeWorkControllerProps } from './bottombar-types';\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":";;;;;;;;;;AAYA,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;"}
+{"version":3,"file":"homework-controls.js","sources":["../../../../src/features/cue-canvas/bottombar/homework-controls.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } 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';\nimport type { IHomeWorkControllerProps } from './bottombar-types';\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":";;;;;;;;;;AAYA,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;"}

package/dist/features/cue-canvas/sidebar/sidebar.js

@@ -3,15 +3,15 @@ import { memo as p, useState as d, useMemo as f } from "react";
 import c from "../../ui/layout/flex-view.js";
 import o from "../../ui/separator/separator.js";
 import l from "./homework/homework.js";
-import s from "./puzzles/puzzles.js";
-import { SideBarContainer as u } from "./sidebar-styled.js";
+import u from "./puzzles/puzzles.js";
+import { SideBarContainer as s } from "./sidebar-styled.js";
 import x from "./tiles/tile.js";
 const S = ({ grade: m, hwRequests: t }) => {
   const [r, i] = d(), a = f(() => r === "tile" ? "300px" : r === "homework" ? "248px" : r === "puzzle" ? "650px" : "auto", [r]);
-  return /* @__PURE__ */ e(u, { $activeSidebar: r, $width: a, children: /* @__PURE__ */ n(c, { $flexDirection: "row", children: [
+  return /* @__PURE__ */ e(s, { $activeSidebar: r, $width: a, children: /* @__PURE__ */ n(c, { $flexDirection: "row", children: [
     /* @__PURE__ */ e(x, { activeSidebar: r, setActiveSidebar: i }),
     /* @__PURE__ */ e(o, { width: 8 }),
-    /* @__PURE__ */ e(s, { grade: m, activeSidebar: r, setActiveSidebar: i }),
+    /* @__PURE__ */ e(u, { grade: m, activeSidebar: r, setActiveSidebar: i }),
     /* @__PURE__ */ e(o, { width: 8 }),
     t && t.length > 0 && /* @__PURE__ */ e(
       l,

package/dist/features/cue-canvas/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar.tsx"],"sourcesContent":["import { memo, useMemo, useState, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Homework from './homework/homework';\nimport type { IHomeWorkHelpRequestModelWithStudentName } from './homework/homework-types';\nimport Puzzles from './puzzles/puzzles';\nimport type { TActiveSidebar } from './puzzles/puzzles-type';\nimport { SideBarContainer } from './sidebar-styled';\nimport TileBar from './tiles/tile';\n\ninterface ISidebar {\n  grade?: string;\n  hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];\n}\n\nconst Sidebar: FC<ISidebar> = ({ grade, hwRequests }) => {\n  const [activeSidebar, setActiveSidebar] = useState<TActiveSidebar | undefined>();\n\n  const width = useMemo(() => {\n    if (activeSidebar === 'tile') {\n      return '300px';\n    }\n\n    if (activeSidebar === 'homework') {\n      return '248px';\n    }\n\n    if (activeSidebar === 'puzzle') {\n      return '650px';\n    }\n\n    return 'auto';\n  }, [activeSidebar]);\n\n  return (\n    <SideBarContainer $activeSidebar={activeSidebar} $width={width}>\n      <FlexView $flexDirection=\"row\">\n        <TileBar activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n        <Puzzles grade={grade} activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n\n        {hwRequests && hwRequests.length > 0 && (\n          <Homework\n            activeSidebar={activeSidebar}\n            setActiveSidebar={setActiveSidebar}\n            hwRequests={hwRequests}\n          />\n        )}\n      </FlexView>\n    </SideBarContainer>\n  );\n};\n\nexport default memo(Sidebar);\n"],"names":["Sidebar","grade","hwRequests","activeSidebar","setActiveSidebar","useState","width","useMemo","jsx","SideBarContainer","jsxs","FlexView","TileBar","Separator","Puzzles","Homework","sidebar","memo"],"mappings":";;;;;;;;AAgBA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,YAAAC,QAAiB;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,GAEzEC,IAAQC,EAAQ,MAChBJ,MAAkB,SACb,UAGLA,MAAkB,aACb,UAGLA,MAAkB,WACb,UAGF,QACN,CAACA,CAAa,CAAC;AAGhB,SAAA,gBAAAK,EAACC,KAAiB,gBAAgBN,GAAe,QAAQG,GACvD,UAAA,gBAAAI,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAQ,eAAAT,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IAC3E,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACpB,gBAAAL,EAAAM,GAAA,EAAQ,OAAAb,GAAc,eAAAE,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IACzF,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IAEpBX,KAAcA,EAAW,SAAS,KACjC,gBAAAM;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,eAAAZ;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEec,IAAAC,EAAKjB,CAAO;"}
+{"version":3,"file":"sidebar.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar.tsx"],"sourcesContent":["import { memo, useMemo, useState, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Homework from './homework/homework';\nimport type { IHomeWorkHelpRequestModelWithStudentName } from './homework/homework-types';\nimport Puzzles from './puzzles/puzzles';\nimport type { TActiveSidebar } from './puzzles/puzzles-type';\nimport { SideBarContainer } from './sidebar-styled';\nimport TileBar from './tiles/tile';\n\ninterface ISidebar {\n  grade?: string;\n  hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];\n}\n\nconst Sidebar: FC<ISidebar> = ({ grade, hwRequests }) => {\n  const [activeSidebar, setActiveSidebar] = useState<TActiveSidebar | undefined>();\n\n  const width = useMemo(() => {\n    if (activeSidebar === 'tile') {\n      return '300px';\n    }\n\n    if (activeSidebar === 'homework') {\n      return '248px';\n    }\n\n    if (activeSidebar === 'puzzle') {\n      return '650px';\n    }\n\n    return 'auto';\n  }, [activeSidebar]);\n\n  return (\n    <SideBarContainer $activeSidebar={activeSidebar} $width={width}>\n      <FlexView $flexDirection=\"row\">\n        <TileBar activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n        <Puzzles grade={grade} activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n\n        {hwRequests && hwRequests.length > 0 && (\n          <Homework\n            activeSidebar={activeSidebar}\n            setActiveSidebar={setActiveSidebar}\n            hwRequests={hwRequests}\n          />\n        )}\n      </FlexView>\n    </SideBarContainer>\n  );\n};\n\nexport default memo(Sidebar);\n"],"names":["Sidebar","grade","hwRequests","activeSidebar","setActiveSidebar","useState","width","useMemo","jsx","SideBarContainer","jsxs","FlexView","TileBar","Separator","Puzzles","Homework","Sidebar$1","memo"],"mappings":";;;;;;;;AAgBA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,YAAAC,QAAiB;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,GAEzEC,IAAQC,EAAQ,MAChBJ,MAAkB,SACb,UAGLA,MAAkB,aACb,UAGLA,MAAkB,WACb,UAGF,QACN,CAACA,CAAa,CAAC;AAGhB,SAAA,gBAAAK,EAACC,KAAiB,gBAAgBN,GAAe,QAAQG,GACvD,UAAA,gBAAAI,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAQ,eAAAT,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IAC3E,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACpB,gBAAAL,EAAAM,GAAA,EAAQ,OAAAb,GAAc,eAAAE,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IACzF,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IAEpBX,KAAcA,EAAW,SAAS,KACjC,gBAAAM;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,eAAAZ;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEec,IAAAC,EAAKjB,CAAO;"}

package/dist/features/cue-canvas/toolbar/toolbar.js

@@ -1,21 +1,25 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { memo as c, useEffect as l } from "react";
-import f from "../../ui/layout/flex-view.js";
-import { getUserTools as u } from "../cue-canvas-helpers.js";
-import { useCueCanvasActions as p } from "../hooks/use-cue-canvas-actions.js";
-import C from "./color-picker-menu.js";
-import b from "./tool.js";
-import v from "./whiteboard-toolbar.js";
-const x = c(function({ userType: t, renderAs: e }) {
-  const i = u(t, e), { activeInstance: o, activeTool: a, activeColor: m } = p();
-  return l(() => {
-    o && (o.setColor(m), o.setTool(a));
-  }, [o]), e === "whiteboard" ? /* @__PURE__ */ r(v, { tools: i, userType: t }) : /* @__PURE__ */ s(f, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.25, children: [
-    i.map((n) => /* @__PURE__ */ r(b, { tool: n, shouldAnimate: !0 }, n)),
-    /* @__PURE__ */ r(C, { userType: t, renderAs: "canvas" })
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { memo as l, useEffect as f } from "react";
+import u from "../../ui/layout/flex-view.js";
+import { getUserTools as p } from "../cue-canvas-helpers.js";
+import { useCueCanvasActions as C } from "../hooks/use-cue-canvas-actions.js";
+import b from "./color-picker-menu.js";
+import v from "./tool.js";
+import x from "./whiteboard-toolbar.js";
+const T = l(function({
+  userType: t,
+  renderAs: e,
+  withGutter: a = !0
+}) {
+  const i = p(t, e), { activeInstance: o, activeTool: m, activeColor: s } = C();
+  return f(() => {
+    o && (o.setColor(s), o.setTool(m));
+  }, [o]), e === "whiteboard" ? /* @__PURE__ */ r(x, { tools: i, userType: t, withGutter: a }) : /* @__PURE__ */ c(u, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.25, children: [
+    i.map((n) => /* @__PURE__ */ r(v, { tool: n, shouldAnimate: !0 }, n)),
+    /* @__PURE__ */ r(b, { userType: t, renderAs: "canvas" })
   ] });
-}), k = x;
+}), D = T;
 export {
-  k as default
+  D as default
 };
 //# sourceMappingURL=toolbar.js.map

package/dist/features/cue-canvas/toolbar/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport type { IToolbarProps } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: FC<IToolbarProps> = memo(function Toolbar({ userType, renderAs }) {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n  // This effect ensures that the selected tool and color are applied to the cueCanvas instance\n  // whenever it changes. For example, if a user selects a tool and color, then navigates to a\n  // different question (causing a new cueCanvas instance), the same tool and color will be set\n  // on the new instance.\n  // Disabling the exhaustive-deps rule here because we want to run this effect only\n  // when the cueCanvas instance is set, not on every tool & color change.\n  useEffect(() => {\n    if (cueCanvas) {\n      cueCanvas.setColor(activeColor);\n\n      cueCanvas.setTool(activeTool);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cueCanvas]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.25}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"canvas\" />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","useEffect","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;AAUA,MAAMA,IAA6BC,EAAK,SAAiB,EAAE,UAAAC,GAAU,UAAAC,KAAY;AACzE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC;AAiB/D,SATAC,EAAU,MAAM;AACd,IAAIJ,MACFA,EAAU,SAASE,CAAW,GAE9BF,EAAU,QAAQC,CAAU;AAAA,EAC9B,GAEC,CAACD,CAAS,CAAC,GAEVH,MAAa,eACR,gBAAAQ,EAACC,GAAkB,EAAA,OAAAR,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAW,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,MACrF,UAAA;AAAA,IAAMV,EAAA,IAAI,OACR,gBAAAO,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACA,gBAAAL,EAAAM,GAAA,EAAgB,UAAAf,GAAoB,UAAS,SAAS,CAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CAAC,GAEDgB,IAAelB;"}
+{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport type { IToolbarProps } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: FC<IToolbarProps> = memo(function Toolbar({\n  userType,\n  renderAs,\n  withGutter = true,\n}) {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n  // This effect ensures that the selected tool and color are applied to the cueCanvas instance\n  // whenever it changes. For example, if a user selects a tool and color, then navigates to a\n  // different question (causing a new cueCanvas instance), the same tool and color will be set\n  // on the new instance.\n  // Disabling the exhaustive-deps rule here because we want to run this effect only\n  // when the cueCanvas instance is set, not on every tool & color change.\n  useEffect(() => {\n    if (cueCanvas) {\n      cueCanvas.setColor(activeColor);\n\n      cueCanvas.setTool(activeTool);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cueCanvas]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} withGutter={withGutter} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.25}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"canvas\" />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","withGutter","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","useEffect","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;AAUA,MAAMA,IAA6BC,EAAK,SAAiB;AAAA,EACvD,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAG;AACK,QAAAC,IAAQC,EAAaJ,GAAUC,CAAQ,GACvC,EAAE,gBAAgBI,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC;AAiB/D,SATAC,EAAU,MAAM;AACd,IAAIJ,MACFA,EAAU,SAASE,CAAW,GAE9BF,EAAU,QAAQC,CAAU;AAAA,EAC9B,GAEC,CAACD,CAAS,CAAC,GAEVJ,MAAa,eACP,gBAAAS,EAAAC,GAAA,EAAkB,OAAAR,GAAc,UAAAH,GAAoB,YAAAE,EAAwB,CAAA,IAIpF,gBAAAU,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,MACrF,UAAA;AAAA,IAAMV,EAAA,IAAI,OACR,gBAAAO,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACA,gBAAAL,EAAAM,GAAA,EAAgB,UAAAhB,GAAoB,UAAS,SAAS,CAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CAAC,GAEDiB,IAAenB;"}

package/dist/features/cue-canvas/toolbar/whiteboard-toolbar.js

@@ -1,20 +1,30 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { memo as a } from "react";
-import l from "../../ui/layout/flex-view.js";
-import c from "./color-picker-menu.js";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { memo as l } from "react";
+import c from "../../ui/layout/flex-view.js";
+import p from "./color-picker-menu.js";
 import i from "./tool.js";
-const b = a(function({
+const T = l(function({
   tools: e,
-  userType: t
+  userType: t,
+  withGutter: m
 }) {
-  const m = e.slice(0, 4), n = e.slice(4);
-  return /* @__PURE__ */ s(l, { $flexDirection: "row", $alignItems: "center", $position: "relative", $flexGapX: 0.25, children: [
-    m.map((o) => /* @__PURE__ */ r(i, { tool: o, shouldAnimate: !0 }, o)),
-    /* @__PURE__ */ r(c, { userType: t, renderAs: "whiteboard" }),
-    n.map((o) => /* @__PURE__ */ r(i, { tool: o }, o))
-  ] });
+  const n = e.slice(0, 4), s = e.slice(4);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $position: "relative",
+      $flexGapX: m ? 0.25 : 0,
+      children: [
+        n.map((o) => /* @__PURE__ */ r(i, { tool: o, shouldAnimate: !0 }, o)),
+        /* @__PURE__ */ r(p, { userType: t, renderAs: "whiteboard" }),
+        s.map((o) => /* @__PURE__ */ r(i, { tool: o }, o))
+      ]
+    }
+  );
 });
 export {
-  b as default
+  T as default
 };
 //# sourceMappingURL=whiteboard-toolbar.js.map

package/dist/features/cue-canvas/toolbar/whiteboard-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"whiteboard-toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/whiteboard-toolbar.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport type { IWhiteboardToolbar } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\n\nconst WhiteboardToolbar: FC<IWhiteboardToolbar> = memo(function WhiteboardToolbar({\n  tools,\n  userType,\n}) {\n  const writingTools = tools.slice(0, 4);\n  const otherTools = tools.slice(4);\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $position=\"relative\" $flexGapX={0.25}>\n      {writingTools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate={true} />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"whiteboard\" />\n      {otherTools.map(tool => (\n        <Tool tool={tool} key={tool} />\n      ))}\n    </FlexView>\n  );\n});\n\nexport default WhiteboardToolbar;\n"],"names":["WhiteboardToolbar","memo","tools","userType","writingTools","otherTools","jsxs","FlexView","jsx","Tool","tool","ColorPickerMenu"],"mappings":";;;;;AAOM,MAAAA,IAA4CC,EAAK,SAA2B;AAAA,EAChF,OAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMC,IAAeF,EAAM,MAAM,GAAG,CAAC,GAC/BG,IAAaH,EAAM,MAAM,CAAC;AAG9B,SAAA,gBAAAI,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,WAAU,YAAW,WAAW,MACjF,UAAA;AAAA,IAAaH,EAAA,IAAI,OACf,gBAAAI,EAAAC,GAAA,EAAK,MAAAC,GAAuB,eAAe,GAAA,GAArBA,CAA2B,CACnD;AAAA,IACA,gBAAAF,EAAAG,GAAA,EAAgB,UAAAR,GAAoB,UAAS,aAAa,CAAA;AAAA,IAC1DE,EAAW,IAAI,CAAAK,wBACbD,GAAK,EAAA,MAAAC,KAAiBA,CAAM,CAC9B;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"whiteboard-toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/whiteboard-toolbar.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport type { IWhiteboardToolbar } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\n\nconst WhiteboardToolbar: FC<IWhiteboardToolbar> = memo(function WhiteboardToolbar({\n  tools,\n  userType,\n  withGutter,\n}) {\n  const writingTools = tools.slice(0, 4);\n  const otherTools = tools.slice(4);\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $position=\"relative\"\n      $flexGapX={withGutter ? 0.25 : 0}\n    >\n      {writingTools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate={true} />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"whiteboard\" />\n      {otherTools.map(tool => (\n        <Tool tool={tool} key={tool} />\n      ))}\n    </FlexView>\n  );\n});\n\nexport default WhiteboardToolbar;\n"],"names":["WhiteboardToolbar","memo","tools","userType","withGutter","writingTools","otherTools","jsxs","FlexView","jsx","Tool","tool","ColorPickerMenu"],"mappings":";;;;;AAOM,MAAAA,IAA4CC,EAAK,SAA2B;AAAA,EAChF,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAG;AACD,QAAMC,IAAeH,EAAM,MAAM,GAAG,CAAC,GAC/BI,IAAaJ,EAAM,MAAM,CAAC;AAG9B,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAWJ,IAAa,OAAO;AAAA,MAE9B,UAAA;AAAA,QAAaC,EAAA,IAAI,OACf,gBAAAI,EAAAC,GAAA,EAAK,MAAAC,GAAuB,eAAe,GAAA,GAArBA,CAA2B,CACnD;AAAA,QACA,gBAAAF,EAAAG,GAAA,EAAgB,UAAAT,GAAoB,UAAS,aAAa,CAAA;AAAA,QAC1DG,EAAW,IAAI,CAAAK,wBACbD,GAAK,EAAA,MAAAC,KAAiBA,CAAM,CAC9B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/features/milestone/create/api/milestone-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-config.js","sources":["../../../../../src/features/milestone/create/api/milestone-config.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\nimport type { IMilestoneConfig } from '../milestone-create-types';\n\nconst { useGet: useGetMileStoneConfig } = createGetAPI<\n  IMilestoneConfig,\n  { demo_type?: 'TRIAL_V3' } | undefined\n>({\n  getURL: (_, query) => `${BASE_URL_V3}/milestone/config/${query ? `?${stringify(query)}` : ''}`,\n});\n\nexport { useGetMileStoneConfig };\n"],"names":["useGetMileStoneConfig","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AAMA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAGxC;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,qBAAqBD,IAAQ,IAAIE,EAAUF,CAAK,CAAC,KAAK,EAAE;AAC9F,CAAC;"}
+{"version":3,"file":"milestone-config.js","sources":["../../../../../src/features/milestone/create/api/milestone-config.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\nimport type { IMilestoneConfig } from '../milestone-create-types';\n\nconst { useGet: useGetMileStoneConfig } = createGetAPI<\n  IMilestoneConfig,\n  { demo_type?: string } | undefined\n>({\n  getURL: (_, query) => `${BASE_URL_V3}/milestone/config/${query ? `?${stringify(query)}` : ''}`,\n});\n\nexport { useGetMileStoneConfig };\n"],"names":["useGetMileStoneConfig","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AAMA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAGxC;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,qBAAqBD,IAAQ,IAAIE,EAAUF,CAAK,CAAC,KAAK,EAAE;AAC9F,CAAC;"}

package/dist/features/parent-dashboard/modals/trial-report/trial-report.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { memo as p, useCallback as f, useEffect as d } from "react";
-import { useGetSessionReports as u } from "../../../trial-session/api/trial-home.js";
+import { useGetSessionReports as u } from "../../../trial-session/api/trial-session-report.js";
 import l from "../../../trial-session/comps/session-report/report-information/report-information.js";
 import c from "../../../ui/error/error.js";
 import h from "../../../ui/loader/app-loader/app-loader.js";

package/dist/features/parent-dashboard/modals/trial-report/trial-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-report.js","sources":["../../../../../src/features/parent-dashboard/modals/trial-report/trial-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { useGetSessionReports } from '../../../trial-session/api/trial-home';\nimport ReportInformation from '../../../trial-session/comps/session-report/report-information/report-information';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport * as Styled from './trial-report-styled';\n\nconst StudentTrialReport = () => {\n  const { studentName, attemptId, studentLevel } = useModalParams<{\n    studentName: string;\n    attemptId: string;\n    studentLevel: string;\n  }>();\n\n  const {\n    get: getSessionReports,\n    isProcessingFailed,\n    data: sessionReports,\n    isProcessing,\n  } = useGetSessionReports();\n\n  const fetchData = useCallback(() => {\n    if (attemptId && studentName) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel,\n        student_name: studentName,\n      });\n    }\n  }, [attemptId, getSessionReports, studentLevel, studentName]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"50vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <Styled.Container $borderColor=\"BLACK_1\">\n      <ReportInformation sessionReports={sessionReports} studentName={studentName} />\n    </Styled.Container>\n  );\n};\n\nexport default memo(StudentTrialReport);\n"],"names":["StudentTrialReport","studentName","attemptId","studentLevel","useModalParams","getSessionReports","isProcessingFailed","sessionReports","isProcessing","useGetSessionReports","fetchData","useCallback","useEffect","jsx","Error","AppLoader","Styled.Container","ReportInformation","trialReport","memo"],"mappings":";;;;;;;;AASA,MAAMA,IAAqB,MAAM;AAC/B,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,cAAAC,MAAiBC,EAI9C,GAEG;AAAA,IACJ,KAAKC;AAAA,IACL,oBAAAC;AAAA,IACA,MAAMC;AAAA,IACN,cAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAYC,EAAY,MAAM;AAClC,IAAIT,KAAaD,KACfI,EAAkBH,GAAW;AAAA,MAC3B,eAAeC;AAAA,MACf,cAAcF;AAAA,IAAA,CACf;AAAA,KAEF,CAACC,GAAWG,GAAmBF,GAAcF,CAAW,CAAC;AAM5D,SAJAW,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVJ,IACM,gBAAAO,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACD,IACX,gBAAAM,EAAAE,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA,IAI3C,gBAAAF,EAACG,GAAA,EAAiB,cAAa,WAC7B,UAAC,gBAAAH,EAAAI,GAAA,EAAkB,gBAAAV,GAAgC,aAAAN,EAA0B,CAAA,EAC/E,CAAA;AAEJ,GAEeiB,IAAAC,EAAKnB,CAAkB;"}
+{"version":3,"file":"trial-report.js","sources":["../../../../../src/features/parent-dashboard/modals/trial-report/trial-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { useGetSessionReports } from '../../../trial-session/api/trial-session-report';\nimport ReportInformation from '../../../trial-session/comps/session-report/report-information/report-information';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport * as Styled from './trial-report-styled';\n\nconst StudentTrialReport = () => {\n  const { studentName, attemptId, studentLevel } = useModalParams<{\n    studentName: string;\n    attemptId: string;\n    studentLevel: string;\n  }>();\n\n  const {\n    get: getSessionReports,\n    isProcessingFailed,\n    data: sessionReports,\n    isProcessing,\n  } = useGetSessionReports();\n\n  const fetchData = useCallback(() => {\n    if (attemptId && studentName) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel,\n        student_name: studentName,\n      });\n    }\n  }, [attemptId, getSessionReports, studentLevel, studentName]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"50vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <Styled.Container $borderColor=\"BLACK_1\">\n      <ReportInformation sessionReports={sessionReports} studentName={studentName} />\n    </Styled.Container>\n  );\n};\n\nexport default memo(StudentTrialReport);\n"],"names":["StudentTrialReport","studentName","attemptId","studentLevel","useModalParams","getSessionReports","isProcessingFailed","sessionReports","isProcessing","useGetSessionReports","fetchData","useCallback","useEffect","jsx","Error","AppLoader","Styled.Container","ReportInformation","trialReport","memo"],"mappings":";;;;;;;;AASA,MAAMA,IAAqB,MAAM;AAC/B,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,cAAAC,MAAiBC,EAI9C,GAEG;AAAA,IACJ,KAAKC;AAAA,IACL,oBAAAC;AAAA,IACA,MAAMC;AAAA,IACN,cAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAYC,EAAY,MAAM;AAClC,IAAIT,KAAaD,KACfI,EAAkBH,GAAW;AAAA,MAC3B,eAAeC;AAAA,MACf,cAAcF;AAAA,IAAA,CACf;AAAA,KAEF,CAACC,GAAWG,GAAmBF,GAAcF,CAAW,CAAC;AAM5D,SAJAW,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVJ,IACM,gBAAAO,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACD,IACX,gBAAAM,EAAAE,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA,IAI3C,gBAAAF,EAACG,GAAA,EAAiB,cAAa,WAC7B,UAAC,gBAAAH,EAAAI,GAAA,EAAkB,gBAAAV,GAAgC,aAAAN,EAA0B,CAAA,EAC/E,CAAA;AAEJ,GAEeiB,IAAAC,EAAKnB,CAAkB;"}

package/dist/features/trial-session/api/trial-home.js

@@ -1,20 +1,14 @@
-import { createGetAPI as s, createPatchAPI as a } from "@cuemath/rest-api";
-import { BASE_URL_V1 as r, BASE_URL_V2 as i } from "../../../constants/api.js";
-import { stringify as o } from "../../../helpers/query-string.js";
-const { useGet: u, invalidate: l } = s({
-  getURL: (t, e) => `${r}/trial/home/v2/?${o(e)}`
-}), { usePatch: p } = a({
-  getURL: () => `${r}/trial/home/v2/`
-}), { useGet: g } = s({
-  getURL: (t) => `${i}/user-attempts/${t}/trial-diagnostic/report`
-}), { useGet: $ } = s({
-  getURL: (t, e) => `${i}/user-attempts/${t}/trial-diagnostic/report/v2/?${o(e)}`
+import { createGetAPI as r, createPatchAPI as a } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../constants/api.js";
+import { stringify as i } from "../../../helpers/query-string.js";
+const { useGet: s, invalidate: h } = r({
+  getURL: (o, t) => `${e}/trial/home/v2/?${i(t)}`
+}), { usePatch: n } = a({
+  getURL: () => `${e}/trial/home/v2/`
 });
 export {
-  l as invalidateTrialHome,
-  g as useGetSessionInsights,
-  $ as useGetSessionReports,
-  u as useGetTrialHome,
-  p as usePatchTrialHome
+  h as invalidateTrialHome,
+  s as useGetTrialHome,
+  n as usePatchTrialHome
 };
 //# sourceMappingURL=trial-home.js.map

package/dist/features/trial-session/api/trial-home.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-home.js","sources":["../../../../src/features/trial-session/api/trial-home.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1, BASE_URL_V2 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { TSessionInsightsData } from '../comps/session-insights/session-insights-types';\nimport type { TSessionReportData } from '../comps/session-report/session-report-types';\nimport type { ITrialHomeData } from '../trial-session-types';\n\ninterface IGetTrailHomeQuery {\n  teacher_id: string;\n  student_id: string;\n  viewer: string;\n}\n\ninterface ISessionInsightsQuery {\n  student_level: string;\n  student_name: string;\n}\n\nconst { useGet: useGetTrialHome, invalidate: invalidateTrialHome } = createGetAPI<\n  ITrialHomeData,\n  IGetTrailHomeQuery\n>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/home/v2/?${stringify(query)}`,\n});\n\nconst { usePatch: usePatchTrialHome } = createPatchAPI({\n  getURL: () => `${BASE_URL_V1}/trial/home/v2/`,\n});\n\nconst { useGet: useGetSessionInsights } = createGetAPI<TSessionInsightsData>({\n  getURL: userAttemptId => `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report`,\n});\n\nconst { useGet: useGetSessionReports } = createGetAPI<TSessionReportData, ISessionInsightsQuery>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v2/?${stringify(query)}`,\n});\n\nexport {\n  useGetTrialHome,\n  usePatchTrialHome,\n  invalidateTrialHome,\n  useGetSessionReports,\n  useGetSessionInsights,\n};\n"],"names":["useGetTrialHome","invalidateTrialHome","createGetAPI","_","query","BASE_URL_V1","stringify","usePatchTrialHome","createPatchAPI","useGetSessionInsights","userAttemptId","BASE_URL_V2","useGetSessionReports"],"mappings":";;;AAmBA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAGnE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC,GAEK,EAAE,UAAUG,EAAkB,IAAIC,EAAe;AAAA,EACrD,QAAQ,MAAM,GAAGH,CAAW;AAC9B,CAAC,GAEK,EAAE,QAAQI,EAAsB,IAAIP,EAAmC;AAAA,EAC3E,QAAQ,CAAAQ,MAAiB,GAAGC,CAAW,kBAAkBD,CAAa;AACxE,CAAC,GAEK,EAAE,QAAQE,EAAqB,IAAIV,EAAwD;AAAA,EAC/F,QAAQ,CAACQ,GAAeN,MACtB,GAAGO,CAAW,kBAAkBD,CAAa,gCAAgCJ,EAAUF,CAAK,CAAC;AACjG,CAAC;"}
+{"version":3,"file":"trial-home.js","sources":["../../../../src/features/trial-session/api/trial-home.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { ITrialHomeData } from '../trial-session-types';\n\ninterface IGetTrailHomeQuery {\n  teacher_id: string;\n  student_id: string;\n  viewer: string;\n}\n\nconst { useGet: useGetTrialHome, invalidate: invalidateTrialHome } = createGetAPI<\n  ITrialHomeData,\n  IGetTrailHomeQuery\n>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/home/v2/?${stringify(query)}`,\n});\n\nconst { usePatch: usePatchTrialHome } = createPatchAPI({\n  getURL: () => `${BASE_URL_V1}/trial/home/v2/`,\n});\n\nexport { useGetTrialHome, usePatchTrialHome, invalidateTrialHome };\n"],"names":["useGetTrialHome","invalidateTrialHome","createGetAPI","_","query","BASE_URL_V1","stringify","usePatchTrialHome","createPatchAPI"],"mappings":";;;AAYA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAGnE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC,GAEK,EAAE,UAAUG,EAAkB,IAAIC,EAAe;AAAA,EACrD,QAAQ,MAAM,GAAGH,CAAW;AAC9B,CAAC;"}

package/dist/features/trial-session/api/trial-session-report.js

@@ -0,0 +1,16 @@
+import { createGetAPI as s } from "@cuemath/rest-api";
+import { BASE_URL_V2 as r } from "../../../constants/api.js";
+import { stringify as o } from "../../../helpers/query-string.js";
+const { useGet: a } = s({
+  getURL: (t) => `${r}/user-attempts/${t}/trial-diagnostic/report`
+}), { useGet: g } = s({
+  getURL: (t, e) => `${r}/user-attempts/${t}/trial-diagnostic/report/v2/?${o(e)}`
+}), { useGet: m } = s({
+  getURL: (t, e) => `${r}/user-attempts/${t}/trial-diagnostic/report/v3/?${o(e)}`
+});
+export {
+  a as useGetSessionInsights,
+  m as useGetSessionProgressReports,
+  g as useGetSessionReports
+};
+//# sourceMappingURL=trial-session-report.js.map

package/dist/features/trial-session/api/trial-session-report.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-session-report.js","sources":["../../../../src/features/trial-session/api/trial-session-report.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../constants/api';\nimport { type TSessionInsightsData } from '../comps/session-insights/session-insights-types';\nimport { type TSessionReportData } from '../comps/session-report/session-report-types';\nimport { stringify } from '../../../helpers/query-string';\nimport { type ISessionProgressSummary } from '../comps/session-progress-summary/session-progress-summary-types';\n\ninterface ISessionInsightsQuery {\n  student_level: string;\n  student_name: string;\n}\n\nconst { useGet: useGetSessionInsights } = createGetAPI<TSessionInsightsData>({\n  getURL: userAttemptId => `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report`,\n});\n\nconst { useGet: useGetSessionReports } = createGetAPI<TSessionReportData, ISessionInsightsQuery>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v2/?${stringify(query)}`,\n});\n\nconst { useGet: useGetSessionProgressReports } = createGetAPI<\n  ISessionProgressSummary,\n  { student_name: string }\n>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v3/?${stringify(query)}`,\n});\n\nexport { useGetSessionReports, useGetSessionInsights, useGetSessionProgressReports };\n"],"names":["useGetSessionInsights","createGetAPI","userAttemptId","BASE_URL_V2","useGetSessionReports","query","stringify","useGetSessionProgressReports"],"mappings":";;;AAaA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAAmC;AAAA,EAC3E,QAAQ,CAAAC,MAAiB,GAAGC,CAAW,kBAAkBD,CAAa;AACxE,CAAC,GAEK,EAAE,QAAQE,EAAqB,IAAIH,EAAwD;AAAA,EAC/F,QAAQ,CAACC,GAAeG,MACtB,GAAGF,CAAW,kBAAkBD,CAAa,gCAAgCI,EAAUD,CAAK,CAAC;AACjG,CAAC,GAEK,EAAE,QAAQE,EAA6B,IAAIN,EAG/C;AAAA,EACA,QAAQ,CAACC,GAAeG,MACtB,GAAGF,CAAW,kBAAkBD,CAAa,gCAAgCI,EAAUD,CAAK,CAAC;AACjG,CAAC;"}

package/dist/features/trial-session/api/trial-topics.js

@@ -0,0 +1,9 @@
+import { createGetAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../constants/api.js";
+const { useGet: i } = t({
+  getURL: () => `${e}/configs/trial_v3_topics`
+});
+export {
+  i as useGetTrialTopics
+};
+//# sourceMappingURL=trial-topics.js.map

package/dist/features/trial-session/api/trial-topics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-topics.js","sources":["../../../../src/features/trial-session/api/trial-topics.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\ninterface ITrialTopicsData {\n  [countryCode: string]: {\n    [grade: number]: {\n      [course: string]: {\n        topic_image_url: string;\n        topic_name: string;\n      };\n    };\n  };\n}\n\nconst { useGet: useGetTrialTopics } = createGetAPI<ITrialTopicsData>({\n  getURL: () => `${BASE_URL_V1}/configs/trial_v3_topics`,\n});\n\nexport { useGetTrialTopics };\n"],"names":["useGetTrialTopics","createGetAPI","BASE_URL_V1"],"mappings":";;AAeA,MAAM,EAAE,QAAQA,EAAkB,IAAIC,EAA+B;AAAA,EACnE,QAAQ,MAAM,GAAGC,CAAW;AAC9B,CAAC;"}

package/dist/features/trial-session/comps/background-grid/background-grid-utils.js

@@ -1,33 +1,33 @@
-import { getTheme as O } from "../../../ui/theme/get-theme.js";
+import { getTheme as I } from "../../../ui/theme/get-theme.js";
 import { TrialPageId as x } from "../../trial-session-constants.js";
-const I = O(), {
-  BLACK_T_08: l,
-  WHITE_3: b,
+const R = I(), {
+  BLACK_T_08: g,
+  WHITE_3: l,
   WHITE_4: A,
   WHITE_5: i,
   GREEN_1: o,
   GREEN_2: s,
   ORANGE_1: C,
-  ORANGE_2: N,
-  BLUE_1: y,
-  BLUE_2: r,
-  BLUE_3: L,
-  PURPLE_1: E,
-  PURPLE_2: S,
-  YELLOW_1: g,
-  YELLOW_2: _
-} = I.colors, U = (T) => T ? {
+  ORANGE_2: T,
+  BLUE_1: S,
+  BLUE_2: b,
+  BLUE_3: N,
+  PURPLE_1: y,
+  PURPLE_2: O,
+  YELLOW_1: r,
+  YELLOW_2: E
+} = R.colors, U = (_) => _ ? {
   [x.SESSION_OVERVIEW]: [
-    { xAxis: 2, yAxis: 1, bgColor: _ },
+    { xAxis: 2, yAxis: 1, bgColor: E },
     { xAxis: 14, yAxis: 1, bgColor: o },
     { xAxis: 3, yAxis: 10, bgColor: o },
     { xAxis: 16, yAxis: 6, bgColor: C }
   ],
   [x.STUDENT_INFORMATION]: [
-    { xAxis: 2, yAxis: 1, bgColor: r },
-    { xAxis: 17, yAxis: 3, bgColor: y },
-    { xAxis: 1, yAxis: 9, bgColor: y },
-    { xAxis: 16, yAxis: 8, bgColor: r }
+    { xAxis: 3, yAxis: 1, bgColor: l },
+    { xAxis: 14, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 7, bgColor: g },
+    { xAxis: 17, yAxis: 9, bgColor: l }
   ],
   [x.LEARNING_LEVEL]: [
     { xAxis: 3, yAxis: 0, bgColor: s },
@@ -42,21 +42,21 @@ const I = O(), {
     { xAxis: 17, yAxis: 6, bgColor: o }
   ],
   [x.SCHOOL_GOALS]: [
-    { xAxis: 2, yAxis: 1, bgColor: S },
-    { xAxis: 16, yAxis: 0, bgColor: E },
-    { xAxis: 1, yAxis: 8, bgColor: E },
-    { xAxis: 17, yAxis: 10, bgColor: S }
+    { xAxis: 2, yAxis: 1, bgColor: O },
+    { xAxis: 16, yAxis: 0, bgColor: y },
+    { xAxis: 0, yAxis: 8, bgColor: y },
+    { xAxis: 17, yAxis: 10, bgColor: O }
   ],
   [x.TEST_PREP]: [
-    { xAxis: 3, yAxis: 0, bgColor: y },
-    { xAxis: 16, yAxis: 1, bgColor: r },
-    { xAxis: 0, yAxis: 9, bgColor: r },
-    { xAxis: 18, yAxis: 8, bgColor: y }
+    { xAxis: 3, yAxis: 0, bgColor: S },
+    { xAxis: 16, yAxis: 1, bgColor: b },
+    { xAxis: 0, yAxis: 9, bgColor: b },
+    { xAxis: 18, yAxis: 8, bgColor: S }
   ],
   [x.STUDENT_ENRICHMENT]: [
     { xAxis: 0, yAxis: 1, bgColor: C },
-    { xAxis: 14, yAxis: 1, bgColor: N },
-    { xAxis: 3, yAxis: 11, bgColor: N },
+    { xAxis: 14, yAxis: 1, bgColor: T },
+    { xAxis: 3, yAxis: 11, bgColor: T },
     { xAxis: 12, yAxis: 12, bgColor: C }
   ],
   [x.STUDENT_PERSONALIZATION]: [
@@ -65,26 +65,38 @@ const I = O(), {
     { xAxis: 0, yAxis: 10, bgColor: o },
     { xAxis: 12, yAxis: 12, bgColor: o }
   ],
+  [x.TOPIC_SELECTION]: [
+    { xAxis: 1, yAxis: 1, bgColor: o },
+    { xAxis: 13, yAxis: 2, bgColor: s },
+    { xAxis: 0, yAxis: 10, bgColor: o },
+    { xAxis: 12, yAxis: 12, bgColor: o }
+  ],
   [x.ADDITIONAL_INFO]: [
-    { xAxis: 2, yAxis: 1, bgColor: l },
-    { xAxis: 13, yAxis: 0, bgColor: b },
-    { xAxis: 2, yAxis: 12, bgColor: l },
-    { xAxis: 13, yAxis: 11, bgColor: b }
+    { xAxis: 2, yAxis: 1, bgColor: g },
+    { xAxis: 13, yAxis: 0, bgColor: l },
+    { xAxis: 2, yAxis: 12, bgColor: g },
+    { xAxis: 13, yAxis: 11, bgColor: l }
   ],
   [x.STUDENT_PROFILE]: [
-    { xAxis: 3, yAxis: 1, bgColor: b },
-    { xAxis: 14, yAxis: 1, bgColor: l },
-    { xAxis: 1, yAxis: 7, bgColor: l },
-    { xAxis: 17, yAxis: 9, bgColor: b }
+    { xAxis: 3, yAxis: 1, bgColor: l },
+    { xAxis: 14, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 7, bgColor: g },
+    { xAxis: 17, yAxis: 9, bgColor: l }
   ],
   [x.PARENT_APP]: [
     { xAxis: 1, yAxis: 1, bgColor: s },
     { xAxis: 14, yAxis: 0, bgColor: C },
-    { xAxis: 1, yAxis: 10, bgColor: L },
-    { xAxis: 17, yAxis: 9, bgColor: g }
+    { xAxis: 1, yAxis: 10, bgColor: N },
+    { xAxis: 17, yAxis: 9, bgColor: r }
+  ],
+  [x.SESSION_PROGRESS_SUMMARY]: [
+    { xAxis: 1, yAxis: 1, bgColor: s },
+    { xAxis: 13, yAxis: 0, bgColor: C },
+    { xAxis: 3, yAxis: 13, bgColor: N },
+    { xAxis: 15, yAxis: 9, bgColor: r }
   ],
   [x.SESSION_SUMMARY]: [
-    { xAxis: 2, yAxis: 1, bgColor: _ },
+    { xAxis: 2, yAxis: 1, bgColor: E },
     { xAxis: 14, yAxis: 1, bgColor: o },
     { xAxis: 2, yAxis: 10, bgColor: o },
     { xAxis: 16, yAxis: 8, bgColor: C }
@@ -96,22 +108,22 @@ const I = O(), {
     { xAxis: 17, yAxis: 8, bgColor: s }
   ],
   [x.SESSION_INSIGHTS]: [
-    { xAxis: 1, yAxis: 1, bgColor: r },
-    { xAxis: 16, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 1, bgColor: b },
+    { xAxis: 16, yAxis: 1, bgColor: r },
     { xAxis: 1, yAxis: 9, bgColor: C },
-    { xAxis: 17, yAxis: 8, bgColor: E }
+    { xAxis: 17, yAxis: 8, bgColor: y }
   ],
   [x.SESSION_REPORT]: [
-    { xAxis: 1, yAxis: 1, bgColor: r },
-    { xAxis: 16, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 1, bgColor: b },
+    { xAxis: 16, yAxis: 1, bgColor: r },
     { xAxis: 1, yAxis: 9, bgColor: C },
-    { xAxis: 17, yAxis: 8, bgColor: E }
+    { xAxis: 17, yAxis: 8, bgColor: y }
   ],
   [x.CLASS_PREFERENCE]: [
-    { xAxis: 2, yAxis: 1, bgColor: g },
-    { xAxis: 16, yAxis: 1, bgColor: _ },
-    { xAxis: 2, yAxis: 9, bgColor: g },
-    { xAxis: 17, yAxis: 8, bgColor: g }
+    { xAxis: 2, yAxis: 1, bgColor: r },
+    { xAxis: 16, yAxis: 1, bgColor: E },
+    { xAxis: 2, yAxis: 9, bgColor: r },
+    { xAxis: 17, yAxis: 8, bgColor: r }
   ],
   [x.WELCOME_CUEMATH]: [
     { xAxis: 2, yAxis: 0, bgColor: A },
@@ -149,7 +161,7 @@ const I = O(), {
     { xAxis: 3, yAxis: 9, bgColor: i },
     { xAxis: 17, yAxis: 10, bgColor: A }
   ]
-}[T] : void 0;
+}[_] : void 0;
 export {
   U as getColoredBoxPosition
 };

package/dist/features/trial-session/comps/background-grid/background-grid-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\nimport type { TColoredBox } from './background-grid-types';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 17, yAxis: 3, bgColor: BLUE_1 },\n      { xAxis: 1, yAxis: 9, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 8, bgColor: BLUE_2 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 1, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":"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"}
+{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\nimport type { TColoredBox } from './background-grid-types';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 0, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.TOPIC_SELECTION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 13, yAxis: 2, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_PROGRESS_SUMMARY]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 13, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 3, yAxis: 13, bgColor: BLUE_3 },\n      { xAxis: 15, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":"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"}

package/dist/features/trial-session/comps/class-preference/class-preference-styled.js

@@ -1,15 +1,8 @@
-import r from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-const e = r.div`
-  width: 100%;
-  height: 100%;
-`, n = r(o)`
-  width: 650px;
-  margin: auto;
-  position: relative;
-`, p = r.div(
+import o from "styled-components";
+import { RIGHT_PANEL_CONTENT_WIDTH as r } from "../../trial-session-constants.js";
+const i = o.div(
   ({ theme: t }) => `
-  width: 600px;
+  width: ${r - 150}px;
   height: ${t.layout.gutter * 2.25}px;
   position: absolute;
   top: -${t.layout.gutter * 1.25}px;
@@ -19,8 +12,6 @@ const e = r.div`
   `
 );
 export {
-  e as Container,
-  p as FixedLineSeparator,
-  n as PreferenceWrapper
+  i as FixedLineSeparator
 };
 //# sourceMappingURL=class-preference-styled.js.map

package/dist/features/trial-session/comps/class-preference/class-preference-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-preference-styled.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst PreferenceWrapper = styled(FlexView)`\n  width: 650px;\n  margin: auto;\n  position: relative;\n`;\n\nconst FixedLineSeparator = styled.div(\n  ({ theme }) => `\n  width: 600px;\n  height: ${theme.layout.gutter * 2.25}px;\n  position: absolute;\n  top: -${theme.layout.gutter * 1.25}px;\n  background-image: none, linear-gradient(90deg, ${theme.colors.BLACK_1} 1px, transparent 1px);\n  background-size: ${theme.layout.gutter * 3.125}px ${theme.layout.gutter * 3.125}px;\n  transform: translateX(-${theme.layout.gutter * 1.625}px)\n  `,\n);\n\nexport { Container, PreferenceWrapper, FixedLineSeparator };\n"],"names":["Container","styled","PreferenceWrapper","FlexView","FixedLineSeparator","theme"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAoBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMnCC,IAAqBH,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA,YAELA,EAAM,OAAO,SAAS,IAAI;AAAA;AAAA,UAE5BA,EAAM,OAAO,SAAS,IAAI;AAAA,mDACeA,EAAM,OAAO,OAAO;AAAA,qBAClDA,EAAM,OAAO,SAAS,KAAK,MAAMA,EAAM,OAAO,SAAS,KAAK;AAAA,2BACtDA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD;"}
+{"version":3,"file":"class-preference-styled.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst FixedLineSeparator = styled.div(\n  ({ theme }) => `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH - 150}px;\n  height: ${theme.layout.gutter * 2.25}px;\n  position: absolute;\n  top: -${theme.layout.gutter * 1.25}px;\n  background-image: none, linear-gradient(90deg, ${theme.colors.BLACK_1} 1px, transparent 1px);\n  background-size: ${theme.layout.gutter * 3.125}px ${theme.layout.gutter * 3.125}px;\n  transform: translateX(-${theme.layout.gutter * 1.625}px)\n  `,\n);\n\nexport { FixedLineSeparator };\n"],"names":["FixedLineSeparator","styled","theme","RIGHT_PANEL_CONTENT_WIDTH"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,WACNC,IAA4B,GAAG;AAAA,YAC9BD,EAAM,OAAO,SAAS,IAAI;AAAA;AAAA,UAE5BA,EAAM,OAAO,SAAS,IAAI;AAAA,mDACeA,EAAM,OAAO,OAAO;AAAA,qBAClDA,EAAM,OAAO,SAAS,KAAK,MAAMA,EAAM,OAAO,SAAS,KAAK;AAAA,2BACtDA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD;"}