@cuemath/leap 3.0.7-hg1 → 3.0.7

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

@@ -0,0 +1,62 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { memo as f, useRef as C, useCallback as $ } from "react";
+import n from "../../ui/buttons/clickable/clickable.js";
+import h from "../../ui/hooks/use-context-menu-click-handler.js";
+import t from "../../ui/layout/flex-view.js";
+import { GRID_NAMES as b } from "../cue-canvas-helpers.js";
+import { StyledWrapper as k, MenuWrapper as G } from "../cue-cavas-styled.js";
+import { useCueCanvasActions as l } from "../hooks/use-cue-canvas-actions.js";
+import { GRID_TO_COMP as x } from "./icon-map.js";
+const A = f(({ GridIcon: c }) => {
+  const { activeInstance: e } = l(), i = C(null), { activeTool: d } = l(), { menuVisible: m, onMenuClick: u } = h(
+    i,
+    void 0,
+    !0,
+    void 0
+  ), p = $(
+    (o) => {
+      e == null || e.changeGrid(o);
+    },
+    [e]
+  );
+  return /* @__PURE__ */ a(t, { $gutterX: 0.25, ref: i, children: [
+    /* @__PURE__ */ r(n, { onClick: u, label: "grid", children: /* @__PURE__ */ r(k, { $active: d === "grid", children: /* @__PURE__ */ r(c, {}) }) }),
+    m && /* @__PURE__ */ r(
+      G,
+      {
+        $borderColor: "GREY_1",
+        $background: "GREY_1",
+        $flexDirection: "row",
+        $widthX: 11.15,
+        $flexWrap: !0,
+        $flexGapX: 0.5,
+        children: b.map((o) => {
+          const s = x[o];
+          return /* @__PURE__ */ r(
+            n,
+            {
+              onClick: () => p(o),
+              label: o,
+              children: /* @__PURE__ */ r(
+                t,
+                {
+                  $width: 48,
+                  $height: 48,
+                  $borderColor: "BLACK",
+                  $borderRadius: 4,
+                  $background: "WHITE",
+                  children: /* @__PURE__ */ r(s, {})
+                }
+              )
+            },
+            o
+          );
+        })
+      }
+    )
+  ] });
+});
+export {
+  A as default
+};
+//# sourceMappingURL=grid-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/grid-menu.tsx"],"sourcesContent":["import type { TCueCanvasGridName } from '../types/cue-canvas';\nimport type { IGridMenu, TToolComponentType } from '../types/toolbar';\n\nimport React, { memo, useCallback, 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 { GRID_NAMES } from '../cue-canvas-helpers';\nimport { MenuWrapper, StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport { GRID_TO_COMP } from './icon-map';\n\nconst GridMenu: React.FC<IGridMenu> = memo(({ GridIcon }) => {\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const gridMenuRef = useRef(null);\n  const { activeTool } = useCueCanvasActions();\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    gridMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n  const onGridOptionClick = useCallback(\n    (gridOption: TCueCanvasGridName) => {\n      cueCanvas?.changeGrid(gridOption);\n    },\n    [cueCanvas],\n  );\n\n  return (\n    <FlexView $gutterX={0.25} ref={gridMenuRef}>\n      <Clickable onClick={onMenuClick} label=\"grid\">\n        <StyledWrapper $active={activeTool === 'grid'}>\n          <GridIcon />\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && (\n        <MenuWrapper\n          $borderColor=\"GREY_1\"\n          $background=\"GREY_1\"\n          $flexDirection=\"row\"\n          $widthX={11.15}\n          $flexWrap={true}\n          $flexGapX={0.5}\n        >\n          {GRID_NAMES.map(gridName => {\n            const GridComponent = GRID_TO_COMP[gridName] as TToolComponentType;\n\n            return (\n              <Clickable\n                key={gridName}\n                onClick={() => onGridOptionClick(gridName)}\n                label={gridName}\n              >\n                <FlexView\n                  $width={48}\n                  $height={48}\n                  $borderColor=\"BLACK\"\n                  $borderRadius={4}\n                  $background=\"WHITE\"\n                >\n                  <GridComponent />\n                </FlexView>\n              </Clickable>\n            );\n          })}\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GridMenu;\n"],"names":["GridMenu","memo","GridIcon","cueCanvas","useCueCanvasActions","gridMenuRef","useRef","activeTool","menuVisible","onMenuClick","useContextMenuClickHandler","onGridOptionClick","useCallback","gridOption","jsxs","FlexView","jsx","Clickable","StyledWrapper","MenuWrapper","GRID_NAMES","gridName","GridComponent","GRID_TO_COMP"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAC3D,QAAM,EAAE,gBAAgBC,EAAU,IAAIC,EAAoB,GACpDC,IAAcC,EAAO,IAAI,GACzB,EAAE,YAAAC,MAAeH,KACjB,EAAE,aAAAI,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEIM,IAAoBC;AAAA,IACxB,CAACC,MAAmC;AAClC,MAAAV,KAAA,QAAAA,EAAW,WAAWU;AAAA,IACxB;AAAA,IACA,CAACV,CAAS;AAAA,EAAA;AAGZ,SACG,gBAAAW,EAAAC,GAAA,EAAS,UAAU,MAAM,KAAKV,GAC7B,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,SAASR,GAAa,OAAM,QACrC,UAAA,gBAAAO,EAACE,GAAc,EAAA,SAASX,MAAe,QACrC,UAAC,gBAAAS,EAAAd,GAAA,CAAA,CAAS,EACZ,CAAA,GACF;AAAA,IACCM,KACC,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QAEV,UAAAC,EAAW,IAAI,CAAYC,MAAA;AACpB,gBAAAC,IAAgBC,EAAaF,CAAQ;AAGzC,iBAAA,gBAAAL;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,SAAS,MAAMN,EAAkBU,CAAQ;AAAA,cACzC,OAAOA;AAAA,cAEP,UAAA,gBAAAL;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,cAAa;AAAA,kBACb,eAAe;AAAA,kBACf,aAAY;AAAA,kBAEZ,4BAACO,GAAc,EAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,YAZKD;AAAA,UAAA;AAAA,QAaP,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,60 @@
+import o from "../../../assets/line-icons/icons/clear-all.js";
+import r from "../../../assets/line-icons/icons/cursor.js";
+import m from "../../../assets/line-icons/icons/download.js";
+import t from "../../../assets/line-icons/icons/equation.js";
+import i from "../../../assets/line-icons/icons/eraser.js";
+import e from "../../../assets/line-icons/icons/grid-icon.js";
+import n from "../../../assets/line-icons/icons/home.js";
+import p from "../../../assets/line-icons/icons/pan.js";
+import d from "../../../assets/line-icons/icons/square-checked-grid.js";
+import c from "../../../assets/line-icons/icons/square-dots.js";
+import l from "../../../assets/line-icons/icons/square-grid.js";
+import a from "../../../assets/line-icons/icons/square2-grid.js";
+import f from "../../../assets/line-icons/icons/text-icon.js";
+import I from "../../../assets/line-icons/icons/tri-dots.js";
+import S from "../../../assets/line-icons/icons/tri-grid.js";
+import u from "../../../assets/line-icons/icons/tri2-dots.js";
+import g from "../../../assets/line-icons/icons/tri2-grid.js";
+import s from "../../../assets/line-icons/icons/undo.js";
+import q from "../../../assets/line-icons/icons/upload.js";
+import h from "../../../assets/line-icons/icons/zoom-in.js";
+import v from "../../../assets/line-icons/icons/zoom-out.js";
+import k from "../../ui/layout/flex-view.js";
+import { StyledPencilIcon as O, StyledRulerIcon as T, StyledSketchWrapper as G, StyledHighlighterWrapper as y, RedoIcon as C, StyledLockIcon as D, StyledUnlockIcon as x } from "../cue-cavas-styled.js";
+const Y = {
+  pen: O,
+  ruler: T,
+  marker: G,
+  highlighter: y,
+  eraser: i,
+  move: r,
+  undo: s,
+  redo: C,
+  pan: p,
+  clearAll: o,
+  text: f,
+  equation: t,
+  grid: e,
+  home: n,
+  lock: D,
+  unlock: x,
+  zoomIn: h,
+  zoomOut: v,
+  upload: q,
+  download: m
+}, $ = {
+  none: k,
+  "square2-grid": a,
+  "square-checked": d,
+  "square-dots": c,
+  "tri-dots": I,
+  "tri2-dots": u,
+  "square-grid": l,
+  "tri-grid": S,
+  "tri2-grid": g
+};
+export {
+  $ as GRID_TO_COMP,
+  Y as TOOLS_TO_COMP
+};
+//# sourceMappingURL=icon-map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-map.js","sources":["../../../../src/features/cue-canvas/toolbar/icon-map.ts"],"sourcesContent":["import type { IToolsToCompMap, IGridToCompMap, TToolComponentType } from '../types/toolbar';\n\nimport ClearAllIcon from '../../../assets/line-icons/icons/clear-all';\nimport CursorIcon from '../../../assets/line-icons/icons/cursor';\nimport DownloadIcon from '../../../assets/line-icons/icons/download';\nimport EquationIcon from '../../../assets/line-icons/icons/equation';\nimport EraserIcon from '../../../assets/line-icons/icons/eraser';\nimport GridIcon from '../../../assets/line-icons/icons/grid-icon';\nimport HomeIcon from '../../../assets/line-icons/icons/home';\nimport PanIcon from '../../../assets/line-icons/icons/pan';\nimport SquareCheckedGridSvg from '../../../assets/line-icons/icons/square-checked-grid';\nimport SquareDotSvg from '../../../assets/line-icons/icons/square-dots';\nimport SquareGridSvg from '../../../assets/line-icons/icons/square-grid';\nimport Square2GridSvg from '../../../assets/line-icons/icons/square2-grid';\nimport TextIcon from '../../../assets/line-icons/icons/text-icon';\nimport TriDotSvg from '../../../assets/line-icons/icons/tri-dots';\nimport TriGridSvg from '../../../assets/line-icons/icons/tri-grid';\nimport Tri2DotSvg from '../../../assets/line-icons/icons/tri2-dots';\nimport Tri2GridSvg from '../../../assets/line-icons/icons/tri2-grid';\nimport UndoIcon from '../../../assets/line-icons/icons/undo';\nimport UploadIcon from '../../../assets/line-icons/icons/upload';\nimport ZoomInIcon from '../../../assets/line-icons/icons/zoom-in';\nimport ZoomOutIcon from '../../../assets/line-icons/icons/zoom-out';\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  RedoIcon,\n  StyledHighlighterWrapper,\n  StyledLockIcon,\n  StyledPencilIcon,\n  StyledRulerIcon,\n  StyledSketchWrapper,\n  StyledUnlockIcon,\n} from '../cue-cavas-styled';\n\nexport const TOOLS_TO_COMP: IToolsToCompMap = {\n  pen: StyledPencilIcon,\n  ruler: StyledRulerIcon,\n  marker: StyledSketchWrapper,\n  highlighter: StyledHighlighterWrapper,\n  eraser: EraserIcon,\n  move: CursorIcon,\n  undo: UndoIcon,\n  redo: RedoIcon,\n  pan: PanIcon,\n  clearAll: ClearAllIcon,\n  text: TextIcon,\n  equation: EquationIcon,\n  grid: GridIcon,\n  home: HomeIcon,\n  lock: StyledLockIcon,\n  unlock: StyledUnlockIcon,\n  zoomIn: ZoomInIcon,\n  zoomOut: ZoomOutIcon,\n  upload: UploadIcon,\n  download: DownloadIcon,\n};\n\nexport const GRID_TO_COMP: IGridToCompMap = {\n  'none': FlexView as unknown as TToolComponentType,\n  'square2-grid': Square2GridSvg,\n  'square-checked': SquareCheckedGridSvg,\n  'square-dots': SquareDotSvg,\n  'tri-dots': TriDotSvg,\n  'tri2-dots': Tri2DotSvg,\n  'square-grid': SquareGridSvg,\n  'tri-grid': TriGridSvg,\n  'tri2-grid': Tri2GridSvg,\n};\n"],"names":["TOOLS_TO_COMP","StyledPencilIcon","StyledRulerIcon","StyledSketchWrapper","StyledHighlighterWrapper","EraserIcon","CursorIcon","UndoIcon","RedoIcon","PanIcon","ClearAllIcon","TextIcon","EquationIcon","GridIcon","HomeIcon","StyledLockIcon","StyledUnlockIcon","ZoomInIcon","ZoomOutIcon","UploadIcon","DownloadIcon","GRID_TO_COMP","FlexView","Square2GridSvg","SquareCheckedGridSvg","SquareDotSvg","TriDotSvg","Tri2DotSvg","SquareGridSvg","TriGridSvg","Tri2GridSvg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkCO,MAAMA,IAAiC;AAAA,EAC5C,KAAKC;AAAA,EACL,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,KAAKC;AAAA,EACL,UAAUC;AAAA,EACV,MAAMC;AAAA,EACN,UAAUC;AAAAA,EACV,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,QAAQC;AAAA,EACR,QAAQC;AAAA,EACR,SAASC;AAAA,EACT,QAAQC;AAAA,EACR,UAAUC;AACZ,GAEaC,IAA+B;AAAA,EAC1C,MAAQC;AAAA,EACR,gBAAgBC;AAAA,EAChB,kBAAkBC;AAAA,EAClB,eAAeC;AAAA,EACf,YAAYC;AAAA,EACZ,aAAaC;AAAA,EACb,eAAeC;AAAA,EACf,YAAYC;AAAA,EACZ,aAAaC;AACf;"}

