@cuemath/leap 3.5.30-gg4 → 3.5.30-j1

package/dist/features/worksheet/worksheet/question-tips.js

@@ -1,100 +1,99 @@
-import { jsx as i, jsxs as g } from "react/jsx-runtime";
-import { memo as T, useRef as f, useState as y, useMemo as C, useCallback as k, useLayoutEffect as E, useEffect as w } from "react";
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { memo as T, useRef as u, useState as C, useMemo as E, useCallback as k, useLayoutEffect as I, useEffect as w } from "react";
 import l from "styled-components";
-import I from "../../../assets/line-icons/icons/up.js";
+import y from "../../../assets/line-icons/icons/up.js";
 import _ from "../../ui/buttons/clickable/clickable.js";
-import u from "../../ui/layout/flex-view.js";
-import { ACTION_BAR_HEIGHT as m } from "./constants.js";
-import { useWorksheetStore as R } from "./hooks/use-worksheet-store.js";
-import { CustomElement as A } from "./worksheet-question/worksheet-question-styled.js";
-const H = l(u)(({ $isExpanded: n, theme: e }) => {
-  const { layout: c, colors: t, zIndex: d } = e;
+import d from "../../ui/layout/flex-view.js";
+import { ACTION_BAR_HEIGHT as f } from "./constants.js";
+import { CustomElement as R } from "./worksheet-question/worksheet-question-styled.js";
+const A = l(d)(({ $isExpanded: e, theme: t }) => {
+  const { layout: o, colors: i, zIndex: a } = t;
   return `
     position: absolute;
     bottom: 0px;
-    z-index: ${d.QUESTION_TIPS};
-    max-height: calc(${c.gutter * 2}px + ${m}px);
+    z-index: ${a.QUESTION_TIPS};
+    max-height: calc(${o.gutter * 2}px + ${f}px);
     
     border-radius: 6px 6px 0px 0px;
-    background: ${t.REAL_BLACK_60};
+    background: ${i.REAL_BLACK_60};
     backdrop-filter: blur(8px);
     align-self: center;
     
-    ${n && `
-        max-height: calc(${c.gutter * 15.625}px + ${m}px);
+    ${e && `
+        max-height: calc(${o.gutter * 15.625}px + ${f}px);
         overflow-y: auto;
 
         @supports selector(::-webkit-scrollbar) {
           &::-webkit-scrollbar {
             border-top-right-radius: 6px;
             width: 8px;
-            background-color: ${t.WHITE};
+            background-color: ${i.WHITE};
           }
   
           &::-webkit-scrollbar-thumb {
             border-top-right-radius: 6px;
             border-bottom-right-radius: 6px;
-            background: ${t.REAL_BLACK_60};
+            background: ${i.REAL_BLACK_60};
           }
         }
       `}
   `;
-}), L = l(u)`
+}), H = l(d)`
   padding: 8px 12px;
 
   & * {
     background-color: transparent !important;
   }
-`, S = l(A)(
-  ({ theme: n, $isExpanded: e }) => `
-    color: ${n.colors.WHITE};
-    padding: 0px 0px ${m}px;
-    ${e ? "" : "& > * { display: inline; }"}
+`, L = l(R)(
+  ({ theme: e, $isExpanded: t }) => `
+    color: ${e.colors.WHITE};
+    padding: 0px 0px ${f}px;
+    ${t ? "" : "& > * { display: inline; }"}
     font-family: 'UntitledSans-Regular';
 
     &::before {
       content: 'CUE DON’T TELL:';
       font-family: 'Athletics-Bold';
       margin-right: 8px;
-      ${e ? " display: block; margin-bottom: 8px;" : ""}
+      ${t ? " display: block; margin-bottom: 8px;" : ""}
     }
   `
-), W = l(u)`
+), S = l(d)`
   position: sticky;
   top: 8px;
-`, v = l(I)(({ $isExpanded: n, theme: e }) => `
-    transform: rotate(${n ? 180 : 0}deg);
+`, v = l(y)(({ $isExpanded: e, theme: t }) => `
+    transform: rotate(${e ? 180 : 0}deg);
     transition: transform 0.3s ease;
-    color: ${e.colors.WHITE};
+    color: ${t.colors.WHITE};
     cursor: pointer;
-  `), O = T(function() {
-  const { learnosity: e, width: c, question: t, userType: d } = R((o) => ({
-    learnosity: o.learnosity,
-    width: o.questionsContainerWidth - 32,
-    question: o.questions[o.activeQuestionIndex],
-    userType: o.userType
-  })), $ = f(null), a = f(null), x = f(""), [s, h] = y(!1), { teacher_tips: r } = (t == null ? void 0 : t.metadata) || {};
-  r && e.renderMath("mathjax");
-  const p = C(() => r == null ? void 0 : r.toString(), [r]), b = k(() => {
-    x.current && a.current && h((o) => !o);
+  `), N = T(function({
+  width: t,
+  question: o,
+  userType: i,
+  learnosity: a
+}) {
+  const h = u(null), s = u(null), m = u(""), [c, x] = C(!1), { teacher_tips: r } = (o == null ? void 0 : o.metadata) || {};
+  r && a.renderMath("mathjax");
+  const p = E(() => r == null ? void 0 : r.toString(), [r]), b = k(() => {
+    m.current && s.current && x(($) => !$);
   }, []);
-  return E(() => {
-    a.current && r && (x.current = a.current.textContent);
-  }, [e, r]), w(() => {
-    p || h(!1);
-  }, [p]), d !== "TEACHER" || !p ? null : /* @__PURE__ */ i(H, { ref: $, $width: c, $isExpanded: s, children: /* @__PURE__ */ i(_, { label: "Teacher Tip", onClick: s ? void 0 : b, children: /* @__PURE__ */ g(L, { $flexDirection: "row", $flexGap: 10, $justifyContent: "space-between", children: [
-    /* @__PURE__ */ i(u, { $flexDirection: "row", $flexGap: 5, children: /* @__PURE__ */ i(
-      S,
+  return I(() => {
+    s.current && r && (m.current = s.current.textContent);
+  }, [a, r]), w(() => {
+    p || x(!1);
+  }, [p]), i !== "TEACHER" || !p ? null : /* @__PURE__ */ n(A, { ref: h, $width: t, $isExpanded: c, children: /* @__PURE__ */ n(_, { label: "Teacher Tip", onClick: c ? void 0 : b, children: /* @__PURE__ */ g(H, { $flexDirection: "row", $flexGap: 10, $justifyContent: "space-between", children: [
+    /* @__PURE__ */ n(d, { $flexDirection: "row", $flexGap: 5, children: /* @__PURE__ */ n(
+      L,
       {
-        ref: a,
+        ref: s,
         dangerouslySetInnerHTML: { __html: p },
-        $isExpanded: s
+        $isExpanded: c
       }
     ) }),
-    /* @__PURE__ */ i(W, { $width: 20, $height: 20, children: /* @__PURE__ */ i(v, { $isExpanded: s, onClick: s ? b : void 0 }) })
+    /* @__PURE__ */ n(S, { $width: 20, $height: 20, children: /* @__PURE__ */ n(v, { $isExpanded: c, onClick: c ? b : void 0 }) })
   ] }) }) });
 });
 export {
-  O as default
+  N as default
 };
 //# sourceMappingURL=question-tips.js.map

package/dist/features/worksheet/worksheet/question-tips.js.map

@@ -1 +1 @@
-{"version":3,"file":"question-tips.js","sources":["../../../../src/features/worksheet/worksheet/question-tips.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\nimport styled from 'styled-components';\n\nimport UpIcon from '../../../assets/line-icons/icons/up';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { ACTION_BAR_HEIGHT } from './constants';\nimport { useWorksheetStore } from './hooks/use-worksheet-store';\nimport { CustomElement } from './worksheet-question/worksheet-question-styled';\n\ntype TStyledComponentProps = {\n  $isExpanded: boolean;\n};\n\nconst Wrapper = styled(FlexView)<TStyledComponentProps>(({ $isExpanded, theme }) => {\n  const { layout, colors, zIndex } = theme;\n\n  return `\n    position: absolute;\n    bottom: 0px;\n    z-index: ${zIndex.QUESTION_TIPS};\n    max-height: calc(${layout.gutter * 2}px + ${ACTION_BAR_HEIGHT}px);\n    \n    border-radius: 6px 6px 0px 0px;\n    background: ${colors.REAL_BLACK_60};\n    backdrop-filter: blur(8px);\n    align-self: center;\n    \n    ${\n      $isExpanded &&\n      `\n        max-height: calc(${layout.gutter * 15.625}px + ${ACTION_BAR_HEIGHT}px);\n        overflow-y: auto;\n\n        @supports selector(::-webkit-scrollbar) {\n          &::-webkit-scrollbar {\n            border-top-right-radius: 6px;\n            width: 8px;\n            background-color: ${colors.WHITE};\n          }\n  \n          &::-webkit-scrollbar-thumb {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n            background: ${colors.REAL_BLACK_60};\n          }\n        }\n      `\n    }\n  `;\n});\n\nconst Header = styled(FlexView)`\n  padding: 8px 12px;\n\n  & * {\n    background-color: transparent !important;\n  }\n`;\n\nconst TipText = styled(CustomElement)<TStyledComponentProps>(\n  ({ theme, $isExpanded }) => `\n    color: ${theme.colors.WHITE};\n    padding: 0px 0px ${ACTION_BAR_HEIGHT}px;\n    ${$isExpanded ? '' : `& > * { display: inline; }`}\n    font-family: 'UntitledSans-Regular';\n\n    &::before {\n      content: 'CUE DON’T TELL:';\n      font-family: 'Athletics-Bold';\n      margin-right: 8px;\n      ${$isExpanded ? ` display: block; margin-bottom: 8px;` : ''}\n    }\n  `,\n);\n\nconst ChevIconWrapper = styled(FlexView)`\n  position: sticky;\n  top: 8px;\n`;\n\nconst ChevIcon = styled(UpIcon)<TStyledComponentProps>(({ $isExpanded, theme }) => {\n  return `\n    transform: rotate(${$isExpanded ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n    color: ${theme.colors.WHITE};\n    cursor: pointer;\n  `;\n});\n\nconst QuestionTips: FC = memo(function QuestionTips() {\n  const { learnosity, width, question, userType } = useWorksheetStore(state => ({\n    learnosity: state.learnosity,\n    width: state.questionsContainerWidth - 32,\n    question: state.questions[state.activeQuestionIndex],\n    userType: state.userType,\n  }));\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tipRef = useRef<HTMLDivElement>(null);\n  const tipContentRef = useRef<string | null>('');\n\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const { teacher_tips: tips } = question?.metadata || {};\n\n  if (tips) {\n    learnosity.renderMath('mathjax');\n  }\n\n  const tipsMemoized = useMemo(() => {\n    return tips?.toString();\n  }, [tips]);\n\n  const handleClick = useCallback(() => {\n    if (tipContentRef.current && tipRef.current) {\n      setMenuVisible(prev => !prev);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    if (tipRef.current && tips) {\n      tipContentRef.current = tipRef.current.textContent;\n    }\n  }, [learnosity, tips]);\n\n  useEffect(() => {\n    if (!tipsMemoized) {\n      setMenuVisible(false);\n    }\n  }, [tipsMemoized]);\n\n  if (userType !== 'TEACHER' || !tipsMemoized) return null;\n\n  return (\n    <Wrapper ref={containerRef} $width={width} $isExpanded={menuVisible}>\n      <Clickable label=\"Teacher Tip\" onClick={!menuVisible ? handleClick : undefined}>\n        <Header $flexDirection=\"row\" $flexGap={10} $justifyContent=\"space-between\">\n          <FlexView $flexDirection=\"row\" $flexGap={5}>\n            <TipText\n              ref={tipRef}\n              dangerouslySetInnerHTML={{ __html: tipsMemoized }}\n              $isExpanded={menuVisible}\n            />\n          </FlexView>\n\n          <ChevIconWrapper $width={20} $height={20}>\n            <ChevIcon $isExpanded={menuVisible} onClick={menuVisible ? handleClick : undefined} />\n          </ChevIconWrapper>\n        </Header>\n      </Clickable>\n    </Wrapper>\n  );\n});\n\nexport default QuestionTips;\n"],"names":["Wrapper","styled","FlexView","$isExpanded","theme","layout","colors","zIndex","ACTION_BAR_HEIGHT","Header","TipText","CustomElement","ChevIconWrapper","ChevIcon","UpIcon","QuestionTips","memo","learnosity","width","question","userType","useWorksheetStore","state","containerRef","useRef","tipRef","tipContentRef","menuVisible","setMenuVisible","useState","tips","tipsMemoized","useMemo","handleClick","useCallback","prev","useLayoutEffect","useEffect","jsx","Clickable","jsxs"],"mappings":"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"}
+{"version":3,"file":"question-tips.js","sources":["../../../../src/features/worksheet/worksheet/question-tips.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\nimport styled from 'styled-components';\n\nimport UpIcon from '../../../assets/line-icons/icons/up';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport type { TUserTypes } from '../../ui/types';\nimport { ACTION_BAR_HEIGHT } from './constants';\nimport { CustomElement } from './worksheet-question/worksheet-question-styled';\nimport type { ILearnosity, IWorksheetQuestion } from './worksheet-types';\n\ntype TStyledComponentProps = {\n  $isExpanded: boolean;\n};\n\nconst Wrapper = styled(FlexView)<TStyledComponentProps>(({ $isExpanded, theme }) => {\n  const { layout, colors, zIndex } = theme;\n\n  return `\n    position: absolute;\n    bottom: 0px;\n    z-index: ${zIndex.QUESTION_TIPS};\n    max-height: calc(${layout.gutter * 2}px + ${ACTION_BAR_HEIGHT}px);\n    \n    border-radius: 6px 6px 0px 0px;\n    background: ${colors.REAL_BLACK_60};\n    backdrop-filter: blur(8px);\n    align-self: center;\n    \n    ${\n      $isExpanded &&\n      `\n        max-height: calc(${layout.gutter * 15.625}px + ${ACTION_BAR_HEIGHT}px);\n        overflow-y: auto;\n\n        @supports selector(::-webkit-scrollbar) {\n          &::-webkit-scrollbar {\n            border-top-right-radius: 6px;\n            width: 8px;\n            background-color: ${colors.WHITE};\n          }\n  \n          &::-webkit-scrollbar-thumb {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n            background: ${colors.REAL_BLACK_60};\n          }\n        }\n      `\n    }\n  `;\n});\n\nconst Header = styled(FlexView)`\n  padding: 8px 12px;\n\n  & * {\n    background-color: transparent !important;\n  }\n`;\n\nconst TipText = styled(CustomElement)<TStyledComponentProps>(\n  ({ theme, $isExpanded }) => `\n    color: ${theme.colors.WHITE};\n    padding: 0px 0px ${ACTION_BAR_HEIGHT}px;\n    ${$isExpanded ? '' : `& > * { display: inline; }`}\n    font-family: 'UntitledSans-Regular';\n\n    &::before {\n      content: 'CUE DON’T TELL:';\n      font-family: 'Athletics-Bold';\n      margin-right: 8px;\n      ${$isExpanded ? ` display: block; margin-bottom: 8px;` : ''}\n    }\n  `,\n);\n\nconst ChevIconWrapper = styled(FlexView)`\n  position: sticky;\n  top: 8px;\n`;\n\nconst ChevIcon = styled(UpIcon)<TStyledComponentProps>(({ $isExpanded, theme }) => {\n  return `\n    transform: rotate(${$isExpanded ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n    color: ${theme.colors.WHITE};\n    cursor: pointer;\n  `;\n});\n\ninterface IQuestionTips {\n  width: number | string;\n  userType: TUserTypes;\n  learnosity: ILearnosity;\n  question?: IWorksheetQuestion;\n}\n\nconst QuestionTips: FC<IQuestionTips> = memo(function QuestionTips({\n  width,\n  question,\n  userType,\n  learnosity,\n}) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tipRef = useRef<HTMLDivElement>(null);\n  const tipContentRef = useRef<string | null>('');\n\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const { teacher_tips: tips } = question?.metadata || {};\n\n  if (tips) {\n    learnosity.renderMath('mathjax');\n  }\n\n  const tipsMemoized = useMemo(() => {\n    return tips?.toString();\n  }, [tips]);\n\n  const handleClick = useCallback(() => {\n    if (tipContentRef.current && tipRef.current) {\n      setMenuVisible(prev => !prev);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    if (tipRef.current && tips) {\n      tipContentRef.current = tipRef.current.textContent;\n    }\n  }, [learnosity, tips]);\n\n  useEffect(() => {\n    if (!tipsMemoized) {\n      setMenuVisible(false);\n    }\n  }, [tipsMemoized]);\n\n  if (userType !== 'TEACHER' || !tipsMemoized) return null;\n\n  return (\n    <Wrapper ref={containerRef} $width={width} $isExpanded={menuVisible}>\n      <Clickable label=\"Teacher Tip\" onClick={!menuVisible ? handleClick : undefined}>\n        <Header $flexDirection=\"row\" $flexGap={10} $justifyContent=\"space-between\">\n          <FlexView $flexDirection=\"row\" $flexGap={5}>\n            <TipText\n              ref={tipRef}\n              dangerouslySetInnerHTML={{ __html: tipsMemoized }}\n              $isExpanded={menuVisible}\n            />\n          </FlexView>\n\n          <ChevIconWrapper $width={20} $height={20}>\n            <ChevIcon $isExpanded={menuVisible} onClick={menuVisible ? handleClick : undefined} />\n          </ChevIconWrapper>\n        </Header>\n      </Clickable>\n    </Wrapper>\n  );\n});\n\nexport default QuestionTips;\n"],"names":["Wrapper","styled","FlexView","$isExpanded","theme","layout","colors","zIndex","ACTION_BAR_HEIGHT","Header","TipText","CustomElement","ChevIconWrapper","ChevIcon","UpIcon","QuestionTips","memo","width","question","userType","learnosity","containerRef","useRef","tipRef","tipContentRef","menuVisible","setMenuVisible","useState","tips","tipsMemoized","useMemo","handleClick","useCallback","prev","useLayoutEffect","useEffect","jsx","Clickable","jsxs"],"mappings":"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"}

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

@@ -1,117 +1,161 @@
-import { jsx as o, jsxs as c, Fragment as d } from "react/jsx-runtime";
-import { memo as V, useCallback as b } from "react";
-import A from "../../../../assets/line-icons/icons/calculator.js";
-import T from "../../../../assets/line-icons/icons/down.js";
-import q from "../../../../assets/line-icons/icons/up.js";
-import j from "../../../cue-canvas/toolbar/toolbar.js";
-import D from "../../../ui/buttons/button/button.js";
-import E from "../../../ui/layout/flex-view.js";
-import { useWorksheetStore as F } from "../hooks/use-worksheet-store.js";
-import N from "../worksheet-questions-controller/scribble-switch.js";
-import G from "../worksheet-questions-controller/worksheet-questions-controller.js";
-import _ from "../worksheet-questions-summary/worksheet-questions-summary.js";
-import { IconContainer as z, SummaryWrapper as O } from "../worksheet-styled.js";
-import P from "../worksheet-summary-controller/worksheet-summary-controller.js";
-const se = V(function(f) {
+import { jsx as e, jsxs as b, Fragment as T } from "react/jsx-runtime";
+import { memo as K, useState as L, useCallback as r } from "react";
+import M from "../../../../assets/line-icons/icons/calculator.js";
+import Y from "../../../../assets/line-icons/icons/down.js";
+import Z from "../../../../assets/line-icons/icons/up.js";
+import ee from "../../../cue-canvas/toolbar/toolbar.js";
+import oe from "../../../ui/buttons/button/button.js";
+import ne from "../../../ui/layout/flex-view.js";
+import { scrollToQuestion as te } from "../worksheet-helpers.js";
+import se from "../worksheet-questions-controller/scribble-switch.js";
+import ie from "../worksheet-questions-controller/worksheet-questions-controller.js";
+import re from "../worksheet-questions-summary/worksheet-questions-summary.js";
+import { IconContainer as ae, SummaryWrapper as le } from "../worksheet-styled.js";
+import ce from "../worksheet-summary-controller/worksheet-summary-controller.js";
+const Qe = K(function(A) {
   const {
-    behavior: S,
-    layout: g,
-    activeQuestionIndex: a,
-    questions: n,
-    userType: k,
-    summaryVisible: s,
-    toggleSummary: l,
-    changeQuestion: u,
-    calculatorVisible: y,
-    showCalculator: w,
-    worksheetName: Q,
-    onSubmit: r,
-    canSubmitWorksheet: C,
-    responses: t,
-    appendedQuestionIds: I,
-    scribblingEnabled: v
-  } = F((e) => ({
-    behavior: e.behavior,
-    layout: e.layout,
-    activeQuestionIndex: e.activeQuestionIndex,
-    questions: e.questions,
-    userType: e.userType,
-    summaryVisible: e.summaryVisible,
-    toggleSummary: e.toggleSummary,
-    changeQuestion: e.changeQuestion,
-    calculatorVisible: e.calculatorVisible,
-    showCalculator: e.showCalculator,
-    worksheetName: e.worksheetName,
-    onSubmit: e.onSubmit,
-    canSubmitWorksheet: e.canSubmitWorksheet,
-    responses: e.responses,
-    appendedQuestionIds: e.appendedQuestionIds,
-    scribblingEnabled: e.scribblingEnabled
-  })), { getTimeSpentOnQuestion: W } = f, { navigationBar: x } = g, m = n[a], { response_id: i } = m ?? {}, $ = i ? I.includes(i) : !1, B = b(() => {
-    var h;
-    const e = (h = n[n.length - 1]) == null ? void 0 : h.response_id;
-    e && u(e);
-  }, [u, n]), p = b(() => {
-    r == null || r(t);
-  }, [r, t]);
-  return s ? /* @__PURE__ */ o(
-    P,
+    userType: c,
+    layout: f,
+    behavior: t,
+    worksheetName: W,
+    questions: o,
+    responses: s,
+    activeQuestionIndex: i,
+    lastUnlockedQuestionIndex: h,
+    appendedQuestionIds: $,
+    learnosity: R,
+    isScribblingEnabled: S,
+    isSummaryVisible: k,
+    setIsScribblingEnabled: q,
+    setActiveQuestionId: m,
+    setResponses: E,
+    getTimeSpentOnQuestion: O,
+    setBlocker: V,
+    setSummaryVisible: u,
+    showCalculator: j,
+    onItemNumberClick: C,
+    onTeacherValidation: F,
+    onGoToReview: I,
+    onResponseChange: G,
+    onHelp: N,
+    onSubmit: a,
+    onCalculatorOpen: D,
+    canSubmitWorksheet: g,
+    loggerRef: y,
+    onSkip: U,
+    actionBarRightElement: _
+  } = A, { navigationBar: z, questionsScrollable: v } = f, d = o[i], { response_id: l } = d ?? {}, [w, p] = L(!1), H = l ? $.includes(l) : !1, P = r(
+    (n) => {
+      p(!1), C(n);
+    },
+    [C]
+  ), X = r(() => {
+    p(!1), I();
+  }, [I]), Q = r(() => {
+    p((n) => !n);
+  }, []), J = r(() => {
+    var x;
+    u(!1);
+    const n = (x = o[o.length - 1]) == null ? void 0 : x.response_id;
+    n && (v ? requestAnimationFrame(() => te(n)) : m(n));
+  }, [o, v, m, u]), B = r(() => {
+    a == null || a(s);
+  }, [a, s]);
+  return k ? /* @__PURE__ */ e(
+    ce,
     {
-      onBack: B,
-      onSubmit: p,
-      canSubmitWorksheet: !!C
+      onBack: J,
+      behavior: t,
+      onSubmit: B,
+      canSubmitWorksheet: !!g
     }
-  ) : /* @__PURE__ */ c(d, { children: [
-    /* @__PURE__ */ c(E, { $flexDirection: "row", $flexGap: 12, children: [
-      /* @__PURE__ */ o(N, {}),
-      S.canShowDesmosCalc && /* @__PURE__ */ o(
-        z,
+  ) : /* @__PURE__ */ b(T, { children: [
+    /* @__PURE__ */ b(ne, { $flexDirection: "row", $flexGap: 12, children: [
+      /* @__PURE__ */ e(
+        se,
         {
-          $active: y,
+          isScribblingEnabled: S,
+          setIsScribblingEnabled: q,
+          isCanvasEnabled: !!t.canvasEnabled,
+          loggerRef: y,
+          canToggleScribbling: t.canScribble
+        }
+      ),
+      t.canShowDesmosCalc && /* @__PURE__ */ e(
+        ae,
+        {
+          $active: j,
           $alignItems: "center",
           $justifyContent: "space-between",
-          onClick: w,
-          children: /* @__PURE__ */ o(A, {})
+          onClick: D,
+          children: /* @__PURE__ */ e(M, {})
         }
       )
     ] }),
-    v && /* @__PURE__ */ o(j, { userType: k, renderAs: "canvas" }),
-    x === "bottom" && /* @__PURE__ */ c(d, { children: [
-      s && /* @__PURE__ */ o(O, { $alignItems: "center", children: /* @__PURE__ */ o(
-        _,
+    S && /* @__PURE__ */ e(ee, { userType: c, renderAs: "canvas" }),
+    z === "bottom" && /* @__PURE__ */ b(T, { children: [
+      w && /* @__PURE__ */ e(le, { $alignItems: "center", children: /* @__PURE__ */ e(
+        re,
         {
-          worksheetName: Q,
-          onClose: l,
-          showGoToReview: !0
+          activeQuestionIndex: i,
+          lastUnlockedQuestionIndex: h,
+          onItemNumberClick: P,
+          questions: o,
+          responses: s,
+          worksheetName: W,
+          behavior: t,
+          userType: c,
+          onClose: Q,
+          onGoToReview: X,
+          summaryVisible: k
         }
       ) }),
-      /* @__PURE__ */ o(
-        D,
+      /* @__PURE__ */ e(
+        oe,
         {
           renderAs: "secondary",
           widthX: 13.25,
-          label: `Question ${a + 1} of ${n.length}`,
+          label: `Question ${i + 1} of ${o.length}`,
           size: "small",
-          Icon: s ? T : q,
+          Icon: w ? Y : Z,
           iconPosition: "right",
           justifyContent: "space-between",
-          onClick: l
+          onClick: Q
         }
       )
     ] }),
-    m && i && /* @__PURE__ */ o(
-      G,
+    d && l && /* @__PURE__ */ e(
+      ie,
       {
-        question: m,
-        isQuestionAppended: $,
-        response: t[i],
-        onSubmit: p,
-        getTimeSpentOnQuestion: W
+        learnosity: R,
+        question: d,
+        questions: o,
+        responses: s,
+        canSubmitWorksheet: g,
+        questionIndex: i,
+        isQuestionAppended: H,
+        isQuestionUnlocked: i <= h,
+        response: s[l],
+        behavior: t,
+        userType: c,
+        layout: f,
+        onResponseChange: G,
+        onTeacherValidation: F,
+        onHelp: N,
+        onSubmit: B,
+        setActiveQuestionId: m,
+        setBlocker: V,
+        setSummaryVisible: u,
+        setResponses: E,
+        getTimeSpentOnQuestion: O,
+        loggerRef: y,
+        onSkip: U,
+        actionBarRightElement: _
       }
     )
   ] });
 });
 export {
-  se as default
+  Qe as default
 };
 //# sourceMappingURL=worksheet-action-bar.js.map

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

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

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

@@ -1,49 +1,60 @@
-import { jsx as t } from "react/jsx-runtime";
-import { memo as d } from "react";
-import f from "../../../ui/layout/flex-view.js";
-import { useWorksheetStore as h } from "../hooks/use-worksheet-store.js";
-import { BlockerWrapper as I } from "../worksheet-styled.js";
-import O from "./worksheet-blocker-view.js";
-const H = d(function() {
+import { jsx as e } from "react/jsx-runtime";
+import { memo as u, useCallback as x } from "react";
+import f from "./blockers/exit-ticket-intervention.js";
+import d from "./blockers/exit-ticket-review.js";
+import w from "./blockers/exit-ticket-review-available.js";
+import E from "./blockers/exit-ticket-student-submission.js";
+import T from "./blockers/optional-items-assignment.js";
+import v from "./blockers/optional-items-skip.js";
+const B = u(function(m) {
   const {
-    blocker: o,
-    removeBlocker: i,
-    questions: l,
-    lastUnlockedQuestionIndex: m,
-    minQuestionHeight: s,
-    topOffset: r,
-    maxQuestionWidth: a,
-    studentName: c,
-    onOptionalItemAssignment: u,
-    onOptionalItemSkip: k,
-    onTeacherValidation: p
-  } = h((e) => ({
-    blocker: e.blocker,
-    removeBlocker: e.removeBlocker,
-    questions: e.questions,
-    lastUnlockedQuestionIndex: e.lastUnlockedQuestionIndex,
-    minQuestionHeight: e.layout.minQuestionHeight,
-    topOffset: e.layout.topOffset,
-    maxQuestionWidth: e.maxQuestionWidth,
-    studentName: e.studentName,
-    onOptionalItemAssignment: e.onOptionalItemAssignment,
-    onOptionalItemSkip: e.onOptionalItemSkip,
-    onTeacherValidation: e.onTeacherValidation
-  })), n = l[m];
-  return !o || !n ? null : /* @__PURE__ */ t(I, { $minHeight: s, $topOffset: r, children: /* @__PURE__ */ t(f, { $width: a, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ t(
-    O,
-    {
-      blocker: o,
-      lastUnlockedQuestion: n,
-      studentName: c,
-      onBlockerClose: i,
-      onOptionalItemAssignment: u,
-      onOptionalItemSkip: k,
-      onTeacherValidation: p
-    }
-  ) }) });
+    studentName: t,
+    lastUnlockedQuestion: c,
+    blocker: a,
+    onBlockerClose: i,
+    onOptionalItemAssignment: l,
+    onOptionalItemSkip: n,
+    onTeacherValidation: o
+  } = m, { item_type: r, response_id: s } = c, k = x(
+    (p) => {
+      o == null || o(s, p);
+    },
+    [o, s]
+  );
+  switch (a) {
+    case "exit-ticket-teacher-intervention":
+      return /* @__PURE__ */ e(f, { studentName: t, onViewExitTicket: i });
+    case "exit-ticket-student-submission":
+      return /* @__PURE__ */ e(E, { onViewExitTicket: i });
+    case "exit-ticket-review-available":
+      return /* @__PURE__ */ e(w, { studentName: t, onViewExitTicket: i });
+    case "exit-ticket-review":
+      return /* @__PURE__ */ e(d, { studentName: t, onViewExitValidate: k });
+    case "optional-items-assignment":
+      return /* @__PURE__ */ e(
+        T,
+        {
+          studentName: t,
+          itemType: r,
+          onAssign: l,
+          onSkip: n
+        }
+      );
+    case "optional-items-skip":
+      return /* @__PURE__ */ e(
+        v,
+        {
+          studentName: t,
+          itemType: r,
+          onSkip: n,
+          onCancel: i
+        }
+      );
+    default:
+      return null;
+  }
 });
 export {
-  H as default
+  B as default
 };
 //# sourceMappingURL=worksheet-blocker.js.map