@cuemath/leap 3.3.11-link.0 → 3.3.11-link.2

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

@@ -1,154 +1,148 @@
-import { jsx as I, jsxs as ee } from "react/jsx-runtime";
-import { memo as te, useState as ne, useMemo as s, useCallback as re, useEffect as g } from "react";
-import { PREFERENCE_CATEGORY as q } from "../milestone/constants.js";
-import { getGradesFromConfig as oe } from "../milestone/create/milestone-create-helpers.js";
+import { jsx as h, jsxs as ne } from "react/jsx-runtime";
+import { memo as re, useState as oe, useMemo as P, useCallback as L, useEffect as S } from "react";
+import { PREFERENCE_CATEGORY as H } from "../milestone/constants.js";
+import { getGradesFromConfig as se } from "../milestone/create/milestone-create-helpers.js";
 import ae from "../ui/layout/flex-view.js";
-import { PREFERENCE_CODE_MAP as se } from "./comps/student-feedback/student-feedback-constants.js";
-import ie from "./context/trial-session-context.js";
-import { getPreferenceCodesByCategory as J } from "./helper.js";
-import { useButtonStateForLeftPanel as le } from "./hooks/use-left-panel-button-state.js";
-import ce from "./left-panel/index.js";
-import de from "./right-panel/index.js";
-const De = te((U) => {
+import { PREFERENCE_CODE_MAP as ie } from "./comps/student-feedback/student-feedback-constants.js";
+import le from "./context/trial-session-context.js";
+import { getPreferenceCodesByCategory as U } from "./helper.js";
+import { useButtonStateForLeftPanel as ce } from "./hooks/use-left-panel-button-state.js";
+import de from "./left-panel/index.js";
+import me from "./right-panel/index.js";
+const Te = re((q) => {
   const {
-    countryCode: D,
-    userType: i,
-    teacherPanel: T,
-    studentPanel: _,
-    trialGameUrl: v,
-    formData: l,
-    height: Y = "100vh",
-    trialHomeData: n,
-    milestoneConfig: c,
-    onFormDataChange: p,
-    worksheet: y,
-    studentId: d,
-    teacherId: m,
-    classStartedOn: R,
-    worksheetNavigationPanel: x,
-    questionsRatingPanel: O,
-    studentAbsentInClass: F,
-    openEndClassModal: G,
-    onTrialInformationUpdate: N,
-    onStudentTimezoneUpdate: C,
-    handleInfoMessage: b,
-    onRemoveOptionalSlides: j,
-    classDuration: w,
-    studentTimezone: E,
-    classTimeAlertConfig: A
-  } = U, e = i === "TEACHER", { pages: h = [], student: K, intel_student: Q } = n, { student_preference: W } = Q || {}, { preferences: f = [] } = W || {}, { name: M, grade: u } = K || {}, [r, X] = ne(l), P = e ? r : l, S = P == null ? void 0 : P.id, B = s(
-    () => h.find((t) => t.id === S) ?? h[0],
-    [S, h]
-  ), V = s(
-    () => J(f, q.OBJECTIVES),
-    [f]
-  ), o = s(
-    () => J(f, q.POSITION, !0),
-    [f]
-  ), $ = s(() => {
-    const t = {
-      circleConfig: n.circle_trial_game_config,
+    countryCode: I,
+    userType: o,
+    teacherPanel: D,
+    studentPanel: T,
+    trialGameUrl: _,
+    formData: s,
+    height: J = "100vh",
+    trialHomeData: e,
+    milestoneConfig: a,
+    onFormDataChange: f,
+    worksheet: R,
+    studentId: i,
+    teacherId: l,
+    classStartedOn: v,
+    worksheetNavigationPanel: y,
+    questionsRatingPanel: x,
+    studentAbsentInClass: O,
+    openEndClassModal: F,
+    onTrialInformationUpdate: G,
+    onStudentTimezoneUpdate: u,
+    handleInfoMessage: N,
+    onRemoveOptionalSlides: b,
+    classDuration: j,
+    studentTimezone: c,
+    classTimeAlertConfig: w
+  } = q, t = o === "TEACHER", { pages: p = [] } = e, [r, Y] = oe(s), g = t ? r : s, C = g == null ? void 0 : g.id, A = P(
+    () => p.find((n) => n.id === C) ?? p[0],
+    [C, p]
+  ), M = P(() => {
+    const n = {
+      circleConfig: e.circle_trial_game_config,
       playerDetails: {
-        userId: e ? m : d,
-        circle_username: n[e ? "teacher" : "student"].circle_username,
-        user_avatar: n[e ? "teacher" : "student"].user_avatar,
-        playerType: i,
-        countryCode: D
+        userId: t ? l : i,
+        circle_username: e[t ? "teacher" : "student"].circle_username,
+        user_avatar: e[t ? "teacher" : "student"].user_avatar,
+        playerType: o,
+        countryCode: I
       }
     };
-    return i === "STUDENT" && (t.playerDetails.grade = n.student.grade), t;
-  }, [D, e, d, m, n, i]), a = re((t) => {
-    X((H) => H ? { ...H, ...t } : t);
-  }, []), { buttonState: k, updateButtonState: z } = le(), Z = s(
+    return o === "STUDENT" && (n.playerDetails.grade = e.student.grade), n;
+  }, [I, t, i, l, e, o]), d = L((n) => {
+    Y((m) => m ? { ...m, ...n } : n);
+  }, []), { buttonState: B, updateButtonState: V } = ce(), K = P(
     () => ({
-      teacherPanel: T,
-      studentPanel: _,
-      isTeacher: e,
-      slideConfig: B,
-      milestoneConfig: c,
-      formData: e ? r : l,
-      updateSlideConfig: a,
-      worksheet: y,
-      buttonState: k,
-      updateButtonState: z,
-      studentId: d,
-      teacherId: m,
-      classStartedOn: R,
-      trialHomeData: n,
-      worksheetNavigationPanel: x,
-      questionsRatingPanel: O,
-      onTrialInformationUpdate: N,
-      openEndClassModal: G,
-      studentAbsentInClass: F,
-      circleGames: $,
-      trialGameUrl: v,
-      handleInfoMessage: b,
-      onRemoveOptionalSlides: j,
-      classDuration: w,
-      classTimeAlertConfig: A
+      teacherPanel: D,
+      studentPanel: T,
+      isTeacher: t,
+      slideConfig: A,
+      milestoneConfig: a,
+      formData: t ? r : s,
+      updateSlideConfig: d,
+      worksheet: R,
+      buttonState: B,
+      updateButtonState: V,
+      studentId: i,
+      teacherId: l,
+      classStartedOn: v,
+      trialHomeData: e,
+      worksheetNavigationPanel: y,
+      questionsRatingPanel: x,
+      onTrialInformationUpdate: G,
+      openEndClassModal: F,
+      studentAbsentInClass: O,
+      circleGames: M,
+      trialGameUrl: _,
+      handleInfoMessage: N,
+      onRemoveOptionalSlides: b,
+      classDuration: j,
+      classTimeAlertConfig: w
     }),
     [
+      D,
       T,
-      _,
-      e,
-      B,
-      c,
-      r,
-      l,
+      t,
+      A,
       a,
-      y,
-      k,
-      z,
+      r,
+      s,
       d,
-      m,
       R,
-      n,
+      B,
+      V,
+      i,
+      l,
+      v,
+      e,
+      y,
       x,
-      O,
-      N,
       G,
       F,
-      $,
-      v,
+      O,
+      M,
+      _,
+      N,
       b,
       j,
-      w,
-      A
+      w
     ]
   );
-  g(() => {
-    r && p && p(r);
-  }, [p, r]), g(() => {
-    E || C == null || C();
-  }, [S]);
-  const L = s(
-    () => !!oe(c).find((t) => t.id === u),
-    [c, u]
+  S(() => {
+    r && f && f(r);
+  }, [f, r]), S(() => {
+    c || u == null || u();
+  }, [C]);
+  const $ = L(
+    (n) => {
+      const { student: m, intel_student: Q } = n, { student_preference: W } = Q || {}, { preferences: k = [] } = W || {}, { name: X, grade: z } = m || {}, Z = !!se(a).find(
+        (te) => te.id === z
+      ), ee = U(k, H.OBJECTIVES), E = U(
+        k,
+        H.POSITION,
+        !0
+      );
+      d({
+        studentTimezone: c,
+        name: X,
+        grade: Z ? z : "",
+        personalizedObjectives: ee,
+        personalizedPosition: E,
+        personalizedLevel: E[0] ? [ie[E[0]]] : []
+      });
+    },
+    [a, c, d]
   );
-  return g(() => {
-    a({
-      studentTimezone: E,
-      name: M,
-      grade: L ? u : ""
-    });
-  }, [
-    M,
-    u,
-    a,
-    E,
-    L
-  ]), g(() => {
-    e && a({
-      personalizedObjectives: V,
-      personalizedPosition: o,
-      personalizedLevel: o != null && o[0] ? [se[o[0]]] : []
-    });
-  }, [e, V, o, a]), /* @__PURE__ */ I(ie.Provider, { value: Z, children: /* @__PURE__ */ ee(ae, { $height: Y, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ I(ce, {}),
-    /* @__PURE__ */ I(de, {})
+  return S(() => {
+    t && e && $(e);
+  }, [c, $, e, t]), /* @__PURE__ */ h(le.Provider, { value: K, children: /* @__PURE__ */ ne(ae, { $height: J, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ h(de, {}),
+    /* @__PURE__ */ h(me, {})
   ] }) });
 });
 export {
-  De as default
+  Te as default
 };
 //# sourceMappingURL=trial-session-view.js.map

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 { PREFERENCE_CATEGORY } from '../milestone/constants';\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport { PREFERENCE_CODE_MAP } from './comps/student-feedback/student-feedback-constants';\nimport TrialSessionContext from './context/trial-session-context';\nimport { getPreferenceCodesByCategory } from './helper';\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    countryCode,\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, intel_student: intelStudent } = trialHomeData;\n  const { student_preference: studentPreference } = intelStudent || {};\n  const { preferences = [] } = studentPreference || {};\n  const { name: studentName, grade: studentGrade } = student || {};\n\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const objectives = useMemo(\n    () => getPreferenceCodesByCategory(preferences, PREFERENCE_CATEGORY.OBJECTIVES),\n    [preferences],\n  );\n\n  const positions = useMemo(\n    () => getPreferenceCodesByCategory(preferences, PREFERENCE_CATEGORY.POSITION, true),\n    [preferences],\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        countryCode: countryCode,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [countryCode, 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  useEffect(() => {\n    if (isTeacher) {\n      updateSlideConfig({\n        personalizedObjectives: objectives,\n        personalizedPosition: positions,\n        personalizedLevel: positions?.[0]\n          ? [PREFERENCE_CODE_MAP[positions[0] as keyof typeof PREFERENCE_CODE_MAP]]\n          : [],\n      });\n    }\n  }, [isTeacher, objectives, positions, updateSlideConfig]);\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","countryCode","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","intelStudent","studentPreference","preferences","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","objectives","getPreferenceCodesByCategory","PREFERENCE_CATEGORY","positions","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","PREFERENCE_CODE_MAP","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  ITrialHomeData,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { PREFERENCE_CATEGORY } from '../milestone/constants';\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport { PREFERENCE_CODE_MAP } from './comps/student-feedback/student-feedback-constants';\nimport TrialSessionContext from './context/trial-session-context';\nimport { getPreferenceCodesByCategory } from './helper';\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    countryCode,\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 = [] } = trialHomeData;\n\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n\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        countryCode: countryCode,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [countryCode, 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 onRenderUpdateSlideConfig = useCallback(\n    (homeData: ITrialHomeData) => {\n      const { student, intel_student: intelStudent } = homeData;\n      const { student_preference: studentPreference } = intelStudent || {};\n      const { preferences = [] } = studentPreference || {};\n      const { name: studentName, grade: studentGrade } = student || {};\n\n      const IsGradeExistInMilestoneConfig = !!getGradesFromConfig(milestoneConfig).find(\n        element => element.id === studentGrade,\n      );\n\n      const objectives = getPreferenceCodesByCategory(preferences, PREFERENCE_CATEGORY.OBJECTIVES);\n      const position = getPreferenceCodesByCategory(\n        preferences,\n        PREFERENCE_CATEGORY.POSITION,\n        true,\n      );\n\n      updateSlideConfig({\n        studentTimezone,\n        name: studentName,\n        grade: IsGradeExistInMilestoneConfig ? studentGrade : '',\n        personalizedObjectives: objectives,\n        personalizedPosition: position,\n        personalizedLevel: position[0]\n          ? [PREFERENCE_CODE_MAP[position[0] as keyof typeof PREFERENCE_CODE_MAP]]\n          : [],\n      });\n    },\n    [milestoneConfig, studentTimezone, updateSlideConfig],\n  );\n\n  useEffect(() => {\n    if (isTeacher && trialHomeData) {\n      onRenderUpdateSlideConfig(trialHomeData);\n    }\n  }, [studentTimezone, onRenderUpdateSlideConfig, trialHomeData, isTeacher]);\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","countryCode","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","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","onRenderUpdateSlideConfig","homeData","student","intelStudent","studentPreference","preferences","studentName","studentGrade","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","objectives","getPreferenceCodesByCategory","PREFERENCE_CATEGORY","position","PREFERENCE_CODE_MAP","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.3.11-link.0",
+  "version": "3.3.11-link.2",
   "type": "module",
   "files": [
     "dist"