package/dist/features/cue-canvas/toolbar/pen-tool-menu.js

@@ -0,0 +1,56 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { memo as d, useRef as C } from "react";
+import $ from "../../ui/buttons/clickable/clickable.js";
+import v from "../../ui/hooks/use-context-menu-click-handler.js";
+import m from "../../ui/layout/flex-view.js";
+import { getIsWritingTool as c } from "../cue-canvas-helpers.js";
+import { PenIconWrapper as T, StyledDownIcon as h, MenuWrapper as b } from "../cue-cavas-styled.js";
+import { useCueCanvasActions as g } from "../hooks/use-cue-canvas-actions.js";
+import x from "./color-palette.js";
+import { TOOLS_TO_COMP as A } from "./icon-map.js";
+import I from "./tool.js";
+const _ = d(({ writingTools: s, userType: a }) => {
+  const { activeTool: e, activeColor: t, setActiveColor: u } = g(), i = C(null), { menuVisible: n, onMenuClick: f } = v(
+    i,
+    void 0,
+    !0,
+    void 0
+  ), p = A[c(e) ? e : "pen"];
+  return /* @__PURE__ */ r(m, { $borderRadius: 16, $background: "WHITE", ref: i, children: [
+    /* @__PURE__ */ o(T, { children: /* @__PURE__ */ o($, { onClick: f, label: "Active Tool", children: /* @__PURE__ */ r(m, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
+      /* @__PURE__ */ o(
+        p,
+        {
+          $active: c(e),
+          $activeColor: t,
+          $shouldAnimate: !1
+        }
+      ),
+      /* @__PURE__ */ o(h, { $isAnimating: n })
+    ] }) }) }),
+    n && /* @__PURE__ */ r(
+      b,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $borderColor: "GREY_1",
+        $background: "WHITE",
+        children: [
+          s.map((l) => /* @__PURE__ */ o(I, { tool: l, shouldAnimate: !1, withGutter: !0 }, l)),
+          /* @__PURE__ */ o(
+            x,
+            {
+              setActiveColor: u,
+              activeColor: t,
+              userType: a
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=pen-tool-menu.js.map

package/dist/features/cue-canvas/toolbar/pen-tool-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pen-tool-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/pen-tool-menu.tsx"],"sourcesContent":["import type { IPenToolMenu, TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, 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 { getIsWritingTool } from '../cue-canvas-helpers';\nimport { MenuWrapper, PenIconWrapper, StyledDownIcon } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPalette from './color-palette';\nimport { TOOLS_TO_COMP } from './icon-map';\nimport Tool from './tool';\n\nconst PenToolMenu: FC<IPenToolMenu> = memo(({ writingTools, userType }) => {\n  const { activeTool, activeColor, setActiveColor } = useCueCanvasActions();\n\n  const penMenuRef = useRef(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    penMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  const ActiveToolComponent = TOOLS_TO_COMP[\n    getIsWritingTool(activeTool) ? activeTool : 'pen'\n  ] as TToolComponentType;\n\n  return (\n    <FlexView $borderRadius={16} $background=\"WHITE\" ref={penMenuRef}>\n      <PenIconWrapper>\n        <Clickable onClick={onMenuClick} label=\"Active Tool\">\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n            <ActiveToolComponent\n              $active={getIsWritingTool(activeTool)}\n              $activeColor={activeColor}\n              $shouldAnimate={false}\n            />\n            <StyledDownIcon $isAnimating={menuVisible} />\n          </FlexView>\n        </Clickable>\n      </PenIconWrapper>\n      {menuVisible && (\n        <MenuWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $borderColor=\"GREY_1\"\n          $background=\"WHITE\"\n        >\n          {writingTools.map(tool => (\n            <Tool tool={tool} key={tool} shouldAnimate={false} withGutter />\n          ))}\n\n          <ColorPalette\n            setActiveColor={setActiveColor}\n            activeColor={activeColor}\n            userType={userType}\n          />\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default PenToolMenu;\n"],"names":["PenToolMenu","memo","writingTools","userType","activeTool","activeColor","setActiveColor","useCueCanvasActions","penMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","ActiveToolComponent","TOOLS_TO_COMP","getIsWritingTool","FlexView","jsx","PenIconWrapper","Clickable","jsxs","StyledDownIcon","MenuWrapper","tool","Tool","ColorPalette"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,cAAAC,GAAc,UAAAC,QAAe;AACzE,QAAM,EAAE,YAAAC,GAAY,aAAAC,GAAa,gBAAAC,MAAmBC,EAAoB,GAElEC,IAAaC,EAAO,IAAI,GACxB,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIK,IAAsBC,EAC1BC,EAAiBX,CAAU,IAAIA,IAAa,KAC9C;AAEA,2BACGY,GAAS,EAAA,eAAe,IAAI,aAAY,SAAQ,KAAKR,GACpD,UAAA;AAAA,IAAA,gBAAAS,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACE,GAAU,EAAA,SAASR,GAAa,OAAM,eACrC,UAAC,gBAAAS,EAAAJ,GAAA,EAAS,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UAClE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,SAASE,EAAiBX,CAAU;AAAA,UACpC,cAAcC;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MACA,gBAAAY,EAACI,GAAe,EAAA,cAAcX,EAAa,CAAA;AAAA,IAAA,EAC7C,CAAA,EACF,CAAA,GACF;AAAA,IACCA,KACC,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,aAAY;AAAA,QAEX,UAAA;AAAA,UAAapB,EAAA,IAAI,CAChBqB,MAAA,gBAAAN,EAACO,GAAK,EAAA,MAAAD,GAAuB,eAAe,IAAO,YAAU,GAAtC,GAAAA,CAAuC,CAC/D;AAAA,UAED,gBAAAN;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,gBAAAnB;AAAA,cACA,aAAAD;AAAA,cACA,UAAAF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as p, useCallback as T } from "react";
+import f from "../../ui/buttons/clickable/clickable.js";
+import d from "../../ui/layout/flex-view.js";
+import { STATELESS_TOOLS as C, getIsWritingTool as u } from "../cue-canvas-helpers.js";
+import { StyledWrapper as v } from "../cue-cavas-styled.js";
+import { useCueCanvasActions as O } from "../hooks/use-cue-canvas-actions.js";
+import S from "./grid-menu.js";
+import { TOOLS_TO_COMP as $ } from "./icon-map.js";
+const h = ({ tool: o, withGutter: n, shouldAnimate: l }) => {
+  const e = $[o], {
+    activeInstance: i,
+    setActiveTool: m,
+    activeTool: c,
+    activeColor: a
+  } = O(), s = T(
+    (t) => {
+      i == null || i.setTool(t), C.has(t) || m(t);
+    },
+    [i, m]
+  );
+  return o === "grid" ? /* @__PURE__ */ r(S, { GridIcon: e }) : /* @__PURE__ */ r(d, { $gutterX: n ? 0.25 : 0, children: /* @__PURE__ */ r(f, { onClick: () => s(o), label: o, children: u(o) ? /* @__PURE__ */ r(
+    e,
+    {
+      $active: c === o,
+      $activeColor: a,
+      $shouldAnimate: l
+    }
+  ) : /* @__PURE__ */ r(v, { $active: c === o, children: /* @__PURE__ */ r(e, {}) }) }) });
+}, G = p(h);
+export {
+  G as default
+};
+//# sourceMappingURL=tool.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","sources":["../../../../src/features/cue-canvas/toolbar/tool.tsx"],"sourcesContent":["import type { TCueCanvasTool } from '../types/cue-canvas';\nimport type { TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getIsWritingTool, STATELESS_TOOLS } from '../cue-canvas-helpers';\nimport { StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport GridMenu from './grid-menu';\nimport { TOOLS_TO_COMP } from './icon-map';\n\ninterface IToolProps {\n  tool: TCueCanvasTool;\n  withGutter?: boolean;\n  shouldAnimate?: boolean;\n}\n\nconst Tool: FC<IToolProps> = ({ tool, withGutter, shouldAnimate }) => {\n  const ToolComponent = TOOLS_TO_COMP[tool] as TToolComponentType;\n  const {\n    activeInstance: cueCanvas,\n    setActiveTool,\n    activeTool,\n    activeColor,\n  } = useCueCanvasActions();\n\n  const onToolClick = useCallback(\n    (t: TCueCanvasTool) => {\n      cueCanvas?.setTool(t);\n\n      if (!STATELESS_TOOLS.has(t)) {\n        setActiveTool(t);\n      }\n    },\n    [cueCanvas, setActiveTool],\n  );\n\n  if (tool === 'grid') {\n    return <GridMenu GridIcon={ToolComponent} />;\n  }\n\n  return (\n    <FlexView $gutterX={withGutter ? 0.25 : 0}>\n      <Clickable onClick={() => onToolClick(tool)} label={tool}>\n        {getIsWritingTool(tool) ? (\n          <ToolComponent\n            $active={activeTool === tool}\n            $activeColor={activeColor}\n            $shouldAnimate={shouldAnimate}\n          />\n        ) : (\n          <StyledWrapper $active={activeTool === tool}>\n            <ToolComponent />\n          </StyledWrapper>\n        )}\n      </Clickable>\n    </FlexView>\n  );\n};\n\nexport default memo(Tool);\n"],"names":["Tool","tool","withGutter","shouldAnimate","ToolComponent","TOOLS_TO_COMP","cueCanvas","setActiveTool","activeTool","activeColor","useCueCanvasActions","onToolClick","useCallback","STATELESS_TOOLS","jsx","GridMenu","FlexView","Clickable","getIsWritingTool","StyledWrapper","Tool$1","memo"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,eAAAC,QAAoB;AAC9D,QAAAC,IAAgBC,EAAcJ,CAAI,GAClC;AAAA,IACJ,gBAAgBK;AAAA,IAChB,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAcC;AAAA,IAClB,CAAC,MAAsB;AACrB,MAAAN,KAAA,QAAAA,EAAW,QAAQ,IAEdO,EAAgB,IAAI,CAAC,KACxBN,EAAc,CAAC;AAAA,IAEnB;AAAA,IACA,CAACD,GAAWC,CAAa;AAAA,EAAA;AAG3B,SAAIN,MAAS,SACJ,gBAAAa,EAACC,GAAS,EAAA,UAAUX,EAAe,CAAA,sBAIzCY,GAAS,EAAA,UAAUd,IAAa,OAAO,GACtC,UAAC,gBAAAY,EAAAG,GAAA,EAAU,SAAS,MAAMN,EAAYV,CAAI,GAAG,OAAOA,GACjD,UAAAiB,EAAiBjB,CAAI,IACpB,gBAAAa;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,SAASI,MAAeP;AAAA,MACxB,cAAcQ;AAAA,MACd,gBAAgBN;AAAA,IAAA;AAAA,EAClB,IAEC,gBAAAW,EAAAK,GAAA,EAAc,SAASX,MAAeP,GACrC,UAAC,gBAAAa,EAAAV,GAAA,CAAc,CAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEegB,IAAAC,EAAKrB,CAAI;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import type { IToolbarProps } from '../types/toolbar';\n\nimport React, { memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { CANVAS_COLORS } from '../constants/constants';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType, renderAs }) => {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n  useEffect(() => {\n    if (cueCanvas) {\n      if (activeColor) {\n        cueCanvas.setColor(CANVAS_COLORS[activeColor]);\n      }\n\n      if (activeTool) {\n        cueCanvas.setTool(activeTool);\n      }\n    }\n  }, [activeColor, activeTool, cueCanvas, renderAs]);\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.5}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","useEffect","CANVAS_COLORS","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAClE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC;AAc/D,SAZAC,EAAU,MAAM;AACd,IAAIJ,MACEE,KACQF,EAAA,SAASK,EAAcH,CAAW,CAAC,GAG3CD,KACFD,EAAU,QAAQC,CAAU;AAAA,KAG/B,CAACC,GAAaD,GAAYD,GAAWH,CAAQ,CAAC,GAE7CA,MAAa,eACR,gBAAAS,EAACC,GAAkB,EAAA,OAAAT,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAY,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,KACrF,UAAA;AAAA,IAAMX,EAAA,IAAI,OACR,gBAAAQ,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACD,gBAAAL,EAACM,KAAgB,UAAAhB,GAAoB;AAAA,EACvC,EAAA,CAAA;AAEJ,CAAC,GAEDiB,IAAenB;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"whiteboard-toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/whiteboard-toolbar.tsx"],"sourcesContent":["import type { IWhiteboardToolbar } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport PenToolMenu from './pen-tool-menu';\nimport Tool from './tool';\n\nconst WhiteboardToolbar: FC<IWhiteboardToolbar> = memo(({ tools, userType }) => {\n  const writingTools = tools.slice(0, 4);\n  const otherTools = tools.slice(4);\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25} $position=\"relative\">\n      <PenToolMenu writingTools={writingTools} userType={userType} />\n      {otherTools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate={false} />\n      ))}\n    </FlexView>\n  );\n});\n\nexport default WhiteboardToolbar;\n"],"names":["WhiteboardToolbar","memo","tools","userType","writingTools","otherTools","jsxs","FlexView","jsx","PenToolMenu","tool","Tool"],"mappings":";;;;;AASA,MAAMA,IAA4CC,EAAK,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC9E,QAAMC,IAAeF,EAAM,MAAM,GAAG,CAAC,GAC/BG,IAAaH,EAAM,MAAM,CAAC;AAG9B,SAAA,gBAAAI,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,WAAW,MAAM,WAAU,YAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAY,cAAAL,GAA4B,UAAAD,EAAoB,CAAA;AAAA,IAC5DE,EAAW,IAAI,CACdK,MAAA,gBAAAF,EAACG,KAAK,MAAAD,GAAuB,eAAe,GAArB,GAAAA,CAA4B,CACpD;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/extra-practice/extra-practice.js

@@ -0,0 +1,81 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useMemo as b, useCallback as C } from "react";
+import $ from "../../assets/line-icons/icons/plus.js";
+import y from "../ui/arrow-tooltip/arrow-tooltip.js";
+import A from "../ui/buttons/button/button.js";
+import I from "../ui/buttons/text-button/text-button.js";
+import i from "../ui/layout/flex-view.js";
+import O from "../ui/text/text.js";
+import R from "./list/list.js";
+const E = ({
+  showAllExtraPractice: t,
+  sheets: s,
+  userType: r,
+  ...c
+}) => {
+  const {
+    teacherId: a,
+    onStart: m,
+    onResume: l,
+    onReattempt: p,
+    onPreview: h,
+    onReview: d,
+    onReset: f,
+    onChangeLocation: u,
+    onShowOlderSheets: o,
+    onUnlock: x
+  } = c, w = b(
+    () => t ? "All extra practice sheets" : "recent extra practice sheets",
+    [t]
+  ), S = C(() => {
+    if (typeof o != "function")
+      throw new Error("onShowOlderSheets must be a function");
+    o();
+  }, [o]);
+  return /* @__PURE__ */ n(i, { $flexGapX: 1.5, children: [
+    /* @__PURE__ */ n(i, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(O, { $renderAs: "eyebrow1", children: w }),
+      r === "TEACHER" && /* @__PURE__ */ e(
+        y,
+        {
+          widthX: 19.125,
+          position: "bottom",
+          renderAs: "primary",
+          tooltipItem: "Assign new extra practice sheets from the chapter’s “Supplementary resources” section",
+          tooltipXCoOrdinates: -45,
+          children: /* @__PURE__ */ e(
+            A,
+            {
+              renderAs: "primary",
+              label: "Extra practice sheet",
+              Icon: $,
+              size: "xsmall",
+              disabled: !0
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      R,
+      {
+        sheets: s,
+        userType: r,
+        teacherId: a,
+        onStart: m,
+        onResume: l,
+        onReattempt: p,
+        onPreview: h,
+        onReview: d,
+        onReset: f,
+        onChangeLocation: u,
+        onUnlock: x
+      }
+    ),
+    !t && /* @__PURE__ */ e(I, { label: "See older sheets", onClick: S })
+  ] });
+}, z = E;
+export {
+  z as default
+};
+//# sourceMappingURL=extra-practice.js.map

package/dist/features/extra-practice/extra-practice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extra-practice.js","sources":["../../../src/features/extra-practice/extra-practice.tsx"],"sourcesContent":["import type { IExtraPracticeProps } from './extra-practice-types';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport PlusIcon from '../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport List from './list/list';\n\nconst ExtraPractice: FC<IExtraPracticeProps> = ({\n  showAllExtraPractice,\n  sheets,\n  userType,\n  ...restExtraPracticeProps\n}) => {\n  const {\n    teacherId,\n    onStart,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onShowOlderSheets,\n    onUnlock,\n  } = restExtraPracticeProps;\n  const title = useMemo(\n    () => (showAllExtraPractice ? 'All extra practice sheets' : 'recent extra practice sheets'),\n    [showAllExtraPractice],\n  );\n\n  const handleOnShowOlderSheets = useCallback(() => {\n    if (typeof onShowOlderSheets !== 'function') {\n      throw new Error('onShowOlderSheets must be a function');\n    }\n\n    onShowOlderSheets();\n  }, [onShowOlderSheets]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"eyebrow1\">{title}</Text>\n\n        {userType === 'TEACHER' && (\n          <ArrowTooltip\n            widthX={19.125}\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem={`Assign new extra practice sheets from the chapter’s “Supplementary resources” section`}\n            tooltipXCoOrdinates={-45}\n          >\n            <Button\n              renderAs=\"primary\"\n              label=\"Extra practice sheet\"\n              Icon={PlusIcon}\n              size=\"xsmall\"\n              disabled\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      <List\n        sheets={sheets}\n        userType={userType}\n        teacherId={teacherId}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n      />\n\n      {!showAllExtraPractice && (\n        <TextButton label=\"See older sheets\" onClick={handleOnShowOlderSheets} />\n      )}\n    </FlexView>\n  );\n};\n\nexport default ExtraPractice;\n"],"names":["ExtraPractice","showAllExtraPractice","sheets","userType","restExtraPracticeProps","teacherId","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onShowOlderSheets","onUnlock","title","useMemo","handleOnShowOlderSheets","useCallback","jsxs","FlexView","jsx","Text","ArrowTooltip","Button","PlusIcon","List","TextButton","ExtraPractice$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,sBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GACEW,IAAQC;AAAA,IACZ,MAAOf,IAAuB,8BAA8B;AAAA,IAC5D,CAACA,CAAoB;AAAA,EAAA,GAGjBgB,IAA0BC,EAAY,MAAM;AAC5C,QAAA,OAAOL,KAAsB;AACzB,YAAA,IAAI,MAAM,sCAAsC;AAGtC,IAAAA;EAAA,GACjB,CAACA,CAAiB,CAAC;AAGpB,SAAA,gBAAAM,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAY,UAAMP,GAAA;AAAA,MAEjCZ,MAAa,aACZ,gBAAAkB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,UAAS;AAAA,UACT,UAAS;AAAA,UACT,aAAa;AAAA,UACb,qBAAqB;AAAA,UAErB,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAQ;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAAxB;AAAA,QACA,UAAAC;AAAA,QACA,WAAAE;AAAA,QACA,SAAAC;AAAA,QACA,UAAAC;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,CAACb,KACA,gBAAAoB,EAACM,KAAW,OAAM,oBAAmB,SAASV,GAAyB;AAAA,EAE3E,EAAA,CAAA;AAEJ,GAEAW,IAAe5B;"}

package/dist/features/extra-practice/list/list-constants.js

@@ -0,0 +1,27 @@
+import { SHEET_STATE as e } from "../../sheets/constants/sheet.js";
+const { LOCKED: s, NOT_STARTED: t, IN_PROGRESS: l, FAMILIAR: E, PROFICIENT: T, MASTERED: i, COMPLETED: a, RE_ATTEMPT: r } = e, h = [
+  {
+    id: "all-sheets",
+    label: "All",
+    search_list: []
+  },
+  {
+    id: "unattempted-sheets",
+    label: "Unattempted",
+    search_list: [s, t, r]
+  },
+  {
+    id: "inprogress-sheets",
+    label: "In progress",
+    search_list: [l]
+  },
+  {
+    id: "submitted-sheets",
+    label: "Submitted",
+    search_list: [E, T, i, a]
+  }
+];
+export {
+  h as TABS
+};
+//# sourceMappingURL=list-constants.js.map

package/dist/features/extra-practice/list/list-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-constants.js","sources":["../../../../src/features/extra-practice/list/list-constants.ts"],"sourcesContent":["import type { TTabsDataProps } from './list-types';\n\nimport { SHEET_STATE } from '../../sheets/constants/sheet';\n\nconst { LOCKED, NOT_STARTED, IN_PROGRESS, FAMILIAR, PROFICIENT, MASTERED, COMPLETED, RE_ATTEMPT } =\n  SHEET_STATE;\n\nconst TABS: TTabsDataProps[] = [\n  {\n    id: 'all-sheets',\n    label: 'All',\n    search_list: [],\n  },\n  {\n    id: 'unattempted-sheets',\n    label: 'Unattempted',\n    search_list: [LOCKED, NOT_STARTED, RE_ATTEMPT],\n  },\n  {\n    id: 'inprogress-sheets',\n    label: 'In progress',\n    search_list: [IN_PROGRESS],\n  },\n  {\n    id: 'submitted-sheets',\n    label: 'Submitted',\n    search_list: [FAMILIAR, PROFICIENT, MASTERED, COMPLETED],\n  },\n] as const;\n\nexport { TABS };\n"],"names":["LOCKED","NOT_STARTED","IN_PROGRESS","FAMILIAR","PROFICIENT","MASTERED","COMPLETED","RE_ATTEMPT","SHEET_STATE","TABS"],"mappings":";AAIA,MAAM,EAAE,QAAAA,GAAQ,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,YAAAC,EACnF,IAAAC,GAEIC,IAAyB;AAAA,EAC7B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACT,GAAQC,GAAaM,CAAU;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACL,CAAW;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACC,GAAUC,GAAYC,GAAUC,CAAS;AAAA,EACzD;AACF;"}

package/dist/features/extra-practice/list/list-styled.js

@@ -0,0 +1,14 @@
+import e from "styled-components";
+import i from "../../ui/layout/flex-view.js";
+const d = e(i)(({ $selected: t, theme: o }) => {
+  const { BLACK: p, WHITE: s } = o.colors, { gutter: r } = o.layout;
+  return `
+    padding: 0 ${r * 1.5}px ${r * 1.125}px;
+    cursor: pointer;
+    border-bottom: 2px solid ${t ? p : s};
+  `;
+});
+export {
+  d as Tab
+};
+//# sourceMappingURL=list-styled.js.map

package/dist/features/extra-practice/list/list-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-styled.js","sources":["../../../../src/features/extra-practice/list/list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabProps {\n  $selected: boolean;\n}\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n  const { BLACK, WHITE } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n    cursor: pointer;\n    border-bottom: 2px solid ${$selected ? BLACK : WHITE};\n  `;\n});\n\nexport { Tab };\n"],"names":["Tab","styled","FlexView","$selected","theme","BLACK","WHITE","gutter"],"mappings":";;AAQM,MAAAA,IAAMC,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAY;AAChE,QAAM,EAAE,OAAAC,GAAO,OAAAC,MAAUF,EAAM,QACzB,EAAE,QAAAG,EAAO,IAAIH,EAAM;AAElB,SAAA;AAAA,iBACQG,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBJ,IAAYE,IAAQC,CAAK;AAAA;AAExD,CAAC;"}

package/dist/features/extra-practice/list/list-util.js

@@ -0,0 +1,5 @@
+const S = (e, t) => t.length ? [...e].filter(({ state: n }) => t.includes(n)) : e;
+export {
+  S as getSelectedTabSheets
+};
+//# sourceMappingURL=list-util.js.map

package/dist/features/extra-practice/list/list-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-util.js","sources":["../../../../src/features/extra-practice/list/list-util.ts"],"sourcesContent":["import type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { ISheetsListProps } from '../../sheets/sheets-list/sheets-list-types';\nimport type { TTabsDataProps } from './list-types';\n\ntype TGetSelectedTabSheets = (\n  sheets: ISheetsListProps['sheets'],\n  searchList: TTabsDataProps['search_list'],\n) => ISheetDataProps[];\n\nexport const getSelectedTabSheets: TGetSelectedTabSheets = (sheets, searchList) => {\n  if (!searchList.length) return sheets;\n\n  const newSelectedSheets = [...sheets];\n\n  return newSelectedSheets.filter(({ state }) => searchList.includes(state));\n};\n"],"names":["getSelectedTabSheets","sheets","searchList","state"],"mappings":"AASa,MAAAA,IAA8C,CAACC,GAAQC,MAC7DA,EAAW,SAEU,CAAC,GAAGD,CAAM,EAEX,OAAO,CAAC,EAAE,OAAAE,EAAY,MAAAD,EAAW,SAASC,CAAK,CAAC,IAJ1CF;"}

package/dist/features/extra-practice/list/list.js

@@ -0,0 +1,53 @@
+import { jsxs as D, Fragment as L, jsx as t } from "react/jsx-runtime";
+import { useState as a } from "react";
+import _ from "../../sheets/sheets-list/sheets-list.js";
+import $ from "../../ui/layout/flex-view.js";
+import j from "../../ui/text/text.js";
+import { TABS as c } from "./list-constants.js";
+import { Tab as k } from "./list-styled.js";
+import { getSelectedTabSheets as i } from "./list-util.js";
+const P = ({ sheets: o, userType: l, onStart: m, ...d }) => {
+  const {
+    teacherId: h,
+    onResume: p,
+    onReattempt: f,
+    onPreview: T,
+    onReview: x,
+    onReset: S,
+    onChangeLocation: b,
+    onUnlock: u
+  } = d, [r, g] = a(c[0]), [w, R] = a(
+    () => i(o, r.search_list)
+  ), v = (e) => {
+    g(e), R(i(o, e.search_list));
+  };
+  return /* @__PURE__ */ D(L, { children: [
+    /* @__PURE__ */ t($, { $flexDirection: "row", children: c.map((e) => {
+      const { id: y, label: s } = e, n = r.label === s;
+      return /* @__PURE__ */ t(k, { $selected: n, onClick: () => v(e), children: /* @__PURE__ */ t(j, { $renderAs: n ? "cta2" : "body2", children: s }) }, y);
+    }) }),
+    /* @__PURE__ */ t(
+      _,
+      {
+        sheets: w,
+        teacherId: h,
+        section: "extra_practice",
+        emptySheetsText: "No Extra practice sheets available.",
+        userType: l,
+        onStart: m,
+        onResume: p,
+        onReattempt: f,
+        onPreview: T,
+        onReview: x,
+        onReset: S,
+        onChangeLocation: b,
+        onUnlock: u,
+        renderNodeTypeTag: !0
+      }
+    )
+  ] });
+};
+export {
+  P as default
+};
+//# sourceMappingURL=list.js.map

package/dist/features/extra-practice/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../../src/features/extra-practice/list/list.tsx"],"sourcesContent":["import type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IListProps, TTabsDataProps } from './list-types';\nimport type { FC } from 'react';\n\nimport { useState } from 'react';\n\nimport SheetsList from '../../sheets/sheets-list/sheets-list';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { TABS } from './list-constants';\nimport * as Styled from './list-styled';\nimport { getSelectedTabSheets } from './list-util';\n\nconst List: FC<IListProps> = ({ sheets, userType, onStart, ...restListProps }) => {\n  const {\n    teacherId,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onUnlock,\n  } = restListProps;\n\n  const [selectedTab, setSelectedTab] = useState<TTabsDataProps>(TABS[0]!);\n  const [sheetData, setSheetData] = useState<ISheetDataProps[]>(() =>\n    getSelectedTabSheets(sheets, selectedTab.search_list),\n  );\n\n  const handleOnTabSelection = (tab: TTabsDataProps) => {\n    setSelectedTab(tab);\n    setSheetData(getSelectedTabSheets(sheets, tab.search_list));\n  };\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\">\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = selectedTab.label === label;\n\n          return (\n            <Styled.Tab key={id} $selected={selected} onClick={() => handleOnTabSelection(tab)}>\n              <Text $renderAs={selected ? 'cta2' : 'body2'}>{label}</Text>\n            </Styled.Tab>\n          );\n        })}\n      </FlexView>\n\n      <SheetsList\n        sheets={sheetData}\n        teacherId={teacherId}\n        section=\"extra_practice\"\n        emptySheetsText=\"No Extra practice sheets available.\"\n        userType={userType}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n        renderNodeTypeTag\n      />\n    </>\n  );\n};\n\nexport default List;\n"],"names":["List","sheets","userType","onStart","restListProps","teacherId","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onUnlock","selectedTab","setSelectedTab","useState","TABS","sheetData","setSheetData","getSelectedTabSheets","handleOnTabSelection","tab","jsxs","Fragment","jsx","FlexView","id","label","selected","Styled.Tab","Text","SheetsList"],"mappings":";;;;;;;;AAaM,MAAAA,IAAuB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAoB;AAC1E,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAyBC,EAAK,CAAC,CAAE,GACjE,CAACC,GAAWC,CAAY,IAAIH;AAAA,IAA4B,MAC5DI,EAAqBlB,GAAQY,EAAY,WAAW;AAAA,EAAA,GAGhDO,IAAuB,CAACC,MAAwB;AACpD,IAAAP,EAAeO,CAAG,GAClBH,EAAaC,EAAqBlB,GAAQoB,EAAI,WAAW,CAAC;AAAA,EAAA;AAG5D,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,gBAAe,OACtB,UAAAT,EAAK,IAAI,CAAOK,MAAA;AACT,YAAA,EAAE,IAAAK,GAAI,OAAAC,EAAU,IAAAN,GAChBO,IAAWf,EAAY,UAAUc;AAEvC,+BACGE,GAAA,EAAoB,WAAWD,GAAU,SAAS,MAAMR,EAAqBC,CAAG,GAC/E,UAAA,gBAAAG,EAACM,KAAK,WAAWF,IAAW,SAAS,SAAU,UAAAD,EAAM,CAAA,KADtCD,CAEjB;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,WAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,UAAAH;AAAA,QACA,SAAAC;AAAA,QACA,UAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,mBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/homework/card-menu-options.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import { memo as i } from "react";
+import m from "../chapters-v2/comps/node-card/node-menu-options/node-menu-option.js";
+import { CardMenuOptionsWrapper as p } from "./styles.js";
+const s = i(
+  ({ options: o, shouldOpenOnRight: t, visible: e, $width: d }) => !e || o.every((r) => r.disabled) ? null : /* @__PURE__ */ n(
+    p,
+    {
+      $visible: e,
+      $background: "BLACK_2",
+      $borderColor: "WHITE_T_38",
+      $gapX: 0.5,
+      $width: d,
+      $shouldopenonright: t,
+      children: o.map((r) => /* @__PURE__ */ n(m, { option: r }, r.id))
+    }
+  )
+);
+export {
+  s as default
+};
+//# sourceMappingURL=card-menu-options.js.map

package/dist/features/homework/card-menu-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport NodeMenuOption from '../chapters-v2/comps/node-card/node-menu-options/node-menu-option';\nimport * as Styled from './styles';\n\nexport interface ICardMenuOption {\n  id: string;\n  label: string;\n  icon: FC<SVGProps<SVGSVGElement>>;\n  onClick: (id: string) => void;\n  disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  $width?: string | number;\n  options: ICardMenuOption[];\n  triggerRef: React.RefObject<HTMLElement>;\n  visible: boolean;\n  shouldOpenOnRight: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n  ({ options, shouldOpenOnRight, visible, $width }) => {\n    if (!visible) return null;\n\n    if (options.every(item => item.disabled)) return null;\n\n    return (\n      <Styled.CardMenuOptionsWrapper\n        $visible={visible}\n        $background=\"BLACK_2\"\n        $borderColor=\"WHITE_T_38\"\n        $gapX={0.5}\n        $width={$width}\n        $shouldopenonright={shouldOpenOnRight}\n      >\n        {options.map(option => (\n          <NodeMenuOption option={option} key={option.id} />\n        ))}\n      </Styled.CardMenuOptionsWrapper>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","shouldOpenOnRight","visible","$width","item","jsx","Styled.CardMenuOptionsWrapper","option","NodeMenuOption"],"mappings":";;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,SAAAC,GAAS,QAAAC,QAClC,CAACD,KAEDF,EAAQ,MAAM,CAAAI,MAAQA,EAAK,QAAQ,IAAU,OAG/C,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,OAAO;AAAA,MACP,QAAAC;AAAA,MACA,oBAAoBF;AAAA,MAEnB,UAAAD,EAAQ,IAAI,CACXO,MAAA,gBAAAF,EAACG,KAAe,QAAAD,EAAqB,GAAAA,EAAO,EAAI,CACjD;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/features/homework/card-title.js

@@ -0,0 +1,16 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { memo as a } from "react";
+import c from "../ui/layout/flex-view.js";
+import i from "../ui/text/text.js";
+const l = ({ label: r, title: e }) => /* @__PURE__ */ o(c, { children: [
+  /* @__PURE__ */ t(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ t(i, { $color: "WHITE", $renderAs: "ac4-black", children: r }) }),
+  /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: e })
+] }), m = ({
+  cardHeader: r,
+  nodeType: e,
+  courseType: n
+}) => e === "MASTERY" ? /* @__PURE__ */ t(l, { label: "Smart", title: "Practice" }) : n === "REMEDIAL" ? /* @__PURE__ */ t(l, { label: "EXTRA", title: r }) : n === "EXAM" ? /* @__PURE__ */ t(l, { label: "CUSTOM", title: r }) : /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: r }), A = a(m);
+export {
+  A as default
+};
+//# sourceMappingURL=card-title.js.map

package/dist/features/homework/card-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.js","sources":["../../../src/features/homework/card-title.tsx"],"sourcesContent":["import type { TCourseType, TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\n\nimport { memo } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\nconst LabelledTitle = ({ label, title }: { label: string; title: string }) => (\n  <FlexView>\n    <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n      <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n        {label}\n      </Text>\n    </FlexView>\n    <Text $renderAs=\"ac4-black\">{title}</Text>\n  </FlexView>\n);\n\nconst CardTitle = ({\n  cardHeader,\n  nodeType,\n  courseType,\n}: {\n  cardHeader: string;\n  nodeType: TNodeTypes;\n  courseType: TCourseType;\n}) => {\n  if (nodeType === 'MASTERY') {\n    return <LabelledTitle label=\"Smart\" title=\"Practice\" />;\n  }\n\n  if (courseType === 'REMEDIAL') {\n    return <LabelledTitle label=\"EXTRA\" title={cardHeader} />;\n  }\n\n  if (courseType === 'EXAM') {\n    return <LabelledTitle label=\"CUSTOM\" title={cardHeader} />;\n  }\n\n  return <Text $renderAs=\"ac4-black\">{cardHeader}</Text>;\n};\n\nexport default memo(CardTitle);\n"],"names":["LabelledTitle","label","title","FlexView","jsx","Text","CardTitle","cardHeader","nodeType","courseType","CardTitle$1","memo"],"mappings":";;;;AAOA,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAM,wBACnCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAC5B,YACH,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMH,GAAA;AAAA,EACrC,CAAA,GAGII,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKMD,MAAa,YACP,gBAAAJ,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAM,WAAW,CAAA,IAGnDS,MAAe,aACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAOO,EAAY,CAAA,IAGrDE,MAAe,SACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,UAAS,OAAOO,EAAY,CAAA,IAGlD,gBAAAH,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWE,EAAA,CAAA,GAGlCG,IAAAC,EAAKL,CAAS;"}

package/dist/features/homework/homework-analytics-events.js

@@ -0,0 +1,10 @@
+import { PLUGINS as e } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
+var o = /* @__PURE__ */ ((t) => (t.HOMEWORK_ATTEMPTED = "homework_attempted", t))(o || {});
+const E = {
+  homework_attempted: [e.MIXPANEL]
+};
+export {
+  o as HOMEWORK_ANALYTICS_EVENTS,
+  E as HOMEWORK_ANALYTICS_WHITELIST_EVENTS
+};
+//# sourceMappingURL=homework-analytics-events.js.map

package/dist/features/homework/homework-analytics-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homework-analytics-events.js","sources":["../../../src/features/homework/homework-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum HOMEWORK_ANALYTICS_EVENTS {\n  HOMEWORK_ATTEMPTED = 'homework_attempted',\n}\n\nexport const HOMEWORK_ANALYTICS_WHITELIST_EVENTS = {\n  [HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["HOMEWORK_ANALYTICS_EVENTS","HOMEWORK_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,qBAAqB,sBADXA,IAAAA,KAAA,CAAA,CAAA;AAIL,MAAMC,IAAsC;AAAA,EAChD,oBAA+C,CAACC,EAAQ,QAAQ;AACnE;"}