@cuemath/leap 3.5.46 → 3.5.47-gg10

package/dist/features/worksheet/worksheet/worksheet-styled.js

@@ -1,70 +1,42 @@
 import t from "styled-components";
-import i from "../../ui/layout/flex-view.js";
-import { WORKSHEET_CONTAINER_BORDER_RADIUS as n, TOP_NAVIGATION_HEIGHT as d, ACTION_BAR_HEIGHT as p, SIDEBAR_WIDTH as c } from "./constants.js";
-t(i)(({ $topOffset: o }) => `
-    position: sticky;
-    top: ${o}px;
-    z-index: 1;
-  `);
-t.div(({ theme: o }) => {
-  const { colors: r } = o;
-  return `
-    width: 16px;
-    height: 16px;
-    border-radius: 32px;
-    border: 0.667px solid ${r.BLACK_T_87}
-  `;
-});
-const b = t(i)`
+import r from "../../ui/layout/flex-view.js";
+import { WORKSHEET_CONTAINER_BORDER_RADIUS as e, TOP_NAVIGATION_HEIGHT as s, ACTION_BAR_HEIGHT as n } from "./constants.js";
+const a = t(r)`
   position: relative;
-`, $ = t(i)(
-  ({ theme: o, $topOffset: r }) => `
+`, d = t(r)(
+  ({ theme: o, $topOffset: i }) => `
   position: sticky;
