@cuemath/leap 3.2.0-aa2 → 3.2.0

package/dist/features/ui/modals/modal-provider.js

@@ -1,52 +1,51 @@
-import { jsx as c, jsxs as E } from "react/jsx-runtime";
-import { memo as b, useState as f, useRef as S, useCallback as u, useMemo as x, useEffect as p, Suspense as D } from "react";
-import I from "../loader/app-loader/app-loader.js";
-import g from "./modal.js";
-import L from "./modal-context.js";
+import { jsxs as E, jsx as b } from "react/jsx-runtime";
+import { memo as h, useState as c, useRef as x, useCallback as f, useMemo as D, useEffect as w } from "react";
+import I from "./modal.js";
+import S from "./modal-context.js";
 import { lockScroll as R, unlockScroll as T } from "./modal-helpers.js";
-const $ = 500, j = b(({ children: h, modals: m, isUserAuthenticated: t }) => {
-  const [o, M] = f(null), [v, k] = f(void 0), [r, i] = f(!1), l = S(void 0), w = u(
+const $ = 500, g = h(({ children: p, modals: u, isUserAuthenticated: t }) => {
+  const [o, M] = c(null), [m, C] = c(void 0), [r, i] = c(!1), l = x(void 0), v = f(
     (e, s, P) => {
-      const d = m.find((y) => y.name === e);
+      const d = u.find((y) => y.name === e);
       if (!d)
         throw new Error(`Modal with name "${e}" not found`);
       if (d.isPrivate && !t)
         throw new Error(
           `Access violation: Modal "${e}" is private and user is not authenticated`
         );
-      l.current = P, i(!1), M(d), k(s), document.body.style.overflow !== "hidden" && R();
+      l.current = P, i(!1), M(d), C(s), document.body.style.overflow !== "hidden" && R();
     },
-    [t, m]
-  ), n = u(() => {
+    [t, u]
+  ), n = f(() => {
     i(!0), T(), setTimeout(() => {
       M(null), i(!1);
     }, $);
-  }, []), C = x(
+  }, []), k = D(
     () => ({
       modal: o,
-      modalParams: v,
-      openModal: w,
+      modalParams: m,
+      openModal: v,
       closeModal: n,
       isClosing: r
     }),
-    [o, v, w, n, r]
-  ), a = u(() => {
+    [o, m, v, n, r]
+  ), a = f(() => {
     var e, s;
     (o == null ? void 0 : o.isDismissable) !== !1 && !r && (n(), l.current && ((s = (e = l.current).onCloseModal) == null || s.call(e), l.current.onCloseModal = void 0));
   }, [o, n, r]);
-  return p(() => {
+  return w(() => {
     !t && (o != null && o.isPrivate) && n();
-  }, [t, o, n]), p(() => {
+  }, [t, o, n]), w(() => {
     const e = (s) => {
       s.key === "Escape" && a();
     };
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-  }, [a]), /* @__PURE__ */ c(D, { fallback: /* @__PURE__ */ c(I, { height: "100vh" }), children: /* @__PURE__ */ E(L.Provider, { value: C, children: [
-    h,
-    o && /* @__PURE__ */ c(g, { modal: o, isClosing: r, onClose: a })
-  ] }) });
-}), z = j;
+  }, [a]), /* @__PURE__ */ E(S.Provider, { value: k, children: [
+    p,
+    o && /* @__PURE__ */ b(I, { modal: o, isClosing: r, onClose: a })
+  ] });
+}), K = g;
 export {
-  z as default
+  K as default
 };
 //# sourceMappingURL=modal-provider.js.map

package/dist/features/ui/modals/modal-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalCallbacks, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, Suspense, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport AppLoader from '../loader/app-loader/app-loader';\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/**\n * Provider component that manages modal state and provides modal context to child components\n */\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n  const [modal, setModal] = useState<IModal | null>(null);\n  const [modalParams, setModalParams] = useState<Record<string, unknown> | undefined>(undefined);\n  const [isClosing, setIsClosing] = useState(false);\n  const callbacksRef = useRef<IModalCallbacks | undefined>(undefined);\n  /**\n   * Opens a modal by name with optional parameters\n   * Handles authentication check for private modals\n   */\n  const openModal = useCallback<IModalContext['openModal']>(\n    (modalName, newModalParams, callbacks) => {\n      const newModal = modals.find(m => m.name === modalName);\n\n      if (!newModal) {\n        throw new Error(`Modal with name \"${modalName}\" not found`);\n      }\n\n      if (newModal.isPrivate && !isUserAuthenticated) {\n        throw new Error(\n          `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n        );\n      }\n\n      callbacksRef.current = callbacks;\n      setIsClosing(false);\n      setModal(newModal);\n      setModalParams(newModalParams as unknown as Record<string, unknown> | undefined);\n      if (document.body.style.overflow !== 'hidden') {\n        lockScroll();\n      }\n    },\n    [isUserAuthenticated, modals],\n  );\n\n  const closeModal = useCallback(() => {\n    setIsClosing(true);\n    // Wait for the animation to complete before removing the modal\n    unlockScroll();\n    setTimeout(() => {\n      setModal(null);\n      setIsClosing(false);\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const modalContent = useMemo<IModalContext>(\n    () => ({\n      modal,\n      modalParams,\n      openModal,\n      closeModal,\n      isClosing,\n    }),\n    [modal, modalParams, openModal, closeModal, isClosing],\n  );\n\n  const onModalDismiss = useCallback(() => {\n    if (modal?.isDismissable !== false && !isClosing) {\n      closeModal();\n      if (callbacksRef.current) {\n        callbacksRef.current.onCloseModal?.();\n        callbacksRef.current.onCloseModal = undefined; // Clear callback reference\n      }\n    }\n  }, [modal, closeModal, isClosing]);\n\n  useEffect(() => {\n    if (!isUserAuthenticated && modal?.isPrivate) {\n      // If the modal is private and user is not authenticated, close it\n      closeModal();\n    }\n  }, [isUserAuthenticated, modal, closeModal]);\n\n  // Handle ESC key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onModalDismiss();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [onModalDismiss]);\n\n  return (\n    <Suspense fallback={<AppLoader height=\"100vh\" />}>\n      <ModalContext.Provider value={modalContent}>\n        {children}\n        {modal && <Modal modal={modal} isClosing={isClosing} onClose={onModalDismiss} />}\n      </ModalContext.Provider>\n    </Suspense>\n  );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","callbacksRef","useRef","openModal","useCallback","modalName","newModalParams","callbacks","newModal","m","lockScroll","closeModal","unlockScroll","modalContent","useMemo","onModalDismiss","_b","_a","useEffect","handleKeyDown","e","jsx","Suspense","AppLoader","jsxs","ModalContext","Modal","ModalProvider$1"],"mappings":";;;;;;AAUA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1CK,IAAeC,EAAoC,MAAS,GAK5DC,IAAYC;AAAA,IAChB,CAACC,GAAWC,GAAgBC,MAAc;AACxC,YAAMC,IAAWhB,EAAO,KAAK,CAAKiB,MAAAA,EAAE,SAASJ,CAAS;AAEtD,UAAI,CAACG;AACH,cAAM,IAAI,MAAM,oBAAoBH,CAAS,aAAa;AAGxD,UAAAG,EAAS,aAAa,CAACf;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BY,CAAS;AAAA,QAAA;AAIzC,MAAAJ,EAAa,UAAUM,GACvBP,EAAa,EAAK,GAClBL,EAASa,CAAQ,GACjBV,EAAeQ,CAAgE,GAC3E,SAAS,KAAK,MAAM,aAAa,YACxBI;IAEf;AAAA,IACA,CAACjB,GAAqBD,CAAM;AAAA,EAAA,GAGxBmB,IAAaP,EAAY,MAAM;AACnC,IAAAJ,EAAa,EAAI,GAEJY,KACb,WAAW,MAAM;AACf,MAAAjB,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECyB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAApB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAM;AAAA,MACA,YAAAQ;AAAA,MACA,WAAAZ;AAAA,IAAA;AAAA,IAEF,CAACL,GAAOG,GAAaM,GAAWQ,GAAYZ,CAAS;AAAA,EAAA,GAGjDgB,IAAiBX,EAAY,MAAM;;AACvC,KAAIV,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,MAC1BY,KACPV,EAAa,aACfe,KAAAC,IAAAhB,EAAa,SAAQ,iBAArB,QAAAe,EAAA,KAAAC,IACAhB,EAAa,QAAQ,eAAe;AAAA,EAGvC,GAAA,CAACP,GAAOiB,GAAYZ,CAAS,CAAC;AAEjC,SAAAmB,EAAU,MAAM;AACV,IAAA,CAACzB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBiB;EAEZ,GAAA,CAAClB,GAAqBC,GAAOiB,CAAU,CAAC,GAG3CO,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AACtC,MAAAA,EAAE,QAAQ,YACGL;IACjB;AAGK,kBAAA,iBAAiB,WAAWI,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAAA,GAC/D,CAACJ,CAAc,CAAC,GAGhB,gBAAAM,EAAAC,GAAA,EAAS,UAAU,gBAAAD,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,GAC5C,UAAC,gBAAAC,EAAAC,EAAa,UAAb,EAAsB,OAAOZ,GAC3B,UAAA;AAAA,IAAAtB;AAAA,IACAG,KAAU,gBAAA2B,EAAAK,GAAA,EAAM,OAAAhC,GAAc,WAAAK,GAAsB,SAASgB,GAAgB;AAAA,EAAA,EAChF,CAAA,EACF,CAAA;AAEJ,CAAC,GAEDY,IAAetC;"}
+{"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalCallbacks, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/**\n * Provider component that manages modal state and provides modal context to child components\n */\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n  const [modal, setModal] = useState<IModal | null>(null);\n  const [modalParams, setModalParams] = useState<Record<string, unknown> | undefined>(undefined);\n  const [isClosing, setIsClosing] = useState(false);\n  const callbacksRef = useRef<IModalCallbacks | undefined>(undefined);\n  /**\n   * Opens a modal by name with optional parameters\n   * Handles authentication check for private modals\n   */\n  const openModal = useCallback<IModalContext['openModal']>(\n    (modalName, newModalParams, callbacks) => {\n      const newModal = modals.find(m => m.name === modalName);\n\n      if (!newModal) {\n        throw new Error(`Modal with name \"${modalName}\" not found`);\n      }\n\n      if (newModal.isPrivate && !isUserAuthenticated) {\n        throw new Error(\n          `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n        );\n      }\n\n      callbacksRef.current = callbacks;\n      setIsClosing(false);\n      setModal(newModal);\n      setModalParams(newModalParams as unknown as Record<string, unknown> | undefined);\n      if (document.body.style.overflow !== 'hidden') {\n        lockScroll();\n      }\n    },\n    [isUserAuthenticated, modals],\n  );\n\n  const closeModal = useCallback(() => {\n    setIsClosing(true);\n    // Wait for the animation to complete before removing the modal\n    unlockScroll();\n    setTimeout(() => {\n      setModal(null);\n      setIsClosing(false);\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const modalContent = useMemo<IModalContext>(\n    () => ({\n      modal,\n      modalParams,\n      openModal,\n      closeModal,\n      isClosing,\n    }),\n    [modal, modalParams, openModal, closeModal, isClosing],\n  );\n\n  const onModalDismiss = useCallback(() => {\n    if (modal?.isDismissable !== false && !isClosing) {\n      closeModal();\n      if (callbacksRef.current) {\n        callbacksRef.current.onCloseModal?.();\n        callbacksRef.current.onCloseModal = undefined; // Clear callback reference\n      }\n    }\n  }, [modal, closeModal, isClosing]);\n\n  useEffect(() => {\n    if (!isUserAuthenticated && modal?.isPrivate) {\n      // If the modal is private and user is not authenticated, close it\n      closeModal();\n    }\n  }, [isUserAuthenticated, modal, closeModal]);\n\n  // Handle ESC key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onModalDismiss();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [onModalDismiss]);\n\n  return (\n    <ModalContext.Provider value={modalContent}>\n      {children}\n      {modal && <Modal modal={modal} isClosing={isClosing} onClose={onModalDismiss} />}\n    </ModalContext.Provider>\n  );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","callbacksRef","useRef","openModal","useCallback","modalName","newModalParams","callbacks","newModal","m","lockScroll","closeModal","unlockScroll","modalContent","useMemo","onModalDismiss","_b","_a","useEffect","handleKeyDown","e","jsxs","ModalContext","jsx","Modal","ModalProvider$1"],"mappings":";;;;;AASA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1CK,IAAeC,EAAoC,MAAS,GAK5DC,IAAYC;AAAA,IAChB,CAACC,GAAWC,GAAgBC,MAAc;AACxC,YAAMC,IAAWhB,EAAO,KAAK,CAAKiB,MAAAA,EAAE,SAASJ,CAAS;AAEtD,UAAI,CAACG;AACH,cAAM,IAAI,MAAM,oBAAoBH,CAAS,aAAa;AAGxD,UAAAG,EAAS,aAAa,CAACf;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BY,CAAS;AAAA,QAAA;AAIzC,MAAAJ,EAAa,UAAUM,GACvBP,EAAa,EAAK,GAClBL,EAASa,CAAQ,GACjBV,EAAeQ,CAAgE,GAC3E,SAAS,KAAK,MAAM,aAAa,YACxBI;IAEf;AAAA,IACA,CAACjB,GAAqBD,CAAM;AAAA,EAAA,GAGxBmB,IAAaP,EAAY,MAAM;AACnC,IAAAJ,EAAa,EAAI,GAEJY,KACb,WAAW,MAAM;AACf,MAAAjB,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECyB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAApB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAM;AAAA,MACA,YAAAQ;AAAA,MACA,WAAAZ;AAAA,IAAA;AAAA,IAEF,CAACL,GAAOG,GAAaM,GAAWQ,GAAYZ,CAAS;AAAA,EAAA,GAGjDgB,IAAiBX,EAAY,MAAM;;AACvC,KAAIV,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,MAC1BY,KACPV,EAAa,aACfe,KAAAC,IAAAhB,EAAa,SAAQ,iBAArB,QAAAe,EAAA,KAAAC,IACAhB,EAAa,QAAQ,eAAe;AAAA,EAGvC,GAAA,CAACP,GAAOiB,GAAYZ,CAAS,CAAC;AAEjC,SAAAmB,EAAU,MAAM;AACV,IAAA,CAACzB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBiB;EAEZ,GAAA,CAAClB,GAAqBC,GAAOiB,CAAU,CAAC,GAG3CO,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AACtC,MAAAA,EAAE,QAAQ,YACGL;IACjB;AAGK,kBAAA,iBAAiB,WAAWI,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAAA,GAC/D,CAACJ,CAAc,CAAC,GAGhB,gBAAAM,EAAAC,EAAa,UAAb,EAAsB,OAAOT,GAC3B,UAAA;AAAA,IAAAtB;AAAA,IACAG,KAAU,gBAAA6B,EAAAC,GAAA,EAAM,OAAA9B,GAAc,WAAAK,GAAsB,SAASgB,GAAgB;AAAA,EAChF,EAAA,CAAA;AAEJ,CAAC,GAEDU,IAAepC;"}

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

@@ -1,26 +1,26 @@
-import { jsxs as T, jsx as i, Fragment as Vt } from "react/jsx-runtime";
-import { memo as Xt, useMemo as R, useState as L, useRef as K, useCallback as Pt, useEffect as g } from "react";
-import { IMAGES as jt } from "../../../../assets/images/images.js";
-import Gt from "../../../cue-canvas/cue-canvas.js";
-import Yt from "../../../pointer-sync/pointer.js";
+import { jsxs as L, jsx as i, Fragment as Vt } from "react/jsx-runtime";
+import { memo as Xt, useMemo as p, useState as T, useRef as K, useCallback as Pt, useEffect as R, useLayoutEffect as jt } from "react";
+import { IMAGES as Gt } from "../../../../assets/images/images.js";
+import Yt from "../../../cue-canvas/cue-canvas.js";
+import Zt from "../../../pointer-sync/pointer.js";
 import Ht from "../../../ui/layout/flex-view.js";
-import Zt from "../../constants/events.js";
-import { QUESTIONS_GAP as Jt, LEARNOSITY_KEYBOARD_HEIGHT as St } from "../constants.js";
-import { getPaperColorByQuestion as kt, isConceptIntroWidget as qt, scrollToQuestion as bt } from "../worksheet-helpers.js";
-import te from "./header/header.js";
-import ee from "./learnosity-question.js";
-import ie from "./question-backdrop/question-backdrop.js";
-import re from "./subjective-review.js";
-import oe from "./system-intros/advanced-practice-intro.js";
-import ne from "./system-intros/basic-practice-intro.js";
-import ce from "./system-intros/exit-ticket-intro.js";
-import ae from "./system-intros/regular-practice-intro.js";
-import { QuestionContainerWrapper as se, StimulusReview as le, QuestionContainer as me, QuestionWrapper as ue, LessonOverviewBanner as he, CueCanvasWrapper as de, Hint as fe, Solution as ge } from "./worksheet-question-styled.js";
-const Ae = Xt(
+import Jt from "../../constants/events.js";
+import { QUESTIONS_GAP as kt, LEARNOSITY_KEYBOARD_HEIGHT as St } from "../constants.js";
+import { getPaperColorByQuestion as qt, isConceptIntroWidget as te, scrollToQuestion as bt } from "../worksheet-helpers.js";
+import ee from "./header/header.js";
+import ie from "./learnosity-question.js";
+import re from "./question-backdrop/question-backdrop.js";
+import oe from "./subjective-review.js";
+import ne from "./system-intros/advanced-practice-intro.js";
+import ce from "./system-intros/basic-practice-intro.js";
+import ae from "./system-intros/exit-ticket-intro.js";
+import se from "./system-intros/regular-practice-intro.js";
+import { QuestionContainerWrapper as le, StimulusReview as me, QuestionContainer as ue, QuestionWrapper as fe, LessonOverviewBanner as he, CueCanvasWrapper as de, Hint as ge, Solution as Ee } from "./worksheet-question-styled.js";
+const Me = Xt(
   ({
     userType: c,
     signedRequest: Ct,
-    worksheetCompleted: E,
+    worksheetCompleted: g,
     question: n,
     response: e,
     nextQuestionId: v,
@@ -48,15 +48,15 @@ const Ae = Xt(
     onSubscribeMouseMove: et,
     setActiveQuestionId: it,
     canResolveDoubt: It,
-    onResolveDoubt: Tt,
-    studentId: Lt,
+    onResolveDoubt: Lt,
+    studentId: Tt,
     responses: At,
     subjectiveProps: rt
   }) => {
-    const C = R(
-      () => Y === "paper" ? kt(n) : void 0,
+    const C = p(
+      () => Y === "paper" ? qt(n) : void 0,
       [Y, n]
-    ), [W, Mt] = L(), [ot, Ot] = L(), {
+    ), [W, Mt] = T(), [ot, Ot] = T(), {
       validation: nt,
       review: N,
       maximumAttempts: ct,
@@ -64,47 +64,47 @@ const Ae = Xt(
       teacherValidationEnabled: H,
       solutionHidden: st
     } = P, { minQuestionHeight: Nt, topOffset: lt, questionsScrollable: y, renderQuestionHeader: Qt } = j, {
-      type: _,
+      type: E,
       response_id: r,
-      stimulus_review: $,
-      item_type: h,
+      stimulus_review: _,
+      item_type: f,
       instructor_stimulus: mt,
-      metadata: { hints: d, solution: B, widget_reference: ut },
-      item_reference: ht,
-      question_number: dt,
-      item_number: ft,
+      metadata: { hints: h, solution: B, widget_reference: ut },
+      item_reference: ft,
+      question_number: ht,
+      item_number: dt,
       item_display_number: gt
-    } = n, Ft = !!$, x = h === "overview", m = qt(mt), f = mt === "SystemIntro", Q = m || f, Et = e == null ? void 0 : e.responseEdited, zt = R(() => {
+    } = n, Ft = !!_, x = f === "overview", m = te(mt), d = mt === "SystemIntro", Q = m || d, Et = e == null ? void 0 : e.responseEdited, zt = p(() => {
       const t = [];
-      return Et && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), _ === "hotspot" && t.push("correct-answers-hidden"), a && H && _ === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), x && t.push("lesson-overview"), m && t.push("concept-intro"), f && t.push("system-intro"), t.join(" ");
+      return Et && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), E === "hotspot" && t.push("correct-answers-hidden"), a && H && E === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), x && t.push("lesson-overview"), m && t.push("concept-intro"), d && t.push("system-intro"), t.join(" ");
     }, [
       a,
       m,
       x,
-      f,
-      _,
+      d,
+      E,
       Et,
       H,
       c
-    ]), F = K({}), z = (e == null ? void 0 : e.hintsUsed) ?? 0, [_t] = L((e == null ? void 0 : e.validatedByTeacher) ?? !1), I = K(null), D = K(null), U = R(() => d == null ? void 0 : d.slice(0, z), [d, z]), $t = R(() => c === "TEACHER" || E ? !0 : !e || !e.response || e.responseEdited ? !1 : nt, [e, c, nt, E]), pt = R(() => {
+    ]), F = K({}), z = (e == null ? void 0 : e.hintsUsed) ?? 0, [_t] = T((e == null ? void 0 : e.validatedByTeacher) ?? !1), I = K(null), D = K(null), U = p(() => h == null ? void 0 : h.slice(0, z), [h, z]), $t = p(() => c === "TEACHER" || g ? !0 : !e || !e.response || e.responseEdited ? !1 : nt, [e, c, nt, g]), pt = p(() => {
       if (c === "TEACHER") return !0;
       if (N) {
         const { attemptsHistory: t } = e ?? {};
         return ((t == null ? void 0 : t.length) ?? 0) >= ct && !at;
       }
       return !1;
-    }, [at, ct, e, N, c]), Dt = R(
-      () => B && E && !st,
-      [st, B, E]
-    ), [Rt, Ut] = L({
+    }, [at, ct, e, N, c]), Dt = p(
+      () => B && g && !st,
+      [st, B, g]
+    ), [Rt, Ut] = T({
       width: 0,
       height: 0
     }), Kt = Pt((t) => {
       Ot(t);
     }, []);
-    return g(() => {
+    return R(() => {
       I.current && G.observe(I.current);
-    }, [G]), g(() => {
+    }, [G]), R(() => {
       if (a && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
         const t = document.querySelectorAll(
           `.widget-${n.response_id} .lrn_draggable`
@@ -117,29 +117,29 @@ const Ae = Xt(
           height: o
         });
       }
-    }, [a, n.response_id, n.type]), g(() => {
+    }, [a, n.response_id, n.type]), R(() => {
       if (a && $t) {
         const t = b.question(r);
         t && t.validate({
           showCorrectAnswers: pt
         });
       }
-    }, [a, b, r, N, pt, c, $t]), g(() => {
+    }, [a, b, r, N, pt, c, $t]), R(() => {
       const t = D.current;
-      if (a && t && M.current && F.current[r] === void 0 && !m && !f) {
+      if (a && t && M.current && F.current[r] === void 0 && !m && !d) {
         const s = t.clientWidth, o = t.querySelectorAll("*");
         for (let l = 0; l < o.length; l++) {
           const u = o[l];
           if (u != null && u.closest(".resize-sensor"))
             continue;
           if (((u == null ? void 0 : u.clientWidth) ?? 0) > s) {
-            F.current[r] = !0, M.current(Zt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
-              item_reference: ht,
+            F.current[r] = !0, M.current(Jt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
+              item_reference: ft,
               widget_reference: ut,
-              question_type: _,
-              question_number: dt,
+              question_type: E,
+              question_number: ht,
               responseId: r,
-              item_number: ft,
+              item_number: dt,
               item_display_number: gt
             });
             break;
@@ -150,40 +150,40 @@ const Ae = Xt(
     }, [
       a,
       m,
-      f,
+      d,
       gt,
+      dt,
       ft,
-      ht,
       M,
-      _,
-      dt,
+      E,
+      ht,
       r,
       ut
-    ]), g(() => {
+    ]), R(() => {
       const t = I.current, s = (o) => {
         const l = o.querySelector(".lrn_response_wrapper");
         if (Q || !l)
           return 0;
-        const u = o.getBoundingClientRect().bottom, S = l.getBoundingClientRect().bottom, p = Math.abs(u - S);
-        return p < St ? St - p : 0;
+        const u = o.getBoundingClientRect().bottom, S = l.getBoundingClientRect().bottom, $ = Math.abs(u - S);
+        return $ < St ? St - $ : 0;
       };
       a && t && Mt((o) => {
         var wt;
-        const S = ((wt = n.ui_style) == null ? void 0 : wt.type) === "floating-keyboard" && !(H && _ === "clozetext"), p = t.clientHeight;
-        if (p === 0)
+        const S = ((wt = n.ui_style) == null ? void 0 : wt.type) === "floating-keyboard" && !(H && E === "clozetext"), $ = t.clientHeight;
+        if ($ === 0)
           return o;
         if (!o)
           return Math.ceil(
-            p + (S ? s(t) : 0)
+            $ + (S ? s(t) : 0)
           );
         const vt = Math.ceil(
-          p + (S ? s(t) : 0)
+          $ + (S ? s(t) : 0)
         );
         return Math.abs(vt - o) > 4 ? vt : o;
-      }), (z || Ft || B && E) && b.renderMath("mathjax");
-    }), g(() => {
+      }), (z || Ft || B && g) && b.renderMath("mathjax");
+    }), jt(() => {
       !y && !A && bt(r);
-    }, [A, y, r, lt]), g(() => {
+    }, [A, y, r, lt]), R(() => {
       if (H && v && !_t && (e != null && e.validatedByTeacher)) {
         const t = setTimeout(() => {
           y ? bt(v) : it(v);
@@ -199,38 +199,38 @@ const Ae = Xt(
       y,
       it,
       e == null ? void 0 : e.validatedByTeacher
-    ]), /* @__PURE__ */ T(
-      se,
+    ]), /* @__PURE__ */ L(
+      le,
       {
         "data-response-id": r,
         className: `widget-${r}`,
         ref: I,
         $topOffset: lt,
-        $flexDirection: $ ? "row" : "column",
-        $alignItems: $ ? "flex-start" : "center",
+        $flexDirection: _ ? "row" : "column",
+        $alignItems: _ ? "flex-start" : "center",
         $hidden: A,
-        $marginBottom: Jt,
+        $marginBottom: kt,
         children: [
-          $ && /* @__PURE__ */ i(
-            le,
+          _ && /* @__PURE__ */ i(
+            me,
             {
               dangerouslySetInnerHTML: {
-                __html: $
+                __html: _
               }
             }
           ),
-          /* @__PURE__ */ T(
-            me,
+          /* @__PURE__ */ L(
+            ue,
             {
               ref: D,
-              $width: $ ? "50%" : `${X}px`,
+              $width: _ ? "50%" : `${X}px`,
               $minHeight: W ? Math.max(W - 72, ot ?? 0) : Nt,
               $isActive: w,
               $paperColor: C,
               $opacity: w ? 1 : 0.2,
               children: [
                 w && !!tt && !!et && q && /* @__PURE__ */ i(
-                  Yt,
+                  Zt,
                   {
                     containerRef: D,
                     onPublish: tt,
@@ -238,15 +238,15 @@ const Ae = Xt(
                     responseId: r
                   }
                 ),
-                /* @__PURE__ */ T(
-                  ue,
+                /* @__PURE__ */ L(
+                  fe,
                   {
                     className: zt,
                     $dropzoneMinWidth: Rt.width,
                     $dropzoneMinHeight: Rt.height,
                     children: [
-                      Qt && !(x || m || f) && /* @__PURE__ */ i(
-                        te,
+                      Qt && !(x || m || d) && /* @__PURE__ */ i(
+                        ee,
                         {
                           userType: c,
                           question: n,
@@ -257,20 +257,20 @@ const Ae = Xt(
                           onMarkForReview: Bt,
                           actionbarHeight: Wt,
                           canResolveDoubt: It,
-                          onResolveDoubt: Tt,
-                          worksheetCompleted: E
+                          onResolveDoubt: Lt,
+                          worksheetCompleted: g
                         }
                       ),
-                      x && /* @__PURE__ */ i(he, { src: jt.LESSON_OVERVIEW_BANNER }),
-                      m && C && /* @__PURE__ */ i(ie, { paperColor: C }),
-                      f ? /* @__PURE__ */ T(Vt, { children: [
-                        h === "practice-basic" && /* @__PURE__ */ i(ne, {}),
-                        h === "practice-regular" && /* @__PURE__ */ i(ae, {}),
-                        h === "exit-ticket" && /* @__PURE__ */ i(ce, {}),
-                        (h == null ? void 0 : h.startsWith("advanced-")) && /* @__PURE__ */ i(oe, {})
+                      x && /* @__PURE__ */ i(he, { src: Gt.LESSON_OVERVIEW_BANNER }),
+                      m && C && /* @__PURE__ */ i(re, { paperColor: C }),
+                      d ? /* @__PURE__ */ L(Vt, { children: [
+                        f === "practice-basic" && /* @__PURE__ */ i(ce, {}),
+                        f === "practice-regular" && /* @__PURE__ */ i(se, {}),
+                        f === "exit-ticket" && /* @__PURE__ */ i(ae, {}),
+                        (f == null ? void 0 : f.startsWith("advanced-")) && /* @__PURE__ */ i(ne, {})
                       ] }) : void 0,
                       /* @__PURE__ */ i(
-                        ee,
+                        ie,
                         {
                           signedRequest: Ct,
                           appended: a,
@@ -285,7 +285,7 @@ const Ae = Xt(
                         }
                       ),
                       !Q && q && Z && J && W !== void 0 && /* @__PURE__ */ i(de, { $canScribble: k, children: /* @__PURE__ */ i(
-                        Gt,
+                        Yt,
                         {
                           canRender: V,
                           canScribble: k && w,
@@ -310,10 +310,10 @@ const Ae = Xt(
                           $borderRadiusX: 0,
                           $borderColor: "BLUE_2",
                           children: U.map((t, s) => /* @__PURE__ */ i(
-                            fe,
+                            ge,
                             {
                               dangerouslySetInnerHTML: {
-                                __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((d == null ? void 0 : d.length) ?? 0) > 1 ? ` ${s + 1}` : ""}:</span>&nbsp;${t}`
+                                __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((h == null ? void 0 : h.length) ?? 0) > 1 ? ` ${s + 1}` : ""}:</span>&nbsp;${t}`
                               }
                             },
                             t
@@ -329,7 +329,7 @@ const Ae = Xt(
                           $borderRadiusX: 0,
                           $borderColor: "YELLOW_2",
                           children: /* @__PURE__ */ i(
-                            ge,
+                            Ee,
                             {
                               dangerouslySetInnerHTML: {
                                 __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${B}`
@@ -339,13 +339,13 @@ const Ae = Xt(
                         }
                       ),
                       !!rt && /* @__PURE__ */ i(
-                        re,
+                        oe,
                         {
                           responses: At,
                           response: e,
                           nextQuestionId: v,
                           responseId: r,
-                          studentId: Lt,
+                          studentId: Tt,
                           userType: c,
                           ...rt
                         }
@@ -362,6 +362,6 @@ const Ae = Xt(
   }
 );
 export {
-  Ae as default
+  Me as default
 };
 //# sourceMappingURL=worksheet-question.js.map