@cuemath/leap 2.8.30 → 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":";;;;;;;;AAiBM,MAAAA,KAA+CC,EAAK,CAASC,MAAA;AAC3D,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,EACE,IAAAxB,GACEyB,IAAYxB,MAAa,WACzB,EAAE,OAAOyB,IAAS,CAAC,GAAG,SAAAC,MAAYpB,GAClC,EAAE,MAAMqB,GAAa,OAAOC,EAAa,IAAIF,KAAW,IACxD,CAACG,GAAUC,CAAW,IAAIC,EAA8C3B,CAAa,GACrF4B,IAAgBR,IAAYK,IAAWzB,GACvC6B,IAAiBD,KAAA,gBAAAA,EAAe,IAChCE,IAAqBC;AAAA,IACzB,MAAMV,EAAO,KAAK,CAAAW,MAAUA,EAAO,OAAOH,CAAc,KAAKR,EAAO,CAAC;AAAA,IACrE,CAACQ,GAAgBR,CAAM;AAAA,EAAA,GAGnBY,IAAcF,EAAQ,MAAM;AAChC,UAAMG,IAAO;AAAA,MACX,cAAchC,EAAc;AAAA,MAC5B,eAAe;AAAA,QACb,QAAQkB,IAAYb,IAAYD;AAAA,QAChC,iBAAiBJ,EAAckB,IAAY,YAAY,SAAS,EAAE;AAAA,QAClE,aAAalB,EAAckB,IAAY,YAAY,SAAS,EAAE;AAAA,QAC9D,YAAYxB;AAAA,MACd;AAAA,IAAA;AAGF,WAAIA,MAAa,cACVsC,EAAA,cAAc,QAAQhC,EAAc,QAAQ,QAG5CgC;AAAA,EAAA,GACN,CAACd,GAAWd,GAAWC,GAAWL,GAAeN,CAAQ,CAAC,GAEvDuC,IAAoBC,EAAY,CAACJ,MAA6C;AAClF,IAAAN,EAAY,CAAiBW,MACtBA,IAEE,EAAE,GAAGA,GAAe,GAAGL,MAFHA,CAG5B;AAAA,EACH,GAAG,CAAE,CAAA,GACC,EAAE,aAAAM,GAAa,mBAAAC,EAAkB,IAAIC,EAA2B,GAEhEC,IAAeV;AAAA,IACnB,OAAO;AAAA,MACL,cAAAlC;AAAA,MACA,cAAAC;AAAA,MACA,WAAAsB;AAAA,MACA,aAAaU;AAAA,MACb,iBAAA3B;AAAA,MACA,UAAUiB,IAAYK,IAAWzB;AAAA,MACjC,mBAAAmC;AAAA,MACA,WAAA9B;AAAA,MACA,aAAAiC;AAAA,MACA,mBAAAC;AAAA,MACA,WAAAjC;AAAA,MACA,WAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAN;AAAA,MACA,0BAAAO;AAAA,MACA,sBAAAC;AAAA,MACA,0BAAAG;AAAA,MACA,mBAAAD;AAAA,MACA,sBAAAD;AAAA,MACA,aAAAsB;AAAA,MACA,cAAAlC;AAAA,MACA,mBAAAgB;AAAA,MACA,wBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAE;AAAA,IAAA;AAAA,IAEF;AAAA,MACEtB;AAAA,MACAC;AAAA,MACAsB;AAAA,MACAU;AAAA,MACA3B;AAAA,MACAsB;AAAA,MACAzB;AAAA,MACAmC;AAAA,MACA9B;AAAA,MACAiC;AAAA,MACAC;AAAA,MACAjC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAN;AAAA,MACAO;AAAA,MACAC;AAAA,MACAG;AAAA,MACAD;AAAA,MACAD;AAAA,MACAsB;AAAA,MACAlC;AAAA,MACAgB;AAAA,MACAC;AAAA,MACAC;AAAA,MACAE;AAAA,IACF;AAAA,EAAA;AAGF,EAAAuB,EAAU,MAAM;AACd,IAAIjB,KAAYrB,KACdA,EAAiBqB,CAAQ;AAAA,EAC3B,GACC,CAACrB,GAAkBqB,CAAQ,CAAC,GAE/BiB,EAAU,MAAM;AACV,IAACxB,KAA2CJ,KAAA,QAAAA;AAAA,EAAA,GAE/C,CAACe,CAAc,CAAC;AAEnB,QAAMc,IAAgCZ;AAAA,IACpC,MAAM,CAAC,CAACa,EAAoBzC,CAAe,EAAE,KAAK,CAAA0C,MAAWA,EAAQ,OAAOrB,CAAY;AAAA,IACxF,CAACrB,GAAiBqB,CAAY;AAAA,EAAA;AAGhC,SAAAkB,EAAU,MAAM;AACI,IAAAP,EAAA;AAAA,MAChB,iBAAAjB;AAAA,MACA,MAAMK;AAAA,MACN,OAAOoB,IAAgCnB,IAAe;AAAA,IAAA,CACvD;AAAA,EAAA,GACA;AAAA,IACDD;AAAA,IACAC;AAAA,IACAW;AAAA,IACAjB;AAAA,IACAyB;AAAA,EAAA,CACD,GAGE,gBAAAG,EAAAC,EAAoB,UAApB,EAA6B,OAAON,GACnC,UAAA,gBAAAO,EAACC,GAAS,EAAA,SAAShD,GAAQ,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UACnF,UAAA;AAAA,IAAA,gBAAA6C,EAACI,IAAU,EAAA;AAAA,sBACVC,IAAW,EAAA;AAAA,EAAA,EACd,CAAA,EACF,CAAA;AAEJ,CAAC;"}

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",
+  "version": "2.8.31-hg1",
   "type": "module",
   "files": [
     "dist"