@cuemath/leap 2.8.50 → 2.8.51

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  StyledPencilIcon,\n  StyledRulerIcon,\n  StyledSketchWrapper,\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  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","ZoomInIcon","ZoomOutIcon","UploadIcon","DownloadIcon","GRID_TO_COMP","FlexView","Square2GridSvg","SquareCheckedGridSvg","SquareDotSvg","TriDotSvg","Tri2DotSvg","SquareGridSvg","TriGridSvg","Tri2GridSvg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCO,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,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

@@ -1,91 +1,22 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { memo as T, useRef as b, useEffect as v, useCallback as I } from "react";
-import S, { useTheme as y } from "styled-components";
-import R from "../../../assets/line-icons/icons/cursor.js";
-import x from "../../../assets/line-icons/icons/eraser.js";
-import p from "../../../assets/line-icons/icons/undo.js";
-import f from "../../ui/buttons/clickable/clickable.js";
-import A from "../../ui/hooks/use-context-menu-click-handler.js";
-import l from "../../ui/layout/flex-view.js";
-import { CANVAS_COLORS as O } from "../constants/constants.js";
-import { getUserTools as P } from "../cue-canvas-helpers.js";
-import { StyledWrapper as W, ColorPicker as j, StyledPencilIcon as w, StyledRulerIcon as E, StyledSketchWrapper as H, StyledHighlighterWrapper as M } from "../cue-cavas-styled.js";
-import { useCueCanvasActions as V } from "../hooks/use-cue-canvas-actions.js";
-import _ from "./color-pallete.js";
-const L = S(p)`
-  transform: scaleX(-1);
-`, U = {
-  pen: w,
-  ruler: E,
-  marker: H,
-  highlighter: M,
-  eraser: x,
-  move: R,
-  undo: p,
-  redo: L
-}, X = T(({ userType: n }) => {
-  const {
-    activeInstance: o,
-    activeTool: i,
-    setActiveTool: c,
-    setActiveColor: u,
-    activeColor: t,
-    isWritingToolActive: s
-  } = V(), { colors: h } = y(), m = b(null), C = P(n);
-  v(() => {
-    o && (t && o.setColor(O[t]), i && (o == null || o.setTool(i)));
-  }, [t, i, h, o]);
-  const $ = I(
-    (e) => {
-      o == null || o.setTool(e), e !== "undo" && e !== "redo" && c(e);
-    },
-    [o, c]
-  ), { menuVisible: g, onMenuClick: k } = A(
-    m,
-    void 0,
-    !0,
-    void 0
-  );
-  return /* @__PURE__ */ d(l, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", children: [
-    C.map((e) => {
-      const a = U[e];
-      return /* @__PURE__ */ r(l, { $gutterX: 0.25, children: /* @__PURE__ */ r(f, { onClick: () => $(e), label: e, children: ["pen", "ruler", "marker", "highlighter"].includes(e) ? /* @__PURE__ */ r(a, { $active: i === e, $activeColor: t }) : /* @__PURE__ */ r(W, { $active: i === e, children: /* @__PURE__ */ r(a, {}) }) }) }, e);
-    }),
-    /* @__PURE__ */ d(
-      l,
-      {
-        $width: 32,
-        $height: 32,
-        $alignItems: "center",
-        $justifyContent: "center",
-        $borderRadius: 16,
-        $background: "WHITE",
-        children: [
-          /* @__PURE__ */ r(f, { onClick: k, label: "Color Picker", disabled: !s, children: /* @__PURE__ */ r(
-            j,
-            {
-              $width: 22,
-              $height: 22,
-              $borderRadius: 11,
-              $color: t,
-              $opacity: s ? 1 : 0.5,
-              ref: m
-            }
-          ) }),
-          g && /* @__PURE__ */ r(
-            _,
-            {
-              setActiveColor: u,
-              activeColor: t,
-              userType: n
-            }
-          )
-        ]
-      }
-    )
+import { jsx as m, jsxs as n } from "react/jsx-runtime";
+import { memo as s, useEffect as a } 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 T from "./whiteboard-toolbar.js";
+const $ = s(({ userType: t, renderAs: r }) => {
+  const f = u(t, r), { activeInstance: o, activeTool: i, activeColor: e } = C();
+  return a(() => {
+    o && (e && o.setColor(p[e]), i && (o == null || o.setTool(i)));
+  }, [e, i, o, r]), r === "whiteboard" ? /* @__PURE__ */ m(T, { tools: f, userType: t }) : /* @__PURE__ */ n(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.5, children: [
+    f.map((l) => /* @__PURE__ */ m(b, { tool: l, shouldAnimate: !0 }, l)),
+    /* @__PURE__ */ m(x, { userType: t })
   ] });
-}), re = X;
+}), S = $;
 export {
-  re as default
+  S 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 type { TCueCanvasTool } from '../types/cue-canvas';\nimport type { IToolsToCompMap, IToolbarProps, TToolComponentType } from '../types/toolbar';\n\nimport React, { memo, useCallback, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { useTheme } from 'styled-components';\n\nimport CursorIcon from '../../../assets/line-icons/icons/cursor';\nimport EraserIcon from '../../../assets/line-icons/icons/eraser';\nimport UndoIcon from '../../../assets/line-icons/icons/undo';\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 { CANVAS_COLORS } from '../constants/constants';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport {\n  StyledPencilIcon,\n  StyledRulerIcon,\n  StyledWrapper,\n  StyledSketchWrapper,\n  StyledHighlighterWrapper,\n  ColorPicker,\n} from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPallete from './color-pallete';\n\nconst RedoIcon = styled(UndoIcon)`\n  transform: scaleX(-1);\n`;\n\nconst 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};\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType }) => {\n  const {\n    activeInstance: cueCanvas,\n    activeTool,\n    setActiveTool,\n    setActiveColor,\n    activeColor,\n    isWritingToolActive,\n  } = useCueCanvasActions();\n  const { colors } = useTheme();\n\n  const colorPalleteRef = useRef<HTMLDivElement>(null);\n\n  const tools = getUserTools(userType);\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, colors, cueCanvas]);\n\n  const onToolClick = useCallback(\n    (tool: TCueCanvasTool) => {\n      cueCanvas?.setTool(tool);\n      if (tool !== 'undo' && tool !== 'redo') {\n        setActiveTool(tool);\n      }\n    },\n    [cueCanvas, setActiveTool],\n  );\n\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    colorPalleteRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n      {tools.map(tool => {\n        const ToolComponent = TOOLS_TO_COMP[tool] as TToolComponentType;\n\n        return (\n          <FlexView $gutterX={0.25} key={tool}>\n            <Clickable onClick={() => onToolClick(tool)} label={tool}>\n              {['pen', 'ruler', 'marker', 'highlighter'].includes(tool) ? (\n                <ToolComponent $active={activeTool === tool} $activeColor={activeColor} />\n              ) : (\n                <StyledWrapper $active={activeTool === tool}>\n                  <ToolComponent />\n                </StyledWrapper>\n              )}\n            </Clickable>\n          </FlexView>\n        );\n      })}\n      <FlexView\n        $width={32}\n        $height={32}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $borderRadius={16}\n        $background=\"WHITE\"\n      >\n        <Clickable onClick={onMenuClick} label=\"Color Picker\" disabled={!isWritingToolActive}>\n          <ColorPicker\n            $width={22}\n            $height={22}\n            $borderRadius={11}\n            $color={activeColor}\n            $opacity={isWritingToolActive ? 1 : 0.5}\n            ref={colorPalleteRef}\n          />\n        </Clickable>\n        {menuVisible && (\n          <ColorPallete\n            setActiveColor={setActiveColor}\n            activeColor={activeColor}\n            userType={userType}\n          />\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["RedoIcon","styled","UndoIcon","TOOLS_TO_COMP","StyledPencilIcon","StyledRulerIcon","StyledSketchWrapper","StyledHighlighterWrapper","EraserIcon","CursorIcon","Toolbar","memo","userType","cueCanvas","activeTool","setActiveTool","setActiveColor","activeColor","isWritingToolActive","useCueCanvasActions","colors","useTheme","colorPalleteRef","useRef","tools","getUserTools","useEffect","CANVAS_COLORS","onToolClick","useCallback","tool","menuVisible","onMenuClick","useContextMenuClickHandler","FlexView","ToolComponent","jsx","Clickable","StyledWrapper","jsxs","ColorPicker","ColorPallete","Toolbar$1"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAMA,IAAWC,EAAOC,CAAQ;AAAA;AAAA,GAI1BC,IAAiC;AAAA,EACrC,KAAKC;AAAA,EACL,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,MAAMP;AAAA,EACN,MAAMF;AACR,GAEMU,IAAmCC,EAAK,CAAC,EAAE,UAAAC,QAAe;AACxD,QAAA;AAAA,IACJ,gBAAgBC;AAAA,IAChB,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,MACEC,EAAoB,GAClB,EAAE,QAAAC,MAAWC,KAEbC,IAAkBC,EAAuB,IAAI,GAE7CC,IAAQC,EAAab,CAAQ;AAEnC,EAAAc,EAAU,MAAM;AACd,IAAIb,MACEI,KACQJ,EAAA,SAASc,EAAcV,CAAW,CAAC,GAG3CH,MACFD,KAAA,QAAAA,EAAW,QAAQC;AAAA,KAGtB,CAACG,GAAaH,GAAYM,GAAQP,CAAS,CAAC;AAE/C,QAAMe,IAAcC;AAAA,IAClB,CAACC,MAAyB;AACxB,MAAAjB,KAAA,QAAAA,EAAW,QAAQiB,IACfA,MAAS,UAAUA,MAAS,UAC9Bf,EAAce,CAAI;AAAA,IAEtB;AAAA,IACA,CAACjB,GAAWE,CAAa;AAAA,EAAA,GAGrB,EAAE,aAAAgB,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,2BACGY,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAA;AAAA,IAAAV,EAAM,IAAI,CAAQM,MAAA;AACX,YAAAK,IAAgBhC,EAAc2B,CAAI;AAExC,+BACGI,GAAS,EAAA,UAAU,MAClB,UAAC,gBAAAE,EAAAC,GAAA,EAAU,SAAS,MAAMT,EAAYE,CAAI,GAAG,OAAOA,GACjD,UAAA,CAAC,OAAO,SAAS,UAAU,aAAa,EAAE,SAASA,CAAI,sBACrDK,GAAc,EAAA,SAASrB,MAAegB,GAAM,cAAcb,EAAa,CAAA,IAExE,gBAAAmB,EAACE,GAAc,EAAA,SAASxB,MAAegB,GACrC,UAAA,gBAAAM,EAACD,KAAc,EACjB,CAAA,EAEJ,CAAA,KAT6BL,CAU/B;AAAA,IAAA,CAEH;AAAA,IACD,gBAAAS;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAE,EAACC,KAAU,SAASL,GAAa,OAAM,gBAAe,UAAU,CAACd,GAC/D,UAAA,gBAAAkB;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,QAAQvB;AAAA,cACR,UAAUC,IAAsB,IAAI;AAAA,cACpC,KAAKI;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,UACCS,KACC,gBAAAK;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,gBAAAzB;AAAA,cACA,aAAAC;AAAA,cACA,UAAAL;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAED8B,KAAehC;"}
+{"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,MACFD,KAAA,QAAAA,EAAW,QAAQC;AAAA,KAGtB,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/trial-session/comps/offering-information/offering-information-constants.js

@@ -1,30 +1,27 @@
 import { GIF as n } from "../../../../assets/gif/gif.js";
 const o = [
   {
-    title: `school 
-success`,
+    title: "school success",
     description: ["Synced Curriculum", "Homework Help", "School Tests Prep"],
     infoBackground: "PURPLE_1",
     animationSource: n.SCHOOL_SUCCESS_MINI,
     dimension: ["100%", "100%"]
   },
   {
-    title: `track 
-progress`,
+    title: "test prep",
     description: ["Math Kangaroo", "NJSLA", "STAAR, etc"],
     infoBackground: "BLUE_1",
     animationSource: n.TEST_PREP_MINI,
     dimension: ["100%", "100%"]
   },
   {
-    title: `easy 
-rescheduling`,
+    title: "enrichment",
     description: ["Financial Literacy", "Data Science", "Decision Making, etc"],
     infoBackground: "ORANGE_1",
     animationSource: n.ENRICHMENT_MINI,
     dimension: ["100%", "100%"]
   }
-], a = [
+], e = [
   {
     title: `stay 
 connected`,
@@ -52,7 +49,7 @@ your class timings.`,
     animationSource: n.EASY_RESCHEDULING,
     dimension: ["100%", "100%"]
   }
-], e = [
+], a = [
   {
     title: `mental 
 math`,
@@ -88,8 +85,8 @@ and stay sharp.`,
   }
 ];
 export {
-  e as circleDetails,
+  a as circleDetails,
   o as goalDetails,
-  a as parentAppDetails
+  e as parentAppDetails
 };
 //# sourceMappingURL=offering-information-constants.js.map

package/dist/features/trial-session/comps/offering-information/offering-information-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'school \\nsuccess',\n    description: ['Synced Curriculum', 'Homework Help', 'School Tests Prep'],\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: ['Math Kangaroo', 'NJSLA', 'STAAR, etc'],\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: ['Financial Literacy', 'Data Science', 'Decision Making, etc'],\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.ENRICHMENT_MINI,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa,CAAC,qBAAqB,iBAAiB,mBAAmB;AAAA,IACvE,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa,CAAC,iBAAiB,SAAS,YAAY;AAAA,IACpD,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa,CAAC,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC1E,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF;"}
+{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'school success',\n    description: ['Synced Curriculum', 'Homework Help', 'School Tests Prep'],\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'test prep',\n    description: ['Math Kangaroo', 'NJSLA', 'STAAR, etc'],\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'enrichment',\n    description: ['Financial Literacy', 'Data Science', 'Decision Making, etc'],\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.ENRICHMENT_MINI,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,qBAAqB,iBAAiB,mBAAmB;AAAA,IACvE,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,iBAAiB,SAAS,YAAY;AAAA,IACpD,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC1E,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js

@@ -17,13 +17,13 @@ const ve = L(($) => {
     userType: m,
     layout: f,
     behavior: r,
-    worksheetName: W,
+    worksheetName: A,
     questions: o,
     responses: t,
     activeQuestionIndex: s,
     lastUnlockedQuestionIndex: h,
-    appendedQuestionIds: q,
-    learnosity: A,
+    appendedQuestionIds: W,
+    learnosity: q,
     isCanvasEnabled: R,
     isScribblingEnabled: S,
     isSummaryVisible: k,
@@ -45,7 +45,7 @@ const ve = L(($) => {
     loggerRef: y,
     onSkip: _,
     canToggleScribbling: z
-  } = $, { navigationBar: H, questionsScrollable: w } = f, p = o[s], { response_id: l } = p ?? {}, [Q, d] = M(!1), P = l ? q.includes(l) : !1, X = i(
+  } = $, { navigationBar: H, questionsScrollable: w } = f, p = o[s], { response_id: l } = p ?? {}, [Q, d] = M(!1), P = l ? W.includes(l) : !1, X = i(
     (n) => {
       d(!1), C(n);
     },
@@ -93,7 +93,7 @@ const ve = L(($) => {
         }
       )
     ] }),
-    S && /* @__PURE__ */ e(oe, { userType: m }),
+    S && /* @__PURE__ */ e(oe, { userType: m, renderAs: "canvas" }),
     H === "bottom" && /* @__PURE__ */ b(B, { children: [
       Q && /* @__PURE__ */ e(me, { $alignItems: "center", children: /* @__PURE__ */ e(
         ae,
@@ -103,7 +103,7 @@ const ve = L(($) => {
           onItemNumberClick: X,
           questions: o,
           responses: t,
-          worksheetName: W,
+          worksheetName: A,
           behavior: r,
           userType: m,
           onClose: v,
@@ -128,7 +128,7 @@ const ve = L(($) => {
     p && l && /* @__PURE__ */ e(
       re,
       {
-        learnosity: A,
+        learnosity: q,
         question: p,
         questions: o,
         responses: t,

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-action-bar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.tsx"],"sourcesContent":["import type { IWorksheetActionBarProps } from './worksheet-action-bar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CalculatorIcon from '../../../../assets/line-icons/icons/calculator';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet-helpers';\nimport ScribbleSwitch from '../worksheet-questions-controller/scribble-switch';\nimport WorksheetQuestionsController from '../worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from '../worksheet-styled';\nimport WorksheetSummaryController from '../worksheet-summary-controller/worksheet-summary-controller';\n\nconst WorksheetActionBar: FC<IWorksheetActionBarProps> = memo(props => {\n  const {\n    userType,\n    layout,\n    behavior,\n    worksheetName,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    appendedQuestionIds,\n    learnosity,\n    isCanvasEnabled,\n    isScribblingEnabled,\n    isSummaryVisible,\n    setIsScribblingEnabled,\n    setActiveQuestionId,\n    setResponses,\n    getTimeSpentOnQuestion,\n    setBlocker,\n    setSummaryVisible,\n    showCalculator,\n    onItemNumberClick,\n    onTeacherValidation,\n    onGoToReview,\n    onResponseChange,\n    onHelp,\n    onSubmit,\n    onCalculatorOpen,\n    canSubmitWorksheet,\n    loggerRef,\n    onSkip,\n    canToggleScribbling,\n  } = props;\n  const { navigationBar, questionsScrollable } = layout;\n  const activeQuestion = questions[activeQuestionIndex];\n  const { response_id: activeQuestionId } = activeQuestion ?? {};\n  const [isSummaryOpened, setIsSummaryOpened] = useState(false);\n  const isAppended = activeQuestionId ? appendedQuestionIds.includes(activeQuestionId) : false;\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setIsSummaryOpened(false);\n      onItemNumberClick(questionId);\n    },\n    [onItemNumberClick],\n  );\n\n  const handleOnGoToReview = useCallback(() => {\n    setIsSummaryOpened(false);\n    onGoToReview();\n  }, [onGoToReview]);\n\n  const handleSummaryButtonClick = useCallback(() => {\n    setIsSummaryOpened(prev => !prev);\n  }, []);\n\n  const handleBackFromSummary = useCallback(() => {\n    setSummaryVisible(false);\n\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses);\n  }, [onSubmit, responses]);\n\n  if (isSummaryVisible) {\n    return (\n      <WorksheetSummaryController\n        onBack={handleBackFromSummary}\n        behavior={behavior}\n        onSubmit={handleSheetSubmitButtonClick}\n        canSubmitWorksheet={!!canSubmitWorksheet}\n      />\n    );\n  }\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\" $flexGap={12}>\n        <ScribbleSwitch\n          isScribblingEnabled={isScribblingEnabled}\n          setIsScribblingEnabled={setIsScribblingEnabled}\n          isCanvasEnabled={isCanvasEnabled}\n          loggerRef={loggerRef}\n          canToggleScribbling={canToggleScribbling}\n        />\n        {behavior.canShowDesmosCalc && (\n          <Styled.IconContainer\n            $active={showCalculator}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            onClick={onCalculatorOpen}\n          >\n            <CalculatorIcon />\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n      {isScribblingEnabled && <Toolbar userType={userType} />}\n      {navigationBar === 'bottom' && (\n        <>\n          {isSummaryOpened && (\n            <Styled.SummaryWrapper $alignItems=\"center\">\n              <WorksheetQuestionsSummary\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                onItemNumberClick={handleItemNumberClick}\n                questions={questions}\n                responses={responses}\n                worksheetName={worksheetName}\n                behavior={behavior}\n                userType={userType}\n                onClose={handleSummaryButtonClick}\n                onGoToReview={handleOnGoToReview}\n                summaryVisible={isSummaryVisible}\n              />\n            </Styled.SummaryWrapper>\n          )}\n          <Button\n            renderAs=\"secondary\"\n            widthX={13.25}\n            label={`Question ${activeQuestionIndex + 1} of ${questions.length}`}\n            size=\"small\"\n            Icon={isSummaryOpened ? DownIcon : UpIcon}\n            iconPosition=\"right\"\n            justifyContent=\"space-between\"\n            onClick={handleSummaryButtonClick}\n          />\n        </>\n      )}\n      {activeQuestion && activeQuestionId && (\n        <WorksheetQuestionsController\n          learnosity={learnosity}\n          question={activeQuestion}\n          questions={questions}\n          responses={responses}\n          canSubmitWorksheet={canSubmitWorksheet}\n          questionIndex={activeQuestionIndex}\n          isQuestionAppended={isAppended}\n          isQuestionUnlocked={activeQuestionIndex <= lastUnlockedQuestionIndex}\n          response={responses[activeQuestionId]}\n          behavior={behavior}\n          userType={userType}\n          layout={layout}\n          onResponseChange={onResponseChange}\n          onTeacherValidation={onTeacherValidation}\n          onHelp={onHelp}\n          onSubmit={handleSheetSubmitButtonClick}\n          setActiveQuestionId={setActiveQuestionId}\n          setBlocker={setBlocker}\n          setSummaryVisible={setSummaryVisible}\n          setResponses={setResponses}\n          getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n          loggerRef={loggerRef}\n          onSkip={onSkip}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WorksheetActionBar;\n"],"names":["WorksheetActionBar","memo","props","userType","layout","behavior","worksheetName","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","appendedQuestionIds","learnosity","isCanvasEnabled","isScribblingEnabled","isSummaryVisible","setIsScribblingEnabled","setActiveQuestionId","setResponses","getTimeSpentOnQuestion","setBlocker","setSummaryVisible","showCalculator","onItemNumberClick","onTeacherValidation","onGoToReview","onResponseChange","onHelp","onSubmit","onCalculatorOpen","canSubmitWorksheet","loggerRef","onSkip","canToggleScribbling","navigationBar","questionsScrollable","activeQuestion","activeQuestionId","isSummaryOpened","setIsSummaryOpened","useState","isAppended","handleItemNumberClick","useCallback","questionId","handleOnGoToReview","handleSummaryButtonClick","prev","handleBackFromSummary","_a","scrollToQuestion","handleSheetSubmitButtonClick","jsx","WorksheetSummaryController","jsxs","Fragment","FlexView","ScribbleSwitch","Styled.IconContainer","CalculatorIcon","Toolbar","Styled.SummaryWrapper","WorksheetQuestionsSummary","Button","DownIcon","UpIcon","WorksheetQuestionsController"],"mappings":"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"}
+{"version":3,"file":"worksheet-action-bar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.tsx"],"sourcesContent":["import type { IWorksheetActionBarProps } from './worksheet-action-bar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CalculatorIcon from '../../../../assets/line-icons/icons/calculator';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet-helpers';\nimport ScribbleSwitch from '../worksheet-questions-controller/scribble-switch';\nimport WorksheetQuestionsController from '../worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from '../worksheet-styled';\nimport WorksheetSummaryController from '../worksheet-summary-controller/worksheet-summary-controller';\n\nconst WorksheetActionBar: FC<IWorksheetActionBarProps> = memo(props => {\n  const {\n    userType,\n    layout,\n    behavior,\n    worksheetName,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    appendedQuestionIds,\n    learnosity,\n    isCanvasEnabled,\n    isScribblingEnabled,\n    isSummaryVisible,\n    setIsScribblingEnabled,\n    setActiveQuestionId,\n    setResponses,\n    getTimeSpentOnQuestion,\n    setBlocker,\n    setSummaryVisible,\n    showCalculator,\n    onItemNumberClick,\n    onTeacherValidation,\n    onGoToReview,\n    onResponseChange,\n    onHelp,\n    onSubmit,\n    onCalculatorOpen,\n    canSubmitWorksheet,\n    loggerRef,\n    onSkip,\n    canToggleScribbling,\n  } = props;\n  const { navigationBar, questionsScrollable } = layout;\n  const activeQuestion = questions[activeQuestionIndex];\n  const { response_id: activeQuestionId } = activeQuestion ?? {};\n  const [isSummaryOpened, setIsSummaryOpened] = useState(false);\n  const isAppended = activeQuestionId ? appendedQuestionIds.includes(activeQuestionId) : false;\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setIsSummaryOpened(false);\n      onItemNumberClick(questionId);\n    },\n    [onItemNumberClick],\n  );\n\n  const handleOnGoToReview = useCallback(() => {\n    setIsSummaryOpened(false);\n    onGoToReview();\n  }, [onGoToReview]);\n\n  const handleSummaryButtonClick = useCallback(() => {\n    setIsSummaryOpened(prev => !prev);\n  }, []);\n\n  const handleBackFromSummary = useCallback(() => {\n    setSummaryVisible(false);\n\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses);\n  }, [onSubmit, responses]);\n\n  if (isSummaryVisible) {\n    return (\n      <WorksheetSummaryController\n        onBack={handleBackFromSummary}\n        behavior={behavior}\n        onSubmit={handleSheetSubmitButtonClick}\n        canSubmitWorksheet={!!canSubmitWorksheet}\n      />\n    );\n  }\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\" $flexGap={12}>\n        <ScribbleSwitch\n          isScribblingEnabled={isScribblingEnabled}\n          setIsScribblingEnabled={setIsScribblingEnabled}\n          isCanvasEnabled={isCanvasEnabled}\n          loggerRef={loggerRef}\n          canToggleScribbling={canToggleScribbling}\n        />\n        {behavior.canShowDesmosCalc && (\n          <Styled.IconContainer\n            $active={showCalculator}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            onClick={onCalculatorOpen}\n          >\n            <CalculatorIcon />\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n      {isScribblingEnabled && <Toolbar userType={userType} renderAs=\"canvas\" />}\n      {navigationBar === 'bottom' && (\n        <>\n          {isSummaryOpened && (\n            <Styled.SummaryWrapper $alignItems=\"center\">\n              <WorksheetQuestionsSummary\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                onItemNumberClick={handleItemNumberClick}\n                questions={questions}\n                responses={responses}\n                worksheetName={worksheetName}\n                behavior={behavior}\n                userType={userType}\n                onClose={handleSummaryButtonClick}\n                onGoToReview={handleOnGoToReview}\n                summaryVisible={isSummaryVisible}\n              />\n            </Styled.SummaryWrapper>\n          )}\n          <Button\n            renderAs=\"secondary\"\n            widthX={13.25}\n            label={`Question ${activeQuestionIndex + 1} of ${questions.length}`}\n            size=\"small\"\n            Icon={isSummaryOpened ? DownIcon : UpIcon}\n            iconPosition=\"right\"\n            justifyContent=\"space-between\"\n            onClick={handleSummaryButtonClick}\n          />\n        </>\n      )}\n      {activeQuestion && activeQuestionId && (\n        <WorksheetQuestionsController\n          learnosity={learnosity}\n          question={activeQuestion}\n          questions={questions}\n          responses={responses}\n          canSubmitWorksheet={canSubmitWorksheet}\n          questionIndex={activeQuestionIndex}\n          isQuestionAppended={isAppended}\n          isQuestionUnlocked={activeQuestionIndex <= lastUnlockedQuestionIndex}\n          response={responses[activeQuestionId]}\n          behavior={behavior}\n          userType={userType}\n          layout={layout}\n          onResponseChange={onResponseChange}\n          onTeacherValidation={onTeacherValidation}\n          onHelp={onHelp}\n          onSubmit={handleSheetSubmitButtonClick}\n          setActiveQuestionId={setActiveQuestionId}\n          setBlocker={setBlocker}\n          setSummaryVisible={setSummaryVisible}\n          setResponses={setResponses}\n          getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n          loggerRef={loggerRef}\n          onSkip={onSkip}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WorksheetActionBar;\n"],"names":["WorksheetActionBar","memo","props","userType","layout","behavior","worksheetName","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","appendedQuestionIds","learnosity","isCanvasEnabled","isScribblingEnabled","isSummaryVisible","setIsScribblingEnabled","setActiveQuestionId","setResponses","getTimeSpentOnQuestion","setBlocker","setSummaryVisible","showCalculator","onItemNumberClick","onTeacherValidation","onGoToReview","onResponseChange","onHelp","onSubmit","onCalculatorOpen","canSubmitWorksheet","loggerRef","onSkip","canToggleScribbling","navigationBar","questionsScrollable","activeQuestion","activeQuestionId","isSummaryOpened","setIsSummaryOpened","useState","isAppended","handleItemNumberClick","useCallback","questionId","handleOnGoToReview","handleSummaryButtonClick","prev","handleBackFromSummary","_a","scrollToQuestion","handleSheetSubmitButtonClick","jsx","WorksheetSummaryController","jsxs","Fragment","FlexView","ScribbleSwitch","Styled.IconContainer","CalculatorIcon","Toolbar","Styled.SummaryWrapper","WorksheetQuestionsSummary","Button","DownIcon","UpIcon","WorksheetQuestionsController"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.tsx"],"sourcesContent":["import React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport ScribbleIcon from '../../../../assets/line-icons/icons/scribble';\nimport { StyledWrapper } from '../../../cue-canvas/cue-cavas-styled';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\n\ninterface IScribbleSwitchProps {\n  isScribblingEnabled: boolean;\n  setIsScribblingEnabled: (enabled: boolean) => void;\n  isCanvasEnabled: boolean;\n  loggerRef: React.MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  canToggleScribbling?: boolean;\n}\nStyledWrapper;\n\nconst IconWrapper = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 1px solid black;\n  &:hover {\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  justify-content: center;\n  align-items: center;\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst ScribbleSwitch: React.FC<IScribbleSwitchProps> = memo(\n  ({\n    isScribblingEnabled,\n    setIsScribblingEnabled,\n    isCanvasEnabled,\n    loggerRef,\n    canToggleScribbling = true,\n  }) => {\n    const handleToggleScribble = useCallback(() => {\n      setIsScribblingEnabled(!isScribblingEnabled);\n      loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n        scribbling_enabled: !isScribblingEnabled,\n      });\n    }, [isScribblingEnabled, loggerRef, setIsScribblingEnabled]);\n\n    if (!isCanvasEnabled) {\n      // This is done to center align the QuestionNavBar for worksheets for whom scribbling is not enabled.\n      return <FlexView $widthX={15.25} />;\n    }\n\n    return (\n      <Clickable\n        label=\"ScribbleSwitch Toggled\"\n        onClick={handleToggleScribble}\n        disabled={!canToggleScribbling}\n      >\n        <IconWrapper $active={isScribblingEnabled}>\n          <ScribbleIcon />\n        </IconWrapper>\n      </Clickable>\n    );\n  },\n);\n\nexport default ScribbleSwitch;\n"],"names":["IconWrapper","styled","FlexView","theme","$active","ScribbleSwitch","memo","isScribblingEnabled","setIsScribblingEnabled","isCanvasEnabled","loggerRef","canToggleScribbling","handleToggleScribble","useCallback","EVENTS","jsx","Clickable","ScribbleIcon"],"mappings":";;;;;;;AAkBA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMFD,EAAM,OAAO,KAAK;AAAA;AAAA,gBAE1BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,sBAGZC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIzDC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAG/D,GAEME,IAAiDC;AAAA,EACrD,CAAC;AAAA,IACC,qBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,EAAA,MAClB;AACE,UAAAC,IAAuBC,EAAY,MAAM;AAC7C,MAAAL,EAAuB,CAACD,CAAmB,GACjCG,EAAA,QAAQI,EAAO,8BAA8B;AAAA,QACrD,oBAAoB,CAACP;AAAA,MAAA,CACtB;AAAA,IACA,GAAA,CAACA,GAAqBG,GAAWF,CAAsB,CAAC;AAE3D,WAAKC,IAMH,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASJ;AAAA,QACT,UAAU,CAACD;AAAA,QAEX,4BAACX,GAAY,EAAA,SAASO,GACpB,UAAA,gBAAAQ,EAACE,IAAa,CAAA,GAChB;AAAA,MAAA;AAAA,IAAA,IAXK,gBAAAF,EAACb,GAAS,EAAA,SAAS,MAAO,CAAA;AAAA,EAcrC;AACF;"}
+{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.tsx"],"sourcesContent":["import React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport ScribbleIcon from '../../../../assets/line-icons/icons/scribble';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\n\ninterface IScribbleSwitchProps {\n  isScribblingEnabled: boolean;\n  setIsScribblingEnabled: (enabled: boolean) => void;\n  isCanvasEnabled: boolean;\n  loggerRef: React.MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  canToggleScribbling?: boolean;\n}\n\nconst IconWrapper = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 1px solid black;\n  &:hover {\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  justify-content: center;\n  align-items: center;\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst ScribbleSwitch: React.FC<IScribbleSwitchProps> = memo(\n  ({\n    isScribblingEnabled,\n    setIsScribblingEnabled,\n    isCanvasEnabled,\n    loggerRef,\n    canToggleScribbling = true,\n  }) => {\n    const handleToggleScribble = useCallback(() => {\n      setIsScribblingEnabled(!isScribblingEnabled);\n      loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n        scribbling_enabled: !isScribblingEnabled,\n      });\n    }, [isScribblingEnabled, loggerRef, setIsScribblingEnabled]);\n\n    if (!isCanvasEnabled) {\n      // This is done to center align the QuestionNavBar for worksheets for whom scribbling is not enabled.\n      return <FlexView $widthX={15.25} />;\n    }\n\n    return (\n      <Clickable\n        label=\"ScribbleSwitch Toggled\"\n        onClick={handleToggleScribble}\n        disabled={!canToggleScribbling}\n      >\n        <IconWrapper $active={isScribblingEnabled}>\n          <ScribbleIcon />\n        </IconWrapper>\n      </Clickable>\n    );\n  },\n);\n\nexport default ScribbleSwitch;\n"],"names":["IconWrapper","styled","FlexView","theme","$active","ScribbleSwitch","memo","isScribblingEnabled","setIsScribblingEnabled","isCanvasEnabled","loggerRef","canToggleScribbling","handleToggleScribble","useCallback","EVENTS","jsx","Clickable","ScribbleIcon"],"mappings":";;;;;;;AAgBA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMFD,EAAM,OAAO,KAAK;AAAA;AAAA,gBAE1BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,sBAGZC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIzDC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAG/D,GAEME,IAAiDC;AAAA,EACrD,CAAC;AAAA,IACC,qBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,EAAA,MAClB;AACE,UAAAC,IAAuBC,EAAY,MAAM;AAC7C,MAAAL,EAAuB,CAACD,CAAmB,GACjCG,EAAA,QAAQI,EAAO,8BAA8B;AAAA,QACrD,oBAAoB,CAACP;AAAA,MAAA,CACtB;AAAA,IACA,GAAA,CAACA,GAAqBG,GAAWF,CAAsB,CAAC;AAE3D,WAAKC,IAMH,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASJ;AAAA,QACT,UAAU,CAACD;AAAA,QAEX,4BAACX,GAAY,EAAA,SAASO,GACpB,UAAA,gBAAAQ,EAACE,IAAa,CAAA,GAChB;AAAA,MAAA;AAAA,IAAA,IAXK,gBAAAF,EAACb,GAAS,EAAA,SAAS,MAAO,CAAA;AAAA,EAcrC;AACF;"}

package/dist/index.d.ts

@@ -491,6 +491,8 @@ declare interface IActionData {
     height: number;
     userId: string;
     responseId: string;
+    gridName?: TCueCanvasGridName;
+    dimension?: IViewport;
 }
 
 declare interface IAppLoaderProps {
@@ -1231,9 +1233,10 @@ declare interface IGradeSelectorProps {
     layoutAlignment?: 'center' | 'auto';
 }
 
-declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
+declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel' | 'renderAs'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
+    renderAs: TButtonVariants;
 }
 
 export declare interface IInfoMessage {
@@ -1591,6 +1594,7 @@ export declare const ILLUSTRATIONS: {
     CHAPTER_7: string;
     CHAPTER_8: string;
     CHAPTER_9: string;
+    CHAPTER_HEADER_BG: string;
     CIRCLE_CUEMATH_LOGO: string;
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_ORANGE: string;
@@ -2606,7 +2610,7 @@ export declare interface IStreakLeaderboardDetails extends IBaseLeaderboardDetai
 declare interface IStroke {
     points: string;
     color?: string;
-    brush: 'pen' | 'marker' | 'highlighter';
+    brush: 'pen' | 'ruler' | 'marker' | 'highlighter';
     cannotEdit?: boolean;
 }
 
@@ -2871,6 +2875,7 @@ export declare interface ITheme {
 
 declare interface ITile {
     name: string;
+    href?: string;
     x?: number;
     y?: number;
     rot?: number;
@@ -2915,6 +2920,7 @@ export declare interface ITodaysContentTimeStamps {
 
 declare interface IToolbarProps {
     userType: TUserTypes;
+    renderAs: TRenderAs_2;
 }
 
 export declare interface ITrackEvent {
@@ -3130,6 +3136,12 @@ export declare interface IVibrationPattern {
     pattern: number[] | number;
 }
 
+declare interface IViewport {
+    x: number;
+    y: number;
+    zoom: number;
+}
+
 export declare interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {
     baseUrl: string;
     projectDetails: IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps | ITableWebGameProps;
@@ -4127,6 +4139,8 @@ declare type TCreateOnPresubmit = (options: TOnPreSubmitOptions) => void;
 
 declare type TCueCanvasChangeDataObject = Record<string, TDrawingData[]>;
 
+declare type TCueCanvasGridName = 'none' | 'square2-grid' | 'square-checked' | 'square-dots' | 'square-grid' | 'tri-dots' | 'tri-grid' | 'tri2-dots' | 'tri2-grid';
+
 declare type TCueProgramData = {
     description: string;
     id: string;

package/dist/static/chapter-header-bg.4ed173c2.svg

@@ -0,0 +1 @@
+<svg width="800" height="168" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_7763_6637)"><circle cx="126" cy="84" r="222" fill="white" fill-opacity="0.25"/><circle cx="126" cy="84" r="126" fill="white" fill-opacity="0.25"/><circle cx="126" cy="84" r="78" fill="white" fill-opacity="0.25"/></g><defs><clipPath id="clip0_7763_6637"><rect width="800" height="168" fill="white"/></clipPath></defs></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.50",
+  "version": "2.8.51",
   "type": "module",
   "files": [
     "dist"