@cuemath/leap 2.8.30-as2 → 2.8.31-hg1

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js

@@ -1,37 +1,39 @@
-import { jsxs as c, Fragment as K, jsx as a } from "react/jsx-runtime";
-import { memo as Q, useRef as X, useState as ee, useMemo as p, useCallback as m, useEffect as w } from "react";
+import { jsxs as m, Fragment as K, jsx as a } from "react/jsx-runtime";
+import { memo as Q, useRef as X, useState as ee, useMemo as h, useCallback as d, useEffect as T } from "react";
 import { getTimeStrInFormatHMS as re } from "../../../../helpers/date-time.js";
 import { useWebViewGames as te } from "../../../circle-games/games/web-view/hooks/use-webview-games.js";
 import { WebView as ae } from "../../../circle-games/games/web-view/web-view.js";
-import Z from "../../../ui/layout/flex-view.js";
-import h from "../../../ui/separator/separator.js";
-import d from "../../../ui/text/text.js";
+import w from "../../../ui/layout/flex-view.js";
+import S from "../../../ui/separator/separator.js";
+import u from "../../../ui/text/text.js";
 import { useTrialSessionContext as ie } from "../../context/use-trial-session-context.js";
-import { TrialPageId as T } from "../../trial-session-constants.js";
+import { TrialPageId as L } from "../../trial-session-constants.js";
 import { TrialCircleGameLaunchScreen as oe } from "./trial-circle-game-launch-screen/trial-circle-game-launch-screen.js";
-import { GameContainer as ne, GameWrapper as le, GameLaunchOverlay as se } from "./trial-circle-game-styled.js";
+import { GameContainer as ne, GameWrapper as le, GameLaunchOverlay as ce } from "./trial-circle-game-styled.js";
 import { ProjectType as e } from "../../../circle-games/games/web-view/enums/project-type-enum.js";
