@cuemath/leap 3.2.32 → 3.2.33-beta-0.2

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js.map

@@ -1 +1 @@
-{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport React, { memo, useCallback, useEffect, useMemo, useState, useRef } from 'react';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport {\n  Section,\n  GuideContainer,\n  CloseIcon,\n  SolIcon,\n  HintIcon,\n  SectionContainer,\n  Guide,\n  Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n}\n\nconst QuestionGuide: React.FC<IQuestionGuideProps> = memo(\n  ({ questionWidth, questions, activeQuestionIndex, learnosity, actionbarHeight, loggerRef }) => {\n    const [activeSection, setActiveSection] = useState<TSections | undefined>();\n    const [pointerPosition, setPointerPosition] = useState({\n      top: 0,\n      left: 0,\n    });\n    const { top, left } = pointerPosition;\n\n    const handleHintClick = useCallback(() => {\n      setActiveSection('HINT');\n      loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    }, [loggerRef]);\n    const handleSolClick = useCallback(() => {\n      setActiveSection('SOL');\n      loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n    }, [loggerRef]);\n    const handleClose = useCallback(() => {\n      setActiveSection(() => undefined);\n    }, []);\n\n    const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n    const activeSectionData = useMemo(() => {\n      return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n    }, [activeSection, hints, solution]);\n\n    const sqlRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n    const hintRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n    const updatePointerPosition = useCallback((ref: React.RefObject<HTMLDivElement>) => {\n      if (ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n\n        setPointerPosition({\n          top: rect.top + rect.height / 2 - 8,\n          left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n        });\n      }\n    }, []);\n\n    if (activeSection && activeSectionData && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      } else if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n    }, [activeSection, updatePointerPosition, activeSectionData]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\n        <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n            <HintIcon width={32} height={32} $disabled={!hints} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              HINT\n            </Text>\n            <FlexView $gap={8} $alignItems=\"center\">\n              <Separator width={24} height={1} background=\"GREY_2\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n        <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n            <SolIcon width={32} height={32} $disabled={!solution} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              SOL\n            </Text>\n          </FlexView>\n        </Clickable>\n        {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n        {activeSection && (\n          <SectionContainer\n            $background=\"WHITE\"\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n            $borderRadius={10}\n          >\n            <Section\n              $gutterX={1}\n              $gapX={1}\n              $questionWidth={questionWidth}\n              $actionbarHeight={actionbarHeight}\n            >\n              <Clickable label=\"close\" onClick={handleClose}>\n                <CloseIcon />\n              </Clickable>\n              <FlexView $gutterX={0.5}>\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n                </Text>\n              </FlexView>\n              {activeSectionData &&\n                activeSectionData.map((item, index) => (\n                  <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                    {activeSectionData.length > 1 && (\n                      <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                        {activeSection} {index + 1}:\n                      </Text>\n                    )}\n                    <Guide\n                      dangerouslySetInnerHTML={{\n                        __html: item,\n                      }}\n                    />\n                  </FlexView>\n                ))}\n            </Section>\n          </SectionContainer>\n        )}\n      </GuideContainer>\n    );\n  },\n);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","hints","solution","_a","activeSectionData","useMemo","sqlRef","useRef","hintRef","updatePointerPosition","ref","rect","useEffect","jsxs","GuideContainer","jsx","Clickable","FlexView","HintIcon","Text","Separator","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}
+{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport React, { memo, useCallback, useEffect, useMemo, useState, useRef } from 'react';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport {\n  Section,\n  GuideContainer,\n  CloseIcon,\n  SolIcon,\n  HintIcon,\n  SectionContainer,\n  Guide,\n  Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n  hideSolution?: boolean;\n}\n\nconst QuestionGuide: React.FC<IQuestionGuideProps> = memo(\n  ({ questionWidth, questions, activeQuestionIndex, learnosity, actionbarHeight, loggerRef }) => {\n    const [activeSection, setActiveSection] = useState<TSections | undefined>();\n    const [pointerPosition, setPointerPosition] = useState({\n      top: 0,\n      left: 0,\n    });\n    const { top, left } = pointerPosition;\n\n    const handleHintClick = useCallback(() => {\n      setActiveSection('HINT');\n      loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    }, [loggerRef]);\n    const handleSolClick = useCallback(() => {\n      setActiveSection('SOL');\n      loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n    }, [loggerRef]);\n    const handleClose = useCallback(() => {\n      setActiveSection(() => undefined);\n    }, []);\n\n    const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n    const activeSectionData = useMemo(() => {\n      return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n    }, [activeSection, hints, solution]);\n\n    const sqlRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n    const hintRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n    const updatePointerPosition = useCallback((ref: React.RefObject<HTMLDivElement>) => {\n      if (ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n\n        setPointerPosition({\n          top: rect.top + rect.height / 2 - 8,\n          left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n        });\n      }\n    }, []);\n\n    if (activeSection && activeSectionData && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      } else if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n    }, [activeSection, updatePointerPosition, activeSectionData]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\n        <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n            <HintIcon width={32} height={32} $disabled={!hints} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              HINT\n            </Text>\n            <FlexView $gap={8} $alignItems=\"center\">\n              <Separator width={24} height={1} background=\"GREY_2\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n        <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n            <SolIcon width={32} height={32} $disabled={!solution} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              SOL\n            </Text>\n          </FlexView>\n        </Clickable>\n        {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n        {activeSection && (\n          <SectionContainer\n            $background=\"WHITE\"\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n            $borderRadius={10}\n          >\n            <Section\n              $gutterX={1}\n              $gapX={1}\n              $questionWidth={questionWidth}\n              $actionbarHeight={actionbarHeight}\n            >\n              <Clickable label=\"close\" onClick={handleClose}>\n                <CloseIcon />\n              </Clickable>\n              <FlexView $gutterX={0.5}>\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n                </Text>\n              </FlexView>\n              {activeSectionData &&\n                activeSectionData.map((item, index) => (\n                  <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                    {activeSectionData.length > 1 && (\n                      <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                        {activeSection} {index + 1}:\n                      </Text>\n                    )}\n                    <Guide\n                      dangerouslySetInnerHTML={{\n                        __html: item,\n                      }}\n                    />\n                  </FlexView>\n                ))}\n            </Section>\n          </SectionContainer>\n        )}\n      </GuideContainer>\n    );\n  },\n);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","hints","solution","_a","activeSectionData","useMemo","sqlRef","useRef","hintRef","updatePointerPosition","ref","rect","useEffect","jsxs","GuideContainer","jsx","Clickable","FlexView","HintIcon","Text","Separator","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet.js

@@ -1,69 +1,71 @@
-import { jsxs as y, Fragment as lt, jsx as i } from "react/jsx-runtime";
-import { memo as dt, forwardRef as mt, useMemo as K, useState as I, useCallback as S, useEffect as T, useLayoutEffect as ut } from "react";
+import { jsxs as I, Fragment as dt, jsx as i } from "react/jsx-runtime";
+import { memo as lt, forwardRef as mt, useMemo as U, useState as S, useCallback as k, useEffect as T, useLayoutEffect as ut } from "react";
 import ht from "../../../assets/line-icons/icons/check2.js";
 import ft from "../../../assets/line-icons/icons/info2.js";
 import pt from "../../../helpers/get-device-details.js";
 import gt from "../../sheet-tools/desmos-calculator/desmos-calculator.js";
-import de from "../../ui/layout/flex-view.js";
-import bt from "../../ui/text/text.js";
-import Ct from "../user-pointer-pin/user-pin.js";
-import { WORKSHEET_NUDGE_BANNER_HEIGHT as me, TOP_NAVIGATION_HEIGHT as It, DESMOS_CALC_POSITION as St } from "./constants.js";
-import kt from "./hooks/use-create-imperative-handle.js";
-import $t from "./hooks/use-get-active-question-id.js";
+import J from "../../ui/layout/flex-view.js";
+import bt from "../../ui/separator/separator.js";
+import Ct from "../../ui/text/text.js";
+import It from "../user-pointer-pin/user-pin.js";
+import { WORKSHEET_NUDGE_BANNER_HEIGHT as me, TOP_NAVIGATION_HEIGHT as St, DESMOS_CALC_POSITION as kt } from "./constants.js";
+import $t from "./hooks/use-create-imperative-handle.js";
+import vt from "./hooks/use-get-active-question-id.js";
 import Tt from "./hooks/use-time-on-questions.js";
-import vt from "./question-tips.js";
-import wt from "./worksheet-action-bar/worksheet-action-bar.js";
-import Et from "./worksheet-blocker/worksheet-blocker.js";
-import { getWorksheetDimensions as Nt, getQuestionsFromItems as At, getInitialResponses as Bt, getLastUnlockedQuestionIndex as ue, getInitialQuestionId as yt, getQuestionMetadata as he, scrollToQuestion as x, getRenderableQuestions as Wt, getWorksheetNudgeBannerInfo as _t } from "./worksheet-helpers.js";
-import Ot from "./worksheet-navigation/worksheet-navigation.js";
-import Dt from "./worksheet-question/worksheet-question.js";
-import Vt from "./worksheet-sidebar/navigator.js";
-import Ht from "./worksheet-sidebar/sidebar.js";
-import { NudgeBannerWrapper as Mt, NudgeBannerIcon as fe, WorksheetContainer as xt, NavigationContainer as Rt, NavigationWrapper as Pt, BlockerWrapper as Qt, DesmosCalcWrapper as Gt, ActionbarContainer as Ft, ActionbarWrapper as jt, StudentWorksheetSideBar as zt, QuestionsWrapper as Lt } from "./worksheet-styled.js";
-import qt from "./worksheet-summary/worksheet-summary.js";
-const Xt = (pe, ge) => {
+import wt from "./question-tips.js";
+import Et from "./worksheet-action-bar/worksheet-action-bar.js";
+import Nt from "./worksheet-blocker/worksheet-blocker.js";
+import { getWorksheetDimensions as At, getQuestionsFromItems as Bt, getInitialResponses as Wt, getLastUnlockedQuestionIndex as ue, getInitialQuestionId as yt, getQuestionMetadata as he, scrollToQuestion as P, getRenderableQuestions as _t, getWorksheetNudgeBannerInfo as Ot } from "./worksheet-helpers.js";
+import Dt from "./worksheet-navigation/worksheet-navigation.js";
+import Vt from "./worksheet-question/worksheet-question.js";
+import Ht from "./worksheet-sidebar/navigator.js";
+import Mt from "./worksheet-sidebar/question-guide.js";
+import xt from "./worksheet-sidebar/sidebar.js";
+import { NudgeBannerWrapper as Rt, NudgeBannerIcon as fe, WorksheetContainer as Pt, NavigationContainer as Qt, NavigationWrapper as Gt, BlockerWrapper as Ft, DesmosCalcWrapper as jt, ActionbarContainer as zt, ActionbarWrapper as Lt, StudentWorksheetSideBar as qt, QuestionsWrapper as Xt } from "./worksheet-styled.js";
+import Kt from "./worksheet-summary/worksheet-summary.js";
+const Ut = (pe, ge) => {
   const {
     userType: r,
     studentName: be = "Student",
     questionsSignedRequest: Ce,
-    worksheetName: U,
+    worksheetName: Y,
     initialResponseId: Ie,
     initialItemIndex: Se,
     // learnosityActivityRef,
-    learnosityItems: R,
+    learnosityItems: Q,
     learnosityResponses: ke,
-    layout: k,
+    layout: $,
     background: $e,
     behavior: a,
-    updatedResponses: P,
-    showNudgeBanner: Te,
-    markedAsCompleted: J,
-    onResponseChange: f,
-    onBulkResponsesChange: ve,
-    onResponsesChange: Q,
-    onMediaStateChange: G,
-    onTeacherValidation: Y,
+    updatedResponses: G,
+    showNudgeBanner: ve,
+    markedAsCompleted: Z,
+    onResponseChange: g,
+    onBulkResponsesChange: Te,
+    onResponsesChange: F,
+    onMediaStateChange: j,
+    onTeacherValidation: ee,
     onOptionalItemAssignment: we,
     onOptionalItemSkip: Ee,
-    onExitTicketStart: W,
+    onExitTicketStart: y,
     onExitTicketSubmit: _,
     onSubmit: Ne,
-    learnosity: p,
-    appendedQuestionIds: Z,
+    learnosity: m,
+    appendedQuestionIds: te,
     worksheetCompleted: Ae,
     userId: Be,
-    onPublishStrokes: ye,
-    onReceiveStrokes: We,
+    onPublishStrokes: We,
+    onReceiveStrokes: ye,
     initialStrokesData: _e,
-    isCanvasEnabled: ee,
+    isCanvasEnabled: ie,
     onHelp: Oe,
     onPublishMouseMove: De,
     onSubscribeMouseMove: Ve,
-    onActiveQuestionChange: F,
+    onActiveQuestionChange: z,
     openQuestionFeedbackModal: He,
     summaryDescription: Me,
     canSubmitWorksheet: xe,
-    loggerRef: j,
+    loggerRef: O,
     canResolveDoubt: Re,
     onResolveDoubt: Pe,
     onSkip: Qe,
@@ -73,40 +75,40 @@ const Xt = (pe, ge) => {
     studentId: ze,
     subjectiveProps: Le,
     canShowActionBar: qe = !0
-  } = pe, { initialQuestion: Xe, navigationMode: m, teacherValidationEnabled: Ke, maximumAttempts: te } = a, {
-    containerStyle: O,
+  } = pe, { initialQuestion: Xe, navigationMode: u, teacherValidationEnabled: Ke, maximumAttempts: ne } = a, {
+    containerStyle: D,
     containerWidth: Ue,
-    minQuestionHeight: ie,
+    minQuestionHeight: oe,
     minSummaryHeight: Je,
-    questionsScrollable: D,
+    questionsScrollable: V,
     navigationBar: Ye,
-    topOffset: V,
+    topOffset: H,
     renderSideBar: Ze,
     showUserPointer: et = !0
-  } = k, ne = te === -2, { actionbarHeight: g, maxQuestionWidth: z, questionsContainerWidth: L } = K(
-    () => Nt(R, k),
-    [k, R]
-  ), [t] = I(
-    () => At(R, {
-      sectioned: Ke && m !== "ADAPTIVE" && m !== "CURRENT",
-      adaptive: m === "ADAPTIVE"
+  } = $, L = ne === -2, { actionbarHeight: h, maxQuestionWidth: M, questionsContainerWidth: q } = U(
+    () => At(Q, $),
+    [$, Q]
+  ), [e] = S(
+    () => Bt(Q, {
+      sectioned: Ke && u !== "ADAPTIVE" && u !== "CURRENT",
+      adaptive: u === "ADAPTIVE"
     })
-  ), [c, v] = I(
-    () => ke ?? Bt(t)
-  ), [oe, tt] = I(!1), u = K(
-    () => m !== "OPEN" ? ue({
-      questions: t,
+  ), [c, w] = S(
+    () => ke ?? Wt(e)
+  ), [re, tt] = S(!1), f = U(
+    () => u !== "OPEN" ? ue({
+      questions: e,
       responses: c,
       behavior: a,
       userType: r
-    }) : t.length - 1,
-    [a, m, t, c, r]
-  ), l = t[u], n = c[(l == null ? void 0 : l.response_id) ?? ""], { bannerBackgroundColor: it, label: nt } = _t(r, !!J), [w] = I(
+    }) : e.length - 1,
+    [a, u, e, c, r]
+  ), d = e[f], n = c[(d == null ? void 0 : d.response_id) ?? ""], { bannerBackgroundColor: it, label: nt } = Ot(r, !!Z), [E] = S(
     () => yt({
-      questions: t,
+      questions: e,
       initialQuestion: Xe,
       lastUnlockedQuestionIndex: ue({
-        questions: t,
+        questions: e,
         responses: c,
         behavior: a,
         userType: r
@@ -114,118 +116,118 @@ const Xt = (pe, ge) => {
       initialResponseId: Ie,
       initialItemIndex: Se
     })
-  ), { activeQuestionId: E, setActiveQuestionId: H, intersectionObserver: q } = $t(w), d = K(
-    () => t.findIndex((e) => e.response_id === E),
-    [E, t]
-  ), [h, X] = I(!1), [re, N] = I(), [se, ae] = I(!1), ce = Tt(a, c, E), ot = S(
-    (e, s, o) => {
+  ), { activeQuestionId: N, setActiveQuestionId: x, intersectionObserver: X } = vt(E), l = U(
+    () => e.findIndex((t) => t.response_id === N),
+    [N, e]
+  ), [p, K] = S(!1), [se, A] = S(), [ae, ce] = S(!1), de = Tt(a, c, N), ot = k(
+    (t, s, o) => {
       const b = s === "SIMULATION" ? "simState" : void 0;
-      b && (f ? v(($) => {
-        const C = e.response_id, B = he(t, C);
-        if (!B) return $;
+      b && (g ? w((v) => {
+        const C = t.response_id, W = he(e, C);
+        if (!W) return v;
         const le = {
-          ...B,
-          ...$[C],
+          ...W,
+          ...v[C],
           [b]: o
         };
-        return f == null || f({
+        return g == null || g({
           responseId: C,
           response: le,
           isNewAttempt: !1,
-          question: e
+          question: t
         }), {
-          ...$,
+          ...v,
           [C]: le
         };
-      }) : G && G(e, s, o));
+      }) : j && j(t, s, o));
     },
-    [G, f, t]
-  ), rt = S(
-    (e, s) => {
-      v((o) => {
-        const b = he(t, e);
+    [j, g, e]
+  ), rt = k(
+    (t, s) => {
+      w((o) => {
+        const b = he(e, t);
         return b ? {
           ...o,
-          [e]: {
+          [t]: {
             ...b,
-            ...o[e],
+            ...o[t],
             markedForReview: s
           }
         } : o;
       });
     },
-    [t]
-  ), A = S(() => {
-    N((e) => {
+    [e]
+  ), B = k(() => {
+    A((t) => {
       var s;
-      if (e) {
-        const o = (s = t[u]) == null ? void 0 : s.response_id;
+      if (t) {
+        const o = (s = e[f]) == null ? void 0 : s.response_id;
         o && setTimeout(() => {
-          x(o);
+          P(o);
         }, 50);
       }
     });
-  }, [u, t]), M = S(
-    (e) => {
-      X(!1), D ? requestAnimationFrame(() => x(e)) : H(e);
+  }, [f, e]), R = k(
+    (t) => {
+      K(!1), V ? requestAnimationFrame(() => P(t)) : x(t);
     },
-    [D, H]
-  ), st = S(() => {
-    ae(!1);
-  }, []), at = S(() => {
-    ae(!0);
-  }, []), ct = S(() => {
-    X(!0);
+    [V, x]
+  ), st = k(() => {
+    ce(!1);
+  }, []), at = k(() => {
+    ce(!0);
+  }, []), ct = k(() => {
+    K(!0);
   }, []);
   return T(() => {
-    const e = t[d];
-    e && F && F(e);
-  }, [F, t, d]), kt(ge, {
+    const t = e[l];
+    t && z && z(t);
+  }, [z, e, l]), $t(ge, {
     behavior: a,
-    questions: t,
-    setResponses: v,
-    onResponseChange: f,
-    onBulkResponsesChange: ve,
-    getTimeSpentOnQuestion: ce
+    questions: e,
+    setResponses: w,
+    onResponseChange: g,
+    onBulkResponsesChange: Te,
+    getTimeSpentOnQuestion: de
   }), T(() => () => {
-    q.disconnect();
-  }, [q]), T(() => {
-    Q && c && Q(c);
-  }, [Q, c]), T(() => {
-    P && v(P);
-  }, [P]), ut(() => {
-    let e;
-    return p && w && (pt().browser_name === "Safari" ? e = setTimeout(() => {
-      x(w);
-    }, 400) : x(w)), () => {
-      clearTimeout(e);
+    X.disconnect();
+  }, [X]), T(() => {
+    F && c && F(c);
+  }, [F, c]), T(() => {
+    G && w(G);
+  }, [G]), ut(() => {
+    let t;
+    return m && E && (pt().browser_name === "Safari" ? t = setTimeout(() => {
+      P(E);
+    }, 400) : P(E)), () => {
+      clearTimeout(t);
     };
-  }, [p, w, V]), T(() => {
-    if (a.teacherValidationEnabled && l) {
-      const { item_type: e, instructor_stimulus: s, is_optional: o } = l;
-      r === "TEACHER" && (e === "exit-ticket" && s !== "SystemIntro" ? n != null && n.submittedByStudent && !(n != null && n.validatedByTeacher) ? N("exit-ticket-review-available") : n != null && n.validatedByTeacher ? A() : N("exit-ticket-teacher-intervention") : o ? n != null && n.assignStatus ? A() : N("optional-items-assignment") : o || A());
+  }, [m, E, H]), T(() => {
+    if (a.teacherValidationEnabled && d) {
+      const { item_type: t, instructor_stimulus: s, is_optional: o } = d;
+      r === "TEACHER" && (t === "exit-ticket" && s !== "SystemIntro" ? n != null && n.submittedByStudent && !(n != null && n.validatedByTeacher) ? A("exit-ticket-review-available") : n != null && n.validatedByTeacher ? B() : A("exit-ticket-teacher-intervention") : o ? n != null && n.assignStatus ? B() : A("optional-items-assignment") : o || B());
     }
   }, [
     a.teacherValidationEnabled,
-    A,
-    l,
+    B,
+    d,
     n,
     r
   ]), T(() => {
-    if (a.teacherValidationEnabled && l) {
-      const { item_type: e, instructor_stimulus: s } = l;
-      r === "STUDENT" && e === "exit-ticket" && s !== "SystemIntro" && (n != null && n.submittedByStudent ? _ == null || _() : W == null || W());
+    if (a.teacherValidationEnabled && d) {
+      const { item_type: t, instructor_stimulus: s } = d;
+      r === "STUDENT" && t === "exit-ticket" && s !== "SystemIntro" && (n != null && n.submittedByStudent ? _ == null || _() : y == null || y());
     }
   }, [
     a.teacherValidationEnabled,
-    l,
+    d,
     n == null ? void 0 : n.submittedByStudent,
-    W,
+    y,
     _,
     r
-  ]), p ? /* @__PURE__ */ y(lt, { children: [
-    Te && /* @__PURE__ */ y(
-      Mt,
+  ]), m ? /* @__PURE__ */ I(dt, { children: [
+    ve && /* @__PURE__ */ I(
+      Rt,
       {
         $flexDirection: "row",
         $justifyContent: "center",
@@ -237,115 +239,115 @@ const Xt = (pe, ge) => {
         $gutter: 8,
         $flexGap: 8,
         $background: it,
-        $topOffset: k.topOffset - me,
+        $topOffset: $.topOffset - me,
         children: [
-          J ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ht, { width: 16, height: 16 }) }) : /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ft, { width: 16, height: 16 }) }),
-          /* @__PURE__ */ i(bt, { $renderAs: "ub3", children: nt })
+          Z ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ht, { width: 16, height: 16 }) }) : /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ft, { width: 16, height: 16 }) }),
+          /* @__PURE__ */ i(Ct, { $renderAs: "ub3", children: nt })
         ]
       }
     ),
-    /* @__PURE__ */ y(xt, { $background: "WHITE_1", $width: Ue, children: [
-      Ye === "top" && /* @__PURE__ */ i(Rt, { $topOffset: V, $height: It, children: /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(
-        Ot,
+    /* @__PURE__ */ I(Pt, { $background: "WHITE_1", $width: Ue, children: [
+      Ye === "top" && /* @__PURE__ */ i(Qt, { $topOffset: H, $height: St, children: /* @__PURE__ */ i(Gt, { children: /* @__PURE__ */ i(
+        Dt,
         {
           placement: "top",
-          questions: t,
+          questions: e,
           responses: c,
-          activeQuestionIndex: d,
-          lastUnlockedQuestionIndex: u,
+          activeQuestionIndex: l,
+          lastUnlockedQuestionIndex: f,
           behavior: a,
-          onItemNumberClick: M,
+          onItemNumberClick: R,
           userType: r,
-          summaryVisible: h
+          summaryVisible: p
         }
       ) }) }),
-      re && l && /* @__PURE__ */ i(Qt, { $minHeight: ie, $topOffset: V, children: /* @__PURE__ */ i(de, { $width: z, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ i(
-        Et,
+      se && d && /* @__PURE__ */ i(Ft, { $minHeight: oe, $topOffset: H, children: /* @__PURE__ */ i(J, { $width: M, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ i(
+        Nt,
         {
-          blocker: re,
-          lastUnlockedQuestion: l,
+          blocker: se,
+          lastUnlockedQuestion: d,
           studentName: be,
-          onBlockerClose: A,
+          onBlockerClose: B,
           onOptionalItemAssignment: we,
           onOptionalItemSkip: Ee,
-          onTeacherValidation: Y
+          onTeacherValidation: ee
         }
       ) }) }),
       et && /* @__PURE__ */ i(
-        Ct,
+        It,
         {
-          activeQuestionIndex: d,
-          onClick: M,
-          questions: t,
-          bottomOffset: g,
-          topOffset: V,
+          activeQuestionIndex: l,
+          onClick: R,
+          questions: e,
+          bottomOffset: h,
+          topOffset: H,
           userType: r
         }
       ),
-      se && /* @__PURE__ */ i(Gt, { children: /* @__PURE__ */ i(gt, { initialPosition: St, onClose: st }) }),
-      /* @__PURE__ */ y(
-        Ft,
+      ae && /* @__PURE__ */ i(jt, { children: /* @__PURE__ */ i(gt, { initialPosition: kt, onClose: st }) }),
+      /* @__PURE__ */ I(
+        zt,
         {
-          $marginTop: r === "TEACHER" && h ? "0" : g,
-          $height: g,
-          $isCardView: O === "card",
-          $isPuzzleCard: ne,
+          $marginTop: r === "TEACHER" && p ? "0" : h,
+          $height: h,
+          $isCardView: D === "card",
+          $isPuzzleCard: L,
           children: [
-            te !== -2 && /* @__PURE__ */ i(
-              vt,
+            ne !== -2 && /* @__PURE__ */ i(
+              wt,
               {
-                width: L - 32,
-                question: t[d],
-                learnosity: p,
+                width: q - 32,
+                question: e[l],
+                learnosity: m,
                 userType: r
               }
             ),
             qe && /* @__PURE__ */ i(
-              jt,
+              Lt,
               {
-                $height: g,
-                $width: O === "card" ? L - 32 : "100%",
-                $isCardView: O === "card",
+                $height: h,
+                $width: D === "card" ? q - 32 : "100%",
+                $isCardView: D === "card",
                 children: /* @__PURE__ */ i(
-                  de,
+                  J,
                   {
                     $gutterX: 1,
                     $flexDirection: "row",
                     $justifyContent: "space-between",
                     $alignItems: "center",
-                    $width: L - 32,
+                    $width: q - 32,
                     children: /* @__PURE__ */ i(
-                      wt,
+                      Et,
                       {
                         userType: r,
-                        layout: k,
+                        layout: $,
                         behavior: a,
-                        worksheetName: U,
-                        questions: t,
+                        worksheetName: Y,
+                        questions: e,
                         responses: c,
                         onCalculatorOpen: at,
-                        activeQuestionIndex: d,
-                        lastUnlockedQuestionIndex: u,
-                        appendedQuestionIds: Z,
-                        learnosity: p,
-                        isCanvasEnabled: ee,
+                        activeQuestionIndex: l,
+                        lastUnlockedQuestionIndex: f,
+                        appendedQuestionIds: te,
+                        learnosity: m,
+                        isCanvasEnabled: ie,
                         canSubmitWorksheet: xe,
-                        isScribblingEnabled: oe,
-                        isSummaryVisible: h,
-                        setResponses: v,
-                        getTimeSpentOnQuestion: ce,
-                        setSummaryVisible: X,
-                        setBlocker: N,
+                        isScribblingEnabled: re,
+                        isSummaryVisible: p,
+                        setResponses: w,
+                        getTimeSpentOnQuestion: de,
+                        setSummaryVisible: K,
+                        setBlocker: A,
                         setIsScribblingEnabled: tt,
-                        setActiveQuestionId: H,
-                        onItemNumberClick: M,
+                        setActiveQuestionId: x,
+                        onItemNumberClick: R,
                         onGoToReview: ct,
-                        onResponseChange: f,
+                        onResponseChange: g,
                         onHelp: Oe,
-                        onTeacherValidation: Y,
+                        onTeacherValidation: ee,
                         onSubmit: Ne,
-                        showCalculator: se,
-                        loggerRef: j,
+                        showCalculator: ae,
+                        loggerRef: O,
                         onSkip: Qe,
                         onUnassign: Ge,
                         onReview: Fe,
@@ -356,99 +358,116 @@ const Xt = (pe, ge) => {
                 )
               }
             ),
-            !h && D && r === "STUDENT" && /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ i(Vt, {}) })
+            !p && V && r === "STUDENT" && /* @__PURE__ */ I(qt, { children: [
+              L && /* @__PURE__ */ I(J, { $position: "relative", children: [
+                /* @__PURE__ */ i(
+                  Mt,
+                  {
+                    questionWidth: M,
+                    questions: e,
+                    activeQuestionIndex: l,
+                    learnosity: m,
+                    actionbarHeight: h,
+                    loggerRef: O,
+                    hideSolution: !0
+                  }
+                ),
+                /* @__PURE__ */ i(bt, { heightX: 0.5 })
+              ] }),
+              /* @__PURE__ */ i(Ht, {})
+            ] })
           ]
         }
       ),
-      /* @__PURE__ */ y(
-        Lt,
+      /* @__PURE__ */ I(
+        Xt,
         {
-          $actionbarHeight: g,
-          $isCardView: O === "card",
-          $isPuzzleCard: ne,
+          $actionbarHeight: h,
+          $isCardView: D === "card",
+          $isPuzzleCard: L,
           children: [
-            Wt({ questions: t, lastUnlockedQuestionIndex: u, userType: r }).map(
-              (e, s) => {
-                var C, B;
-                const { response_id: o, is_optional: b } = e, $ = (C = c[o]) == null ? void 0 : C.assignStatus;
-                return a.teacherValidationEnabled && ($ === "skipped" || b && $ !== "assigned" && r === "STUDENT") ? null : /* @__PURE__ */ i(
-                  Dt,
+            _t({ questions: e, lastUnlockedQuestionIndex: f, userType: r }).map(
+              (t, s) => {
+                var C, W;
+                const { response_id: o, is_optional: b } = t, v = (C = c[o]) == null ? void 0 : C.assignStatus;
+                return a.teacherValidationEnabled && (v === "skipped" || b && v !== "assigned" && r === "STUDENT") ? null : /* @__PURE__ */ i(
+                  Vt,
                   {
                     signedRequest: Ce,
                     userType: r,
                     worksheetCompleted: Ae,
-                    question: e,
+                    question: t,
                     response: c[o],
-                    nextQuestionId: m === "ADAPTIVE" || m === "CURRENT" ? l == null ? void 0 : l.response_id : s < u ? (B = t[s + 1]) == null ? void 0 : B.response_id : void 0,
-                    maxQuestionWidth: z,
-                    learnosity: p,
-                    isActive: o === E,
-                    isHidden: !D && o !== E || h,
-                    canRender: d > -1 && (s === d || m !== "CURRENT" && s === d + 1),
+                    nextQuestionId: u === "ADAPTIVE" || u === "CURRENT" ? d == null ? void 0 : d.response_id : s < f ? (W = e[s + 1]) == null ? void 0 : W.response_id : void 0,
+                    maxQuestionWidth: M,
+                    learnosity: m,
+                    isActive: o === N,
+                    isHidden: !V && o !== N || p,
+                    canRender: l > -1 && (s === l || u !== "CURRENT" && s === l + 1),
                     background: $e,
-                    appended: Z.includes(o),
+                    appended: te.includes(o),
                     behavior: a,
-                    layout: k,
-                    actionbarHeight: g,
-                    intersectionObserver: q,
+                    layout: $,
+                    actionbarHeight: h,
+                    intersectionObserver: X,
                     onMarkForReview: rt,
                     onMediaStateChange: ot,
                     userId: Be,
-                    isScribblingEnabled: oe,
-                    onPublishStrokes: ye,
-                    onReceiveStrokes: We,
+                    isScribblingEnabled: re,
+                    onPublishStrokes: We,
+                    onReceiveStrokes: ye,
                     initialStrokesData: _e,
-                    isCanvasEnabled: ee,
+                    isCanvasEnabled: ie,
                     onPublishMouseMove: De,
                     onSubscribeMouseMove: Ve,
-                    setActiveQuestionId: H,
+                    setActiveQuestionId: x,
                     canResolveDoubt: Re,
                     onResolveDoubt: Pe,
                     studentId: ze,
                     subjectiveProps: Le,
                     responses: c,
-                    loggerRef: j
+                    loggerRef: O
                   },
                   o
                 );
               }
             ),
-            h && /* @__PURE__ */ i(
-              qt,
+            p && /* @__PURE__ */ i(
+              Kt,
               {
-                worksheetName: U,
-                questions: t,
+                worksheetName: Y,
+                questions: e,
                 responses: c,
-                activeQuestionIndex: d,
-                lastUnlockedQuestionIndex: u,
-                onItemNumberClick: M,
+                activeQuestionIndex: l,
+                lastUnlockedQuestionIndex: f,
+                onItemNumberClick: R,
                 behavior: a,
                 minHeight: Je,
                 summaryDescription: Me,
-                summaryVisible: h
+                summaryVisible: p
               }
             )
           ]
         }
       ),
-      !h && Ze && /* @__PURE__ */ i(
-        Ht,
+      !p && Ze && /* @__PURE__ */ i(
+        xt,
         {
-          questionWidth: z,
-          questions: t,
-          activeQuestionIndex: d,
-          learnosity: p,
+          questionWidth: M,
+          questions: e,
+          activeQuestionIndex: l,
+          learnosity: m,
           userType: r,
-          height: ie,
-          actionbarHeight: g,
+          height: oe,
+          actionbarHeight: h,
           openQuestionFeedbackModal: He,
-          loggerRef: j
+          loggerRef: O
         }
       )
     ] })
   ] }) : null;
-}, Ci = dt(mt(Xt));
+}, $i = lt(mt(Ut));
 export {
-  Ci as default
+  $i as default
 };
 //# sourceMappingURL=worksheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet.js","sources":["../../../../src/features/worksheet/worksheet/worksheet.tsx"],"sourcesContent":["import type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\nimport type { IWorksheetProps, IWorksheetRef, IWorksheetResponse } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\n// import { captureMessage } from '@sentry/browser';\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport Info2Icon from '../../../assets/line-icons/icons/info2';\nimport getDeviceDetails from '../../../helpers/get-device-details';\nimport DesmosCalculator from '../../sheet-tools/desmos-calculator/desmos-calculator';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\n// import EVENTS from '../constants/events';\nimport UserPointer from '../user-pointer-pin/user-pin';\nimport {\n  DESMOS_CALC_POSITION,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from './constants';\nimport useCreateImperativeHandle from './hooks/use-create-imperative-handle';\nimport useGetActiveQuestionId from './hooks/use-get-active-question-id';\nimport useTimeSpentOnQuestions from './hooks/use-time-on-questions';\nimport QuestionTips from './question-tips';\nimport WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetBlocker from './worksheet-blocker/worksheet-blocker';\nimport {\n  getInitialQuestionId,\n  getInitialResponses,\n  getLastUnlockedQuestionIndex,\n  getQuestionMetadata,\n  getQuestionsFromItems,\n  getRenderableQuestions,\n  getWorksheetDimensions,\n  getWorksheetNudgeBannerInfo,\n  scrollToQuestion,\n} from './worksheet-helpers';\nimport WorksheetNavigation from './worksheet-navigation/worksheet-navigation';\nimport WorksheetQuestion from './worksheet-question/worksheet-question';\nimport Navigator from './worksheet-sidebar/navigator';\nimport WorksheetSideBar from './worksheet-sidebar/sidebar';\nimport * as Styled from './worksheet-styled';\nimport WorksheetSummary from './worksheet-summary/worksheet-summary';\n\n/**\n *\n * @param learnosityItems cannot not be changed between the renders\n */\nconst WorksheetComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetProps> = (props, ref) => {\n  const {\n    userType,\n    studentName = 'Student',\n    questionsSignedRequest,\n    worksheetName,\n    initialResponseId,\n    initialItemIndex,\n    // learnosityActivityRef,\n    learnosityItems,\n    learnosityResponses,\n    layout,\n    background,\n    behavior,\n    updatedResponses,\n    showNudgeBanner,\n    markedAsCompleted,\n    onResponseChange,\n    onBulkResponsesChange,\n    onResponsesChange,\n    onMediaStateChange,\n    onTeacherValidation,\n    onOptionalItemAssignment,\n    onOptionalItemSkip,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    onSubmit,\n    learnosity,\n    appendedQuestionIds,\n    worksheetCompleted,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    initialStrokesData,\n    isCanvasEnabled,\n    onHelp,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    onActiveQuestionChange,\n    openQuestionFeedbackModal,\n    summaryDescription,\n    canSubmitWorksheet,\n    loggerRef,\n    canResolveDoubt,\n    onResolveDoubt,\n    onSkip,\n    onUnassign,\n    onReview,\n    canToggleScribbling = true,\n    studentId,\n    subjectiveProps,\n    canShowActionBar = true,\n  } = props;\n  const { initialQuestion, navigationMode, teacherValidationEnabled, maximumAttempts } = behavior;\n  const {\n    containerStyle,\n    containerWidth,\n    minQuestionHeight,\n    minSummaryHeight,\n    questionsScrollable,\n    navigationBar,\n    topOffset,\n    renderSideBar,\n    showUserPointer = true,\n  } = layout;\n\n  const isPuzzleCard = maximumAttempts === -2;\n\n  const { actionbarHeight, maxQuestionWidth, questionsContainerWidth } = useMemo(\n    () => getWorksheetDimensions(learnosityItems, layout),\n    [layout, learnosityItems],\n  );\n\n  const [questions] = useState(() =>\n    getQuestionsFromItems(learnosityItems, {\n      sectioned:\n        teacherValidationEnabled && navigationMode !== 'ADAPTIVE' && navigationMode !== 'CURRENT',\n      adaptive: navigationMode === 'ADAPTIVE',\n    }),\n  );\n\n  const [responses, setResponses] = useState<Record<string, IWorksheetResponse>>(\n    () => learnosityResponses ?? getInitialResponses(questions),\n  );\n  const [isScribblingEnabled, setIsScribblingEnabled] = useState(false);\n  const lastUnlockedQuestionIndex = useMemo(\n    () =>\n      navigationMode !== 'OPEN'\n        ? getLastUnlockedQuestionIndex({\n            questions,\n            responses,\n            behavior,\n            userType,\n          })\n        : questions.length - 1,\n    [behavior, navigationMode, questions, responses, userType],\n  );\n\n  const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex];\n  const lastUnlockedQuestionResponse = responses[lastUnlockedQuestion?.response_id ?? ''];\n\n  const { bannerBackgroundColor: nudgeBannerBackgroundColor, label: nudgeBannerLabel } =\n    getWorksheetNudgeBannerInfo(userType, Boolean(markedAsCompleted));\n\n  const [initialQuestionId] = useState(() =>\n    getInitialQuestionId({\n      questions,\n      initialQuestion,\n      lastUnlockedQuestionIndex: getLastUnlockedQuestionIndex({\n        questions,\n        responses,\n        behavior,\n        userType,\n      }),\n      initialResponseId,\n      initialItemIndex,\n    }),\n  );\n\n  const { activeQuestionId, setActiveQuestionId, intersectionObserver } =\n    useGetActiveQuestionId(initialQuestionId);\n  const activeQuestionIndex = useMemo(\n    () => questions.findIndex(question => question.response_id === activeQuestionId),\n    [activeQuestionId, questions],\n  );\n  const [summaryVisible, setSummaryVisible] = useState(false);\n  const [blocker, setBlocker] = useState<TWorksheetBlocker>();\n\n  const [showCalculator, setShowCalculator] = useState(false);\n  const getTimeSpentOnQuestion = useTimeSpentOnQuestions(behavior, responses, activeQuestionId);\n\n  const handleMediaStateChange = useCallback<NonNullable<typeof onMediaStateChange>>(\n    (question, mediaType, mediaState) => {\n      const key = mediaType === 'SIMULATION' ? 'simState' : undefined;\n\n      if (!key) return;\n\n      if (onResponseChange) {\n        setResponses(prevResponses => {\n          const questionId = question.response_id;\n          const questionMeta = getQuestionMetadata(questions, questionId);\n\n          if (!questionMeta) return prevResponses;\n\n          const updatedResponse = {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            [key]: mediaState,\n          };\n\n          onResponseChange?.({\n            responseId: questionId,\n            response: updatedResponse,\n            isNewAttempt: false,\n            question,\n          });\n\n          return {\n            ...prevResponses,\n            [questionId]: updatedResponse,\n          };\n        });\n      } else if (onMediaStateChange) {\n        onMediaStateChange(question, mediaType, mediaState);\n      }\n    },\n    [onMediaStateChange, onResponseChange, questions],\n  );\n\n  const handleMarkForReview = useCallback(\n    (questionId: string, markedForReview: boolean) => {\n      setResponses(prevResponses => {\n        const questionMeta = getQuestionMetadata(questions, questionId);\n\n        if (!questionMeta) return prevResponses;\n\n        return {\n          ...prevResponses,\n          [questionId]: {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            markedForReview,\n          },\n        };\n      });\n    },\n    [questions],\n  );\n\n  const handleBlockerClose = useCallback(() => {\n    setBlocker(prevBlocker => {\n      if (prevBlocker) {\n        const lastUnlockedQuestionId = questions[lastUnlockedQuestionIndex]?.response_id;\n\n        if (lastUnlockedQuestionId) {\n          setTimeout(() => {\n            scrollToQuestion(lastUnlockedQuestionId);\n          }, 50);\n        }\n      }\n\n      return undefined;\n    });\n  }, [lastUnlockedQuestionIndex, questions]);\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setSummaryVisible(false);\n\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    },\n    [questionsScrollable, setActiveQuestionId],\n  );\n\n  const onCalculatorClose = useCallback(() => {\n    setShowCalculator(false);\n  }, []);\n\n  const onCalculatorOpen = useCallback(() => {\n    setShowCalculator(true);\n  }, []);\n\n  const handleOnGoToReview = useCallback(() => {\n    setSummaryVisible(true);\n  }, []);\n\n  useEffect(() => {\n    const activeQuestion = questions[activeQuestionIndex];\n\n    if (activeQuestion && onActiveQuestionChange) {\n      onActiveQuestionChange(activeQuestion);\n    }\n  }, [onActiveQuestionChange, questions, activeQuestionIndex]);\n\n  useCreateImperativeHandle(ref, {\n    behavior,\n    questions,\n    setResponses,\n    onResponseChange,\n    onBulkResponsesChange,\n    getTimeSpentOnQuestion,\n  });\n\n  useEffect(() => {\n    return () => {\n      intersectionObserver.disconnect();\n    };\n  }, [intersectionObserver]);\n\n  useEffect(() => {\n    if (onResponsesChange && responses) {\n      onResponsesChange(responses);\n    }\n  }, [onResponsesChange, responses]);\n\n  useEffect(() => {\n    if (updatedResponses) {\n      setResponses(updatedResponses);\n    }\n  }, [updatedResponses]);\n\n  useLayoutEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (learnosity && initialQuestionId) {\n      if (getDeviceDetails().browser_name === 'Safari') {\n        timer = setTimeout(() => {\n          scrollToQuestion(initialQuestionId);\n        }, 400);\n      } else {\n        scrollToQuestion(initialQuestionId);\n      }\n    }\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [learnosity, initialQuestionId, topOffset]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus, is_optional } = lastUnlockedQuestion;\n\n      if (userType === 'TEACHER') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (\n            lastUnlockedQuestionResponse?.submittedByStudent &&\n            !lastUnlockedQuestionResponse?.validatedByTeacher\n          ) {\n            setBlocker('exit-ticket-review-available');\n          } else if (!lastUnlockedQuestionResponse?.validatedByTeacher) {\n            setBlocker('exit-ticket-teacher-intervention');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (is_optional) {\n          if (!lastUnlockedQuestionResponse?.assignStatus) {\n            setBlocker('optional-items-assignment');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (!is_optional) {\n          handleBlockerClose();\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    handleBlockerClose,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus } = lastUnlockedQuestion;\n\n      if (userType === 'STUDENT') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (lastUnlockedQuestionResponse?.submittedByStudent) {\n            onExitTicketSubmit?.();\n          } else {\n            onExitTicketStart?.();\n          }\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse?.submittedByStudent,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    userType,\n  ]);\n\n  // useEffect(() => {\n  //   if (navigationMode === 'CURRENT') {\n  //     learnosityItems.forEach(({ reference, questions: itemQuestions }) => {\n  //       if (itemQuestions.length < 3) {\n  //         captureMessage(`Diagnostics item has Less than 3 questions: ${reference}`, {\n  //           tags: {\n  //             'content-type': 'learnosity',\n  //             'activity-reference': learnosityActivityRef,\n  //             'item-reference': reference,\n  //           },\n  //           fingerprint: [`diagnostics-item-questions-count-${reference}`], // Add unique fingerprint\n  //         });\n  //       } else if (\n  //         itemQuestions[0]?.instructor_stimulus !== 'Try' ||\n  //         itemQuestions[1]?.instructor_stimulus !== 'Learn' ||\n  //         itemQuestions[2]?.instructor_stimulus !== 'Apply'\n  //       ) {\n  //         captureMessage(\n  //           `Diagnostics questions sequence is incorrect expected [Try, Learn, Apply]: ${reference}`,\n  //           {\n  //             tags: {\n  //               'content-type': 'learnosity',\n  //               'activity-reference': learnosityActivityRef,\n  //               'item-reference': reference,\n  //             },\n  //             fingerprint: [`diagnostics-item-questions-sequence-${reference}`], // Add unique fingerprint\n  //           },\n  //         );\n  //       }\n  //     });\n  //   }\n  // }, [learnosityActivityRef, learnosityItems, navigationMode]);\n\n  // useEffect(() => {\n  //   questions.forEach(question => {\n  //     const { validation, item_reference, type, question_number, metadata } = question;\n  //     const responseNeeded = teacherValidationEnabled ? type !== 'clozetext' : true;\n\n  //     if (responseNeeded && validation?.valid_response) {\n  //       const value = validation.valid_response.value ?? [];\n\n  //       if (value?.length === 0) {\n  //         const altResponses = validation.alt_responses ?? [];\n  //         const hasAltResponse = altResponses.some(altResponse => altResponse.value.length > 0);\n\n  //         if (!hasAltResponse) {\n  //           captureMessage(`Question has no valid response: ${metadata.widget_reference}`, {\n  //             tags: {\n  //               'content-type': 'learnosity',\n  //               'activity-reference': learnosityActivityRef,\n  //               'item-reference': item_reference,\n  //               'question-number': question_number,\n  //               'widget-reference': metadata.widget_reference,\n  //             },\n  //             fingerprint: [`no-valid-response-${metadata.widget_reference}`], // Add unique fingerprint\n  //           });\n  //           loggerRef.current(EVENTS.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {\n  //             item_reference: item_reference,\n  //             widget_reference: metadata.widget_reference,\n  //             question_type: type,\n  //             question_number: question_number,\n  //           });\n  //         }\n  //       }\n  //     }\n  //   });\n  // }, [learnosityActivityRef, loggerRef, questions, teacherValidationEnabled]);\n\n  if (!learnosity) {\n    return null;\n  }\n\n  return (\n    <>\n      {showNudgeBanner && (\n        <Styled.NudgeBannerWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $width=\"100%\"\n          $heightX={1.75}\n          $height={WORKSHEET_NUDGE_BANNER_HEIGHT}\n          $gap={8}\n          $gutter={8}\n          $flexGap={8}\n          $background={nudgeBannerBackgroundColor}\n          $topOffset={layout.topOffset - WORKSHEET_NUDGE_BANNER_HEIGHT}\n        >\n          {markedAsCompleted ? (\n            <Styled.NudgeBannerIcon>\n              <Check2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          ) : (\n            <Styled.NudgeBannerIcon>\n              <Info2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          )}\n\n          <Text $renderAs=\"ub3\">{nudgeBannerLabel}</Text>\n        </Styled.NudgeBannerWrapper>\n      )}\n\n      <Styled.WorksheetContainer $background=\"WHITE_1\" $width={containerWidth}>\n        {navigationBar === 'top' && (\n          <Styled.NavigationContainer $topOffset={topOffset} $height={TOP_NAVIGATION_HEIGHT}>\n            <Styled.NavigationWrapper>\n              <WorksheetNavigation\n                placement=\"top\"\n                questions={questions}\n                responses={responses}\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                behavior={behavior}\n                onItemNumberClick={handleItemNumberClick}\n                userType={userType}\n                summaryVisible={summaryVisible}\n              />\n            </Styled.NavigationWrapper>\n          </Styled.NavigationContainer>\n        )}\n        {blocker && lastUnlockedQuestion && (\n          <Styled.BlockerWrapper $minHeight={minQuestionHeight} $topOffset={topOffset}>\n            <FlexView $width={maxQuestionWidth} $justifyContent=\"center\" $alignItems=\"center\">\n              <WorksheetBlocker\n                blocker={blocker}\n                lastUnlockedQuestion={lastUnlockedQuestion}\n                studentName={studentName}\n                onBlockerClose={handleBlockerClose}\n                onOptionalItemAssignment={onOptionalItemAssignment}\n                onOptionalItemSkip={onOptionalItemSkip}\n                onTeacherValidation={onTeacherValidation}\n              />\n            </FlexView>\n          </Styled.BlockerWrapper>\n        )}\n        {showUserPointer && (\n          <UserPointer\n            activeQuestionIndex={activeQuestionIndex}\n            onClick={handleItemNumberClick}\n            questions={questions}\n            bottomOffset={actionbarHeight}\n            topOffset={topOffset}\n            userType={userType}\n          />\n        )}\n        {showCalculator && (\n          <Styled.DesmosCalcWrapper>\n            <DesmosCalculator initialPosition={DESMOS_CALC_POSITION} onClose={onCalculatorClose} />\n          </Styled.DesmosCalcWrapper>\n        )}\n        <Styled.ActionbarContainer\n          $marginTop={userType === 'TEACHER' && summaryVisible ? '0' : actionbarHeight}\n          $height={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n          $isPuzzleCard={isPuzzleCard}\n        >\n          {maximumAttempts !== -2 && (\n            <QuestionTips\n              width={questionsContainerWidth - 32}\n              question={questions[activeQuestionIndex]}\n              learnosity={learnosity}\n              userType={userType}\n            />\n          )}\n          {canShowActionBar && (\n            <Styled.ActionbarWrapper\n              $height={actionbarHeight}\n              $width={containerStyle === 'card' ? questionsContainerWidth - 32 : '100%'}\n              $isCardView={containerStyle === 'card'}\n            >\n              <FlexView\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n                $width={questionsContainerWidth - 32}\n              >\n                <WorksheetActionBar\n                  userType={userType}\n                  layout={layout}\n                  behavior={behavior}\n                  worksheetName={worksheetName}\n                  questions={questions}\n                  responses={responses}\n                  onCalculatorOpen={onCalculatorOpen}\n                  activeQuestionIndex={activeQuestionIndex}\n                  lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                  appendedQuestionIds={appendedQuestionIds}\n                  learnosity={learnosity}\n                  isCanvasEnabled={isCanvasEnabled}\n                  canSubmitWorksheet={canSubmitWorksheet}\n                  isScribblingEnabled={isScribblingEnabled}\n                  isSummaryVisible={summaryVisible}\n                  setResponses={setResponses}\n                  getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n                  setSummaryVisible={setSummaryVisible}\n                  setBlocker={setBlocker}\n                  setIsScribblingEnabled={setIsScribblingEnabled}\n                  setActiveQuestionId={setActiveQuestionId}\n                  onItemNumberClick={handleItemNumberClick}\n                  onGoToReview={handleOnGoToReview}\n                  onResponseChange={onResponseChange}\n                  onHelp={onHelp}\n                  onTeacherValidation={onTeacherValidation}\n                  onSubmit={onSubmit}\n                  showCalculator={showCalculator}\n                  loggerRef={loggerRef}\n                  onSkip={onSkip}\n                  onUnassign={onUnassign}\n                  onReview={onReview}\n                  canToggleScribbling={canToggleScribbling}\n                />\n              </FlexView>\n            </Styled.ActionbarWrapper>\n          )}\n          {!summaryVisible && questionsScrollable && userType === 'STUDENT' && (\n            <Styled.StudentWorksheetSideBar>\n              <Navigator />\n            </Styled.StudentWorksheetSideBar>\n          )}\n        </Styled.ActionbarContainer>\n        <Styled.QuestionsWrapper\n          $actionbarHeight={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n          $isPuzzleCard={isPuzzleCard}\n        >\n          {getRenderableQuestions({ questions, lastUnlockedQuestionIndex, userType }).map(\n            (question, questionIndex) => {\n              const { response_id: responseId, is_optional } = question;\n              const assignStatus = responses[responseId]?.assignStatus;\n\n              if (behavior.teacherValidationEnabled) {\n                if (assignStatus === 'skipped') return null;\n\n                if (is_optional && assignStatus !== 'assigned' && userType === 'STUDENT') {\n                  return null;\n                }\n              }\n\n              return (\n                <WorksheetQuestion\n                  key={responseId}\n                  signedRequest={questionsSignedRequest}\n                  userType={userType}\n                  worksheetCompleted={worksheetCompleted}\n                  question={question}\n                  response={responses[responseId]}\n                  nextQuestionId={\n                    navigationMode === 'ADAPTIVE' || navigationMode === 'CURRENT'\n                      ? lastUnlockedQuestion?.response_id\n                      : questionIndex < lastUnlockedQuestionIndex\n                        ? questions[questionIndex + 1]?.response_id\n                        : undefined\n                  }\n                  maxQuestionWidth={maxQuestionWidth}\n                  learnosity={learnosity}\n                  isActive={responseId === activeQuestionId}\n                  isHidden={\n                    (!questionsScrollable && responseId !== activeQuestionId) || summaryVisible\n                  }\n                  canRender={\n                    activeQuestionIndex > -1 &&\n                    (questionIndex === activeQuestionIndex ||\n                      (navigationMode !== 'CURRENT' && questionIndex === activeQuestionIndex + 1))\n                  }\n                  background={background}\n                  appended={appendedQuestionIds.includes(responseId)}\n                  behavior={behavior}\n                  layout={layout}\n                  actionbarHeight={actionbarHeight}\n                  intersectionObserver={intersectionObserver}\n                  onMarkForReview={handleMarkForReview}\n                  onMediaStateChange={handleMediaStateChange}\n                  userId={userId}\n                  isScribblingEnabled={isScribblingEnabled}\n                  onPublishStrokes={onPublishStrokes}\n                  onReceiveStrokes={onReceiveStrokes}\n                  initialStrokesData={initialStrokesData}\n                  isCanvasEnabled={isCanvasEnabled}\n                  onPublishMouseMove={onPublishMouseMove}\n                  onSubscribeMouseMove={onSubscribeMouseMove}\n                  setActiveQuestionId={setActiveQuestionId}\n                  canResolveDoubt={canResolveDoubt}\n                  onResolveDoubt={onResolveDoubt}\n                  studentId={studentId}\n                  subjectiveProps={subjectiveProps}\n                  responses={responses}\n                  loggerRef={loggerRef}\n                />\n              );\n            },\n          )}\n          {summaryVisible && (\n            <WorksheetSummary\n              worksheetName={worksheetName}\n              questions={questions}\n              responses={responses}\n              activeQuestionIndex={activeQuestionIndex}\n              lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n              onItemNumberClick={handleItemNumberClick}\n              behavior={behavior}\n              minHeight={minSummaryHeight}\n              summaryDescription={summaryDescription}\n              summaryVisible={summaryVisible}\n            />\n          )}\n        </Styled.QuestionsWrapper>\n        {!summaryVisible && renderSideBar && (\n          <WorksheetSideBar\n            questionWidth={maxQuestionWidth}\n            questions={questions}\n            activeQuestionIndex={activeQuestionIndex}\n            learnosity={learnosity}\n            userType={userType}\n            height={minQuestionHeight}\n            actionbarHeight={actionbarHeight}\n            openQuestionFeedbackModal={openQuestionFeedbackModal}\n            loggerRef={loggerRef}\n          />\n        )}\n      </Styled.WorksheetContainer>\n    </>\n  );\n};\n\nconst Worksheet = memo(forwardRef(WorksheetComp));\n\nexport default Worksheet;\n"],"names":["WorksheetComp","props","ref","userType","studentName","questionsSignedRequest","worksheetName","initialResponseId","initialItemIndex","learnosityItems","learnosityResponses","layout","background","behavior","updatedResponses","showNudgeBanner","markedAsCompleted","onResponseChange","onBulkResponsesChange","onResponsesChange","onMediaStateChange","onTeacherValidation","onOptionalItemAssignment","onOptionalItemSkip","onExitTicketStart","onExitTicketSubmit","onSubmit","learnosity","appendedQuestionIds","worksheetCompleted","userId","onPublishStrokes","onReceiveStrokes","initialStrokesData","isCanvasEnabled","onHelp","onPublishMouseMove","onSubscribeMouseMove","onActiveQuestionChange","openQuestionFeedbackModal","summaryDescription","canSubmitWorksheet","loggerRef","canResolveDoubt","onResolveDoubt","onSkip","onUnassign","onReview","canToggleScribbling","studentId","subjectiveProps","canShowActionBar","initialQuestion","navigationMode","teacherValidationEnabled","maximumAttempts","containerStyle","containerWidth","minQuestionHeight","minSummaryHeight","questionsScrollable","navigationBar","topOffset","renderSideBar","showUserPointer","isPuzzleCard","actionbarHeight","maxQuestionWidth","questionsContainerWidth","useMemo","getWorksheetDimensions","questions","useState","getQuestionsFromItems","responses","setResponses","getInitialResponses","isScribblingEnabled","setIsScribblingEnabled","lastUnlockedQuestionIndex","getLastUnlockedQuestionIndex","lastUnlockedQuestion","lastUnlockedQuestionResponse","nudgeBannerBackgroundColor","nudgeBannerLabel","getWorksheetNudgeBannerInfo","initialQuestionId","getInitialQuestionId","activeQuestionId","setActiveQuestionId","intersectionObserver","useGetActiveQuestionId","activeQuestionIndex","question","summaryVisible","setSummaryVisible","blocker","setBlocker","showCalculator","setShowCalculator","getTimeSpentOnQuestion","useTimeSpentOnQuestions","handleMediaStateChange","useCallback","mediaType","mediaState","key","prevResponses","questionId","questionMeta","getQuestionMetadata","updatedResponse","handleMarkForReview","markedForReview","handleBlockerClose","prevBlocker","lastUnlockedQuestionId","_a","scrollToQuestion","handleItemNumberClick","onCalculatorClose","onCalculatorOpen","handleOnGoToReview","useEffect","activeQuestion","useCreateImperativeHandle","useLayoutEffect","timer","getDeviceDetails","item_type","instructor_stimulus","is_optional","jsxs","Fragment","Styled.NudgeBannerWrapper","WORKSHEET_NUDGE_BANNER_HEIGHT","jsx","Styled.NudgeBannerIcon","Check2Icon","Info2Icon","Text","Styled.WorksheetContainer","Styled.NavigationContainer","TOP_NAVIGATION_HEIGHT","Styled.NavigationWrapper","WorksheetNavigation","Styled.BlockerWrapper","FlexView","WorksheetBlocker","UserPointer","Styled.DesmosCalcWrapper","DesmosCalculator","DESMOS_CALC_POSITION","Styled.ActionbarContainer","QuestionTips","Styled.ActionbarWrapper","WorksheetActionBar","Styled.StudentWorksheetSideBar","Navigator","Styled.QuestionsWrapper","getRenderableQuestions","questionIndex","responseId","assignStatus","WorksheetQuestion","_b","WorksheetSummary","WorksheetSideBar","Worksheet","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"worksheet.js","sources":["../../../../src/features/worksheet/worksheet/worksheet.tsx"],"sourcesContent":["import type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\nimport type { IWorksheetProps, IWorksheetRef, IWorksheetResponse } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\n// import { captureMessage } from '@sentry/browser';\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport Info2Icon from '../../../assets/line-icons/icons/info2';\nimport getDeviceDetails from '../../../helpers/get-device-details';\nimport DesmosCalculator from '../../sheet-tools/desmos-calculator/desmos-calculator';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\n// import EVENTS from '../constants/events';\nimport UserPointer from '../user-pointer-pin/user-pin';\nimport {\n  DESMOS_CALC_POSITION,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from './constants';\nimport useCreateImperativeHandle from './hooks/use-create-imperative-handle';\nimport useGetActiveQuestionId from './hooks/use-get-active-question-id';\nimport useTimeSpentOnQuestions from './hooks/use-time-on-questions';\nimport QuestionTips from './question-tips';\nimport WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetBlocker from './worksheet-blocker/worksheet-blocker';\nimport {\n  getInitialQuestionId,\n  getInitialResponses,\n  getLastUnlockedQuestionIndex,\n  getQuestionMetadata,\n  getQuestionsFromItems,\n  getRenderableQuestions,\n  getWorksheetDimensions,\n  getWorksheetNudgeBannerInfo,\n  scrollToQuestion,\n} from './worksheet-helpers';\nimport WorksheetNavigation from './worksheet-navigation/worksheet-navigation';\nimport WorksheetQuestion from './worksheet-question/worksheet-question';\nimport Navigator from './worksheet-sidebar/navigator';\nimport QuestionGuide from './worksheet-sidebar/question-guide';\nimport WorksheetSideBar from './worksheet-sidebar/sidebar';\nimport * as Styled from './worksheet-styled';\nimport WorksheetSummary from './worksheet-summary/worksheet-summary';\n\n/**\n *\n * @param learnosityItems cannot not be changed between the renders\n */\nconst WorksheetComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetProps> = (props, ref) => {\n  const {\n    userType,\n    studentName = 'Student',\n    questionsSignedRequest,\n    worksheetName,\n    initialResponseId,\n    initialItemIndex,\n    // learnosityActivityRef,\n    learnosityItems,\n    learnosityResponses,\n    layout,\n    background,\n    behavior,\n    updatedResponses,\n    showNudgeBanner,\n    markedAsCompleted,\n    onResponseChange,\n    onBulkResponsesChange,\n    onResponsesChange,\n    onMediaStateChange,\n    onTeacherValidation,\n    onOptionalItemAssignment,\n    onOptionalItemSkip,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    onSubmit,\n    learnosity,\n    appendedQuestionIds,\n    worksheetCompleted,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    initialStrokesData,\n    isCanvasEnabled,\n    onHelp,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    onActiveQuestionChange,\n    openQuestionFeedbackModal,\n    summaryDescription,\n    canSubmitWorksheet,\n    loggerRef,\n    canResolveDoubt,\n    onResolveDoubt,\n    onSkip,\n    onUnassign,\n    onReview,\n    canToggleScribbling = true,\n    studentId,\n    subjectiveProps,\n    canShowActionBar = true,\n  } = props;\n  const { initialQuestion, navigationMode, teacherValidationEnabled, maximumAttempts } = behavior;\n  const {\n    containerStyle,\n    containerWidth,\n    minQuestionHeight,\n    minSummaryHeight,\n    questionsScrollable,\n    navigationBar,\n    topOffset,\n    renderSideBar,\n    showUserPointer = true,\n  } = layout;\n\n  const isPuzzleCard = maximumAttempts === -2;\n\n  const { actionbarHeight, maxQuestionWidth, questionsContainerWidth } = useMemo(\n    () => getWorksheetDimensions(learnosityItems, layout),\n    [layout, learnosityItems],\n  );\n\n  const [questions] = useState(() =>\n    getQuestionsFromItems(learnosityItems, {\n      sectioned:\n        teacherValidationEnabled && navigationMode !== 'ADAPTIVE' && navigationMode !== 'CURRENT',\n      adaptive: navigationMode === 'ADAPTIVE',\n    }),\n  );\n\n  const [responses, setResponses] = useState<Record<string, IWorksheetResponse>>(\n    () => learnosityResponses ?? getInitialResponses(questions),\n  );\n  const [isScribblingEnabled, setIsScribblingEnabled] = useState(false);\n  const lastUnlockedQuestionIndex = useMemo(\n    () =>\n      navigationMode !== 'OPEN'\n        ? getLastUnlockedQuestionIndex({\n            questions,\n            responses,\n            behavior,\n            userType,\n          })\n        : questions.length - 1,\n    [behavior, navigationMode, questions, responses, userType],\n  );\n\n  const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex];\n  const lastUnlockedQuestionResponse = responses[lastUnlockedQuestion?.response_id ?? ''];\n\n  const { bannerBackgroundColor: nudgeBannerBackgroundColor, label: nudgeBannerLabel } =\n    getWorksheetNudgeBannerInfo(userType, Boolean(markedAsCompleted));\n\n  const [initialQuestionId] = useState(() =>\n    getInitialQuestionId({\n      questions,\n      initialQuestion,\n      lastUnlockedQuestionIndex: getLastUnlockedQuestionIndex({\n        questions,\n        responses,\n        behavior,\n        userType,\n      }),\n      initialResponseId,\n      initialItemIndex,\n    }),\n  );\n\n  const { activeQuestionId, setActiveQuestionId, intersectionObserver } =\n    useGetActiveQuestionId(initialQuestionId);\n  const activeQuestionIndex = useMemo(\n    () => questions.findIndex(question => question.response_id === activeQuestionId),\n    [activeQuestionId, questions],\n  );\n  const [summaryVisible, setSummaryVisible] = useState(false);\n  const [blocker, setBlocker] = useState<TWorksheetBlocker>();\n\n  const [showCalculator, setShowCalculator] = useState(false);\n  const getTimeSpentOnQuestion = useTimeSpentOnQuestions(behavior, responses, activeQuestionId);\n\n  const handleMediaStateChange = useCallback<NonNullable<typeof onMediaStateChange>>(\n    (question, mediaType, mediaState) => {\n      const key = mediaType === 'SIMULATION' ? 'simState' : undefined;\n\n      if (!key) return;\n\n      if (onResponseChange) {\n        setResponses(prevResponses => {\n          const questionId = question.response_id;\n          const questionMeta = getQuestionMetadata(questions, questionId);\n\n          if (!questionMeta) return prevResponses;\n\n          const updatedResponse = {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            [key]: mediaState,\n          };\n\n          onResponseChange?.({\n            responseId: questionId,\n            response: updatedResponse,\n            isNewAttempt: false,\n            question,\n          });\n\n          return {\n            ...prevResponses,\n            [questionId]: updatedResponse,\n          };\n        });\n      } else if (onMediaStateChange) {\n        onMediaStateChange(question, mediaType, mediaState);\n      }\n    },\n    [onMediaStateChange, onResponseChange, questions],\n  );\n\n  const handleMarkForReview = useCallback(\n    (questionId: string, markedForReview: boolean) => {\n      setResponses(prevResponses => {\n        const questionMeta = getQuestionMetadata(questions, questionId);\n\n        if (!questionMeta) return prevResponses;\n\n        return {\n          ...prevResponses,\n          [questionId]: {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            markedForReview,\n          },\n        };\n      });\n    },\n    [questions],\n  );\n\n  const handleBlockerClose = useCallback(() => {\n    setBlocker(prevBlocker => {\n      if (prevBlocker) {\n        const lastUnlockedQuestionId = questions[lastUnlockedQuestionIndex]?.response_id;\n\n        if (lastUnlockedQuestionId) {\n          setTimeout(() => {\n            scrollToQuestion(lastUnlockedQuestionId);\n          }, 50);\n        }\n      }\n\n      return undefined;\n    });\n  }, [lastUnlockedQuestionIndex, questions]);\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setSummaryVisible(false);\n\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    },\n    [questionsScrollable, setActiveQuestionId],\n  );\n\n  const onCalculatorClose = useCallback(() => {\n    setShowCalculator(false);\n  }, []);\n\n  const onCalculatorOpen = useCallback(() => {\n    setShowCalculator(true);\n  }, []);\n\n  const handleOnGoToReview = useCallback(() => {\n    setSummaryVisible(true);\n  }, []);\n\n  useEffect(() => {\n    const activeQuestion = questions[activeQuestionIndex];\n\n    if (activeQuestion && onActiveQuestionChange) {\n      onActiveQuestionChange(activeQuestion);\n    }\n  }, [onActiveQuestionChange, questions, activeQuestionIndex]);\n\n  useCreateImperativeHandle(ref, {\n    behavior,\n    questions,\n    setResponses,\n    onResponseChange,\n    onBulkResponsesChange,\n    getTimeSpentOnQuestion,\n  });\n\n  useEffect(() => {\n    return () => {\n      intersectionObserver.disconnect();\n    };\n  }, [intersectionObserver]);\n\n  useEffect(() => {\n    if (onResponsesChange && responses) {\n      onResponsesChange(responses);\n    }\n  }, [onResponsesChange, responses]);\n\n  useEffect(() => {\n    if (updatedResponses) {\n      setResponses(updatedResponses);\n    }\n  }, [updatedResponses]);\n\n  useLayoutEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (learnosity && initialQuestionId) {\n      if (getDeviceDetails().browser_name === 'Safari') {\n        timer = setTimeout(() => {\n          scrollToQuestion(initialQuestionId);\n        }, 400);\n      } else {\n        scrollToQuestion(initialQuestionId);\n      }\n    }\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [learnosity, initialQuestionId, topOffset]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus, is_optional } = lastUnlockedQuestion;\n\n      if (userType === 'TEACHER') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (\n            lastUnlockedQuestionResponse?.submittedByStudent &&\n            !lastUnlockedQuestionResponse?.validatedByTeacher\n          ) {\n            setBlocker('exit-ticket-review-available');\n          } else if (!lastUnlockedQuestionResponse?.validatedByTeacher) {\n            setBlocker('exit-ticket-teacher-intervention');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (is_optional) {\n          if (!lastUnlockedQuestionResponse?.assignStatus) {\n            setBlocker('optional-items-assignment');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (!is_optional) {\n          handleBlockerClose();\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    handleBlockerClose,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus } = lastUnlockedQuestion;\n\n      if (userType === 'STUDENT') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (lastUnlockedQuestionResponse?.submittedByStudent) {\n            onExitTicketSubmit?.();\n          } else {\n            onExitTicketStart?.();\n          }\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse?.submittedByStudent,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    userType,\n  ]);\n\n  // useEffect(() => {\n  //   if (navigationMode === 'CURRENT') {\n  //     learnosityItems.forEach(({ reference, questions: itemQuestions }) => {\n  //       if (itemQuestions.length < 3) {\n  //         captureMessage(`Diagnostics item has Less than 3 questions: ${reference}`, {\n  //           tags: {\n  //             'content-type': 'learnosity',\n  //             'activity-reference': learnosityActivityRef,\n  //             'item-reference': reference,\n  //           },\n  //           fingerprint: [`diagnostics-item-questions-count-${reference}`], // Add unique fingerprint\n  //         });\n  //       } else if (\n  //         itemQuestions[0]?.instructor_stimulus !== 'Try' ||\n  //         itemQuestions[1]?.instructor_stimulus !== 'Learn' ||\n  //         itemQuestions[2]?.instructor_stimulus !== 'Apply'\n  //       ) {\n  //         captureMessage(\n  //           `Diagnostics questions sequence is incorrect expected [Try, Learn, Apply]: ${reference}`,\n  //           {\n  //             tags: {\n  //               'content-type': 'learnosity',\n  //               'activity-reference': learnosityActivityRef,\n  //               'item-reference': reference,\n  //             },\n  //             fingerprint: [`diagnostics-item-questions-sequence-${reference}`], // Add unique fingerprint\n  //           },\n  //         );\n  //       }\n  //     });\n  //   }\n  // }, [learnosityActivityRef, learnosityItems, navigationMode]);\n\n  // useEffect(() => {\n  //   questions.forEach(question => {\n  //     const { validation, item_reference, type, question_number, metadata } = question;\n  //     const responseNeeded = teacherValidationEnabled ? type !== 'clozetext' : true;\n\n  //     if (responseNeeded && validation?.valid_response) {\n  //       const value = validation.valid_response.value ?? [];\n\n  //       if (value?.length === 0) {\n  //         const altResponses = validation.alt_responses ?? [];\n  //         const hasAltResponse = altResponses.some(altResponse => altResponse.value.length > 0);\n\n  //         if (!hasAltResponse) {\n  //           captureMessage(`Question has no valid response: ${metadata.widget_reference}`, {\n  //             tags: {\n  //               'content-type': 'learnosity',\n  //               'activity-reference': learnosityActivityRef,\n  //               'item-reference': item_reference,\n  //               'question-number': question_number,\n  //               'widget-reference': metadata.widget_reference,\n  //             },\n  //             fingerprint: [`no-valid-response-${metadata.widget_reference}`], // Add unique fingerprint\n  //           });\n  //           loggerRef.current(EVENTS.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {\n  //             item_reference: item_reference,\n  //             widget_reference: metadata.widget_reference,\n  //             question_type: type,\n  //             question_number: question_number,\n  //           });\n  //         }\n  //       }\n  //     }\n  //   });\n  // }, [learnosityActivityRef, loggerRef, questions, teacherValidationEnabled]);\n\n  if (!learnosity) {\n    return null;\n  }\n\n  return (\n    <>\n      {showNudgeBanner && (\n        <Styled.NudgeBannerWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $width=\"100%\"\n          $heightX={1.75}\n          $height={WORKSHEET_NUDGE_BANNER_HEIGHT}\n          $gap={8}\n          $gutter={8}\n          $flexGap={8}\n          $background={nudgeBannerBackgroundColor}\n          $topOffset={layout.topOffset - WORKSHEET_NUDGE_BANNER_HEIGHT}\n        >\n          {markedAsCompleted ? (\n            <Styled.NudgeBannerIcon>\n              <Check2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          ) : (\n            <Styled.NudgeBannerIcon>\n              <Info2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          )}\n\n          <Text $renderAs=\"ub3\">{nudgeBannerLabel}</Text>\n        </Styled.NudgeBannerWrapper>\n      )}\n\n      <Styled.WorksheetContainer $background=\"WHITE_1\" $width={containerWidth}>\n        {navigationBar === 'top' && (\n          <Styled.NavigationContainer $topOffset={topOffset} $height={TOP_NAVIGATION_HEIGHT}>\n            <Styled.NavigationWrapper>\n              <WorksheetNavigation\n                placement=\"top\"\n                questions={questions}\n                responses={responses}\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                behavior={behavior}\n                onItemNumberClick={handleItemNumberClick}\n                userType={userType}\n                summaryVisible={summaryVisible}\n              />\n            </Styled.NavigationWrapper>\n          </Styled.NavigationContainer>\n        )}\n        {blocker && lastUnlockedQuestion && (\n          <Styled.BlockerWrapper $minHeight={minQuestionHeight} $topOffset={topOffset}>\n            <FlexView $width={maxQuestionWidth} $justifyContent=\"center\" $alignItems=\"center\">\n              <WorksheetBlocker\n                blocker={blocker}\n                lastUnlockedQuestion={lastUnlockedQuestion}\n                studentName={studentName}\n                onBlockerClose={handleBlockerClose}\n                onOptionalItemAssignment={onOptionalItemAssignment}\n                onOptionalItemSkip={onOptionalItemSkip}\n                onTeacherValidation={onTeacherValidation}\n              />\n            </FlexView>\n          </Styled.BlockerWrapper>\n        )}\n        {showUserPointer && (\n          <UserPointer\n            activeQuestionIndex={activeQuestionIndex}\n            onClick={handleItemNumberClick}\n            questions={questions}\n            bottomOffset={actionbarHeight}\n            topOffset={topOffset}\n            userType={userType}\n          />\n        )}\n        {showCalculator && (\n          <Styled.DesmosCalcWrapper>\n            <DesmosCalculator initialPosition={DESMOS_CALC_POSITION} onClose={onCalculatorClose} />\n          </Styled.DesmosCalcWrapper>\n        )}\n        <Styled.ActionbarContainer\n          $marginTop={userType === 'TEACHER' && summaryVisible ? '0' : actionbarHeight}\n          $height={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n          $isPuzzleCard={isPuzzleCard}\n        >\n          {maximumAttempts !== -2 && (\n            <QuestionTips\n              width={questionsContainerWidth - 32}\n              question={questions[activeQuestionIndex]}\n              learnosity={learnosity}\n              userType={userType}\n            />\n          )}\n          {canShowActionBar && (\n            <Styled.ActionbarWrapper\n              $height={actionbarHeight}\n              $width={containerStyle === 'card' ? questionsContainerWidth - 32 : '100%'}\n              $isCardView={containerStyle === 'card'}\n            >\n              <FlexView\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n                $width={questionsContainerWidth - 32}\n              >\n                <WorksheetActionBar\n                  userType={userType}\n                  layout={layout}\n                  behavior={behavior}\n                  worksheetName={worksheetName}\n                  questions={questions}\n                  responses={responses}\n                  onCalculatorOpen={onCalculatorOpen}\n                  activeQuestionIndex={activeQuestionIndex}\n                  lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                  appendedQuestionIds={appendedQuestionIds}\n                  learnosity={learnosity}\n                  isCanvasEnabled={isCanvasEnabled}\n                  canSubmitWorksheet={canSubmitWorksheet}\n                  isScribblingEnabled={isScribblingEnabled}\n                  isSummaryVisible={summaryVisible}\n                  setResponses={setResponses}\n                  getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n                  setSummaryVisible={setSummaryVisible}\n                  setBlocker={setBlocker}\n                  setIsScribblingEnabled={setIsScribblingEnabled}\n                  setActiveQuestionId={setActiveQuestionId}\n                  onItemNumberClick={handleItemNumberClick}\n                  onGoToReview={handleOnGoToReview}\n                  onResponseChange={onResponseChange}\n                  onHelp={onHelp}\n                  onTeacherValidation={onTeacherValidation}\n                  onSubmit={onSubmit}\n                  showCalculator={showCalculator}\n                  loggerRef={loggerRef}\n                  onSkip={onSkip}\n                  onUnassign={onUnassign}\n                  onReview={onReview}\n                  canToggleScribbling={canToggleScribbling}\n                />\n              </FlexView>\n            </Styled.ActionbarWrapper>\n          )}\n          {!summaryVisible && questionsScrollable && userType === 'STUDENT' && (\n            <Styled.StudentWorksheetSideBar>\n              {isPuzzleCard && (\n                <FlexView $position=\"relative\">\n                  <QuestionGuide\n                    questionWidth={maxQuestionWidth}\n                    questions={questions}\n                    activeQuestionIndex={activeQuestionIndex}\n                    learnosity={learnosity}\n                    actionbarHeight={actionbarHeight}\n                    loggerRef={loggerRef}\n                    hideSolution\n                  />\n                  <Separator heightX={0.5} />\n                </FlexView>\n              )}\n              <Navigator />\n            </Styled.StudentWorksheetSideBar>\n          )}\n        </Styled.ActionbarContainer>\n        <Styled.QuestionsWrapper\n          $actionbarHeight={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n          $isPuzzleCard={isPuzzleCard}\n        >\n          {getRenderableQuestions({ questions, lastUnlockedQuestionIndex, userType }).map(\n            (question, questionIndex) => {\n              const { response_id: responseId, is_optional } = question;\n              const assignStatus = responses[responseId]?.assignStatus;\n\n              if (behavior.teacherValidationEnabled) {\n                if (assignStatus === 'skipped') return null;\n\n                if (is_optional && assignStatus !== 'assigned' && userType === 'STUDENT') {\n                  return null;\n                }\n              }\n\n              return (\n                <WorksheetQuestion\n                  key={responseId}\n                  signedRequest={questionsSignedRequest}\n                  userType={userType}\n                  worksheetCompleted={worksheetCompleted}\n                  question={question}\n                  response={responses[responseId]}\n                  nextQuestionId={\n                    navigationMode === 'ADAPTIVE' || navigationMode === 'CURRENT'\n                      ? lastUnlockedQuestion?.response_id\n                      : questionIndex < lastUnlockedQuestionIndex\n                        ? questions[questionIndex + 1]?.response_id\n                        : undefined\n                  }\n                  maxQuestionWidth={maxQuestionWidth}\n                  learnosity={learnosity}\n                  isActive={responseId === activeQuestionId}\n                  isHidden={\n                    (!questionsScrollable && responseId !== activeQuestionId) || summaryVisible\n                  }\n                  canRender={\n                    activeQuestionIndex > -1 &&\n                    (questionIndex === activeQuestionIndex ||\n                      (navigationMode !== 'CURRENT' && questionIndex === activeQuestionIndex + 1))\n                  }\n                  background={background}\n                  appended={appendedQuestionIds.includes(responseId)}\n                  behavior={behavior}\n                  layout={layout}\n                  actionbarHeight={actionbarHeight}\n                  intersectionObserver={intersectionObserver}\n                  onMarkForReview={handleMarkForReview}\n                  onMediaStateChange={handleMediaStateChange}\n                  userId={userId}\n                  isScribblingEnabled={isScribblingEnabled}\n                  onPublishStrokes={onPublishStrokes}\n                  onReceiveStrokes={onReceiveStrokes}\n                  initialStrokesData={initialStrokesData}\n                  isCanvasEnabled={isCanvasEnabled}\n                  onPublishMouseMove={onPublishMouseMove}\n                  onSubscribeMouseMove={onSubscribeMouseMove}\n                  setActiveQuestionId={setActiveQuestionId}\n                  canResolveDoubt={canResolveDoubt}\n                  onResolveDoubt={onResolveDoubt}\n                  studentId={studentId}\n                  subjectiveProps={subjectiveProps}\n                  responses={responses}\n                  loggerRef={loggerRef}\n                />\n              );\n            },\n          )}\n          {summaryVisible && (\n            <WorksheetSummary\n              worksheetName={worksheetName}\n              questions={questions}\n              responses={responses}\n              activeQuestionIndex={activeQuestionIndex}\n              lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n              onItemNumberClick={handleItemNumberClick}\n              behavior={behavior}\n              minHeight={minSummaryHeight}\n              summaryDescription={summaryDescription}\n              summaryVisible={summaryVisible}\n            />\n          )}\n        </Styled.QuestionsWrapper>\n        {!summaryVisible && renderSideBar && (\n          <WorksheetSideBar\n            questionWidth={maxQuestionWidth}\n            questions={questions}\n            activeQuestionIndex={activeQuestionIndex}\n            learnosity={learnosity}\n            userType={userType}\n            height={minQuestionHeight}\n            actionbarHeight={actionbarHeight}\n            openQuestionFeedbackModal={openQuestionFeedbackModal}\n            loggerRef={loggerRef}\n          />\n        )}\n      </Styled.WorksheetContainer>\n    </>\n  );\n};\n\nconst Worksheet = memo(forwardRef(WorksheetComp));\n\nexport default Worksheet;\n"],"names":["WorksheetComp","props","ref","userType","studentName","questionsSignedRequest","worksheetName","initialResponseId","initialItemIndex","learnosityItems","learnosityResponses","layout","background","behavior","updatedResponses","showNudgeBanner","markedAsCompleted","onResponseChange","onBulkResponsesChange","onResponsesChange","onMediaStateChange","onTeacherValidation","onOptionalItemAssignment","onOptionalItemSkip","onExitTicketStart","onExitTicketSubmit","onSubmit","learnosity","appendedQuestionIds","worksheetCompleted","userId","onPublishStrokes","onReceiveStrokes","initialStrokesData","isCanvasEnabled","onHelp","onPublishMouseMove","onSubscribeMouseMove","onActiveQuestionChange","openQuestionFeedbackModal","summaryDescription","canSubmitWorksheet","loggerRef","canResolveDoubt","onResolveDoubt","onSkip","onUnassign","onReview","canToggleScribbling","studentId","subjectiveProps","canShowActionBar","initialQuestion","navigationMode","teacherValidationEnabled","maximumAttempts","containerStyle","containerWidth","minQuestionHeight","minSummaryHeight","questionsScrollable","navigationBar","topOffset","renderSideBar","showUserPointer","isPuzzleCard","actionbarHeight","maxQuestionWidth","questionsContainerWidth","useMemo","getWorksheetDimensions","questions","useState","getQuestionsFromItems","responses","setResponses","getInitialResponses","isScribblingEnabled","setIsScribblingEnabled","lastUnlockedQuestionIndex","getLastUnlockedQuestionIndex","lastUnlockedQuestion","lastUnlockedQuestionResponse","nudgeBannerBackgroundColor","nudgeBannerLabel","getWorksheetNudgeBannerInfo","initialQuestionId","getInitialQuestionId","activeQuestionId","setActiveQuestionId","intersectionObserver","useGetActiveQuestionId","activeQuestionIndex","question","summaryVisible","setSummaryVisible","blocker","setBlocker","showCalculator","setShowCalculator","getTimeSpentOnQuestion","useTimeSpentOnQuestions","handleMediaStateChange","useCallback","mediaType","mediaState","key","prevResponses","questionId","questionMeta","getQuestionMetadata","updatedResponse","handleMarkForReview","markedForReview","handleBlockerClose","prevBlocker","lastUnlockedQuestionId","_a","scrollToQuestion","handleItemNumberClick","onCalculatorClose","onCalculatorOpen","handleOnGoToReview","useEffect","activeQuestion","useCreateImperativeHandle","useLayoutEffect","timer","getDeviceDetails","item_type","instructor_stimulus","is_optional","jsxs","Fragment","Styled.NudgeBannerWrapper","WORKSHEET_NUDGE_BANNER_HEIGHT","jsx","Styled.NudgeBannerIcon","Check2Icon","Info2Icon","Text","Styled.WorksheetContainer","Styled.NavigationContainer","TOP_NAVIGATION_HEIGHT","Styled.NavigationWrapper","WorksheetNavigation","Styled.BlockerWrapper","FlexView","WorksheetBlocker","UserPointer","Styled.DesmosCalcWrapper","DesmosCalculator","DESMOS_CALC_POSITION","Styled.ActionbarContainer","QuestionTips","Styled.ActionbarWrapper","WorksheetActionBar","Styled.StudentWorksheetSideBar","QuestionGuide","Separator","Navigator","Styled.QuestionsWrapper","getRenderableQuestions","questionIndex","responseId","assignStatus","WorksheetQuestion","_b","WorksheetSummary","WorksheetSideBar","Worksheet","memo","forwardRef"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.2.32",
+  "version": "3.2.33-beta-0.2",
   "type": "module",
   "files": [
     "dist"