@cuemath/leap 3.5.19-as1 → 3.5.19-link.0

package/dist/features/trial-session/hooks/use-trial-session-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trial-session-navigation.js","sources":["../../../../src/features/trial-session/hooks/use-trial-session-navigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { COURSE_STREAMS } from '../../milestone/constants';\nimport { useMilestoneBulkPost } from '../../milestone/create/api/milestone-bulk';\nimport { usePostStudentPreferences } from '../api/course-stream';\nimport { usePatchStudentInformation } from '../api/student-information';\nimport {\n  usePostTeacherAvailability,\n  type TTeacherAvailabilityResponse,\n} from '../api/teacher-availability';\nimport { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  getFormattedPreferences,\n  getFormattedStudentPersonalizedPreference,\n  getWeekdayAndStartTimeFromPreference,\n} from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\nimport type { ITrialSessionFormFields } from '../trial-session-types';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\n    handleInfoMessage,\n    onTrialInformationUpdate,\n    trialHomeData,\n    worksheetNavigationPanel,\n  } = useTrialSessionContext();\n  const { nextPage, id: currentPageId } = slideConfig || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo;\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { pageId: nextPageId } = nextPage || {};\n  const {\n    name,\n    grade,\n    goals,\n    curriculum,\n    studentTimezone,\n    preferences = [],\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = formData || {};\n\n  const disableNavButtons = useCallback(() => {\n    updateButtonState('both', {\n      left: { isDisabled: true, isLoading: false },\n      right: { isDisabled: true, isLoading: true },\n    });\n  }, [updateButtonState]);\n\n  const onAcknowledge = (errorMessage: string | null) => {\n    if (!errorMessage) {\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        nextPageId === TrialPageId.CIRCLE_GAME ||\n        nextPageId === TrialPageId.CIRCLE_PUZZLE ||\n        nextPageId === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      updateSlideConfig({ id: nextPageId, ...overrides });\n    }\n    updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n    if (currentPageId === TrialPageId.LEARNING_LEVEL) {\n      onTrialInformationUpdate?.();\n    }\n  };\n\n  // API specifications\n  const { patch: patchTrialSession } = usePatchTrialHome({ onComplete: onAcknowledge });\n  const { patch: patchStudentInformation } = usePatchStudentInformation({\n    onComplete: onAcknowledge,\n  });\n  const { post: postMilestoneBulk } = useMilestoneBulkPost({\n    onComplete: onAcknowledge,\n  });\n  const { post: postStudentPreferences } = usePostStudentPreferences({\n    onComplete: onAcknowledge,\n  });\n\n  const onTeacherAvailabilityValidate = useCallback(\n    (_: string | null, data?: TTeacherAvailabilityResponse) => {\n      const hasNotAvailable = (data ?? []).some(item => !item.is_available);\n\n      if (hasNotAvailable) {\n        const notAvailable = (data ?? []).filter(item => !item.is_available);\n        const reason = notAvailable.map(item => item.reason).join('\\n');\n\n        handleInfoMessage?.({ message: reason, position: 'bottom' });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n        return;\n      }\n\n      const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n\n      if (selectedRegularSlots.length > 0) {\n        const actionData = {\n          trial_details: {\n            selected_regular_slots: selectedRegularSlots,\n          },\n        };\n\n        patchTrialSession('trial-v3-patch', {\n          action: 'UPDATE_DEMO',\n          action_data: actionData,\n          teacher_id: teacherId,\n          student_id: studentId,\n        });\n      } else updateButtonState('both', DEFAULT_BUTTON_STATE);\n    },\n    [\n      handleInfoMessage,\n      patchTrialSession,\n      preferences,\n      studentId,\n      studentTimezone,\n      teacherId,\n      updateButtonState,\n    ],\n  );\n\n  const { post: postTeacherAvailability } = usePostTeacherAvailability({\n    onComplete: onTeacherAvailabilityValidate,\n  });\n\n  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.trim()?.split(' ') || [];\n    const payload = {\n      first_name: firstName,\n      last_name: lastName,\n      grade,\n      board: curriculum,\n      demo_type: 'TRIAL_V3',\n      teacher_id: teacherId,\n      country_alpha_2: countryCode,\n    };\n    const isNumberExistsInName = /\\d/.test(name || '');\n\n    if (isNumberExistsInName) {\n      updateSlideConfig({ numberInNameError: true });\n    } else {\n      disableNavButtons();\n      patchStudentInformation(studentId, payload);\n    }\n  }, [\n    name,\n    grade,\n    curriculum,\n    teacherId,\n    countryCode,\n    disableNavButtons,\n    updateSlideConfig,\n    patchStudentInformation,\n    studentId,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\n    const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n    const sessionList = getWeekdayAndStartTimeFromPreference(selectedRegularSlots);\n\n    if (selectedRegularSlots.length > 0) {\n      const availabilityPayload = {\n        teacher_id: teacherId,\n        session_list: sessionList,\n      };\n\n      disableNavButtons();\n      postTeacherAvailability(availabilityPayload);\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    teacherId,\n    postTeacherAvailability,\n    disableNavButtons,\n    updateSlideConfig,\n    nextPageId,\n    updateButtonState,\n  ]);\n\n  const handleMileStoneBulkPost = useCallback(() => {\n    const payload = {\n      course_stream: stream,\n      grade,\n      teacher_id: teacherId,\n      board: curriculum,\n      goals,\n    };\n\n    disableNavButtons();\n    postMilestoneBulk(payload, {\n      studentId,\n    });\n  }, [\n    curriculum,\n    disableNavButtons,\n    goals,\n    grade,\n    postMilestoneBulk,\n    stream,\n    studentId,\n    teacherId,\n  ]);\n\n  const handleStudentPreferencesPatch = useCallback(() => {\n    const personalizedPreferences = getFormattedStudentPersonalizedPreference(milestoneConfig, [\n      ...personalizedLevel,\n      ...personalizedFocus,\n      ...personalizedBehaviors,\n      ...personalizedObjectives,\n      ...personalizedPosition,\n    ]);\n\n    const payload = { preferences: personalizedPreferences };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    milestoneConfig,\n    personalizedLevel,\n    personalizedFocus,\n    personalizedBehaviors,\n    personalizedObjectives,\n    personalizedPosition,\n    studentId,\n    disableNavButtons,\n    postStudentPreferences,\n  ]);\n\n  // Navigation logic\n  const handleNavigation = useCallback(\n    (dir: string, id?: string) => {\n      if (!updateSlideConfig) return;\n\n      const isStudentProfilePage = currentPageId === TrialPageId.STUDENT_PROFILE;\n      const isLearningPlanSlide = currentPageId === TrialPageId.LEARNING_PLAN;\n      const overrides: Partial<ITrialSessionFormFields> = { numberInNameError: false };\n\n      if (\n        id === TrialPageId.CIRCLE_GAME ||\n        id === TrialPageId.CIRCLE_PUZZLE ||\n        id === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      if (dir === 'prev') {\n        updateSlideConfig({\n          id,\n          ...(isStudentProfilePage && { studentProfile: undefined }),\n          ...(isLearningPlanSlide && {\n            chapterId: undefined,\n          }),\n          ...overrides,\n        });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n      }\n\n      if (dir === 'next') {\n        switch (currentPageId) {\n          //TODO: remove STUDENT_INFORMATION\n          case TrialPageId.STUDENT_INFORMATION:\n          case TrialPageId.SCHOOL_GOALS:\n            handleStudentInformation();\n            break;\n          case TrialPageId.LEARNING_WORKSHEET:\n            handleMileStoneBulkPost();\n            break;\n          case TrialPageId.CLASS_PREFERENCE:\n            handleClassPreferences();\n            break;\n          case TrialPageId.LEARNING_LEVEL:\n            handleStudentPreferencesPatch();\n            break;\n          case TrialPageId.LEARNING_PLAN:\n            updateSlideConfig({ id, chapterId: undefined, ...overrides });\n            break;\n          default: {\n            updateSlideConfig({ id, ...overrides });\n            updateButtonState('both', DEFAULT_BUTTON_STATE);\n          }\n        }\n      }\n    },\n    [\n      updateSlideConfig,\n      currentPageId,\n      updateButtonState,\n      handleStudentInformation,\n      handleMileStoneBulkPost,\n      handleClassPreferences,\n      handleStudentPreferencesPatch,\n    ],\n  );\n\n  const sessionWorksheetNavigation = useCallback(() => {\n    if (!worksheetNavigationPanel && currentPageId === TrialPageId.LEARNING_WORKSHEET) {\n      handleNavigation('next', nextPageId);\n    }\n  }, [currentPageId, handleNavigation, nextPageId, worksheetNavigationPanel]);\n\n  useEffect(() => {\n    sessionWorksheetNavigation();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [worksheetNavigationPanel]);\n\n  return { handleNavigation };\n};\n\nexport { useTrialSessionNavigation };\n"],"names":["useTrialSessionNavigation","updateSlideConfig","slideConfig","formData","updateButtonState","teacherId","studentId","milestoneConfig","handleInfoMessage","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","personalizedObjectives","personalizedPosition","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","onTeacherAvailabilityValidate","_","data","item","reason","selectedRegularSlots","getFormattedPreferences","postTeacherAvailability","usePostTeacherAvailability","handleStudentInformation","firstName","lastName","_a","payload","handleClassPreferences","sessionList","getWeekdayAndStartTimeFromPreference","availabilityPayload","handleMileStoneBulkPost","handleStudentPreferencesPatch","getFormattedStudentPersonalizedPreference","meta","COURSE_STREAMS","handleNavigation","dir","id","isStudentProfilePage","isLearningPlanSlide","sessionWorksheetNavigation","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-trial-session-navigation.js","sources":["../../../../src/features/trial-session/hooks/use-trial-session-navigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { COURSE_STREAMS } from '../../milestone/constants';\nimport { useMilestoneBulkPost } from '../../milestone/create/api/milestone-bulk';\nimport { usePostStudentPreferences } from '../api/course-stream';\nimport { usePatchStudentInformation } from '../api/student-information';\nimport {\n  usePostTeacherAvailability,\n  type TTeacherAvailabilityResponse,\n} from '../api/teacher-availability';\nimport { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  getFormattedPreferences,\n  getFormattedStudentPersonalizedPreference,\n  getWeekdayAndStartTimeFromPreference,\n} from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\nimport type { ITrialSessionFormFields } from '../trial-session-types';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\n    handleInfoMessage,\n    onTrialInformationUpdate,\n    trialHomeData,\n    worksheetNavigationPanel,\n  } = useTrialSessionContext();\n  const { nextPage, id: currentPageId } = slideConfig || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo;\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { pageId: nextPageId } = nextPage || {};\n  const {\n    name,\n    grade,\n    goals,\n    curriculum,\n    studentTimezone,\n    preferences = [],\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = formData || {};\n\n  const disableNavButtons = useCallback(() => {\n    updateButtonState('both', {\n      left: { isDisabled: true, isLoading: false },\n      right: { isDisabled: true, isLoading: true },\n    });\n  }, [updateButtonState]);\n\n  const onAcknowledge = (errorMessage: string | null) => {\n    if (!errorMessage) {\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        nextPageId === TrialPageId.CIRCLE_GAME ||\n        nextPageId === TrialPageId.CIRCLE_PUZZLE ||\n        nextPageId === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      updateSlideConfig({ id: nextPageId, ...overrides });\n    }\n    updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n    if (currentPageId === TrialPageId.LEARNING_LEVEL) {\n      onTrialInformationUpdate?.();\n    }\n  };\n\n  // API specifications\n  const { patch: patchTrialSession } = usePatchTrialHome({ onComplete: onAcknowledge });\n  const { patch: patchStudentInformation } = usePatchStudentInformation({\n    onComplete: onAcknowledge,\n  });\n  const { post: postMilestoneBulk } = useMilestoneBulkPost({\n    onComplete: onAcknowledge,\n  });\n  const { post: postStudentPreferences } = usePostStudentPreferences({\n    onComplete: onAcknowledge,\n  });\n\n  const onTeacherAvailabilityValidate = useCallback(\n    (_: string | null, data?: TTeacherAvailabilityResponse) => {\n      const hasNotAvailable = (data ?? []).some(item => !item.is_available);\n\n      if (hasNotAvailable) {\n        const notAvailable = (data ?? []).filter(item => !item.is_available);\n        const reason = notAvailable.map(item => item.reason).join('\\n');\n\n        handleInfoMessage?.({ message: reason, position: 'bottom' });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n        return;\n      }\n\n      const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n\n      if (selectedRegularSlots.length > 0) {\n        const actionData = {\n          trial_details: {\n            selected_regular_slots: selectedRegularSlots,\n          },\n        };\n\n        patchTrialSession('trial-v3-patch', {\n          action: 'UPDATE_DEMO',\n          action_data: actionData,\n          teacher_id: teacherId,\n          student_id: studentId,\n        });\n      } else updateButtonState('both', DEFAULT_BUTTON_STATE);\n    },\n    [\n      handleInfoMessage,\n      patchTrialSession,\n      preferences,\n      studentId,\n      studentTimezone,\n      teacherId,\n      updateButtonState,\n    ],\n  );\n\n  const { post: postTeacherAvailability } = usePostTeacherAvailability({\n    onComplete: onTeacherAvailabilityValidate,\n  });\n\n  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.trim()?.split(' ') || [];\n    const payload = {\n      first_name: firstName,\n      last_name: lastName,\n      grade,\n      board: curriculum,\n      demo_type: 'TRIAL_V3',\n      teacher_id: teacherId,\n      country_alpha_2: countryCode,\n    };\n    const isNumberExistsInName = /\\d/.test(name || '');\n\n    if (isNumberExistsInName) {\n      updateSlideConfig({ numberInNameError: true });\n    } else {\n      disableNavButtons();\n      patchStudentInformation(studentId, payload);\n    }\n  }, [\n    name,\n    grade,\n    curriculum,\n    teacherId,\n    countryCode,\n    disableNavButtons,\n    updateSlideConfig,\n    patchStudentInformation,\n    studentId,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\n    const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n    const sessionList = getWeekdayAndStartTimeFromPreference(selectedRegularSlots);\n\n    if (selectedRegularSlots.length > 0) {\n      const availabilityPayload = {\n        teacher_id: teacherId,\n        session_list: sessionList,\n      };\n\n      disableNavButtons();\n      postTeacherAvailability(availabilityPayload);\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    teacherId,\n    postTeacherAvailability,\n    disableNavButtons,\n    updateSlideConfig,\n    nextPageId,\n    updateButtonState,\n  ]);\n\n  const handleMileStoneBulkPost = useCallback(() => {\n    const payload = {\n      course_stream: stream,\n      grade,\n      teacher_id: teacherId,\n      board: curriculum,\n      goals,\n    };\n\n    disableNavButtons();\n    postMilestoneBulk(payload, {\n      studentId,\n    });\n  }, [\n    curriculum,\n    disableNavButtons,\n    goals,\n    grade,\n    postMilestoneBulk,\n    stream,\n    studentId,\n    teacherId,\n  ]);\n\n  const handleStudentPreferencesPatch = useCallback(() => {\n    const personalizedPreferences = getFormattedStudentPersonalizedPreference(milestoneConfig, [\n      ...personalizedLevel,\n      ...personalizedFocus,\n      ...personalizedBehaviors,\n      ...personalizedObjectives,\n      ...personalizedPosition,\n    ]);\n\n    const payload = { preferences: personalizedPreferences, grade };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    grade,\n    studentId,\n    milestoneConfig,\n    personalizedLevel,\n    personalizedFocus,\n    personalizedBehaviors,\n    personalizedObjectives,\n    personalizedPosition,\n    disableNavButtons,\n    postStudentPreferences,\n  ]);\n\n  // Navigation logic\n  const handleNavigation = useCallback(\n    (dir: string, id?: string) => {\n      if (!updateSlideConfig) return;\n\n      const isStudentProfilePage = currentPageId === TrialPageId.STUDENT_PROFILE;\n      const isLearningPlanSlide = currentPageId === TrialPageId.LEARNING_PLAN;\n      const overrides: Partial<ITrialSessionFormFields> = { numberInNameError: false };\n\n      if (\n        id === TrialPageId.CIRCLE_GAME ||\n        id === TrialPageId.CIRCLE_PUZZLE ||\n        id === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      if (dir === 'prev') {\n        updateSlideConfig({\n          id,\n          ...(isStudentProfilePage && { studentProfile: undefined }),\n          ...(isLearningPlanSlide && {\n            chapterId: undefined,\n          }),\n          ...overrides,\n        });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n      }\n\n      if (dir === 'next') {\n        switch (currentPageId) {\n          //TODO: remove STUDENT_INFORMATION\n          case TrialPageId.STUDENT_INFORMATION:\n          case TrialPageId.SCHOOL_GOALS:\n            handleStudentInformation();\n            break;\n          case TrialPageId.LEARNING_WORKSHEET:\n            handleMileStoneBulkPost();\n            break;\n          case TrialPageId.CLASS_PREFERENCE:\n            handleClassPreferences();\n            break;\n          case TrialPageId.LEARNING_LEVEL:\n            handleStudentPreferencesPatch();\n            break;\n          case TrialPageId.LEARNING_PLAN:\n            updateSlideConfig({ id, chapterId: undefined, ...overrides });\n            break;\n          default: {\n            updateSlideConfig({ id, ...overrides });\n            updateButtonState('both', DEFAULT_BUTTON_STATE);\n          }\n        }\n      }\n    },\n    [\n      updateSlideConfig,\n      currentPageId,\n      updateButtonState,\n      handleStudentInformation,\n      handleMileStoneBulkPost,\n      handleClassPreferences,\n      handleStudentPreferencesPatch,\n    ],\n  );\n\n  const sessionWorksheetNavigation = useCallback(() => {\n    if (!worksheetNavigationPanel && currentPageId === TrialPageId.LEARNING_WORKSHEET) {\n      handleNavigation('next', nextPageId);\n    }\n  }, [currentPageId, handleNavigation, nextPageId, worksheetNavigationPanel]);\n\n  useEffect(() => {\n    sessionWorksheetNavigation();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [worksheetNavigationPanel]);\n\n  return { handleNavigation };\n};\n\nexport { useTrialSessionNavigation };\n"],"names":["useTrialSessionNavigation","updateSlideConfig","slideConfig","formData","updateButtonState","teacherId","studentId","milestoneConfig","handleInfoMessage","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","personalizedObjectives","personalizedPosition","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","onTeacherAvailabilityValidate","_","data","item","reason","selectedRegularSlots","getFormattedPreferences","postTeacherAvailability","usePostTeacherAvailability","handleStudentInformation","firstName","lastName","_a","payload","handleClassPreferences","sessionList","getWeekdayAndStartTimeFromPreference","availabilityPayload","handleMileStoneBulkPost","handleStudentPreferencesPatch","getFormattedStudentPersonalizedPreference","meta","COURSE_STREAMS","handleNavigation","dir","id","isStudentProfilePage","isLearningPlanSlide","sessionWorksheetNavigation","useEffect"],"mappings":"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"}

package/dist/features/trial-session/left-panel/index.js

@@ -1,69 +1,72 @@
-import { jsxs as t, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { jsxs as t, jsx as r, Fragment as g } from "react/jsx-runtime";
 import { ILLUSTRATIONS as T } from "../../../assets/illustrations/illustrations.js";
 import u from "../../../assets/line-icons/icons/cuemath-logo.js";
 import $ from "../../ui/image/image.js";
 import o from "../../ui/layout/flex-view.js";
-import s from "../../ui/text/text.js";
-import { getTheme as _ } from "../../ui/theme/get-theme.js";
-import A from "../comps/av-panels/student-av-panel/student-av-panel.js";
-import L from "../comps/av-panels/teacher-av-panel/teacher-av-panel.js";
-import E from "../comps/cue-tips/cues/index.js";
+import f from "../../ui/text/text.js";
+import { getTheme as A } from "../../ui/theme/get-theme.js";
+import _ from "../comps/av-panels/student-av-panel/student-av-panel.js";
+import E from "../comps/av-panels/teacher-av-panel/teacher-av-panel.js";
+import L from "../comps/cue-tips/cues/index.js";
 import x from "../comps/cue-tips/tips/index.js";
 import I from "../comps/navigation-bar/index.js";
-import w from "../comps/solutions/index.js";
-import { useTrialSessionContext as C } from "../context/use-trial-session-context.js";
-import { TEACHER_LEFT_PANEL_MAX_WIDTH as N, STUDENT_LEFT_PANEL_MAX_WIDTH as R, TrialPageId as f } from "../trial-session-constants.js";
-import { Container as X, ContentWrapper as P } from "./left-panel-styled.js";
-const q = () => {
-  const { isTeacher: r, slideConfig: h, worksheetNavigationPanel: l, questionsRatingPanel: p } = C(), { cues: m = [], dos: a = [], donts: c = [], renderAVIn: i, id: d, solutions: n } = h || {};
-  return !r && i !== "left" ? null : /* @__PURE__ */ t(
+import C from "../comps/solutions/index.js";
+import { useTrialSessionContext as w } from "../context/use-trial-session-context.js";
+import { TEACHER_LEFT_PANEL_MAX_WIDTH as N, STUDENT_LEFT_PANEL_MAX_WIDTH as R, TrialPageId as p } from "../trial-session-constants.js";
+import { Container as X, AVWrapper as W, ContentWrapper as P } from "./left-panel-styled.js";
+import S from "../comps/confirmation-modal/confirmation-modal.js";
+const J = () => {
+  const { isTeacher: e, slideConfig: s, worksheetNavigationPanel: l, questionsRatingPanel: h } = w(), { cues: a = [], dos: m = [], donts: d = [], renderAVIn: i, id: c, solutions: n } = s || {};
+  return !e && i !== "left" ? null : /* @__PURE__ */ t(
     X,
     {
-      $maxWidth: r ? N : R,
+      $maxWidth: e ? N : R,
       children: [
         i === "left" && /* @__PURE__ */ t(
-          o,
+          W,
           {
             $width: "100%",
-            $flexDirection: r ? "row" : "column",
-            $gutterX: r ? 0.25 : 0.5,
-            $gapX: r ? 0.25 : 0.5,
-            $flexGapX: r ? 0.25 : 0.5,
+            $flexDirection: e ? "row" : "column",
+            $gutterX: e ? 0.25 : 0.5,
+            $gapX: e ? 0.25 : 0.5,
+            $flexGapX: e ? 0.25 : 0.5,
+            $background: "WHITE",
             children: [
-              !r && /* @__PURE__ */ t(o, { $gutterX: 0.5, $gapX: 1, $flexRowGapX: 0.5, children: [
-                /* @__PURE__ */ e(u, { width: 108, height: 16, color: _().colors.BLACK }),
+              !e && /* @__PURE__ */ t(o, { $gutterX: 0.5, $gapX: 1, $flexRowGapX: 0.5, children: [
+                /* @__PURE__ */ r(u, { width: 108, height: 16, color: A().colors.BLACK }),
                 /* @__PURE__ */ t(o, { $flexDirection: "row", $alignItems: "center", children: [
-                  /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "4.9+ Rating on" }),
-                  /* @__PURE__ */ e($, { withLoader: !0, src: T.STAR_WITH_GREEN_FILL, width: 20, height: 20 }),
-                  /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "Trustpilot" })
+                  /* @__PURE__ */ r(f, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "4.9+ Rating on" }),
+                  /* @__PURE__ */ r($, { withLoader: !0, src: T.STAR_WITH_GREEN_FILL, width: 20, height: 20 }),
+                  /* @__PURE__ */ r(f, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "Trustpilot" })
                 ] })
               ] }),
-              /* @__PURE__ */ e(o, { $width: r ? "calc(50% - 2px)" : "100%", children: /* @__PURE__ */ e(L, {}) }),
-              /* @__PURE__ */ e(o, { $width: r ? "calc(50% - 2px)" : "100%", children: /* @__PURE__ */ e(A, { insideLeftPanel: !0 }) })
+              /* @__PURE__ */ r(o, { $width: e ? "calc(50% - 2px)" : "100%", children: /* @__PURE__ */ r(E, {}) }),
+              /* @__PURE__ */ r(o, { $width: e ? "calc(50% - 2px)" : "100%", children: /* @__PURE__ */ r(_, { insideLeftPanel: !0 }) })
             ]
           }
         ),
-        r && /* @__PURE__ */ t(g, { children: [
-          /* @__PURE__ */ e(
+        e && /* @__PURE__ */ t(g, { children: [
+          /* @__PURE__ */ r(
             P,
             {
               $background: "WHITE_3",
               $justifyContent: i === "left" ? "flex-start" : "center",
               children: /* @__PURE__ */ t(o, { $gutterX: 0.75, $gapX: 1.5, $flexGapX: 1.5, children: [
-                m.length > 0 && /* @__PURE__ */ e(E, { cues: m }),
-                n && n.length > 0 && /* @__PURE__ */ e(w, { solutions: n }),
-                a.length + c.length > 0 && /* @__PURE__ */ e(x, { dos: a, donts: c }),
-                d === f.LEARNING_WORKSHEET && p
+                a.length > 0 && /* @__PURE__ */ r(L, { cues: a }),
+                n && n.length > 0 && /* @__PURE__ */ r(C, { solutions: n }),
+                m.length + d.length > 0 && /* @__PURE__ */ r(x, { dos: m, donts: d }),
+                c === p.LEARNING_WORKSHEET && h
               ] })
             }
           ),
-          d === f.LEARNING_WORKSHEET && l ? l : /* @__PURE__ */ e(I, {})
+          c === p.LEARNING_WORKSHEET && l ? l : /* @__PURE__ */ r(I, {}),
+          /* @__PURE__ */ r(S, {})
         ] })
       ]
     }
   );
 };
 export {
-  q as default
+  J as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/trial-session/left-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/left-panel/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../assets/line-icons/icons/cuemath-logo';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getTheme } from '../../ui/theme/get-theme';\nimport StudentAVPanel from '../comps/av-panels/student-av-panel/student-av-panel';\nimport TeacherAVPanel from '../comps/av-panels/teacher-av-panel/teacher-av-panel';\nimport Cues from '../comps/cue-tips/cues';\nimport Tips from '../comps/cue-tips/tips';\nimport NavigationBar from '../comps/navigation-bar';\nimport Solutions from '../comps/solutions';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  STUDENT_LEFT_PANEL_MAX_WIDTH,\n  TEACHER_LEFT_PANEL_MAX_WIDTH,\n  TrialPageId,\n} from '../trial-session-constants';\nimport * as Styled from './left-panel-styled';\n\nconst LeftPanel: FC = () => {\n  const { isTeacher, slideConfig, worksheetNavigationPanel, questionsRatingPanel } =\n    useTrialSessionContext();\n  const { cues = [], dos = [], donts = [], renderAVIn, id, solutions } = slideConfig || {};\n\n  if (!isTeacher && renderAVIn !== 'left') {\n    return null;\n  }\n\n  return (\n    <Styled.Container\n      $maxWidth={isTeacher ? TEACHER_LEFT_PANEL_MAX_WIDTH : STUDENT_LEFT_PANEL_MAX_WIDTH}\n    >\n      {renderAVIn === 'left' && (\n        <FlexView\n          $width=\"100%\"\n          $flexDirection={isTeacher ? 'row' : 'column'}\n          $gutterX={isTeacher ? 0.25 : 0.5}\n          $gapX={isTeacher ? 0.25 : 0.5}\n          $flexGapX={isTeacher ? 0.25 : 0.5}\n        >\n          {!isTeacher && (\n            <FlexView $gutterX={0.5} $gapX={1} $flexRowGapX={0.5}>\n              <CuemathLogo width={108} height={16} color={getTheme().colors.BLACK} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  4.9+ Rating on\n                </Text>\n                <Image withLoader src={ILLUSTRATIONS.STAR_WITH_GREEN_FILL} width={20} height={20} />\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  Trustpilot\n                </Text>\n              </FlexView>\n            </FlexView>\n          )}\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <TeacherAVPanel />\n          </FlexView>\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <StudentAVPanel insideLeftPanel />\n          </FlexView>\n        </FlexView>\n      )}\n      {isTeacher && (\n        <>\n          <Styled.ContentWrapper\n            $background=\"WHITE_3\"\n            $justifyContent={renderAVIn === 'left' ? 'flex-start' : 'center'}\n          >\n            <FlexView $gutterX={0.75} $gapX={1.5} $flexGapX={1.5}>\n              {cues.length > 0 && <Cues cues={cues} />}\n              {solutions && solutions.length > 0 && <Solutions solutions={solutions} />}\n              {dos.length + donts.length > 0 && <Tips dos={dos} donts={donts} />}\n              {id === TrialPageId.LEARNING_WORKSHEET && questionsRatingPanel}\n            </FlexView>\n          </Styled.ContentWrapper>\n          {id === TrialPageId.LEARNING_WORKSHEET && worksheetNavigationPanel ? (\n            worksheetNavigationPanel\n          ) : (\n            <NavigationBar />\n          )}\n        </>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default LeftPanel;\n"],"names":["LeftPanel","isTeacher","slideConfig","worksheetNavigationPanel","questionsRatingPanel","useTrialSessionContext","cues","dos","donts","renderAVIn","id","solutions","jsxs","Styled.Container","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","FlexView","jsx","CuemathLogo","getTheme","Text","Image","ILLUSTRATIONS","TeacherAVPanel","StudentAVPanel","Fragment","Styled.ContentWrapper","Cues","Solutions","Tips","TrialPageId","NavigationBar"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,0BAAAC,GAA0B,sBAAAC,EAAA,IACxDC,KACI,EAAE,MAAAC,IAAO,CAAA,GAAI,KAAAC,IAAM,CAAC,GAAG,OAAAC,IAAQ,IAAI,YAAAC,GAAY,IAAAC,GAAI,WAAAC,MAAcT,KAAe,CAAA;AAElF,SAAA,CAACD,KAAaQ,MAAe,SACxB,OAIP,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWZ,IAAYa,IAA+BC;AAAA,MAErD,UAAA;AAAA,QAAAN,MAAe,UACd,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,gBAAgBf,IAAY,QAAQ;AAAA,YACpC,UAAUA,IAAY,OAAO;AAAA,YAC7B,OAAOA,IAAY,OAAO;AAAA,YAC1B,WAAWA,IAAY,OAAO;AAAA,YAE7B,UAAA;AAAA,cAAC,CAAAA,uBACCe,GAAS,EAAA,UAAU,KAAK,OAAO,GAAG,cAAc,KAC/C,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAY,OAAO,KAAK,QAAQ,IAAI,OAAOC,EAAA,EAAW,OAAO,MAAO,CAAA;AAAA,gBACpE,gBAAAP,EAAAI,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,kBAAA;AAAA,kBACA,gBAAAH,EAACI,GAAM,EAAA,YAAU,IAAC,KAAKC,EAAc,sBAAsB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,oCACjFF,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,cAAA;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cAEF,gBAAAH,EAACD,KAAS,QAAQf,IAAY,oBAAoB,QAChD,UAAA,gBAAAgB,EAACM,KAAe,EAClB,CAAA;AAAA,cACA,gBAAAN,EAACD,GAAS,EAAA,QAAQf,IAAY,oBAAoB,QAChD,UAAC,gBAAAgB,EAAAO,GAAA,EAAe,iBAAe,GAAA,CAAC,EAClC,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEDvB,KAEG,gBAAAW,EAAAa,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAR;AAAA,YAACS;AAAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,iBAAiBjB,MAAe,SAAS,eAAe;AAAA,cAExD,4BAACO,GAAS,EAAA,UAAU,MAAM,OAAO,KAAK,WAAW,KAC9C,UAAA;AAAA,gBAAAV,EAAK,SAAS,KAAM,gBAAAW,EAAAU,GAAA,EAAK,MAAArB,GAAY;AAAA,gBACrCK,KAAaA,EAAU,SAAS,KAAK,gBAAAM,EAACW,KAAU,WAAAjB,GAAsB;AAAA,gBACtEJ,EAAI,SAASC,EAAM,SAAS,KAAM,gBAAAS,EAAAY,GAAA,EAAK,KAAAtB,GAAU,OAAAC,GAAc;AAAA,gBAC/DE,MAAOoB,EAAY,sBAAsB1B;AAAA,cAAA,GAC5C;AAAA,YAAA;AAAA,UACF;AAAA,UACCM,MAAOoB,EAAY,sBAAsB3B,IACxCA,sBAEC4B,GAAc,EAAA;AAAA,QAAA,GAEnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/left-panel/index.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../assets/line-icons/icons/cuemath-logo';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getTheme } from '../../ui/theme/get-theme';\nimport StudentAVPanel from '../comps/av-panels/student-av-panel/student-av-panel';\nimport TeacherAVPanel from '../comps/av-panels/teacher-av-panel/teacher-av-panel';\nimport Cues from '../comps/cue-tips/cues';\nimport Tips from '../comps/cue-tips/tips';\nimport NavigationBar from '../comps/navigation-bar';\nimport Solutions from '../comps/solutions';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  STUDENT_LEFT_PANEL_MAX_WIDTH,\n  TEACHER_LEFT_PANEL_MAX_WIDTH,\n  TrialPageId,\n} from '../trial-session-constants';\nimport * as Styled from './left-panel-styled';\nimport ConfirmationModal from '../comps/confirmation-modal/confirmation-modal';\n\nconst LeftPanel: FC = () => {\n  const { isTeacher, slideConfig, worksheetNavigationPanel, questionsRatingPanel } =\n    useTrialSessionContext();\n  const { cues = [], dos = [], donts = [], renderAVIn, id, solutions } = slideConfig || {};\n\n  if (!isTeacher && renderAVIn !== 'left') {\n    return null;\n  }\n\n  return (\n    <Styled.Container\n      $maxWidth={isTeacher ? TEACHER_LEFT_PANEL_MAX_WIDTH : STUDENT_LEFT_PANEL_MAX_WIDTH}\n    >\n      {renderAVIn === 'left' && (\n        <Styled.AVWrapper\n          $width=\"100%\"\n          $flexDirection={isTeacher ? 'row' : 'column'}\n          $gutterX={isTeacher ? 0.25 : 0.5}\n          $gapX={isTeacher ? 0.25 : 0.5}\n          $flexGapX={isTeacher ? 0.25 : 0.5}\n          $background=\"WHITE\"\n        >\n          {!isTeacher && (\n            <FlexView $gutterX={0.5} $gapX={1} $flexRowGapX={0.5}>\n              <CuemathLogo width={108} height={16} color={getTheme().colors.BLACK} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  4.9+ Rating on\n                </Text>\n                <Image withLoader src={ILLUSTRATIONS.STAR_WITH_GREEN_FILL} width={20} height={20} />\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  Trustpilot\n                </Text>\n              </FlexView>\n            </FlexView>\n          )}\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <TeacherAVPanel />\n          </FlexView>\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <StudentAVPanel insideLeftPanel />\n          </FlexView>\n        </Styled.AVWrapper>\n      )}\n      {isTeacher && (\n        <>\n          <Styled.ContentWrapper\n            $background=\"WHITE_3\"\n            $justifyContent={renderAVIn === 'left' ? 'flex-start' : 'center'}\n          >\n            <FlexView $gutterX={0.75} $gapX={1.5} $flexGapX={1.5}>\n              {cues.length > 0 && <Cues cues={cues} />}\n              {solutions && solutions.length > 0 && <Solutions solutions={solutions} />}\n              {dos.length + donts.length > 0 && <Tips dos={dos} donts={donts} />}\n              {id === TrialPageId.LEARNING_WORKSHEET && questionsRatingPanel}\n            </FlexView>\n          </Styled.ContentWrapper>\n          {id === TrialPageId.LEARNING_WORKSHEET && worksheetNavigationPanel ? (\n            worksheetNavigationPanel\n          ) : (\n            <NavigationBar />\n          )}\n          <ConfirmationModal />\n        </>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default LeftPanel;\n"],"names":["LeftPanel","isTeacher","slideConfig","worksheetNavigationPanel","questionsRatingPanel","useTrialSessionContext","cues","dos","donts","renderAVIn","id","solutions","jsxs","Styled.Container","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","Styled.AVWrapper","FlexView","jsx","CuemathLogo","getTheme","Text","Image","ILLUSTRATIONS","TeacherAVPanel","StudentAVPanel","Fragment","Styled.ContentWrapper","Cues","Solutions","Tips","TrialPageId","NavigationBar","ConfirmationModal"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,0BAAAC,GAA0B,sBAAAC,EAAA,IACxDC,KACI,EAAE,MAAAC,IAAO,CAAA,GAAI,KAAAC,IAAM,CAAC,GAAG,OAAAC,IAAQ,IAAI,YAAAC,GAAY,IAAAC,GAAI,WAAAC,MAAcT,KAAe,CAAA;AAElF,SAAA,CAACD,KAAaQ,MAAe,SACxB,OAIP,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWZ,IAAYa,IAA+BC;AAAA,MAErD,UAAA;AAAA,QAAAN,MAAe,UACd,gBAAAG;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,gBAAgBf,IAAY,QAAQ;AAAA,YACpC,UAAUA,IAAY,OAAO;AAAA,YAC7B,OAAOA,IAAY,OAAO;AAAA,YAC1B,WAAWA,IAAY,OAAO;AAAA,YAC9B,aAAY;AAAA,YAEX,UAAA;AAAA,cAAC,CAAAA,uBACCgB,GAAS,EAAA,UAAU,KAAK,OAAO,GAAG,cAAc,KAC/C,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAY,OAAO,KAAK,QAAQ,IAAI,OAAOC,EAAA,EAAW,OAAO,MAAO,CAAA;AAAA,gBACpE,gBAAAR,EAAAK,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,kBAAA;AAAA,kBACA,gBAAAH,EAACI,GAAM,EAAA,YAAU,IAAC,KAAKC,EAAc,sBAAsB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,oCACjFF,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,cAAA;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cAEF,gBAAAH,EAACD,KAAS,QAAQhB,IAAY,oBAAoB,QAChD,UAAA,gBAAAiB,EAACM,KAAe,EAClB,CAAA;AAAA,cACA,gBAAAN,EAACD,GAAS,EAAA,QAAQhB,IAAY,oBAAoB,QAChD,UAAC,gBAAAiB,EAAAO,GAAA,EAAe,iBAAe,GAAA,CAAC,EAClC,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEDxB,KAEG,gBAAAW,EAAAc,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAR;AAAA,YAACS;AAAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,iBAAiBlB,MAAe,SAAS,eAAe;AAAA,cAExD,4BAACQ,GAAS,EAAA,UAAU,MAAM,OAAO,KAAK,WAAW,KAC9C,UAAA;AAAA,gBAAAX,EAAK,SAAS,KAAM,gBAAAY,EAAAU,GAAA,EAAK,MAAAtB,GAAY;AAAA,gBACrCK,KAAaA,EAAU,SAAS,KAAK,gBAAAO,EAACW,KAAU,WAAAlB,GAAsB;AAAA,gBACtEJ,EAAI,SAASC,EAAM,SAAS,KAAM,gBAAAU,EAAAY,GAAA,EAAK,KAAAvB,GAAU,OAAAC,GAAc;AAAA,gBAC/DE,MAAOqB,EAAY,sBAAsB3B;AAAA,cAAA,GAC5C;AAAA,YAAA;AAAA,UACF;AAAA,UACCM,MAAOqB,EAAY,sBAAsB5B,IACxCA,sBAEC6B,GAAc,EAAA;AAAA,4BAEhBC,GAAkB,EAAA;AAAA,QAAA,GACrB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/features/trial-session/left-panel/left-panel-styled.js

@@ -1,20 +1,23 @@
 import t from "styled-components";
-import i from "../../ui/layout/flex-view.js";
-const p = t.div(({ $maxWidth: e, theme: { colors: o } }) => `
+import o from "../../ui/layout/flex-view.js";
+const p = t.div(({ $maxWidth: e, theme: { colors: i } }) => `
     position: relative;    
     display: flex;
     flex-direction: column;
     width: ${e}px;
     max-width: ${e}px;
     min-width: ${e / 2}px;
-    border-left: 1px solid ${o.WHITE_5};
+    border-left: 1px solid ${i.WHITE_5};
     height: 100%;
-  `), l = t(i)`
+  `), l = t(o)`
   width: 100%;
   height: 100%;
   overflow: auto;
+`, d = t(o)`
+  z-index: 2;
 `;
 export {
+  d as AVWrapper,
   p as Container,
   l as ContentWrapper
 };

package/dist/features/trial-session/left-panel/left-panel-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"left-panel-styled.js","sources":["../../../../src/features/trial-session/left-panel/left-panel-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst Container = styled.div<{ $maxWidth: number }>(({ $maxWidth, theme: { colors } }) => {\n  return `\n    position: relative;    \n    display: flex;\n    flex-direction: column;\n    width: ${$maxWidth}px;\n    max-width: ${$maxWidth}px;\n    min-width: ${$maxWidth / 2}px;\n    border-left: 1px solid ${colors.WHITE_5};\n    height: 100%;\n  `;\n});\n\nconst ContentWrapper = styled(FlexView)`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nexport { Container, ContentWrapper };\n"],"names":["Container","styled","$maxWidth","colors","ContentWrapper","FlexView"],"mappings":";;AAIM,MAAAA,IAAYC,EAAO,IAA2B,CAAC,EAAE,WAAAC,GAAW,OAAO,EAAE,QAAAC,EAAO,QACzE;AAAA;AAAA;AAAA;AAAA,aAIID,CAAS;AAAA,iBACLA,CAAS;AAAA,iBACTA,IAAY,CAAC;AAAA,6BACDC,EAAO,OAAO;AAAA;AAAA,GAG1C,GAEKC,IAAiBH,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"left-panel-styled.js","sources":["../../../../src/features/trial-session/left-panel/left-panel-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst Container = styled.div<{ $maxWidth: number }>(({ $maxWidth, theme: { colors } }) => {\n  return `\n    position: relative;    \n    display: flex;\n    flex-direction: column;\n    width: ${$maxWidth}px;\n    max-width: ${$maxWidth}px;\n    min-width: ${$maxWidth / 2}px;\n    border-left: 1px solid ${colors.WHITE_5};\n    height: 100%;\n  `;\n});\n\nconst ContentWrapper = styled(FlexView)`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst AVWrapper = styled(FlexView)`\n  z-index: 2;\n`;\n\nexport { Container, ContentWrapper, AVWrapper };\n"],"names":["Container","styled","$maxWidth","colors","ContentWrapper","FlexView","AVWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAO,IAA2B,CAAC,EAAE,WAAAC,GAAW,OAAO,EAAE,QAAAC,EAAO,QACzE;AAAA;AAAA;AAAA;AAAA,aAIID,CAAS;AAAA,iBACLA,CAAS;AAAA,iBACTA,IAAY,CAAC;AAAA,6BACDC,EAAO,OAAO;AAAA;AAAA,GAG1C,GAEKC,IAAiBH,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMhCC,IAAYL,EAAOI,CAAQ;AAAA;AAAA;"}

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 { Dispatch, ReactElement, SetStateAction } from 'react';\n\nimport type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type {\n  IMilestoneConfig,\n  TCourseStream,\n  TEnrollmentTypes,\n  TPreferenceCategory,\n} 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';\n\nexport type { TSessionReportData as TSessionReport } from './comps/session-report/session-report-types';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n  opportunity_country: string;\n};\n\nexport type TPreferenceSchema = {\n  preference_code: string;\n  preference_name: string;\n  preference_category: TPreferenceCategory;\n};\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 = {\n  degree_name?: string;\n  field_of_study?: string;\n  degree_code?: string;\n};\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  first_name: string;\n  last_name: string;\n  teacher_profile_url?: string;\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  showProfileHighlights?: 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  personalizedObjectives?: string[];\n  personalizedPosition?: 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  numberInNameError?: boolean;\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    region_data: TRegionData;\n    scheduled_start_time: number;\n    course?: string;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n    enrollment_type: TEnrollmentTypes;\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  intel_student?: {\n    source?: string;\n    student_preference?: {\n      preferences?: TPreferenceSchema[];\n    };\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?: ReactElement;\n  studentPanel?: ReactElement;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: ReactElement;\n  worksheetNavigationPanel?: ReactElement;\n  questionsRatingPanel?: ReactElement;\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":"AAiCY,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 { Dispatch, ReactElement, SetStateAction } from 'react';\n\nimport type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type {\n  IMilestoneConfig,\n  TCourseStream,\n  TEnrollmentTypes,\n  TPreferenceCategory,\n} 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';\n\nexport type { TSessionReportData as TSessionReport } from './comps/session-report/session-report-types';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n  opportunity_country: string;\n};\n\nexport type TPreferenceSchema = {\n  preference_code: string;\n  preference_name: string;\n  preference_category: TPreferenceCategory;\n};\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 = {\n  degree_name?: string;\n  field_of_study?: string;\n  degree_code?: string;\n};\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  first_name: string;\n  last_name: string;\n  teacher_profile_url?: string;\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  showProfileHighlights?: 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  personalizedObjectives?: string[];\n  personalizedPosition?: 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  numberInNameError?: boolean;\n  confirmationModalActive?: boolean;\n  resetAttempt: boolean;\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    region_data: TRegionData;\n    scheduled_start_time: number;\n    course?: string;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n    enrollment_type: TEnrollmentTypes;\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  intel_student?: {\n    source?: string;\n    student_preference?: {\n      preferences?: TPreferenceSchema[];\n    };\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?: ReactElement;\n  studentPanel?: ReactElement;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: ReactElement;\n  worksheetNavigationPanel?: ReactElement;\n  questionsRatingPanel?: ReactElement;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n  changeDemoLevel?: boolean;\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":"AAiCY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,128 +1,131 @@
-import { jsx as h, jsxs as O } from "react/jsx-runtime";
-import { memo as q, useState as z, useMemo as C, useCallback as J, useEffect as S } from "react";
-import K from "../ui/layout/flex-view.js";
-import Q from "./context/trial-session-context.js";
-import { useButtonStateForLeftPanel as W } from "./hooks/use-left-panel-button-state.js";
-import { useSlideConfigUpdate as X } from "./hooks/use-slide-config-update.js";
-import Y from "./left-panel/index.js";
-import Z from "./right-panel/index.js";
-const ce = q(function(B) {
+import { jsx as C, jsxs as q } from "react/jsx-runtime";
+import { memo as z, useState as J, useMemo as S, useCallback as K, useEffect as d } from "react";
+import Q from "../ui/layout/flex-view.js";
+import W from "./context/trial-session-context.js";
+import { useButtonStateForLeftPanel as X } from "./hooks/use-left-panel-button-state.js";
+import { useSlideConfigUpdate as Y } from "./hooks/use-slide-config-update.js";
+import Z from "./left-panel/index.js";
+import ee from "./right-panel/index.js";
+const de = z(function(B) {
   const {
-    userType: r,
+    userType: o,
     teacherPanel: D,
     studentPanel: T,
     trialGameUrl: I,
-    formData: o,
+    formData: i,
     height: G = "100vh",
     trialHomeData: e,
-    milestoneConfig: c,
-    onFormDataChange: d,
-    worksheet: P,
+    milestoneConfig: m,
+    onFormDataChange: f,
+    worksheet: v,
     studentId: s,
-    teacherId: i,
-    classStartedOn: x,
-    worksheetNavigationPanel: _,
+    teacherId: l,
+    classStartedOn: P,
+    worksheetNavigationPanel: x,
     teacherClassroomId: H,
-    questionsRatingPanel: v,
+    questionsRatingPanel: _,
     studentAbsentInClass: w,
     openEndClassModal: y,
     onTrialInformationUpdate: E,
-    onStudentTimezoneUpdate: m,
+    onStudentTimezoneUpdate: u,
     handleInfoMessage: R,
-    onRemoveOptionalSlides: F,
-    classDuration: V,
-    studentTimezone: l,
-    classTimeAlertConfig: $
-  } = B, t = r === "TEACHER", { pages: f = [] } = e, [n, L] = z(o), u = t ? n : o, g = u == null ? void 0 : u.id, b = C(
-    () => f.find((a) => a.id === g) ?? f[0],
-    [g, f]
-  ), j = C(() => {
+    onRemoveOptionalSlides: A,
+    classDuration: F,
+    studentTimezone: c,
+    classTimeAlertConfig: M,
+    changeDemoLevel: V
+  } = B, t = o === "TEACHER", { pages: g = [] } = e, [n, N] = J(i), p = t ? n : i, h = p == null ? void 0 : p.id, $ = S(
+    () => g.find((a) => a.id === h) ?? g[0],
+    [h, g]
+  ), b = S(() => {
     const a = {
       circleConfig: e.circle_trial_game_config,
       playerDetails: {
-        userId: t ? i : s,
+        userId: t ? l : s,
         circle_username: e[t ? "teacher" : "student"].circle_username,
         user_avatar: e[t ? "teacher" : "student"].user_avatar,
-        playerType: r
+        playerType: o
       }
     };
-    return r === "STUDENT" && (a.playerDetails.grade = e.student.grade), a;
-  }, [t, s, i, e, r]), p = J((a) => {
-    L((U) => U ? { ...U, ...a } : a);
-  }, []), { buttonState: k, updateButtonState: A } = W(), { onRenderUpdateSlideConfig: M } = X({
+    return o === "STUDENT" && (a.playerDetails.grade = e.student.grade), a;
+  }, [t, s, l, e, o]), r = K((a) => {
+    N((U) => U ? { ...U, ...a } : a);
+  }, []), { buttonState: j, updateButtonState: k } = X(), { onRenderUpdateSlideConfig: L } = Y({
     teacherClassroomId: H,
-    milestoneConfig: c,
-    studentTimezone: l,
-    updateSlideConfig: p
-  }), N = C(
+    milestoneConfig: m,
+    studentTimezone: c,
+    updateSlideConfig: r
+  }), O = S(
     () => ({
       teacherPanel: D,
       studentPanel: T,
       isTeacher: t,
-      slideConfig: b,
-      milestoneConfig: c,
-      formData: t ? n : o,
-      updateSlideConfig: p,
-      worksheet: P,
-      buttonState: k,
-      updateButtonState: A,
+      slideConfig: $,
+      milestoneConfig: m,
+      formData: t ? n : i,
+      updateSlideConfig: r,
+      worksheet: v,
+      buttonState: j,
+      updateButtonState: k,
       studentId: s,
-      teacherId: i,
-      classStartedOn: x,
+      teacherId: l,
+      classStartedOn: P,
       trialHomeData: e,
-      worksheetNavigationPanel: _,
-      questionsRatingPanel: v,
+      worksheetNavigationPanel: x,
+      questionsRatingPanel: _,
       onTrialInformationUpdate: E,
       openEndClassModal: y,
       studentAbsentInClass: w,
-      circleGames: j,
+      circleGames: b,
       trialGameUrl: I,
       handleInfoMessage: R,
-      onRemoveOptionalSlides: F,
-      classDuration: V,
-      classTimeAlertConfig: $
+      onRemoveOptionalSlides: A,
+      classDuration: F,
+      classTimeAlertConfig: M
     }),
     [
       D,
       T,
       t,
-      b,
-      c,
+      $,
+      m,
       n,
-      o,
-      p,
-      P,
+      i,
+      r,
+      v,
+      j,
       k,
-      A,
       s,
-      i,
-      x,
+      l,
+      P,
       e,
+      x,
       _,
-      v,
       E,
       y,
       w,
-      j,
+      b,
       I,
       R,
+      A,
       F,
-      V,
-      $
+      M
     ]
   );
-  return S(() => {
-    n && d && d(n);
-  }, [d, n]), S(() => {
-    l || m == null || m();
-  }, [g]), S(() => {
-    t && e && l && M(e);
-  }, [t, M, l, e]), /* @__PURE__ */ h(Q.Provider, { value: N, children: /* @__PURE__ */ O(K, { $height: G, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ h(Y, {}),
-    /* @__PURE__ */ h(Z, {})
+  return d(() => {
+    n && f && f(n);
+  }, [f, n]), d(() => {
+    c || u == null || u();
+  }, [h]), d(() => {
+    t && e && c && L(e);
+  }, [t, L, c, e]), d(() => {
+    V && r({ confirmationModalActive: !0 });
+  }, [V, r]), /* @__PURE__ */ C(W.Provider, { value: O, children: /* @__PURE__ */ q(Q, { $height: G, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ C(Z, {}),
+    /* @__PURE__ */ C(ee, {})
   ] }) });
 });
 export {
-  ce as default
+  de 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 { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport { useSlideConfigUpdate } from './hooks/use-slide-config-update';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(function TrialSessionView(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    teacherClassroomId,\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      },\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 { onRenderUpdateSlideConfig } = useSlideConfigUpdate({\n    teacherClassroomId,\n    milestoneConfig,\n    studentTimezone,\n    updateSlideConfig,\n  });\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  useEffect(() => {\n    if (isTeacher && trialHomeData && studentTimezone) {\n      onRenderUpdateSlideConfig(trialHomeData);\n    }\n  }, [isTeacher, onRenderUpdateSlideConfig, studentTimezone, trialHomeData]);\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","teacherClassroomId","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","onRenderUpdateSlideConfig","useSlideConfigUpdate","contextValue","useEffect","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 { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport { useSlideConfigUpdate } from './hooks/use-slide-config-update';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(function TrialSessionView(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    teacherClassroomId,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n    changeDemoLevel,\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      },\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 { onRenderUpdateSlideConfig } = useSlideConfigUpdate({\n    teacherClassroomId,\n    milestoneConfig,\n    studentTimezone,\n    updateSlideConfig,\n  });\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  useEffect(() => {\n    if (isTeacher && trialHomeData && studentTimezone) {\n      onRenderUpdateSlideConfig(trialHomeData);\n    }\n  }, [isTeacher, onRenderUpdateSlideConfig, studentTimezone, trialHomeData]);\n\n  useEffect(() => {\n    if (changeDemoLevel) updateSlideConfig({ confirmationModalActive: true });\n  }, [changeDemoLevel, 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","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","teacherClassroomId","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","changeDemoLevel","isTeacher","slides","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","onRenderUpdateSlideConfig","useSlideConfigUpdate","contextValue","useEffect","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}

package/dist/features/ui/theme/button.js

@@ -130,6 +130,23 @@ const d = (a) => ({ sizes: {
       disabled: "WHITE_T_15"
     }
   },
+  "secondary-danger": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "BLACK",
+      disabled: "WHITE_T_10"
+    },
+    colorName: {
+      inactive: "RED",
+      active: "WHITE",
+      disabled: "GREY_3"
+    },
+    borderColorName: {
+      inactive: "RED",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
   black: {
     backgroundColorName: {
       inactive: "BLACK_1",