-  top: ${r}px;
+  top: ${i}px;
   width: 100%;
   z-index: 1;
   justify-content: flex-end;
   background-color: ${o.colors.WHITE};
 `
-), g = t(i)`
+), b = t(r)`
   border: 1px solid ${({ theme: o }) => o.colors.GREY_2};
   border-top: 0px;
-  border-radius: ${n}px ${n}px 0 0;
+  border-radius: ${e}px ${e}px 0 0;
   overflow: hidden;
-`, u = t(i)(
-  ({ theme: { colors: o }, $height: r, $isCardView: e, $marginTop: s }) => `
+`, $ = t(r)(
+  ({ $height: o, $marginTop: i }) => `
   position: sticky;
-  top: calc(100% - ${r}px);
-  margin-top: -${s}px;
+  top: calc(100% - ${o}px - 16px);
+  margin-top: -${i}px;
   z-index: 1;
-  ${e ? `
-          border-left: 1px solid ${o.GREY_2};
-          border-right: 1px solid ${o.GREY_2};
-        ` : ""}
-  `
-), E = t(i)(
-  ({ theme: { colors: o }, $isCardView: r }) => `
+  pointer-events: none;
   align-items: center;
   justify-content: center;
   align-self: center;
-  background-color: ${o.WHITE};
-  border-top: 1px solid ${o.GREY_2};
-  ${r ? `
-          border-left: 1px solid ${o.GREY_2};
-          border-right: 1px solid ${o.GREY_2};
-          border-top-left-radius: 8px;
-          border-top-right-radius: 8px;
-        ` : ""}
   `
-), _ = t(i)(
-  ({ theme: o, $minHeight: r, $topOffset: e }) => `
+), f = t(r)(
+  ({ theme: o, $minHeight: i, $topOffset: p }) => `
   box-sizing: content-box;
   position: sticky;
   width: calc(100% - 2px);
-  top: ${e + d}px;
+  top: ${p + s}px;
   z-index: 2;
-  min-height: ${r}${typeof r == "number" ? "px" : ""};
-  padding-bottom: ${p / 2}px;
+  min-height: ${i}${typeof i == "number" ? "px" : ""};
+  padding-bottom: ${n / 2}px;
   background-color: ${o.colors.WHITE_70};
   border-left: 1px solid ${o.colors.GREY_2};
   border-right: 1px solid ${o.colors.GREY_2};
@@ -76,50 +48,24 @@ const b = t(i)`
     box-sizing: border-box;
   }
 `
-), f = t(i)`
+), m = t(r)`
   position: absolute;
   width: 100%;
-  bottom: ${p}px;
+  bottom: ${n}px;
   left: 0;
-`, I = t(i)(({ theme: o }) => `
+`, g = t(r)(({ theme: o }) => `
     position: sticky;
     top: 0;
     left: 0;
     z-index: ${o.zIndex.DESMOS_CALCULATOR};
-  `), h = t(i)(
-  ({ theme: o, $active: r }) => `
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  &:hover {
-    cursor: pointer;
-    background-color: ${o.colors.BLACK};
-    svg path {
-      stroke: ${o.colors.WHITE};
-    }
-  }
-  background-color: ${r ? o.colors.BLACK : o.colors.WHITE};
-  svg path {
-    stroke: ${r ? o.colors.WHITE : o.colors.BLACK};
-  }
-`
-), k = t(i)`
-  position: absolute;
-  bottom: 8px;
-  right: -${c}px;
-  align-items: center;
-  z-index: 1;
-`;
+  `);
 export {
-  u as ActionbarContainer,
-  E as ActionbarWrapper,
-  _ as BlockerWrapper,
-  I as DesmosCalcWrapper,
-  h as IconContainer,
-  $ as NavigationContainer,
-  g as NavigationWrapper,
-  k as StudentWorksheetSideBar,
-  f as SummaryWrapper,
-  b as WorksheetContainer
+  $ as ActionbarContainer,
+  f as BlockerWrapper,
+  g as DesmosCalcWrapper,
+  d as NavigationContainer,
+  b as NavigationWrapper,
+  m as SummaryWrapper,
+  a as WorksheetContainer
 };
 //# sourceMappingURL=worksheet-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-styled.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  ACTION_BAR_HEIGHT,\n  SIDEBAR_WIDTH,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_CONTAINER_BORDER_RADIUS,\n} from './constants';\n\nconst NudgeBannerWrapper = styled(FlexView)<{ $topOffset: number }>(({ $topOffset }) => {\n  return `\n    position: sticky;\n    top: ${$topOffset}px;\n    z-index: 1;\n  `;\n});\n\nconst NudgeBannerIcon = styled.div(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    width: 16px;\n    height: 16px;\n    border-radius: 32px;\n    border: 0.667px solid ${colors.BLACK_T_87}\n  `;\n});\n\nconst WorksheetContainer = styled(FlexView)`\n  position: relative;\n`;\n\nconst NavigationContainer = styled(FlexView)<{ $topOffset: number }>(\n  ({ theme, $topOffset }) => `\n  position: sticky;\n  top: ${$topOffset}px;\n  width: 100%;\n  z-index: 1;\n  justify-content: flex-end;\n  background-color: ${theme.colors.WHITE};\n`,\n);\n\nconst NavigationWrapper = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.GREY_2};\n  border-top: 0px;\n  border-radius: ${WORKSHEET_CONTAINER_BORDER_RADIUS}px ${WORKSHEET_CONTAINER_BORDER_RADIUS}px 0 0;\n  overflow: hidden;\n`;\n\nconst ActionbarContainer = styled(FlexView)<{\n  $isCardView: boolean;\n  $marginTop: string | number;\n}>(\n  ({ theme: { colors }, $height, $isCardView, $marginTop }) => `\n  position: sticky;\n  top: calc(100% - ${$height}px);\n  margin-top: -${$marginTop}px;\n  z-index: 1;\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n        `\n      : ''\n  }\n  `,\n);\n\nconst ActionbarWrapper = styled(FlexView)<{ $isCardView: boolean }>(\n  ({ theme: { colors }, $isCardView }) => `\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  background-color: ${colors.WHITE};\n  border-top: 1px solid ${colors.GREY_2};\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n          border-top-left-radius: 8px;\n          border-top-right-radius: 8px;\n        `\n      : ''\n  }\n  `,\n);\n\ninterface IBlockerWrapperProps {\n  $minHeight: number | string;\n  $topOffset: number;\n}\n\nconst BlockerWrapper = styled(FlexView)<IBlockerWrapperProps>(\n  ({ theme, $minHeight, $topOffset }) => `\n  box-sizing: content-box;\n  position: sticky;\n  width: calc(100% - 2px);\n  top: ${$topOffset + TOP_NAVIGATION_HEIGHT}px;\n  z-index: 2;\n  min-height: ${$minHeight}${typeof $minHeight === 'number' ? 'px' : ''};\n  padding-bottom: ${ACTION_BAR_HEIGHT / 2}px;\n  background-color: ${theme.colors.WHITE_70};\n  border-left: 1px solid ${theme.colors.GREY_2};\n  border-right: 1px solid ${theme.colors.GREY_2};\n  backdrop-filter: blur(7px);\n  align-items: center;\n  justify-content: center;\n\n  & * {\n    box-sizing: border-box;\n  }\n`,\n);\n\nconst SummaryWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  bottom: ${ACTION_BAR_HEIGHT}px;\n  left: 0;\n`;\n\nconst DesmosCalcWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: ${theme.zIndex.DESMOS_CALCULATOR};\n  `;\n});\n\nconst IconContainer = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  &:hover {\n    cursor: pointer;\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  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst StudentWorksheetSideBar = styled(FlexView)`\n  position: absolute;\n  bottom: 8px;\n  right: -${SIDEBAR_WIDTH}px;\n  align-items: center;\n  z-index: 1;\n`;\n\nexport {\n  NudgeBannerWrapper,\n  NudgeBannerIcon,\n  WorksheetContainer,\n  NavigationContainer,\n  ActionbarContainer,\n  NavigationWrapper,\n  ActionbarWrapper,\n  BlockerWrapper,\n  SummaryWrapper,\n  IconContainer,\n  DesmosCalcWrapper,\n  StudentWorksheetSideBar,\n};\n"],"names":["styled","FlexView","$topOffset","theme","colors","WorksheetContainer","NavigationContainer","NavigationWrapper","WORKSHEET_CONTAINER_BORDER_RADIUS","ActionbarContainer","$height","$isCardView","$marginTop","ActionbarWrapper","BlockerWrapper","$minHeight","TOP_NAVIGATION_HEIGHT","ACTION_BAR_HEIGHT","SummaryWrapper","DesmosCalcWrapper","IconContainer","$active","StudentWorksheetSideBar","SIDEBAR_WIDTH"],"mappings":";;;AAU2BA,EAAOC,CAAQ,EAA0B,CAAC,EAAE,YAAAC,QAC9D;AAAA;AAAA,WAEEA,CAAU;AAAA;AAAA,GAGpB;AAEuBF,EAAO,IAAI,CAAC,EAAE,OAAAG,QAAY;AAC1C,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA,4BAImBC,EAAO,UAAU;AAAA;AAE7C,CAAC;AAEK,MAAAC,IAAqBL,EAAOC,CAAQ;AAAA;AAAA,GAIpCK,IAAsBN,EAAOC,CAAQ;AAAA,EACzC,CAAC,EAAE,OAAAE,GAAO,YAAAD,EAAA,MAAiB;AAAA;AAAA,SAEpBA,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIGC,EAAM,OAAO,KAAK;AAAA;AAExC,GAEMI,IAAoBP,EAAOC,CAAQ;AAAA,sBACnB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA,mBAErCK,CAAiC,MAAMA,CAAiC;AAAA;AAAA,GAIrFC,IAAqBT,EAAOC,CAAQ;AAAA,EAIxC,CAAC,EAAE,OAAO,EAAE,QAAAG,KAAU,SAAAM,GAAS,aAAAC,GAAa,YAAAC,EAAA,MAAiB;AAAA;AAAA,qBAE1CF,CAAO;AAAA,iBACXE,CAAU;AAAA;AAAA,IAGvBD,IACI;AAAA,mCAC2BP,EAAO,MAAM;AAAA,oCACZA,EAAO,MAAM;AAAA,YAEzC,EACN;AAAA;AAEF,GAEMS,IAAmBb,EAAOC,CAAQ;AAAA,EACtC,CAAC,EAAE,OAAO,EAAE,QAAAG,EAAO,GAAG,aAAAO,EAAkB,MAAA;AAAA;AAAA;AAAA;AAAA,sBAIpBP,EAAO,KAAK;AAAA,0BACRA,EAAO,MAAM;AAAA,IAEnCO,IACI;AAAA,mCAC2BP,EAAO,MAAM;AAAA,oCACZA,EAAO,MAAM;AAAA;AAAA;AAAA,YAIzC,EACN;AAAA;AAEF,GAOMU,IAAiBd,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAE,GAAO,YAAAY,GAAY,YAAAb,EAAiB,MAAA;AAAA;AAAA;AAAA;AAAA,SAIhCA,IAAac,CAAqB;AAAA;AAAA,gBAE3BD,CAAU,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AAAA,oBACnDE,IAAoB,CAAC;AAAA,sBACnBd,EAAM,OAAO,QAAQ;AAAA,2BAChBA,EAAM,OAAO,MAAM;AAAA,4BAClBA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/C,GAEMe,IAAiBlB,EAAOC,CAAQ;AAAA;AAAA;AAAA,YAG1BgB,CAAiB;AAAA;AAAA,GAIvBE,IAAoBnB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QACrC;AAAA;AAAA;AAAA;AAAA,eAIMA,EAAM,OAAO,iBAAiB;AAAA,GAE5C,GAEKiB,IAAgBpB,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAE,GAAO,SAAAkB,EAAA,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMFlB,EAAM,OAAO,KAAK;AAAA;AAAA,gBAE1BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,sBAGZkB,IAAUlB,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA,cAEzDkB,IAAUlB,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAG/D,GAEMmB,IAA0BtB,EAAOC,CAAQ;AAAA;AAAA;AAAA,YAGnCsB,CAAa;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"worksheet-styled.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  ACTION_BAR_HEIGHT,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_CONTAINER_BORDER_RADIUS,\n} from './constants';\n\nconst WorksheetContainer = styled(FlexView)`\n  position: relative;\n`;\n\nconst NavigationContainer = styled(FlexView)<{ $topOffset: number }>(\n  ({ theme, $topOffset }) => `\n  position: sticky;\n  top: ${$topOffset}px;\n  width: 100%;\n  z-index: 1;\n  justify-content: flex-end;\n  background-color: ${theme.colors.WHITE};\n`,\n);\n\nconst NavigationWrapper = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.GREY_2};\n  border-top: 0px;\n  border-radius: ${WORKSHEET_CONTAINER_BORDER_RADIUS}px ${WORKSHEET_CONTAINER_BORDER_RADIUS}px 0 0;\n  overflow: hidden;\n`;\n\nconst ActionbarContainer = styled(FlexView)<{\n  $marginTop: string | number;\n}>(\n  ({ $height, $marginTop }) => `\n  position: sticky;\n  top: calc(100% - ${$height}px - 16px);\n  margin-top: -${$marginTop}px;\n  z-index: 1;\n  pointer-events: none;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  `,\n);\n\ninterface IBlockerWrapperProps {\n  $minHeight: number | string;\n  $topOffset: number;\n}\n\nconst BlockerWrapper = styled(FlexView)<IBlockerWrapperProps>(\n  ({ theme, $minHeight, $topOffset }) => `\n  box-sizing: content-box;\n  position: sticky;\n  width: calc(100% - 2px);\n  top: ${$topOffset + TOP_NAVIGATION_HEIGHT}px;\n  z-index: 2;\n  min-height: ${$minHeight}${typeof $minHeight === 'number' ? 'px' : ''};\n  padding-bottom: ${ACTION_BAR_HEIGHT / 2}px;\n  background-color: ${theme.colors.WHITE_70};\n  border-left: 1px solid ${theme.colors.GREY_2};\n  border-right: 1px solid ${theme.colors.GREY_2};\n  backdrop-filter: blur(7px);\n  align-items: center;\n  justify-content: center;\n\n  & * {\n    box-sizing: border-box;\n  }\n`,\n);\n\nconst SummaryWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  bottom: ${ACTION_BAR_HEIGHT}px;\n  left: 0;\n`;\n\nconst DesmosCalcWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: ${theme.zIndex.DESMOS_CALCULATOR};\n  `;\n});\n\nexport {\n  WorksheetContainer,\n  NavigationContainer,\n  ActionbarContainer,\n  NavigationWrapper,\n  BlockerWrapper,\n  SummaryWrapper,\n  DesmosCalcWrapper,\n};\n"],"names":["WorksheetContainer","styled","FlexView","NavigationContainer","theme","$topOffset","NavigationWrapper","WORKSHEET_CONTAINER_BORDER_RADIUS","ActionbarContainer","$height","$marginTop","BlockerWrapper","$minHeight","TOP_NAVIGATION_HEIGHT","ACTION_BAR_HEIGHT","SummaryWrapper","DesmosCalcWrapper"],"mappings":";;;AASM,MAAAA,IAAqBC,EAAOC,CAAQ;AAAA;AAAA,GAIpCC,IAAsBF,EAAOC,CAAQ;AAAA,EACzC,CAAC,EAAE,OAAAE,GAAO,YAAAC,EAAA,MAAiB;AAAA;AAAA,SAEpBA,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIGD,EAAM,OAAO,KAAK;AAAA;AAExC,GAEME,IAAoBL,EAAOC,CAAQ;AAAA,sBACnB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA,mBAErCG,CAAiC,MAAMA,CAAiC;AAAA;AAAA,GAIrFC,IAAqBP,EAAOC,CAAQ;AAAA,EAGxC,CAAC,EAAE,SAAAO,GAAS,YAAAC,EAAA,MAAiB;AAAA;AAAA,qBAEVD,CAAO;AAAA,iBACXC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,GAOMC,IAAiBV,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAE,GAAO,YAAAQ,GAAY,YAAAP,EAAiB,MAAA;AAAA;AAAA;AAAA;AAAA,SAIhCA,IAAaQ,CAAqB;AAAA;AAAA,gBAE3BD,CAAU,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AAAA,oBACnDE,IAAoB,CAAC;AAAA,sBACnBV,EAAM,OAAO,QAAQ;AAAA,2BAChBA,EAAM,OAAO,MAAM;AAAA,4BAClBA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/C,GAEMW,IAAiBd,EAAOC,CAAQ;AAAA;AAAA;AAAA,YAG1BY,CAAiB;AAAA;AAAA,GAIvBE,IAAoBf,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QACrC;AAAA;AAAA;AAAA;AAAA,eAIMA,EAAM,OAAO,iBAAiB;AAAA,GAE5C;"}