-const ce = {
-  [T.CIRCLE_GAME]: e.GAME,
-  [T.CIRCLE_PUZZLE]: e.PUZZLE,
-  [T.CIRCLE_SKILL]: e.LESSON
-}, ye = Q(() => {
-  const { slideConfig: b, trialGameUrl: v, circleGames: j, formData: A, handleInfoMessage: $, updateSlideConfig: t } = ie(), {
-    showCircleGameScreen: S = !0,
-    isCircleGamePlayed: u = !1,
-    isCirclePuzzleSolved: s = !1,
-    isCircleSkillCompleted: f = !1,
+import se from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const me = {
+  [L.CIRCLE_GAME]: e.GAME,
+  [L.CIRCLE_PUZZLE]: e.PUZZLE,
+  [L.CIRCLE_SKILL]: e.LESSON
+}, Pe = Q(() => {
+  const { slideConfig: Z, trialGameUrl: b, circleGames: j, formData: A, handleInfoMessage: $, updateSlideConfig: t } = ie(), {
+    showCircleGameScreen: s = !0,
+    isCircleGamePlayed: f = !1,
+    isCirclePuzzleSolved: c = !1,
+    isCircleSkillCompleted: p = !1,
     accuracyStr: E = "",
-    totalTimeTaken: C = 0
-  } = A || {}, g = X(null), { playGame: L } = te({ webViewRef: g }), [M, G] = ee(!0), { header: U, id: k } = b, r = ce[k], { circleConfig: O, playerDetails: W } = j, { games: l, puzzles: n, lessons: i } = O ?? {}, y = p(() => ({
-    [e.GAME]: u,
-    [e.PUZZLE]: s,
-    [e.LESSON]: f
-  }), [u, s, f]), P = p(() => {
+    totalTimeTaken: C = 0,
+    matchmakingId: G
+  } = A || {}, y = X(null), { playGame: I } = te({ webViewRef: y }), [k, g] = ee(!0), { header: U, id: M } = Z, r = me[M], { circleConfig: O, playerDetails: W } = j, { games: l, puzzles: n, lessons: i } = O ?? {}, P = h(() => ({
+    [e.GAME]: f,
+    [e.PUZZLE]: c,
+    [e.LESSON]: p
+  }), [f, c, p]), _ = h(() => {
     const o = {
-      [e.GAME]: u ? l.game_card : l.tutorial,
-      [e.PUZZLE]: s ? n.game_card : n.tutorial,
-      [e.LESSON]: f ? i.game_card : i.tutorial
+      [e.GAME]: f ? l.game_card : l.tutorial,
+      [e.PUZZLE]: c ? n.game_card : n.tutorial,
+      [e.LESSON]: p ? i.game_card : i.tutorial
     };
     return r ? o[r] : "";
   }, [
@@ -42,18 +44,18 @@ const ce = {
     n.tutorial,
     i.game_card,
     i.tutorial,
-    u,
-    s,
-    f
-  ]), x = p(() => r === e.PUZZLE && s ? "You've solved it!" : "", [r, s]), { circle_username: D, userId: H, grade: N, user_avatar: R, playerType: I, matchMakingId: _ } = W ?? {}, z = {
+    f,
+    c,
+    p
+  ]), x = h(() => r === e.PUZZLE && c ? "You've solved it!" : "", [r, c]), { circle_username: D, userId: H, grade: N, user_avatar: R, playerType: v } = W ?? {}, z = {
     id: H,
     username: D,
     grade: N,
     avatar: R,
-    playerType: I
-  }, F = p(() => {
+    playerType: v
+  }, F = h(() => {
     const o = {
-      joinByRoomId: _,
+      joinByRoomId: G,
       enableCloseButton: !1,
       enablePlayerTurnIndicators: !0,
       enableSync: !0
@@ -79,15 +81,15 @@ const ce = {
       targetQuestions: i.target_questions,
       projectType: e.LESSON
     };
-  }, [l, n, i, r, _]), B = m(() => {
-    G(!1);
-  }, []), V = m(() => {
-    G(!0), r === e.GAME ? t({ showCircleGameScreen: !0 }) : r === e.PUZZLE ? t({ showCircleGameScreen: !0 }) : r === e.LESSON && t({ showCircleGameScreen: !0 });
-  }, [t, r]), q = m(() => {
+  }, [l, n, i, r, G]), B = d(() => {
+    g(!1);
+  }, []), V = d(() => {
+    g(!0), t({ matchmakingId: void 0 }), r === e.GAME ? t({ showCircleGameScreen: !0 }) : r === e.PUZZLE ? t({ showCircleGameScreen: !0 }) : r === e.LESSON && t({ showCircleGameScreen: !0 });
+  }, [t, r]), q = d(() => {
     t({ showCircleGameScreen: !1, accuracyStr: "", totalTimeTaken: 0 });
-  }, [t]), Y = m(
+  }, [t]), Y = d(
     (o) => {
-      G(!0), r === e.LESSON ? t({
+      g(!0), t({ matchmakingId: void 0 }), r === e.LESSON ? t({
         accuracyStr: o.value,
         totalTimeTaken: o.timeSpent,
         isCircleSkillCompleted: !0,
@@ -95,48 +97,50 @@ const ce = {
       }) : r === e.GAME ? t({ isCircleGamePlayed: !0, showCircleGameScreen: !0 }) : r === e.PUZZLE && t({ isCirclePuzzleSolved: !0, showCircleGameScreen: !0 });
     },
     [t, r]
-  ), J = m(() => E && C ? /* @__PURE__ */ c(K, { children: [
-    /* @__PURE__ */ c(Z, { $flexDirection: "row", children: [
-      /* @__PURE__ */ a(d, { $renderAs: "ab2", $color: "WHITE", children: "Finished in" }),
-      /* @__PURE__ */ a(h, { width: 5 }),
-      /* @__PURE__ */ a(d, { $renderAs: "ab2-bold", $color: "WHITE", children: re(C) })
+  ), J = d(() => E && C ? /* @__PURE__ */ m(K, { children: [
+    /* @__PURE__ */ m(w, { $flexDirection: "row", children: [
+      /* @__PURE__ */ a(u, { $renderAs: "ab2", $color: "WHITE", children: "Finished in" }),
+      /* @__PURE__ */ a(S, { width: 5 }),
+      /* @__PURE__ */ a(u, { $renderAs: "ab2-bold", $color: "WHITE", children: re(C) })
     ] }),
-    /* @__PURE__ */ a(h, { height: 20 }),
-    /* @__PURE__ */ c(Z, { $flexDirection: "row", children: [
-      /* @__PURE__ */ a(d, { $renderAs: "ab2", $color: "WHITE", children: "Accuracy:" }),
-      /* @__PURE__ */ a(h, { width: 5 }),
-      /* @__PURE__ */ a(d, { $renderAs: "ab2-bold", $color: "WHITE", children: E })
+    /* @__PURE__ */ a(S, { height: 20 }),
+    /* @__PURE__ */ m(w, { $flexDirection: "row", children: [
+      /* @__PURE__ */ a(u, { $renderAs: "ab2", $color: "WHITE", children: "Accuracy:" }),
+      /* @__PURE__ */ a(S, { width: 5 }),
+      /* @__PURE__ */ a(u, { $renderAs: "ab2-bold", $color: "WHITE", children: E })
     ] })
   ] }) : null, [E, C]);
-  return w(() => {
-    S || L();
-  }, [S, L]), w(() => {
+  return T(() => {
+    s || I();
+  }, [s, I]), T(() => {
     t({ showCircleGameScreen: !0 });
-  }, [t]), /* @__PURE__ */ c(ne, { children: [
-    /* @__PURE__ */ a(h, { height: 16 }),
-    /* @__PURE__ */ a(d, { $renderAs: "ah3-bold", $color: "WHITE_T_87", $align: "center", $marginBottom: 16, children: U }),
-    /* @__PURE__ */ c(le, { children: [
-      S && /* @__PURE__ */ a(se, { children: /* @__PURE__ */ a(
+  }, [t]), T(() => {
+    s && t({ matchmakingId: se() });
+  }, [s]), /* @__PURE__ */ m(ne, { children: [
+    /* @__PURE__ */ a(S, { height: 16 }),
+    /* @__PURE__ */ a(u, { $renderAs: "ah3-bold", $color: "WHITE_T_87", $align: "center", $marginBottom: 16, children: U }),
+    /* @__PURE__ */ m(le, { children: [
+      s && /* @__PURE__ */ a(ce, { children: /* @__PURE__ */ a(
         oe,
         {
-          assetUrl: P,
-          assetUrlType: P.endsWith("mp4") ? "video" : "lottie",
+          assetUrl: _,
+          assetUrlType: _.endsWith("mp4") ? "video" : "lottie",
           descriptionHeader: x,
-          playerType: I,
-          isLoading: M,
-          isGamePlayed: (r && y[r]) ?? !1,
+          playerType: v,
+          isLoading: k,
+          isGamePlayed: (r && P[r]) ?? !1,
           onPlay: q,
           custEle: r === e.LESSON ? J() : void 0,
-          celebrationText: r && y[r] ? "WELL DONE!" : ""
+          celebrationText: r && P[r] ? "WELL DONE!" : ""
         }
       ) }),
-      /* @__PURE__ */ a(
+      G && /* @__PURE__ */ a(
         ae,
         {
-          ref: g,
+          ref: y,
           height: "100%",
           width: "100%",
-          baseUrl: v,
+          baseUrl: b,
           playerDetails: z,
           projectDetails: F,
           onGameLoad: B,
@@ -149,6 +153,6 @@ const ce = {
   ] });
 });
 export {
-  ye as default
+  Pe as default
 };
 //# sourceMappingURL=trial-circle-game.js.map

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import type { GameId, LessonId, PuzzleId } from '../../../circle-games/games/web-view/enums';\nimport type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, ProjectType>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(() => {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null);\n  const { playGame } = useWebViewGames({ webViewRef });\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats: Record<ProjectType, boolean> = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Record<ProjectType, string> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType ? url[projectType] : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType, matchMakingId } =\n    playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchMakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id as GameId,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id as PuzzleId,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id as LessonId,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchMakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    if (projectType === ProjectType.GAME) {\n      updateSlideConfig({ showCircleGameScreen: true });\n    } else if (projectType === ProjectType.PUZZLE) {\n      updateSlideConfig({ showCircleGameScreen: true });\n    } else if (projectType === ProjectType.LESSON) {\n      updateSlideConfig({ showCircleGameScreen: true });\n    }\n  }, [updateSlideConfig, projectType]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({ isCircleGamePlayed: true, showCircleGameScreen: true });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({ isCirclePuzzleSolved: true, showCircleGameScreen: true });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame]);\n\n  useEffect(() => {\n    updateSlideConfig({ showCircleGameScreen: true });\n  }, [updateSlideConfig]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={(projectType && isPlayed[projectType]) ?? false}\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={projectType && isPlayed[projectType] ? 'WELL DONE!' : ''}\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        <WebView\n          ref={webViewRef}\n          height=\"100%\"\n          width=\"100%\"\n          baseUrl={trialGameUrl}\n          playerDetails={playerData}\n          projectDetails={projectDetails}\n          onGameLoad={onGameLoad}\n          onBack={handleBack}\n          handleInfoMessage={handleInfoMessage}\n          onGamePlayFinish={handleGameFinish}\n        />\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","webViewRef","useRef","playGame","useWebViewGames","isLoading","setIsLoading","useState","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","matchMakingId","playerData","projectDetails","commonConfig","onGameLoad","useCallback","handleBack","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":"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"}
+{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import type { GameId, LessonId, PuzzleId } from '../../../circle-games/games/web-view/enums';\nimport type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\nimport { v4 as uuidv4 } from 'uuid';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, ProjectType>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(() => {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n    matchmakingId,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null);\n  const { playGame } = useWebViewGames({ webViewRef });\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats: Record<ProjectType, boolean> = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Record<ProjectType, string> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType ? url[projectType] : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType } = playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchmakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id as GameId,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id as PuzzleId,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id as LessonId,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchmakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    updateSlideConfig({ matchmakingId: undefined });\n    if (projectType === ProjectType.GAME) {\n      updateSlideConfig({ showCircleGameScreen: true });\n    } else if (projectType === ProjectType.PUZZLE) {\n      updateSlideConfig({ showCircleGameScreen: true });\n    } else if (projectType === ProjectType.LESSON) {\n      updateSlideConfig({ showCircleGameScreen: true });\n    }\n  }, [updateSlideConfig, projectType]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      updateSlideConfig({ matchmakingId: undefined });\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({ isCircleGamePlayed: true, showCircleGameScreen: true });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({ isCirclePuzzleSolved: true, showCircleGameScreen: true });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame]);\n\n  useEffect(() => {\n    updateSlideConfig({ showCircleGameScreen: true });\n  }, [updateSlideConfig]);\n\n  useEffect(() => {\n    if (showCircleGameScreen) {\n      updateSlideConfig({ matchmakingId: uuidv4() });\n    }\n  }, [showCircleGameScreen]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={(projectType && isPlayed[projectType]) ?? false}\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={projectType && isPlayed[projectType] ? 'WELL DONE!' : ''}\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        {matchmakingId && (\n          <WebView\n            ref={webViewRef}\n            height=\"100%\"\n            width=\"100%\"\n            baseUrl={trialGameUrl}\n            playerDetails={playerData}\n            projectDetails={projectDetails}\n            onGameLoad={onGameLoad}\n            onBack={handleBack}\n            handleInfoMessage={handleInfoMessage}\n            onGamePlayFinish={handleGameFinish}\n          />\n        )}\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","matchmakingId","webViewRef","useRef","playGame","useWebViewGames","isLoading","setIsLoading","useState","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","playerData","projectDetails","commonConfig","onGameLoad","useCallback","handleBack","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","uuidv4","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":"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"}

package/dist/features/trial-session/trial-session-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session-types.js","sources":["../../../src/features/trial-session/trial-session-types.ts"],"sourcesContent":["import type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type { IMilestoneConfig, TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n  ITrialCircleConfig,\n  ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, SetStateAction } from 'react';\n\nexport type TSlideId = TrialPageId;\n\nexport enum EClassTimeAlertLevel {\n  FIVE_MIN = '5min',\n  FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n  buttonLabel: string;\n  pageId: string;\n}\n\nexport interface ISolution {\n  media?: string;\n  media_type?: 'image' | 'video';\n  text?: string;\n}\n\nexport type TDegreeInformation = { degree_name?: string; field_of_study?: string };\n\nexport interface ITeacherProfileDetails {\n  lower_grade: string;\n  higher_grade: string;\n  header_image: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  countries: string[];\n  degree: TDegreeInformation;\n}\n\nexport interface ISlide {\n  id: TrialPageId;\n  renderAs: 'split' | 'full';\n  renderAVIn: 'left' | 'right';\n  header: string;\n  subHeader?: string;\n  prevPage?: IButtonConfig;\n  nextPage?: IButtonConfig;\n  cues?: string[];\n  dos?: string[];\n  donts?: string[];\n  navigationLabel?: string;\n  slideTag?: string;\n  teacher_profile?: ITeacherProfileDetails;\n  solutions?: ISolution[];\n  enableSessionPerk?: boolean;\n}\n\nexport interface TGoals {\n  goal_code?: string;\n  milestone_date_ts?: number;\n  goal_category?: string;\n  milestone_name?: string;\n  publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n  id: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  goals?: TGoals[];\n  studentProfile?: {\n    profileSummary?: string;\n    dummyProfileImageIndex?: number;\n    summaryFetched?: boolean;\n    summaryFetchFailed?: boolean;\n  };\n  userNodeId?: string;\n  nodeId?: string;\n  nodeType?: TNodeTypes;\n  attemptId?: string;\n  preferences?: TPreference[];\n  personalizedLevel?: string[];\n  personalizedFocus?: string[];\n  personalizedBehaviors?: string[];\n  isCircleGamePlayed?: boolean;\n  isCirclePuzzleSolved?: boolean;\n  isCircleSkillCompleted?: boolean;\n  studentTimezone?: string;\n  showCircleGameScreen?: boolean;\n  accuracyStr?: string;\n  totalTimeTaken?: number;\n  chapterId?: string;\n}\n\nexport interface IButtonState {\n  isDisabled: boolean;\n  isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n  pages: ISlide[];\n  demo_info: {\n    student_classroom_id: string;\n    stream: TCourseStream;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n  alertLevel: EClassTimeAlertLevel | null;\n  isVisible: boolean;\n  onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n  classStartedOn?: Date;\n  height?: string | number;\n  userType: TUserTypes;\n  studentId: string;\n  teacherId: string;\n  teacherClassroomId: string;\n  teacherPanel?: JSX.Element;\n  studentPanel?: JSX.Element;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: JSX.Element;\n  worksheetNavigationPanel?: JSX.Element;\n  questionsRatingPanel?: JSX.Element;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n  extends Pick<\n    ITrialSessionProps,\n    | 'classStartedOn'\n    | 'formData'\n    | 'teacherPanel'\n    | 'studentId'\n    | 'teacherId'\n    | 'studentPanel'\n    | 'worksheet'\n    | 'worksheetNavigationPanel'\n    | 'questionsRatingPanel'\n    | 'openEndClassModal'\n    | 'studentAbsentInClass'\n    | 'classDuration'\n    | 'classTimeAlertConfig'\n  > {\n  buttonState: { left: IButtonState; right: IButtonState };\n  isTeacher: boolean;\n  milestoneConfig: IMilestoneConfig;\n  slideConfig: ISlide;\n  updateButtonState: (\n    btnNavDir: 'left' | 'right' | 'both',\n    currentState: IButtonState | { left: IButtonState; right: IButtonState },\n  ) => void;\n  updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n  trialHomeData: ITrialHomeData;\n  onTrialInformationUpdate?: () => void;\n  circleGames: ITrialCircleGameParams;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n  trialHomeData: ITrialHomeData;\n  milestoneConfig: IMilestoneConfig;\n  studentTimezone?: string;\n  onStudentTimezoneUpdate?: () => void;\n  onTrialInformationUpdate?: () => void;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AAeY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"trial-session-types.js","sources":["../../../src/features/trial-session/trial-session-types.ts"],"sourcesContent":["import type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type { IMilestoneConfig, TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n  ITrialCircleConfig,\n  ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, SetStateAction } from 'react';\n\nexport type TSlideId = TrialPageId;\n\nexport enum EClassTimeAlertLevel {\n  FIVE_MIN = '5min',\n  FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n  buttonLabel: string;\n  pageId: string;\n}\n\nexport interface ISolution {\n  media?: string;\n  media_type?: 'image' | 'video';\n  text?: string;\n}\n\nexport type TDegreeInformation = { degree_name?: string; field_of_study?: string };\n\nexport interface ITeacherProfileDetails {\n  lower_grade: string;\n  higher_grade: string;\n  header_image: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  countries: string[];\n  degree: TDegreeInformation;\n}\n\nexport interface ISlide {\n  id: TrialPageId;\n  renderAs: 'split' | 'full';\n  renderAVIn: 'left' | 'right';\n  header: string;\n  subHeader?: string;\n  prevPage?: IButtonConfig;\n  nextPage?: IButtonConfig;\n  cues?: string[];\n  dos?: string[];\n  donts?: string[];\n  navigationLabel?: string;\n  slideTag?: string;\n  teacher_profile?: ITeacherProfileDetails;\n  solutions?: ISolution[];\n  enableSessionPerk?: boolean;\n}\n\nexport interface TGoals {\n  goal_code?: string;\n  milestone_date_ts?: number;\n  goal_category?: string;\n  milestone_name?: string;\n  publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n  id: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  goals?: TGoals[];\n  studentProfile?: {\n    profileSummary?: string;\n    dummyProfileImageIndex?: number;\n    summaryFetched?: boolean;\n    summaryFetchFailed?: boolean;\n  };\n  userNodeId?: string;\n  nodeId?: string;\n  nodeType?: TNodeTypes;\n  attemptId?: string;\n  preferences?: TPreference[];\n  personalizedLevel?: string[];\n  personalizedFocus?: string[];\n  personalizedBehaviors?: string[];\n  isCircleGamePlayed?: boolean;\n  isCirclePuzzleSolved?: boolean;\n  isCircleSkillCompleted?: boolean;\n  studentTimezone?: string;\n  showCircleGameScreen?: boolean;\n  accuracyStr?: string;\n  totalTimeTaken?: number;\n  chapterId?: string;\n  matchmakingId?: string;\n}\n\nexport interface IButtonState {\n  isDisabled: boolean;\n  isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n  pages: ISlide[];\n  demo_info: {\n    student_classroom_id: string;\n    stream: TCourseStream;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n  alertLevel: EClassTimeAlertLevel | null;\n  isVisible: boolean;\n  onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n  classStartedOn?: Date;\n  height?: string | number;\n  userType: TUserTypes;\n  studentId: string;\n  teacherId: string;\n  teacherClassroomId: string;\n  teacherPanel?: JSX.Element;\n  studentPanel?: JSX.Element;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: JSX.Element;\n  worksheetNavigationPanel?: JSX.Element;\n  questionsRatingPanel?: JSX.Element;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n  extends Pick<\n    ITrialSessionProps,\n    | 'classStartedOn'\n    | 'formData'\n    | 'teacherPanel'\n    | 'studentId'\n    | 'teacherId'\n    | 'studentPanel'\n    | 'worksheet'\n    | 'worksheetNavigationPanel'\n    | 'questionsRatingPanel'\n    | 'openEndClassModal'\n    | 'studentAbsentInClass'\n    | 'classDuration'\n    | 'classTimeAlertConfig'\n  > {\n  buttonState: { left: IButtonState; right: IButtonState };\n  isTeacher: boolean;\n  milestoneConfig: IMilestoneConfig;\n  slideConfig: ISlide;\n  updateButtonState: (\n    btnNavDir: 'left' | 'right' | 'both',\n    currentState: IButtonState | { left: IButtonState; right: IButtonState },\n  ) => void;\n  updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n  trialHomeData: ITrialHomeData;\n  onTrialInformationUpdate?: () => void;\n  circleGames: ITrialCircleGameParams;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n  trialHomeData: ITrialHomeData;\n  milestoneConfig: IMilestoneConfig;\n  studentTimezone?: string;\n  onStudentTimezoneUpdate?: () => void;\n  onTrialInformationUpdate?: () => void;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AAeY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/trial-session/trial-session-view.js

@@ -1,5 +1,5 @@
 import { jsx as D, jsxs as z } from "react/jsx-runtime";
-import { memo as J, useState as K, useMemo as m, useCallback as Q, useEffect as I } from "react";
+import { memo as J, useState as K, useMemo as m, useCallback as Q, useEffect as S } from "react";
 import { getGradesFromConfig as W } from "../milestone/create/milestone-create-helpers.js";
 import X from "../ui/layout/flex-view.js";
 import Y from "./context/trial-session-context.js";
@@ -8,121 +8,120 @@ import ee from "./left-panel/index.js";
 import te from "./right-panel/index.js";
 const de = J((H) => {
   const {
-    userType: o,
-    teacherPanel: S,
-    studentPanel: _,
-    trialGameUrl: T,
-    formData: i,
+    userType: r,
+    teacherPanel: I,
+    studentPanel: T,
+    trialGameUrl: x,
+    formData: s,
     height: L = "100vh",
     trialHomeData: t,
-    milestoneConfig: l,
+    milestoneConfig: o,
     onFormDataChange: u,
-    worksheet: x,
-    studentId: r,
-    teacherId: s,
-    classStartedOn: P,
+    worksheet: P,
+    studentId: i,
+    teacherId: l,
+    classStartedOn: _,
     worksheetNavigationPanel: v,
     questionsRatingPanel: y,
     studentAbsentInClass: E,
-    openEndClassModal: $,
-    onTrialInformationUpdate: w,
+    openEndClassModal: w,
+    onTrialInformationUpdate: F,
     onStudentTimezoneUpdate: f,
-    handleInfoMessage: F,
-    onRemoveOptionalSlides: G,
-    classDuration: M,
+    handleInfoMessage: G,
+    onRemoveOptionalSlides: M,
+    classDuration: R,
     studentTimezone: g,
-    classTimeAlertConfig: k
-  } = H, a = o === "TEACHER", { pages: h = [], student: O } = t, { name: R, grade: c } = O || {}, [n, q] = K(i), p = a ? n : i, C = p == null ? void 0 : p.id, b = m(
-    () => h.find((e) => e.id === C) ?? h[0],
-    [C, h]
-  ), j = m(() => {
+    classTimeAlertConfig: $
+  } = H, a = r === "TEACHER", { pages: p = [], student: O } = t, { name: b, grade: c } = O || {}, [n, q] = K(s), h = a ? n : s, C = h == null ? void 0 : h.id, j = m(
+    () => p.find((e) => e.id === C) ?? p[0],
+    [C, p]
+  ), k = m(() => {
     const e = {
       circleConfig: t.circle_trial_game_config,
       playerDetails: {
-        matchMakingId: `${s}_${r}_trial_v3`,
-        userId: a ? s : r,
+        userId: a ? l : i,
         circle_username: t[a ? "teacher" : "student"].circle_username,
         user_avatar: t[a ? "teacher" : "student"].user_avatar,
-        playerType: o
+        playerType: r
       }
     };
-    return o === "STUDENT" && (e.playerDetails.grade = t.student.grade), e;
-  }, [a, r, s, t, o]), d = Q((e) => {
+    return r === "STUDENT" && (e.playerDetails.grade = t.student.grade), e;
+  }, [a, i, l, t, r]), d = Q((e) => {
     q((B) => B ? { ...B, ...e } : e);
   }, []), { buttonState: A, updateButtonState: N } = Z(), U = m(
     () => ({
-      teacherPanel: S,
-      studentPanel: _,
+      teacherPanel: I,
+      studentPanel: T,
       isTeacher: a,
-      slideConfig: b,
-      milestoneConfig: l,
-      formData: a ? n : i,
+      slideConfig: j,
+      milestoneConfig: o,
+      formData: a ? n : s,
       updateSlideConfig: d,
-      worksheet: x,
+      worksheet: P,
       buttonState: A,
       updateButtonState: N,
-      studentId: r,
-      teacherId: s,
-      classStartedOn: P,
+      studentId: i,
+      teacherId: l,
+      classStartedOn: _,
       trialHomeData: t,
       worksheetNavigationPanel: v,
       questionsRatingPanel: y,
-      onTrialInformationUpdate: w,
-      openEndClassModal: $,
+      onTrialInformationUpdate: F,
+      openEndClassModal: w,
       studentAbsentInClass: E,
-      circleGames: j,
-      trialGameUrl: T,
-      handleInfoMessage: F,
-      onRemoveOptionalSlides: G,
-      classDuration: M,
-      classTimeAlertConfig: k
+      circleGames: k,
+      trialGameUrl: x,
+      handleInfoMessage: G,
+      onRemoveOptionalSlides: M,
+      classDuration: R,
+      classTimeAlertConfig: $
     }),
     [
-      S,
-      _,
+      I,
+      T,
       a,
-      b,
-      l,
+      j,
+      o,
       n,
-      i,
+      s,
       d,
-      x,
+      P,
       A,
       N,
-      r,
-      s,
-      P,
+      i,
+      l,
+      _,
       t,
       v,
       y,
+      F,
       w,
-      $,
       E,
-      j,
-      T,
-      F,
+      k,
+      x,
       G,
       M,
-      k
+      R,
+      $
     ]
   );
-  I(() => {
+  S(() => {
     n && u && u(n);
-  }, [u, n]), I(() => {
+  }, [u, n]), S(() => {
     g || f == null || f();
   }, [C]);
   const V = m(
-    () => !!W(l).find((e) => e.id === c),
-    [l, c]
+    () => !!W(o).find((e) => e.id === c),
+    [o, c]
   );
-  return I(() => {
+  return S(() => {
     d({
       studentTimezone: g,
-      name: R,
+      name: b,
       grade: V ? c : ""
     });
   }, [
-    R,
+    b,
     c,
     d,
     g,

package/dist/features/trial-session/trial-session-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    userType,\n    teacherPanel,\n    studentPanel,\n    trialGameUrl,\n    formData: formDataProps,\n    height = '100vh',\n    trialHomeData,\n    milestoneConfig,\n    onFormDataChange,\n    worksheet,\n    studentId,\n    teacherId,\n    classStartedOn,\n    worksheetNavigationPanel,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const { pages: slides = [], student } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        matchMakingId: `${teacherId}_${studentId}_trial_v3`,\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n  const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n    setFormData(previousProps => {\n      if (!previousProps) return config as ITrialSessionFormFields;\n\n      return { ...previousProps, ...config };\n    });\n  }, []);\n  const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n  const contextValue = useMemo<ITrialSessionContext>(\n    () => ({\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      slideConfig: currentSlideConfig,\n      milestoneConfig,\n      formData: isTeacher ? formData : formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    }),\n    [\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      currentSlideConfig,\n      milestoneConfig,\n      formData,\n      formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    ],\n  );\n\n  useEffect(() => {\n    if (formData && onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [onFormDataChange, formData]);\n\n  useEffect(() => {\n    if (!studentTimezone) onStudentTimezoneUpdate?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSlideId]);\n\n  const IsGradeExistInMilestoneConfig = useMemo(\n    () => !!getGradesFromConfig(milestoneConfig).find(element => element.id === studentGrade),\n    [milestoneConfig, studentGrade],\n  );\n\n  useEffect(() => {\n    updateSlideConfig({\n      studentTimezone,\n      name: studentName,\n      grade: IsGradeExistInMilestoneConfig ? studentGrade : '',\n    });\n  }, [\n    studentName,\n    studentGrade,\n    updateSlideConfig,\n    studentTimezone,\n    IsGradeExistInMilestoneConfig,\n  ]);\n\n  return (\n    <TrialSessionContext.Provider value={contextValue}>\n      <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n        <LeftPanel />\n        <RightPanel />\n      </FlexView>\n    </TrialSessionContext.Provider>\n  );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","student","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}
+{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    userType,\n    teacherPanel,\n    studentPanel,\n    trialGameUrl,\n    formData: formDataProps,\n    height = '100vh',\n    trialHomeData,\n    milestoneConfig,\n    onFormDataChange,\n    worksheet,\n    studentId,\n    teacherId,\n    classStartedOn,\n    worksheetNavigationPanel,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const { pages: slides = [], student } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n  const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n    setFormData(previousProps => {\n      if (!previousProps) return config as ITrialSessionFormFields;\n\n      return { ...previousProps, ...config };\n    });\n  }, []);\n  const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n  const contextValue = useMemo<ITrialSessionContext>(\n    () => ({\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      slideConfig: currentSlideConfig,\n      milestoneConfig,\n      formData: isTeacher ? formData : formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    }),\n    [\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      currentSlideConfig,\n      milestoneConfig,\n      formData,\n      formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    ],\n  );\n\n  useEffect(() => {\n    if (formData && onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [onFormDataChange, formData]);\n\n  useEffect(() => {\n    if (!studentTimezone) onStudentTimezoneUpdate?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSlideId]);\n\n  const IsGradeExistInMilestoneConfig = useMemo(\n    () => !!getGradesFromConfig(milestoneConfig).find(element => element.id === studentGrade),\n    [milestoneConfig, studentGrade],\n  );\n\n  useEffect(() => {\n    updateSlideConfig({\n      studentTimezone,\n      name: studentName,\n      grade: IsGradeExistInMilestoneConfig ? studentGrade : '',\n    });\n  }, [\n    studentName,\n    studentGrade,\n    updateSlideConfig,\n    studentTimezone,\n    IsGradeExistInMilestoneConfig,\n  ]);\n\n  return (\n    <TrialSessionContext.Provider value={contextValue}>\n      <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n        <LeftPanel />\n        <RightPanel />\n      </FlexView>\n    </TrialSessionContext.Provider>\n  );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","student","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}

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

@@ -1,43 +1,43 @@
-import { jsxs as I, jsx as i, Fragment as Vt } from "react/jsx-runtime";
-import { memo as Dt, useMemo as R, useState as M, useRef as U, useCallback as Ut, useEffect as $, useLayoutEffect as zt } from "react";
-import { IMAGES as Kt } from "../../../../assets/images/images.js";
-import Pt from "../../../cue-canvas/cue-canvas.js";
-import Xt from "../../../pointer-sync/pointer.js";
-import vt from "../../../ui/layout/flex-view.js";
+import { jsxs as I, jsx as r, Fragment as Dt } from "react/jsx-runtime";
+import { memo as Ut, useMemo as _, useState as A, useRef as z, useCallback as zt, useEffect as g, useLayoutEffect as Kt } from "react";
+import { IMAGES as Vt } from "../../../../assets/images/images.js";
+import Xt from "../../../cue-canvas/cue-canvas.js";
+import Pt from "../../../pointer-sync/pointer.js";
+import wt from "../../../ui/layout/flex-view.js";
 import jt from "../../constants/events.js";
 import { QUESTIONS_GAP as Gt, LEARNOSITY_KEYBOARD_HEIGHT as Ht } from "../constants.js";
-import { getPaperColorByQuestion as Yt, isConceptIntroWidget as Zt, scrollToQuestion as bt } from "../worksheet-helpers.js";
+import { getPaperColorByQuestion as Yt, isConceptIntroWidget as Zt, scrollToQuestion as St } from "../worksheet-helpers.js";
 import Jt from "./header/header.js";
 import qt from "./learnosity-question.js";
 import kt from "./question-backdrop/question-backdrop.js";
 import te from "./subjective-review.js";
 import ee from "./system-intros/advanced-practice-intro.js";
-import ie from "./system-intros/basic-practice-intro.js";
+import re from "./system-intros/basic-practice-intro.js";
 import oe from "./system-intros/exit-ticket-intro.js";
-import re from "./system-intros/regular-practice-intro.js";
+import ie from "./system-intros/regular-practice-intro.js";
 import { QuestionContainerWrapper as ne, StimulusReview as ce, QuestionContainer as ae, QuestionWrapper as se, LessonOverviewBanner as le, CueCanvasWrapper as me, Hint as ue, Solution as fe } from "./worksheet-question-styled.js";
-const Te = Dt(
+const Le = Ut(
   ({
     userType: c,
-    signedRequest: St,
-    worksheetCompleted: f,
+    signedRequest: bt,
+    worksheetCompleted: u,
     question: n,
     response: e,
-    nextQuestionId: v,
-    isActive: H,
-    isHidden: A,
-    canRender: z,
+    nextQuestionId: R,
+    isActive: v,
+    isHidden: M,
+    canRender: K,
     loggerRef: O,
     appended: a,
-    maxQuestionWidth: K,
-    behavior: P,
-    layout: X,
-    actionbarHeight: yt,
-    learnosity: b,
+    maxQuestionWidth: V,
+    behavior: X,
+    layout: P,
+    actionbarHeight: Ct,
+    learnosity: w,
     intersectionObserver: j,
     background: G = "paper",
-    onMarkForReview: Ct,
-    userId: Bt,
+    onMarkForReview: Bt,
+    userId: Wt,
     onPublishStrokes: Y,
     onReceiveStrokes: Z,
     isScribblingEnabled: J,
@@ -46,101 +46,96 @@ const Te = Dt(
     onPublishMouseMove: k,
     onSubscribeMouseMove: tt,
     setActiveQuestionId: et,
-    canResolveDoubt: Wt,
-    onResolveDoubt: Lt,
-    studentId: Tt,
-    responses: xt,
-    subjectiveProps: it
+    canResolveDoubt: yt,
+    onResolveDoubt: xt,
+    studentId: Lt,
+    responses: Tt,
+    subjectiveProps: rt
   }) => {
-    const C = R(
+    const C = _(
       () => G === "paper" ? Yt(n) : void 0,
       [G, n]
-    ), [B, It] = M(), [ot, Mt] = M(), {
-      validation: rt,
+    ), [B, It] = A(), [ot, At] = A(), {
+      validation: it,
       review: Q,
       maximumAttempts: nt,
       canExceedAttempts: ct,
-      teacherValidationEnabled: S,
+      teacherValidationEnabled: H,
       solutionHidden: at
-    } = P, { minQuestionHeight: At, topOffset: st, questionsScrollable: W } = X, {
-      type: _,
+    } = X, { minQuestionHeight: Mt, topOffset: st, questionsScrollable: W } = P, {
+      type: E,
       response_id: o,
-      stimulus_review: w,
-      item_type: h,
+      stimulus_review: $,
+      item_type: f,
       instructor_stimulus: lt,
-      metadata: { hints: d, solution: y, widget_reference: mt },
+      metadata: { hints: h, solution: S, widget_reference: mt },
       item_reference: ut,
       question_number: ft
-    } = n, ht = !!w, L = h === "overview", m = Zt(lt), g = lt === "SystemIntro", dt = m || g, gt = e == null ? void 0 : e.responseEdited, Ot = R(() => {
+    } = n, ht = !!$, y = f === "overview", m = Zt(lt), d = lt === "SystemIntro", dt = m || d, gt = e == null ? void 0 : e.responseEdited, Ot = _(() => {
       const t = [];
-      return gt && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), _ === "hotspot" && t.push("correct-answers-hidden"), a && S && _ === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), L && t.push("lesson-overview"), m && t.push("concept-intro"), g && t.push("system-intro"), t.join(" ");
+      return gt && 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")), y && t.push("lesson-overview"), m && t.push("concept-intro"), d && t.push("system-intro"), t.join(" ");
     }, [
       a,
       m,
-      L,
-      g,
-      _,
+      y,
+      d,
+      E,
       gt,
-      S,
+      H,
       c
-    ]), F = U({}), T = (e == null ? void 0 : e.hintsUsed) ?? 0, [Et] = M((e == null ? void 0 : e.validatedByTeacher) ?? !1), x = U(null), V = U(null), D = R(() => d == null ? void 0 : d.slice(0, T), [d, T]), pt = R(() => c === "TEACHER" || f ? !0 : !e || !e.response || e.responseEdited ? !1 : rt, [e, c, rt, f]), $t = R(() => {
+    ]), F = z({}), x = (e == null ? void 0 : e.hintsUsed) ?? 0, [Et] = A((e == null ? void 0 : e.validatedByTeacher) ?? !1), L = z(null), D = z(null), U = _(() => h == null ? void 0 : h.slice(0, x), [h, x]), $t = _(() => c === "TEACHER" || u ? !0 : !e || !e.response || e.responseEdited ? !1 : it, [e, c, it, u]), pt = _(() => {
       if (c === "TEACHER") return !0;
       if (Q) {
         const { attemptsHistory: t } = e ?? {};
         return ((t == null ? void 0 : t.length) ?? 0) >= nt && !ct;
       }
       return !1;
-    }, [ct, nt, e, Q, c]), Nt = R(
-      () => y && f && !at,
-      [at, y, f]
-    ), [_t, Qt] = M({
+    }, [ct, nt, e, Q, c]), Nt = _(
+      () => S && u && !at,
+      [at, S, u]
+    ), [_t, Qt] = A({
       width: 0,
       height: 0
-    }), Ft = Ut((t) => {
-      Mt(t);
+    }), Ft = zt((t) => {
+      At(t);
     }, []);
-    return $(() => {
-      x.current && j.observe(x.current);
-    }, [j]), $(() => {
+    return g(() => {
+      L.current && j.observe(L.current);
+    }, [j]), g(() => {
       if (a && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
         const t = document.querySelectorAll(
           `.widget-${n.response_id} .lrn_draggable`
         );
-        let s = 0, r = 0;
+        let s = 0, i = 0;
         t.forEach((l) => {
-          s = Math.max(s, l.clientWidth + 33), r = Math.max(r, l.clientHeight + 1);
+          s = Math.max(s, l.clientWidth + 33), i = Math.max(i, l.clientHeight + 1);
         }), Qt({
           width: n.type !== "association" ? s : 0,
-          height: r
+          height: i
         });
       }
-    }, [a, n.response_id, n.type]), $(() => {
-      if (a && pt) {
-        const t = b.question(o);
+    }, [a, n.response_id, n.type]), g(() => {
+      if (a && $t) {
+        const t = w.question(o);
         t && t.validate({
-          showCorrectAnswers: $t
+          showCorrectAnswers: pt
         });
       }
-    }, [a, b, o, Q, $t, c, pt]), $(() => {
-      const t = V.current;
-      if (a && t && O.current && F.current[o] === void 0 && !m && !g) {
-        const s = t.clientWidth, r = t.querySelectorAll("*");
-        for (let l = 0; l < r.length; l++) {
-          const u = r[l];
-          if (u) {
-            const E = window.getComputedStyle(u);
-            if (!(u instanceof HTMLElement && u.offsetParent !== null && E.visibility !== "hidden" && E.opacity !== "0"))
-              continue;
-            if (u.clientWidth > s) {
-              F.current[o] = !0, O.current(jt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
-                item_reference: ut,
-                widget_reference: mt,
-                question_type: _,
-                question_number: ft,
-                responseId: o
-              });
-              break;
-            }
+    }, [a, w, o, Q, pt, c, $t]), g(() => {
+      const t = D.current;
+      if (a && t && O.current && F.current[o] === void 0 && !m && !d) {
+        const s = t.clientWidth, i = t.querySelectorAll("*");
+        for (let l = 0; l < i.length; l++) {
+          const b = i[l];
+          if (b && b.clientWidth > s) {
+            F.current[o] = !0, O.current(jt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
+              item_reference: ut,
+              widget_reference: mt,
+              question_type: E,
+              question_number: ft,
+              responseId: o
+            });
+            break;
           }
         }
         F.current[o] = !1;
@@ -148,51 +143,51 @@ const Te = Dt(
     }, [
       a,
       m,
-      g,
+      d,
       ut,
       O,
-      _,
+      E,
       ft,
       o,
       mt
-    ]), $(() => {
-      const t = x.current, s = (r) => {
-        const l = r.querySelector(".lrn_response_wrapper");
+    ]), g(() => {
+      const t = L.current, s = (i) => {
+        const l = i.querySelector(".lrn_response_wrapper");
         if (!l)
           return 0;
-        const u = r.getBoundingClientRect().bottom, E = l.getBoundingClientRect().bottom, p = Math.abs(u - E);
+        const b = i.getBoundingClientRect().bottom, T = l.getBoundingClientRect().bottom, p = Math.abs(b - T);
         return p < Ht ? Ht - p : 0;
       };
-      a && t && It((r) => {
-        var Rt;
-        const E = ((Rt = n.ui_style) == null ? void 0 : Rt.type) === "floating-keyboard" && !(S && _ === "clozetext"), p = t.clientHeight;
+      a && t && It((i) => {
+        var vt;
+        const T = ((vt = n.ui_style) == null ? void 0 : vt.type) === "floating-keyboard" && !(H && E === "clozetext"), p = t.clientHeight;
         if (p === 0)
-          return r;
-        if (!r)
+          return i;
+        if (!i)
           return Math.ceil(
-            p + (E ? s(t) : 0)
+            p + (T ? s(t) : 0)
           );
-        const wt = Math.ceil(
-          p + (E ? s(t) : 0)
+        const Rt = Math.ceil(
+          p + (T ? s(t) : 0)
         );
-        return Math.abs(wt - r) > 4 ? wt : r;
+        return Math.abs(Rt - i) > 4 ? Rt : i;
       });
-    }), zt(() => {
-      !W && !A && bt(o);
-    }, [A, W, o, st]), $(() => {
-      (T || ht || y && f) && b.renderMath("mathjax");
-    }, [ht, T, b, y, f]), $(() => {
-      if (S && v && !Et && (e != null && e.validatedByTeacher)) {
+    }), Kt(() => {
+      !W && !M && St(o);
+    }, [M, W, o, st]), g(() => {
+      (x || ht || S && u) && w.renderMath("mathjax");
+    }, [ht, x, w, S, u]), g(() => {
+      if (H && R && !Et && (e != null && e.validatedByTeacher)) {
         const t = setTimeout(() => {
-          W ? bt(v) : et(v);
+          W ? St(R) : et(R);
         }, 1e3);
         return () => {
           clearTimeout(t);
         };
       }
     }, [
-      v,
-      S,
+      R,
+      H,
       Et,
       W,
       et,
@@ -202,35 +197,35 @@ const Te = Dt(
       {
         "data-response-id": o,
         className: `widget-${o}`,
-        ref: x,
+        ref: L,
         $topOffset: st,
-        $flexDirection: w ? "row" : "column",
-        $alignItems: w ? "flex-start" : "center",
-        $hidden: A,
+        $flexDirection: $ ? "row" : "column",
+        $alignItems: $ ? "flex-start" : "center",
+        $hidden: M,
         $marginBottom: Gt,
         children: [
-          w && /* @__PURE__ */ i(
+          $ && /* @__PURE__ */ r(
             ce,
             {
               dangerouslySetInnerHTML: {
-                __html: w
+                __html: $
               }
             }
           ),
           /* @__PURE__ */ I(
             ae,
             {
-              ref: V,
-              $width: w ? "50%" : `${K}px`,
-              $minHeight: B ? Math.max(B - 72, ot ?? 0) : At,
-              $isActive: H,
+              ref: D,
+              $width: $ ? "50%" : `${V}px`,
+              $minHeight: B ? Math.max(B - 72, ot ?? 0) : Mt,
+              $isActive: v,
               $paperColor: C,
-              $opacity: H ? 1 : 0.2,
+              $opacity: v ? 1 : 0.2,
               children: [
-                H && !!k && !!tt && q && /* @__PURE__ */ i(
-                  Xt,
+                v && !!k && !!tt && q && /* @__PURE__ */ r(
+                  Pt,
                   {
-                    containerRef: V,
+                    containerRef: D,
                     onPublish: k,
                     onSubscribe: tt,
                     responseId: o
@@ -243,107 +238,107 @@ const Te = Dt(
                     $dropzoneMinWidth: _t.width,
                     $dropzoneMinHeight: _t.height,
                     children: [
-                      !(L || m || g) && /* @__PURE__ */ i(
+                      !(y || m || d) && /* @__PURE__ */ r(
                         Jt,
                         {
                           userType: c,
                           question: n,
                           response: e,
-                          behavior: P,
-                          layout: X,
+                          behavior: X,
+                          layout: P,
                           paperColor: C,
-                          onMarkForReview: Ct,
-                          actionbarHeight: yt,
-                          canResolveDoubt: Wt,
-                          onResolveDoubt: Lt,
-                          worksheetCompleted: f
+                          onMarkForReview: Bt,
+                          actionbarHeight: Ct,
+                          canResolveDoubt: yt,
+                          onResolveDoubt: xt,
+                          worksheetCompleted: u
                         }
                       ),
-                      L && /* @__PURE__ */ i(le, { src: Kt.LESSON_OVERVIEW_BANNER }),
-                      m && C && /* @__PURE__ */ i(kt, { paperColor: C }),
-                      g ? /* @__PURE__ */ I(Vt, { children: [
-                        h === "practice-basic" && /* @__PURE__ */ i(ie, {}),
-                        h === "practice-regular" && /* @__PURE__ */ i(re, {}),
-                        h === "exit-ticket" && /* @__PURE__ */ i(oe, {}),
-                        (h == null ? void 0 : h.startsWith("advanced-")) && /* @__PURE__ */ i(ee, {})
+                      y && /* @__PURE__ */ r(le, { src: Vt.LESSON_OVERVIEW_BANNER }),
+                      m && C && /* @__PURE__ */ r(kt, { paperColor: C }),
+                      d ? /* @__PURE__ */ I(Dt, { children: [
+                        f === "practice-basic" && /* @__PURE__ */ r(re, {}),
+                        f === "practice-regular" && /* @__PURE__ */ r(ie, {}),
+                        f === "exit-ticket" && /* @__PURE__ */ r(oe, {}),
+                        (f == null ? void 0 : f.startsWith("advanced-")) && /* @__PURE__ */ r(ee, {})
                       ] }) : void 0,
-                      /* @__PURE__ */ i(
+                      /* @__PURE__ */ r(
                         qt,
                         {
-                          signedRequest: St,
+                          signedRequest: bt,
                           appended: a,
                           question: n,
                           response: e == null ? void 0 : e.response,
-                          canRender: z || H,
-                          learnosity: b,
+                          canRender: K || v,
+                          learnosity: w,
                           canForceAppend: c === "TEACHER",
                           isConceptIntro: m
                         }
                       ),
-                      !dt && q && Y && Z && B !== void 0 && /* @__PURE__ */ i(me, { $canScribble: J, children: /* @__PURE__ */ i(
-                        Pt,
+                      !dt && q && Y && Z && B !== void 0 && /* @__PURE__ */ r(me, { $canScribble: J, children: /* @__PURE__ */ r(
+                        Xt,
                         {
-                          canRender: z,
-                          canScribble: J && H,
+                          canRender: K,
+                          canScribble: J && v,
                           appended: a,
                           responseId: o,
-                          width: K,
+                          width: V,
                           height: Math.max(B, ot ?? 0),
                           onUpdateHeight: Ft,
                           onPublish: Y,
                           onSubscribe: Z,
-                          userId: Bt,
+                          userId: Wt,
                           initialData: N == null ? void 0 : N[o],
                           userType: c
                         }
                       ) }),
-                      !dt && D && D.length > 0 && /* @__PURE__ */ i(
-                        vt,
+                      !dt && U && U.length > 0 && /* @__PURE__ */ r(
+                        wt,
                         {
                           $background: "BLUE_1",
                           $gutterX: 1,
                           $gapX: 0.5,
                           $borderRadiusX: 0,
                           $borderColor: "BLUE_2",
-                          children: D.map((t, s) => /* @__PURE__ */ i(
+                          children: U.map((t, s) => /* @__PURE__ */ r(
                             ue,
                             {
                               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
                           ))
                         }
                       ),
-                      Nt && /* @__PURE__ */ i(
-                        vt,
+                      Nt && /* @__PURE__ */ r(
+                        wt,
                         {
                           $background: "YELLOW_1",
                           $gutterX: 1,
                           $gapX: 0.875,
                           $borderRadiusX: 0,
                           $borderColor: "YELLOW_2",
-                          children: /* @__PURE__ */ i(
+                          children: /* @__PURE__ */ r(
                             fe,
                             {
                               dangerouslySetInnerHTML: {
-                                __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${y}`
+                                __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${S}`
                               }
                             }
                           )
                         }
                       ),
-                      !!it && /* @__PURE__ */ i(
+                      !!rt && /* @__PURE__ */ r(
                         te,
                         {
-                          responses: xt,
+                          responses: Tt,
                           response: e,
-                          nextQuestionId: v,
+                          nextQuestionId: R,
                           responseId: o,
-                          studentId: Tt,
+                          studentId: Lt,
                           userType: c,
-                          ...it
+                          ...rt
                         }
                       )
                     ]
@@ -358,6 +353,6 @@ const Te = Dt(
   }
 );
 export {
-  Te as default
+  Le as default
 };
 //# sourceMappingURL=worksheet-question.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element) {\n            const style = window.getComputedStyle(element);\n            const isVisible =\n              element instanceof HTMLElement &&\n              element.offsetParent !== null &&\n              style.visibility !== 'hidden' &&\n              style.opacity !== '0';\n\n            if (!isVisible) {\n              continue;\n            }\n\n            if (element.clientWidth > parentWidth) {\n              overflowDetectedRef.current[responseId] = true;\n              loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n                item_reference,\n                widget_reference,\n                question_type: questionType,\n                question_number,\n                responseId,\n              });\n              break;\n            }\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","style","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}
+{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element && element.clientWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}

package/dist/index.d.ts

@@ -2776,6 +2776,7 @@ export declare interface ITrialSessionFormFields {
     accuracyStr?: string;
     totalTimeTaken?: number;
     chapterId?: string;
+    matchmakingId?: string;
 }
 
 declare interface ITrialSessionMetadata {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.30-as2",
+  "version": "2.8.31-hg1",
   "type": "module",
   "files": [
     "dist"