package/dist/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.js

@@ -1,31 +1,52 @@
-import { jsxs as e, Fragment as a, jsx as r } from "react/jsx-runtime";
-import { memo as s } from "react";
-import t from "../../../ui/buttons/button/button.js";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { memo as k, useCallback as l } from "react";
+import a from "../../../ui/buttons/button/button.js";
 import c from "../../../ui/layout/flex-view.js";
-import f from "../../../ui/separator/separator.js";
-import { useWorksheetStore as p } from "../hooks/use-worksheet-store.js";
-const y = s(
-  function({ onBack: o, onSubmit: m, canSubmitWorksheet: i }) {
-    const n = p((l) => l.behavior.canAttempt);
-    return /* @__PURE__ */ e(a, { children: [
-      /* @__PURE__ */ r(f, { height: 0, width: 0 }),
-      /* @__PURE__ */ e(
-        c,
+import S from "../../../ui/separator/separator.js";
+import { useWorksheetStore as u } from "../hooks/use-worksheet-store.js";
+const q = k(function() {
+  const h = u((e) => e.behavior.canAttempt), { questions: o, changeQuestion: r, onSubmit: t, canSubmitWorksheet: p, responses: s } = u(
+    (e) => ({
+      questions: e.questions,
+      changeQuestion: e.changeQuestion,
+      onSubmit: e.onSubmit,
+      canSubmitWorksheet: e.canSubmitWorksheet,
+      responses: e.responses
+    })
+  ), d = l(() => {
+    var i;
+    const e = (i = o[o.length - 1]) == null ? void 0 : i.response_id;
+    e && r(e);
+  }, [r, o]), f = l(() => {
+    t == null || t(s, o);
+  }, [t, s, o]);
+  return /* @__PURE__ */ m(c, { style: { pointerEvents: "auto" }, children: [
+    /* @__PURE__ */ n(S, { height: 0, width: 0 }),
+    /* @__PURE__ */ m(c, { $background: "WHITE", $flexDirection: "row", $flexGapX: 0.5, $justifyContent: "flex-end", children: [
+      /* @__PURE__ */ n(
+        a,
         {
-          $background: "WHITE",
-          $flexDirection: "row",
-          $flexGapX: 0.5,
-          $justifyContent: "flex-end",
-          children: [
-            /* @__PURE__ */ r(t, { renderAs: "secondary", size: "small", widthX: 6, label: "Back", onClick: o }),
-            n && i && /* @__PURE__ */ r(t, { renderAs: "primary", size: "small", widthX: 6, label: "Submit", onClick: m })
-          ]
+          renderAs: "secondary",
+          size: "small",
+          widthX: 6,
+          label: "Back",
+          onClick: d
+        }
+      ),
+      h && p && /* @__PURE__ */ n(
+        a,
+        {
+          renderAs: "primary",
+          size: "small",
+          widthX: 6,
+          label: "Submit",
+          onClick: f
         }
       )
-    ] });
-  }
-);
+    ] })
+  ] });
+});
 export {
-  y as default
+  q as default
 };
 //# sourceMappingURL=worksheet-summary-controller.js.map

package/dist/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-summary-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport type { IWorksheetSummaryControllerProps } from './worksheet-summary-controller-types';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetSummaryController: FC<IWorksheetSummaryControllerProps> = memo(\n  function WorksheetSummaryController({ onBack, onSubmit, canSubmitWorksheet }) {\n    const canAttempt = useWorksheetStore(state => state.behavior.canAttempt);\n\n    return (\n      <>\n        <Separator height={0} width={0} />\n        <FlexView\n          $background=\"WHITE\"\n          $flexDirection=\"row\"\n          $flexGapX={0.5}\n          $justifyContent=\"flex-end\"\n        >\n          <Button renderAs=\"secondary\" size=\"small\" widthX={6} label=\"Back\" onClick={onBack} />\n          {canAttempt && canSubmitWorksheet && (\n            <Button renderAs=\"primary\" size=\"small\" widthX={6} label=\"Submit\" onClick={onSubmit} />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default WorksheetSummaryController;\n"],"names":["WorksheetSummaryController","memo","onBack","onSubmit","canSubmitWorksheet","canAttempt","useWorksheetStore","state","jsxs","Fragment","jsx","Separator","FlexView","Button"],"mappings":";;;;;;AAQA,MAAMA,IAAmEC;AAAA,EACvE,SAAoC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,oBAAAC,KAAsB;AAC5E,UAAMC,IAAaC,EAAkB,CAASC,MAAAA,EAAM,SAAS,UAAU;AAEvE,WAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAU,EAAA,QAAQ,GAAG,OAAO,GAAG;AAAA,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,gBAAe;AAAA,UACf,WAAW;AAAA,UACX,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAC,gBAAAF,EAAAG,GAAA,EAAO,UAAS,aAAY,MAAK,SAAQ,QAAQ,GAAG,OAAM,QAAO,SAASX,EAAQ,CAAA;AAAA,YAClFG,KAAcD,KACZ,gBAAAM,EAAAG,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,QAAQ,GAAG,OAAM,UAAS,SAASV,GAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAEzF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"worksheet-summary-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetSummaryController: FC = memo(function WorksheetSummaryController() {\n  const canAttempt = useWorksheetStore(state => state.behavior.canAttempt);\n  const { questions, changeQuestion, onSubmit, canSubmitWorksheet, responses } = useWorksheetStore(\n    state => ({\n      questions: state.questions,\n      changeQuestion: state.changeQuestion,\n      onSubmit: state.onSubmit,\n      canSubmitWorksheet: state.canSubmitWorksheet,\n      responses: state.responses,\n    }),\n  );\n\n  const handleBackFromSummary = useCallback(() => {\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      changeQuestion(questionId);\n    }\n  }, [changeQuestion, questions]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses, questions);\n  }, [onSubmit, responses, questions]);\n\n  return (\n    <FlexView style={{ pointerEvents: 'auto' }}>\n      <Separator height={0} width={0} />\n      <FlexView $background=\"WHITE\" $flexDirection=\"row\" $flexGapX={0.5} $justifyContent=\"flex-end\">\n        <Button\n          renderAs=\"secondary\"\n          size=\"small\"\n          widthX={6}\n          label=\"Back\"\n          onClick={handleBackFromSummary}\n        />\n        {canAttempt && canSubmitWorksheet && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={6}\n            label=\"Submit\"\n            onClick={handleSheetSubmitButtonClick}\n          />\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default WorksheetSummaryController;\n"],"names":["WorksheetSummaryController","memo","canAttempt","useWorksheetStore","state","questions","changeQuestion","onSubmit","canSubmitWorksheet","responses","handleBackFromSummary","useCallback","questionId","_a","handleSheetSubmitButtonClick","FlexView","jsx","Separator","jsxs","Button"],"mappings":";;;;;;AAOM,MAAAA,IAAiCC,EAAK,WAAsC;AAChF,QAAMC,IAAaC,EAAkB,CAASC,MAAAA,EAAM,SAAS,UAAU,GACjE,EAAE,WAAAC,GAAW,gBAAAC,GAAgB,UAAAC,GAAU,oBAAAC,GAAoB,WAAAC,MAAcN;AAAA,IAC7E,CAAUC,OAAA;AAAA,MACR,WAAWA,EAAM;AAAA,MACjB,gBAAgBA,EAAM;AAAA,MACtB,UAAUA,EAAM;AAAA,MAChB,oBAAoBA,EAAM;AAAA,MAC1B,WAAWA,EAAM;AAAA,IAAA;AAAA,EACnB,GAGIM,IAAwBC,EAAY,MAAM;;AAC9C,UAAMC,KAAaC,IAAAR,EAAUA,EAAU,SAAS,CAAC,MAA9B,gBAAAQ,EAAiC;AAEpD,IAAID,KACFN,EAAeM,CAAU;AAAA,EAC3B,GACC,CAACN,GAAgBD,CAAS,CAAC,GAExBS,IAA+BH,EAAY,MAAM;AACrD,IAAAJ,KAAA,QAAAA,EAAWE,GAAWJ;AAAA,EACrB,GAAA,CAACE,GAAUE,GAAWJ,CAAS,CAAC;AAEnC,2BACGU,GAAS,EAAA,OAAO,EAAE,eAAe,OAChC,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAU,EAAA,QAAQ,GAAG,OAAO,GAAG;AAAA,IAChC,gBAAAC,EAACH,KAAS,aAAY,SAAQ,gBAAe,OAAM,WAAW,KAAK,iBAAgB,YACjF,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAAST;AAAA,QAAA;AAAA,MACX;AAAA,MACCR,KAAcM,KACb,gBAAAQ;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASL;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.js

@@ -0,0 +1,19 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const i = o(t)(
+  ({ theme: e }) => `
+  position: absolute;
+  bottom: 48px;
+  left: 16px;
+  right: 16px;
+  pointer-events: auto;
+  box-shadow: 0 6px 12px 0 ${e.colors.BLACK_T_15};
+`
+), p = o(t)`
+  overflow-y: auto;
+`;
+export {
+  p as ContentContainer,
+  i as WorksheetTeachingToolsContainer
+};
+//# sourceMappingURL=worksheet-teaching-tools-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-teaching-tools-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst WorksheetTeachingToolsContainer = styled(FlexView)(\n  ({ theme }) => `\n  position: absolute;\n  bottom: 48px;\n  left: 16px;\n  right: 16px;\n  pointer-events: auto;\n  box-shadow: 0 6px 12px 0 ${theme.colors.BLACK_T_15};\n`,\n);\n\nconst ContentContainer = styled(FlexView)`\n  overflow-y: auto;\n`;\n\nexport { WorksheetTeachingToolsContainer, ContentContainer };\n"],"names":["WorksheetTeachingToolsContainer","styled","FlexView","theme","ContentContainer"],"mappings":";;AAIM,MAAAA,IAAkCC,EAAOC,CAAQ;AAAA,EACrD,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMYA,EAAM,OAAO,UAAU;AAAA;AAEpD,GAEMC,IAAmBH,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.js

@@ -0,0 +1,66 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { memo as p, useMemo as T, useState as u } from "react";
+import g from "../../../ui/layout/flex-view.js";
+import f from "../../../ui/tabs/tabs.js";
+import S from "../../../ui/text/text.js";
+import { useWorksheetStore as b } from "../hooks/use-worksheet-store.js";
+import { CustomElement as $ } from "../worksheet-question/worksheet-question-styled.js";
+import { WorksheetTeachingToolsContainer as x, ContentContainer as A } from "./worksheet-teaching-tools-styled.js";
+import { EActiveQuestionTool as a } from "../worksheet-types.js";
+const C = {
+  [a.TEACHING_TOOLS]: [
+    { id: "Teacher Tip", label: "Cue Don't Tell" },
+    {
+      id: "Hint",
+      label: "Hints"
+    },
+    { id: "Solution", label: "Solution" }
+  ],
+  [a.SOLUTION]: [{ id: "Solution", label: "Solution" }]
+}, L = p(
+  function({ tool: m }) {
+    const { question: t, learnosity: c } = b((e) => ({
+      question: e.questions[e.activeQuestionIndex],
+      learnosity: e.learnosity
+    })), i = T(() => {
+      const e = t == null ? void 0 : t.metadata;
+      return {
+        "Teacher Tip": (e == null ? void 0 : e.teacher_tips) ?? [],
+        Hint: (e == null ? void 0 : e.hints) ?? [],
+        Solution: (e == null ? void 0 : e.solution) ?? []
+      };
+    }, [t]), h = T(
+      () => C[m].map((e) => ({
+        ...e,
+        disabled: i[e.id].length === 0
+      })),
+      [i, m]
+    ), [r, d] = u(() => {
+      var e;
+      return ((e = h.find((n) => !n.disabled)) == null ? void 0 : e.id) ?? "Teacher Tip";
+    }), o = i[r];
+    return o && c && c.renderMath("mathjax"), /* @__PURE__ */ l(x, { $background: "WHITE", children: [
+      /* @__PURE__ */ s(f, { theme: "light", tabs: h, selectedTab: r, onChange: d }),
+      /* @__PURE__ */ s(A, { $height: 152, $gutterX: 1, $gapX: 0.5, children: o == null ? void 0 : o.map((e, n) => /* @__PURE__ */ l(g, { $gapX: 0.5, children: [
+        o.length > 1 && /* @__PURE__ */ l(S, { $renderAs: "eyebrow2", $color: "ORANGE_5", $marginBottomX: 0.25, children: [
+          r,
+          " ",
+          n + 1,
+          ":"
+        ] }),
+        /* @__PURE__ */ s(
+          $,
+          {
+            dangerouslySetInnerHTML: {
+              __html: e
+            }
+          }
+        )
+      ] }, `${r}-item-${n}`)) })
+    ] });
+  }
+);
+export {
+  L as default
+};
+//# sourceMappingURL=worksheet-teaching-tools.js.map

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-teaching-tools.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.tsx"],"sourcesContent":["import { type FC, memo, useMemo, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Tabs from '../../../ui/tabs/tabs';\nimport { type ITabsProps } from '../../../ui/tabs/tabs-types';\nimport Text from '../../../ui/text/text';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\nimport * as Styled from './worksheet-teaching-tools-styled';\nimport { EActiveQuestionTool } from '../worksheet-types';\n\nenum TAB_IDS {\n  CDT = 'Teacher Tip',\n  HINTS = 'Hint',\n  SOLUTION = 'Solution',\n}\n\nconst TABS_MAP: Record<EActiveQuestionTool, ITabsProps<TAB_IDS>['tabs']> = {\n  [EActiveQuestionTool.TEACHING_TOOLS]: [\n    { id: TAB_IDS.CDT, label: \"Cue Don't Tell\" },\n    {\n      id: TAB_IDS.HINTS,\n      label: 'Hints',\n    },\n    { id: TAB_IDS.SOLUTION, label: 'Solution' },\n  ],\n  [EActiveQuestionTool.SOLUTION]: [{ id: TAB_IDS.SOLUTION, label: 'Solution' }],\n};\n\ninterface IWorksheetTeachingToolsProps {\n  tool: EActiveQuestionTool;\n}\nconst WorksheetTeachingTools: FC<IWorksheetTeachingToolsProps> = memo(\n  function WorksheetTeachingTools({ tool }) {\n    const { question, learnosity } = useWorksheetStore(store => ({\n      question: store.questions[store.activeQuestionIndex],\n      learnosity: store.learnosity,\n    }));\n    const content = useMemo(() => {\n      const questionMetadata = question?.metadata;\n\n      return {\n        [TAB_IDS.CDT]: questionMetadata?.teacher_tips ?? [],\n        [TAB_IDS.HINTS]: questionMetadata?.hints ?? [],\n        [TAB_IDS.SOLUTION]: questionMetadata?.solution ?? [],\n      };\n    }, [question]);\n    const tabs = useMemo(\n      () =>\n        TABS_MAP[tool].map(tab => ({\n          ...tab,\n          disabled: content[tab.id].length === 0,\n        })),\n      [content, tool],\n    );\n    const [selectedTab, setSelectedTab] = useState<TAB_IDS>(() => {\n      return tabs.find(tab => !tab.disabled)?.id ?? TAB_IDS.CDT;\n    });\n    const tabContent = content[selectedTab];\n\n    if (tabContent && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    return (\n      <Styled.WorksheetTeachingToolsContainer $background=\"WHITE\">\n        <Tabs theme=\"light\" tabs={tabs} selectedTab={selectedTab} onChange={setSelectedTab} />\n        <Styled.ContentContainer $height={152} $gutterX={1} $gapX={0.5}>\n          {tabContent?.map((item, index) => (\n            <FlexView $gapX={0.5} key={`${selectedTab}-item-${index}`}>\n              {tabContent.length > 1 && (\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {selectedTab} {index + 1}:\n                </Text>\n              )}\n              <CustomElement\n                dangerouslySetInnerHTML={{\n                  __html: item,\n                }}\n              />\n            </FlexView>\n          ))}\n        </Styled.ContentContainer>\n      </Styled.WorksheetTeachingToolsContainer>\n    );\n  },\n);\n\nexport default WorksheetTeachingTools;\n"],"names":["TABS_MAP","EActiveQuestionTool","WorksheetTeachingTools","memo","tool","question","learnosity","useWorksheetStore","store","content","useMemo","questionMetadata","tabs","tab","selectedTab","setSelectedTab","useState","_a","tabContent","jsxs","Styled.WorksheetTeachingToolsContainer","jsx","Tabs","Styled.ContentContainer","item","index","FlexView","Text","CustomElement"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAqE;AAAA,EACzE,CAACC,EAAoB,cAAc,GAAG;AAAA,IACpC,EAAE,IAAI,eAAa,OAAO,iBAAiB;AAAA,IAC3C;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,EAAE,IAAI,YAAkB,OAAO,WAAW;AAAA,EAC5C;AAAA,EACA,CAACA,EAAoB,QAAQ,GAAG,CAAC,EAAE,IAAI,YAAkB,OAAO,YAAY;AAC9E,GAKMC,IAA2DC;AAAA,EAC/D,SAAgC,EAAE,MAAAC,KAAQ;AACxC,UAAM,EAAE,UAAAC,GAAU,YAAAC,EAAW,IAAIC,EAAkB,CAAUC,OAAA;AAAA,MAC3D,UAAUA,EAAM,UAAUA,EAAM,mBAAmB;AAAA,MACnD,YAAYA,EAAM;AAAA,IAClB,EAAA,GACIC,IAAUC,EAAQ,MAAM;AAC5B,YAAMC,IAAmBN,KAAA,gBAAAA,EAAU;AAE5B,aAAA;AAAA,QACJ,gBAAcM,KAAA,gBAAAA,EAAkB,iBAAgB,CAAC;AAAA,QACjD,OAAgBA,KAAA,gBAAAA,EAAkB,UAAS,CAAC;AAAA,QAC5C,WAAmBA,KAAA,gBAAAA,EAAkB,aAAY,CAAC;AAAA,MAAA;AAAA,IACrD,GACC,CAACN,CAAQ,CAAC,GACPO,IAAOF;AAAA,MACX,MACEV,EAASI,CAAI,EAAE,IAAI,CAAQS,OAAA;AAAA,QACzB,GAAGA;AAAA,QACH,UAAUJ,EAAQI,EAAI,EAAE,EAAE,WAAW;AAAA,MAAA,EACrC;AAAA,MACJ,CAACJ,GAASL,CAAI;AAAA,IAAA,GAEV,CAACU,GAAaC,CAAc,IAAIC,EAAkB,MAAM;;AAC5D,eAAOC,IAAAL,EAAK,KAAK,CAAAC,MAAO,CAACA,EAAI,QAAQ,MAA9B,gBAAAI,EAAiC,OAAM;AAAA,IAAA,CAC/C,GACKC,IAAaT,EAAQK,CAAW;AAEtC,WAAII,KAAcZ,KAChBA,EAAW,WAAW,SAAS,GAI9B,gBAAAa,EAAAC,GAAA,EAAuC,aAAY,SAClD,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,OAAM,SAAQ,MAAAV,GAAY,aAAAE,GAA0B,UAAUC,GAAgB;AAAA,wBACnFQ,GAAA,EAAwB,SAAS,KAAK,UAAU,GAAG,OAAO,KACxD,UAAAL,KAAA,gBAAAA,EAAY,IAAI,CAACM,GAAMC,MACrB,gBAAAN,EAAAO,GAAA,EAAS,OAAO,KACd,UAAA;AAAA,QAAWR,EAAA,SAAS,KAClB,gBAAAC,EAAAQ,GAAA,EAAK,WAAU,YAAW,QAAO,YAAW,gBAAgB,MAC1D,UAAA;AAAA,UAAAb;AAAA,UAAY;AAAA,UAAEW,IAAQ;AAAA,UAAE;AAAA,QAAA,GAC3B;AAAA,QAEF,gBAAAJ;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,yBAAyB;AAAA,cACvB,QAAQJ;AAAA,YACV;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,EAAA,GAVyB,GAAGV,CAAW,SAASW,CAAK,EAWvD,IAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-types.js

@@ -1,6 +1,7 @@
-var t = /* @__PURE__ */ ((r) => (r.TRIAL_TOPIC = "trial-topic", r.QUESTION_CODE = "question code", r))(t || {}), e = /* @__PURE__ */ ((r) => (r[r.E = 3] = "E", r[r.S = 2] = "S", r[r.H = 1] = "H", r))(e || {});
+var t = /* @__PURE__ */ ((r) => (r.TRIAL_TOPIC = "trial-topic", r.QUESTION_CODE = "question code", r))(t || {}), L = /* @__PURE__ */ ((r) => (r[r.E = 3] = "E", r[r.S = 2] = "S", r[r.H = 1] = "H", r))(L || {}), O = /* @__PURE__ */ ((r) => (r.TEACHING_TOOLS = "TEACHING_TOOLS", r.SOLUTION = "SOLUTION", r))(O || {});
 export {
-  e as QUESTIONS_RATING,
+  O as EActiveQuestionTool,
+  L as QUESTIONS_RATING,
   t as QUESTION_TAGS
 };
 //# sourceMappingURL=worksheet-types.js.map

package/dist/features/worksheet/worksheet/worksheet-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { MutableRefObject, ReactElement, ReactNode } from 'react';\n\nimport type { TNodeTypes } from '../../../types/models/worksheet';\nimport type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, THueNames, TUserTypes } from '../../ui/types';\nimport type { IFile } from './worksheet-question/subjective-review';\nimport type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\nexport type TItemType =\n  | 'overview'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\nexport interface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\nexport interface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  simState?: Record<string, unknown>;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   * This needs teacherValidationEnabled to be true\n   * TODO: Consider changing to accept validation type: 'system' | 'teacher' | undefined instead of boolean\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, solution wont be shown to the user.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true,  questions will be validated and feedback will be shown along with the correct answer.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * -2 means the sheet is a puzzle sheet\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n\n  //  If true, canvas is enabled and user can use canvas to scribble on the worksheet by toggling the scribble button\n  canvasEnabled?: boolean;\n\n  // If true, the user can scribble on workheet\n  canScribble?: boolean;\n}\n\nexport type TWORKSHEET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onMediaStateChange?: (\n    question: IWorksheetQuestion,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (responses: Record<string, IWorksheetResponse>) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  onResolveDoubt?: (responseId: string) => void;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\nexport interface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\nexport interface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n}\n\nexport interface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  renderSideBar: boolean;\n  showUserPointer?: boolean;\n  renderQuestionHeader?: boolean;\n  imageHue?: THueNames;\n  background?: 'none' | 'paper';\n  questionPadding: number;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  layout: IWorksheetLayout;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  canResolveDoubt?: boolean;\n  canShowActionBar?: boolean;\n  actionBarRightElement?: ReactElement; // Extra Elements to be rendered in the action bar\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  summaryDescription?: ReactElement | null;\n  canSubmitWorksheet?: boolean;\n  subjectiveProps?: ISubjectiveSheetProps;\n  inClass?: boolean; // If true, the worksheet is rendered inside class\n  isLessonV3Enabled?: boolean; // If true, the worksheet is rendered in lesson v3 mode\n  isDesmosEnabled?: boolean; // If true, the worksheet can show desmos calculator\n  nodeType: TNodeTypes; // NodeType of the worksheet\n  mode: 'resume' | 'review' | 'preview'; // mode of the worksheet\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n}\n\ninterface IWorksheetPlugins {\n  plugins?: {\n    stickers?: ReactNode;\n  };\n}\n\nexport interface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\nexport interface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps,\n    IWorksheetPlugins {}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n}\n\ninterface IWorksheetHeaderLayoutArgs {\n  isPuzzleWorksheet?: boolean;\n  isTestWorksheet?: boolean;\n  imageHue?: THueNames;\n}\n\nexport interface IWorksheetHeaderLayoutProps {\n  (args: IWorksheetHeaderLayoutArgs): {\n    bgColor: TColorNames;\n    borderColor?: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nexport type TWorksheetStoreProps = Omit<\n  IBaseWorksheetProps,\n  'studentName' | 'canShowActionBar' | 'itemsSignedRequest' | 'nodeType' | 'mode'\n> &\n  Required<Pick<IBaseWorksheetProps, 'studentName' | 'canShowActionBar'>> &\n  Omit<IWorksheetCallbackProps, 'onLoaded' | 'onErrored'> &\n  ICueCanvasProps &\n  ICueCanvasCallbackProps &\n  IPointerSyncCallbackProps &\n  IWorksheetPlugins & {\n    behavior: IWorksheetBehavior;\n    learnosityItems: ILearnosityItem[];\n    learnosityResponses?: Record<string, IWorksheetResponse>;\n    learnosity: ILearnosity;\n    appendedQuestionIds: string[];\n  };\n\nexport interface IWorksheetStoreState {\n  questions: IWorksheetQuestion[];\n  renderableQuestions: IWorksheetQuestion[];\n  responses: Record<string, IWorksheetResponse>;\n  lastUnlockedQuestionIndex: number;\n  initialQuestionId: string;\n  activeQuestionId: string;\n  activeQuestionIndex: number;\n  questionsContainerWidth: number;\n  maxQuestionWidth: number;\n  actionbarHeight: number;\n  summaryVisible: boolean;\n  calculatorVisible: boolean;\n  scribblingEnabled: boolean;\n  blocker?: TWorksheetBlocker;\n}\n\n// Actions interface - contains all the methods\ninterface IWorksheetStoreActions {\n  mergeWorksheetProps: (data: TWorksheetStoreProps) => void;\n  setResponses: (\n    responses:\n      | IWorksheetStore['responses']\n      | ((prevResponses: IWorksheetStore['responses']) => IWorksheetStore['responses']),\n  ) => void;\n  showSummary: () => void;\n  hideSummary: () => void;\n  toggleSummary: () => void;\n  showCalculator: () => void;\n  hideCalculator: () => void;\n  toggleScribble: () => void;\n  setBlocker: (blocker?: TWorksheetBlocker) => void;\n  removeBlocker: () => void;\n  updateResponse: (options: {\n    responseId: string;\n    response: ILearnosityQuestionResponse;\n    score: ILearnosityQuestionScore;\n    timeSpent: number;\n    answerChecked?: boolean;\n  }) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  markForReview: (responseId: string, markedForReview: boolean) => void;\n  changeQuestion: (questionId: string, shouldScroll?: boolean, scrollDelay?: number) => void;\n  destroy: () => void;\n}\n\n// Combined store interface\nexport interface IWorksheetStore\n  extends IWorksheetStoreState,\n    TWorksheetStoreProps,\n    IWorksheetStoreActions {}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING"],"mappings":"AASY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { MutableRefObject, ReactElement, ReactNode } from 'react';\n\nimport type { EWorksheetActivity, TNodeTypes } from '../../../types/models/worksheet';\nimport type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, THueNames, TUserTypes } from '../../ui/types';\nimport type { IFile } from './worksheet-question/subjective-review';\nimport type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  acknowledgements?: string;\n  sample_answer?: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\n\nexport type TItemType =\n  | 'overview'\n  | 'learning'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\ninterface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  /**\n   * If true, the question is not a question, but a content only item\n   * e.g. Intro, Overview, Instruction etc.\n   */\n  is_non_question?: boolean;\n  concept_intro_stimulus?: string; // Content for concept intro widget\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\ninterface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  /**\n   * For non question questions, when user click on start, responseGiven will be true\n   */\n  responseGiven?: boolean;\n  retryEnabled?: boolean;\n  simState?: Record<string, unknown>;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n  discussionQuestionOffset?: number;\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, after the question is system validated, teacher discussion button will be shown when the question has discussion points.\n   */\n  teacherDiscussionEnabled?: boolean;\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   * This needs teacherValidationEnabled to be true\n   * TODO: Consider changing to accept validation type: 'system' | 'teacher' | undefined instead of boolean\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, solution wont be shown to the user.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true,  questions will be validated and feedback will be shown along with the correct answer.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * -2 means the sheet is a puzzle sheet\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n\n  /**\n   * After attemptsAfterTeacherInterventionNeeded incorrect attempts, retry button will be disabled in class, move ahead button will show ouside class.\n   */\n  attemptsAfterTeacherInterventionNeeded?: number;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n\n  //  If true, canvas is enabled and user can use canvas to scribble on the worksheet by toggling the scribble button\n  canvasEnabled?: boolean;\n\n  // If true, the user can scribble on workheet\n  canScribble?: boolean;\n}\n\nexport type TWORKSHEET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onMediaStateChange?: (\n    question: IWorksheetQuestion,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onAllowRetry?: (questionId: string) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (\n    responses: Record<string, IWorksheetResponse>,\n    questions: IWorksheetQuestion[],\n  ) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  onResolveDoubt?: (responseId: string) => void;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\ninterface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\ninterface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n}\n\ninterface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  showUserPointer?: boolean;\n  renderQuestionHeader?: boolean;\n  imageHue?: THueNames;\n  background?: 'none' | 'paper';\n  questionPadding: number;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  layout: IWorksheetLayout;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  canResolveDoubt?: boolean;\n  canShowActionBar?: boolean;\n  actionBarRightElement?: ReactElement; // Extra Elements to be rendered in the action bar\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  summaryDescription?: ReactElement | null;\n  canSubmitWorksheet?: boolean;\n  subjectiveProps?: ISubjectiveSheetProps;\n  inClass?: boolean; // If true, the worksheet is rendered inside class\n  activityType: EWorksheetActivity | null;\n  isDesmosEnabled?: boolean; // If true, the worksheet can show desmos calculator\n  nodeType: TNodeTypes; // NodeType of the worksheet\n  mode: 'resume' | 'review' | 'preview'; // mode of the worksheet\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n}\n\ninterface IWorksheetPlugins {\n  plugins?: {\n    stickers?: ReactNode;\n  };\n}\n\ninterface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\ninterface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps,\n    IWorksheetPlugins {}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  allowRetry: (responseId: string) => void;\n}\n\ninterface IWorksheetHeaderLayoutArgs {\n  isPuzzleWorksheet?: boolean;\n  isTestWorksheet?: boolean;\n  imageHue?: THueNames;\n}\n\nexport interface IWorksheetHeaderLayoutProps {\n  (args: IWorksheetHeaderLayoutArgs): {\n    bgColor: TColorNames;\n    borderColor?: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nexport type TWorksheetStoreProps = Omit<\n  IBaseWorksheetProps,\n  'studentName' | 'canShowActionBar' | 'itemsSignedRequest' | 'mode'\n> &\n  Required<Pick<IBaseWorksheetProps, 'studentName' | 'canShowActionBar'>> &\n  Omit<IWorksheetCallbackProps, 'onLoaded' | 'onErrored'> &\n  ICueCanvasProps &\n  ICueCanvasCallbackProps &\n  IPointerSyncCallbackProps &\n  IWorksheetPlugins & {\n    behavior: IWorksheetBehavior;\n    learnosityItems: ILearnosityItem[];\n    learnosityResponses?: Record<string, IWorksheetResponse>;\n    learnosity: ILearnosity;\n    appendedQuestionIds: string[];\n  };\n\nexport enum EActiveQuestionTool {\n  TEACHING_TOOLS = 'TEACHING_TOOLS',\n  SOLUTION = 'SOLUTION',\n}\n\nexport interface IWorksheetStoreState {\n  questions: IWorksheetQuestion[];\n  renderableQuestions: IWorksheetQuestion[];\n  responses: Record<string, IWorksheetResponse>;\n  lastUnlockedQuestionIndex: number;\n  initialQuestionId: string;\n  activeQuestionId: string;\n  activeQuestionIndex: number;\n  questionsContainerWidth: number;\n  maxQuestionWidth: number;\n  actionbarHeight: number;\n  summaryVisible: boolean;\n  calculatorVisible: boolean;\n  scribblingEnabled: boolean;\n  activeQuestionTool?: EActiveQuestionTool;\n  blocker?: TWorksheetBlocker;\n}\n\n// Actions interface - contains all the methods\ninterface IWorksheetStoreActions {\n  mergeWorksheetProps: (data: TWorksheetStoreProps) => void;\n  setResponses: (\n    responses:\n      | IWorksheetStore['responses']\n      | ((prevResponses: IWorksheetStore['responses']) => IWorksheetStore['responses']),\n  ) => void;\n  showSummary: () => void;\n  hideSummary: () => void;\n  toggleSummary: () => void;\n  toggleCalculator: () => void;\n  toggleScribble: () => void;\n  setBlocker: (blocker?: TWorksheetBlocker) => void;\n  removeBlocker: () => void;\n  updateResponse: (options: {\n    responseId: string;\n    response: ILearnosityQuestionResponse;\n    score: ILearnosityQuestionScore;\n    timeSpent: number;\n    answerChecked?: boolean;\n  }) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  setDiscussionQuestionOffset: (responseId: string, offset: number) => void;\n  markForReview: (responseId: string, markedForReview: boolean) => void;\n  changeQuestion: (questionId: string, shouldScroll?: boolean, scrollDelay?: number) => void;\n  setActiveQuestionTool: (tool: EActiveQuestionTool) => void;\n  unsetActiveQuestionTool: () => void;\n  destroy: () => void;\n}\n\n// Combined store interface\nexport interface IWorksheetStore\n  extends IWorksheetStoreState,\n    TWorksheetStoreProps,\n    IWorksheetStoreActions {}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING","EActiveQuestionTool"],"mappings":"AASY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA,GAmjBAC,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA;"}