@cuemath/leap 2.8.53-link.2 → 2.8.53

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

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../src/features/trial-session/helper.ts"],"sourcesContent":["import type { IMilestoneConfig } from '../milestone/create/milestone-create-types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type { ITrialHomeData, TGoals } from './trial-session-types';\n\nimport { DAYS } from '../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../helpers/date-time';\nimport { GOAL_CATEGORY } from '../milestone/constants';\nimport { getGoalsFromConfig } from '../milestone/create/milestone-create-helpers';\nimport { TEACHER_TIMEZONE, TrialPageId } from './trial-session-constants';\n\nconst updateGoalInFormData = (goals: TGoals[] | undefined, goalCategory: string, data: TGoals) => {\n  const updateGoals = goals ? [...goals] : [];\n  const goalIndex = updateGoals?.findIndex(goal => goal.goal_category === goalCategory);\n\n  if (goalIndex === -1) {\n    const schoolSuccessGoal = {\n      ...data,\n      goal_category: goalCategory,\n      publish: false,\n    };\n\n    updateGoals.push(schoolSuccessGoal);\n  } else {\n    updateGoals[goalIndex] = {\n      ...updateGoals[goalIndex],\n      ...data,\n    };\n  }\n\n  return updateGoals;\n};\n\nconst getFormattedPreferences = (preferences: TPreference[], studentTimezone?: string) => {\n  if (!studentTimezone) return [];\n\n  const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Set the current date to midnight.\n  const timestampOffset = getOffsetBetweenTimezone(TEACHER_TIMEZONE, studentTimezone); // Offset between the teacher's and student's timezone.\n  const studentTimestamp = todayTimestamp + timestampOffset; // Adjusting the current date to the student's timezone.\n  const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n  const currentDayIndex = DAYS.indexOf(today); // Current day index.\n\n  return preferences.length > 0\n    ? preferences\n        .filter(preference => preference.selectedDay && preference.selectedTime)\n        .map(preference => {\n          const { selectedDay, selectedTime } = preference;\n          // Extracting hours, minutes, and period from the selected time.\n          const { hours, minutes, period } = getTimeUnits(selectedTime);\n\n          // Calculating the index of the selected day in the DAYS array.\n          const selectedDayIndex = DAYS.indexOf(selectedDay);\n          const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n          // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n          const epochTimestamp =\n            todayTimestamp +\n            timestampOffset +\n            convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n          return {\n            id: epochTimestamp,\n            value: `${selectedDay}, ${selectedTime} - ${hours + 1}:${\n              minutes < 10 ? '0' : ''\n            }${minutes} ${period}`, // Formatted the value string as required\n          };\n        })\n    : [];\n};\n\nconst filterAndUpdateSlideNavigation = ({\n  milestoneConfigData,\n  trialHomeData,\n  grade,\n}: {\n  milestoneConfigData: IMilestoneConfig;\n  trialHomeData: ITrialHomeData;\n  grade?: string;\n}) => {\n  const { student, demo_info: demoInfo } = trialHomeData;\n  const { grade: studentGrade } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const getGoals = (goalCategory: keyof typeof GOAL_CATEGORY) =>\n    getGoalsFromConfig(milestoneConfigData, {\n      countryCode,\n      grade: grade || studentGrade || '',\n      goalCategory,\n      courseStream: stream,\n      enrollmentType: 'ONLINE',\n    });\n\n  const testPrepGoals = getGoals(GOAL_CATEGORY.TEST_PREP);\n  const enrichmentGoals = getGoals(GOAL_CATEGORY.ENRICHMENT);\n\n  if (testPrepGoals?.length > 0 && enrichmentGoals?.length > 0) {\n    return trialHomeData;\n  }\n\n  const updatedTrialHomeData = { ...trialHomeData };\n\n  const pagesMap = Object.fromEntries(updatedTrialHomeData.pages.map(page => [page.id, page]));\n\n  //slide whose nextPage reference needs to be updated\n  const slideIdToUpdate = (() => {\n    if (\n      pagesMap[TrialPageId.SCHOOL_GOALS]?.nextPage?.pageId === TrialPageId.TEST_PREP &&\n      testPrepGoals.length === 0\n    ) {\n      return TrialPageId.SCHOOL_GOALS;\n    }\n\n    if (\n      testPrepGoals.length > 0 &&\n      pagesMap[TrialPageId.TEST_PREP]?.nextPage?.pageId === TrialPageId.STUDENT_ENRICHMENT &&\n      enrichmentGoals.length === 0\n    ) {\n      return TrialPageId.TEST_PREP;\n    }\n\n    return null;\n  })();\n\n  // the new next page reference for slideIdToUpdate\n  const updatedNextPageInfo = slideIdToUpdate\n    ? pagesMap[\n        enrichmentGoals?.length === 0 ? TrialPageId.STUDENT_ENRICHMENT : TrialPageId.TEST_PREP\n      ]?.nextPage\n    : null;\n\n  // updating the nextPage and prevPage references\n  if (updatedNextPageInfo && slideIdToUpdate) {\n    const shouldRemoveSlide = (slideId: TrialPageId) =>\n      (testPrepGoals.length === 0 && slideId === TrialPageId.TEST_PREP) ||\n      (enrichmentGoals.length === 0 && slideId === TrialPageId.STUDENT_ENRICHMENT);\n\n    const filteredSlides = updatedTrialHomeData.pages.filter(page => !shouldRemoveSlide(page.id));\n\n    updatedTrialHomeData.pages = filteredSlides.map(page => {\n      if (page.id === slideIdToUpdate) {\n        return { ...page, nextPage: updatedNextPageInfo };\n      }\n\n      if (page.id === updatedNextPageInfo.pageId) {\n        return {\n          ...page,\n          prevPage: {\n            buttonLabel: pagesMap[slideIdToUpdate]?.navigationLabel ?? '',\n            pageId: slideIdToUpdate,\n          },\n        };\n      }\n\n      return page;\n    });\n  }\n\n  return updatedTrialHomeData;\n};\n\nconst getFormattedStudentPersonalizedPreference = (\n  config: IMilestoneConfig,\n  selectedCodes: string[],\n) => {\n  const { preference_config: preferenceConfig } = config;\n\n  if (selectedCodes.length > 0) {\n    return (\n      preferenceConfig\n        ?.filter(pref => selectedCodes.includes(pref.preference_code))\n        ?.map(({ preference_code, preference_name, preference_category }) => ({\n          preference_code,\n          preference_name,\n          preference_category,\n        })) || []\n    );\n  }\n\n  return [];\n};\n\nexport {\n  filterAndUpdateSlideNavigation,\n  updateGoalInFormData,\n  getFormattedPreferences,\n  getFormattedStudentPersonalizedPreference,\n};\n"],"names":["updateGoalInFormData","goals","goalCategory","data","updateGoals","goalIndex","goal","schoolSuccessGoal","getFormattedPreferences","preferences","studentTimezone","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","TEACHER_TIMEZONE","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","DAYS","preference","selectedDay","selectedTime","hours","minutes","period","getTimeUnits","dayDifference","convertToMilliseconds","filterAndUpdateSlideNavigation","milestoneConfigData","trialHomeData","grade","student","demoInfo","studentGrade","stream","regionData","countryCode","getGoals","getGoalsFromConfig","testPrepGoals","GOAL_CATEGORY","enrichmentGoals","updatedTrialHomeData","pagesMap","page","slideIdToUpdate","_b","_a","TrialPageId","_d","_c","updatedNextPageInfo","shouldRemoveSlide","slideId","filteredSlides","getFormattedStudentPersonalizedPreference","config","selectedCodes","preferenceConfig","pref","preference_code","preference_name","preference_category"],"mappings":"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"}
+{"version":3,"file":"helper.js","sources":["../../../src/features/trial-session/helper.ts"],"sourcesContent":["import type { IMilestoneConfig } from '../milestone/create/milestone-create-types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type { ITrialHomeData, TGoals } from './trial-session-types';\n\nimport { DAYS } from '../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../helpers/date-time';\nimport { GOAL_CATEGORY } from '../milestone/constants';\nimport { getGoalsFromConfig } from '../milestone/create/milestone-create-helpers';\nimport { TEACHER_TIMEZONE, TrialPageId } from './trial-session-constants';\n\nconst updateGoalInFormData = (goals: TGoals[] | undefined, goalCategory: string, data: TGoals) => {\n  const updateGoals = goals ? [...goals] : [];\n  const goalIndex = updateGoals?.findIndex(goal => goal.goal_category === goalCategory);\n\n  if (goalIndex === -1) {\n    const schoolSuccessGoal = {\n      ...data,\n      goal_category: goalCategory,\n      publish: false,\n    };\n\n    updateGoals.push(schoolSuccessGoal);\n  } else {\n    updateGoals[goalIndex] = {\n      ...updateGoals[goalIndex],\n      ...data,\n    };\n  }\n\n  return updateGoals;\n};\n\nconst getFormattedPreferences = (preferences: TPreference[], studentTimezone?: string) => {\n  if (!studentTimezone) return [];\n\n  const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Set the current date to midnight.\n  const timestampOffset = getOffsetBetweenTimezone(TEACHER_TIMEZONE, studentTimezone); // Offset between the teacher's and student's timezone.\n  const studentTimestamp = todayTimestamp + timestampOffset; // Adjusting the current date to the student's timezone.\n  const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n  const currentDayIndex = DAYS.indexOf(today); // Current day index.\n\n  return preferences.length > 0\n    ? preferences\n        .filter(preference => preference.selectedDay && preference.selectedTime)\n        .map(preference => {\n          const { selectedDay, selectedTime } = preference;\n          // Extracting hours, minutes, and period from the selected time.\n          const { hours, minutes, period } = getTimeUnits(selectedTime);\n\n          // Calculating the index of the selected day in the DAYS array.\n          const selectedDayIndex = DAYS.indexOf(selectedDay);\n          const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n          // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n          const epochTimestamp =\n            todayTimestamp +\n            timestampOffset +\n            convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n          return {\n            id: epochTimestamp,\n            value: `${selectedDay}, ${selectedTime} - ${hours + 1}:${\n              minutes < 10 ? '0' : ''\n            }${minutes} ${period}`, // Formatted the value string as required\n          };\n        })\n    : [];\n};\n\nconst filterAndUpdateSlideNavigation = ({\n  milestoneConfigData,\n  trialHomeData,\n  grade,\n}: {\n  milestoneConfigData: IMilestoneConfig;\n  trialHomeData: ITrialHomeData;\n  grade?: string;\n}) => {\n  const { student, demo_info: demoInfo } = trialHomeData;\n  const { grade: studentGrade } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const getGoals = (goalCategory: keyof typeof GOAL_CATEGORY) =>\n    getGoalsFromConfig(milestoneConfigData, {\n      countryCode,\n      grade: grade || studentGrade || '',\n      goalCategory,\n      courseStream: stream,\n      enrollmentType: 'ONLINE',\n    });\n\n  const testPrepGoals = getGoals(GOAL_CATEGORY.TEST_PREP);\n  const enrichmentGoals = getGoals(GOAL_CATEGORY.ENRICHMENT);\n\n  if (testPrepGoals?.length > 0 && enrichmentGoals?.length > 0) {\n    return trialHomeData;\n  }\n\n  const updatedTrialHomeData = { ...trialHomeData };\n\n  const pagesMap = Object.fromEntries(updatedTrialHomeData.pages.map(page => [page.id, page]));\n\n  //slide whose nextPage reference needs to be updated\n  const slideIdToUpdate = (() => {\n    if (\n      pagesMap[TrialPageId.SCHOOL_GOALS]?.nextPage?.pageId === TrialPageId.TEST_PREP &&\n      testPrepGoals.length === 0\n    ) {\n      return TrialPageId.SCHOOL_GOALS;\n    }\n\n    if (\n      testPrepGoals.length > 0 &&\n      pagesMap[TrialPageId.TEST_PREP]?.nextPage?.pageId === TrialPageId.STUDENT_ENRICHMENT &&\n      enrichmentGoals.length === 0\n    ) {\n      return TrialPageId.TEST_PREP;\n    }\n\n    return null;\n  })();\n\n  // the new next page reference for slideIdToUpdate\n  const updatedNextPageInfo = slideIdToUpdate\n    ? pagesMap[\n        enrichmentGoals?.length === 0 ? TrialPageId.STUDENT_ENRICHMENT : TrialPageId.TEST_PREP\n      ]?.nextPage\n    : null;\n\n  // updating the nextPage and prevPage references\n  if (updatedNextPageInfo && slideIdToUpdate) {\n    const shouldRemoveSlide = (slideId: TrialPageId) =>\n      (testPrepGoals.length === 0 && slideId === TrialPageId.TEST_PREP) ||\n      (enrichmentGoals.length === 0 && slideId === TrialPageId.STUDENT_ENRICHMENT);\n\n    const filteredSlides = updatedTrialHomeData.pages.filter(page => !shouldRemoveSlide(page.id));\n\n    updatedTrialHomeData.pages = filteredSlides.map(page => {\n      if (page.id === slideIdToUpdate) {\n        return { ...page, nextPage: updatedNextPageInfo };\n      }\n\n      if (page.id === updatedNextPageInfo.pageId) {\n        return {\n          ...page,\n          prevPage: {\n            buttonLabel: pagesMap[slideIdToUpdate]?.navigationLabel ?? '',\n            pageId: slideIdToUpdate,\n          },\n        };\n      }\n\n      return page;\n    });\n  }\n\n  return updatedTrialHomeData;\n};\n\nconst getFormattedStudentPersonalizedPreference = (\n  config: IMilestoneConfig,\n  selectedCodes: string[],\n) => {\n  const { preference_config: preferenceConfig } = config;\n\n  if (selectedCodes.length > 0) {\n    return (\n      preferenceConfig\n        ?.filter(pref => selectedCodes.includes(pref.preference_code))\n        ?.map(({ preference_code, preference_name, preference_category }) => ({\n          preference_code,\n          preference_name,\n          preference_category,\n        })) || []\n    );\n  }\n\n  return [];\n};\n\nexport {\n  filterAndUpdateSlideNavigation,\n  updateGoalInFormData,\n  getFormattedPreferences,\n  getFormattedStudentPersonalizedPreference,\n};\n"],"names":["updateGoalInFormData","goals","goalCategory","data","updateGoals","goalIndex","goal","schoolSuccessGoal","getFormattedPreferences","preferences","studentTimezone","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","TEACHER_TIMEZONE","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","DAYS","preference","selectedDay","selectedTime","hours","minutes","period","getTimeUnits","dayDifference","convertToMilliseconds","filterAndUpdateSlideNavigation","milestoneConfigData","trialHomeData","grade","student","demoInfo","studentGrade","stream","regionData","countryCode","getGoals","getGoalsFromConfig","testPrepGoals","GOAL_CATEGORY","enrichmentGoals","updatedTrialHomeData","pagesMap","page","slideIdToUpdate","_b","_a","TrialPageId","_d","_c","updatedNextPageInfo","shouldRemoveSlide","slideId","filteredSlides","getFormattedStudentPersonalizedPreference","config","selectedCodes","preferenceConfig","pref","preference_code","preference_name","preference_category"],"mappings":"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"}

package/dist/features/trial-session/hooks/use-class-time-alerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-class-time-alerts.js","sources":["../../../../src/features/trial-session/hooks/use-class-time-alerts.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { EClassTimeAlertLevel, type IClassTimeAlertConfig } from '../trial-session-types';\n\ninterface IUseClassTimeAlerts {\n  alertLevel: EClassTimeAlertLevel | null;\n  classStartedOn?: Date;\n  classDuration?: number;\n  onUpdateClassTimeAlertConfig: (data: Partial<IClassTimeAlertConfig>) => void;\n}\n\nexport const useClassTimeAlerts = ({\n  alertLevel,\n  classStartedOn,\n  classDuration,\n  onUpdateClassTimeAlertConfig,\n}: IUseClassTimeAlerts) => {\n  const hasPlayedFifteenMinAnimation = useRef(false);\n  const hasPlayedFiveMinAnimation = useRef(false);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n\n  const getTimeRemaining = useCallback(() => {\n    if (!classStartedOn || !classDuration) return null;\n\n    const currentTime = Date.now();\n    const startTime = new Date(classStartedOn).getTime();\n    const timeRemaining = classDuration - (currentTime - startTime) / 1000;\n\n    return timeRemaining / 60;\n  }, [classStartedOn, classDuration]);\n\n  const canShowClassAlert = useCallback(\n    (level: EClassTimeAlertLevel) => {\n      const timeRemaining = getTimeRemaining();\n\n      if (timeRemaining === null) return false;\n\n      if (\n        level === EClassTimeAlertLevel.FIFTEEN_MIN &&\n        !hasPlayedFifteenMinAnimation.current &&\n        timeRemaining <= 15 &&\n        timeRemaining >= 14\n      ) {\n        hasPlayedFifteenMinAnimation.current = true;\n\n        return true;\n      }\n\n      if (\n        level === EClassTimeAlertLevel.FIVE_MIN &&\n        !hasPlayedFiveMinAnimation.current &&\n        timeRemaining <= 5 &&\n        timeRemaining >= 4\n      ) {\n        hasPlayedFiveMinAnimation.current = true;\n\n        return true;\n      }\n\n      return false;\n    },\n    [getTimeRemaining],\n  );\n\n  const getAlertLevel = useCallback((): EClassTimeAlertLevel | null => {\n    const timeRemaining = getTimeRemaining();\n\n    if (timeRemaining === null) return null;\n\n    if (timeRemaining <= 5) return EClassTimeAlertLevel.FIVE_MIN;\n\n    if (timeRemaining <= 15) return EClassTimeAlertLevel.FIFTEEN_MIN;\n\n    return null;\n  }, [getTimeRemaining]);\n\n  const updateClassTimeAlertLevel = useCallback(() => {\n    const newAlertLevel = getAlertLevel();\n\n    if (newAlertLevel && newAlertLevel !== alertLevel) {\n      const showClassTimeAlert = canShowClassAlert(newAlertLevel);\n\n      onUpdateClassTimeAlertConfig({\n        alertLevel: newAlertLevel,\n        isVisible: showClassTimeAlert,\n      });\n    }\n  }, [canShowClassAlert, getAlertLevel, alertLevel, onUpdateClassTimeAlertConfig]);\n\n  const startClassTimeAlertPolling = useCallback(() => {\n    if (timerRef.current) clearInterval(timerRef.current);\n\n    updateClassTimeAlertLevel();\n\n    timerRef.current = setInterval(() => {\n      updateClassTimeAlertLevel();\n    }, 30 * 1000);\n  }, [updateClassTimeAlertLevel]);\n\n  useEffect(() => {\n    updateClassTimeAlertLevel();\n\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [startClassTimeAlertPolling, updateClassTimeAlertLevel]);\n\n  return {\n    startClassTimeAlertPolling,\n  };\n};\n"],"names":["useClassTimeAlerts","alertLevel","classStartedOn","classDuration","onUpdateClassTimeAlertConfig","hasPlayedFifteenMinAnimation","useRef","hasPlayedFiveMinAnimation","timerRef","getTimeRemaining","useCallback","currentTime","startTime","canShowClassAlert","level","timeRemaining","EClassTimeAlertLevel","getAlertLevel","updateClassTimeAlertLevel","newAlertLevel","showClassTimeAlert","startClassTimeAlertPolling","useEffect"],"mappings":";;AAWO,MAAMA,IAAqB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,8BAAAC;AACF,MAA2B;AACnB,QAAAC,IAA+BC,EAAO,EAAK,GAC3CC,IAA4BD,EAAO,EAAK,GACxCE,IAAWF,EAA8B,IAAI,GAE7CG,IAAmBC,EAAY,MAAM;AACzC,QAAI,CAACR,KAAkB,CAACC,EAAsB,QAAA;AAExC,UAAAQ,IAAc,KAAK,OACnBC,IAAY,IAAI,KAAKV,CAAc,EAAE,QAAQ;AAGnD,YAFsBC,KAAiBQ,IAAcC,KAAa,OAE3C;AAAA,EAAA,GACtB,CAACV,GAAgBC,CAAa,CAAC,GAE5BU,IAAoBH;AAAA,IACxB,CAACI,MAAgC;AAC/B,YAAMC,IAAgBN;AAElB,aAAAM,MAAkB,OAAa,KAGjCD,MAAUE,EAAqB,eAC/B,CAACX,EAA6B,WAC9BU,KAAiB,MACjBA,KAAiB,MAEjBV,EAA6B,UAAU,IAEhC,MAIPS,MAAUE,EAAqB,YAC/B,CAACT,EAA0B,WAC3BQ,KAAiB,KACjBA,KAAiB,KAEjBR,EAA0B,UAAU,IAE7B,MAGF;AAAA,IACT;AAAA,IACA,CAACE,CAAgB;AAAA,EAAA,GAGbQ,IAAgBP,EAAY,MAAmC;AACnE,UAAMK,IAAgBN;AAElB,WAAAM,MAAkB,OAAa,OAE/BA,KAAiB,IAAUC,EAAqB,WAEhDD,KAAiB,KAAWC,EAAqB,cAE9C;AAAA,EAAA,GACN,CAACP,CAAgB,CAAC,GAEfS,IAA4BR,EAAY,MAAM;AAClD,UAAMS,IAAgBF;AAElB,QAAAE,KAAiBA,MAAkBlB,GAAY;AAC3C,YAAAmB,IAAqBP,EAAkBM,CAAa;AAE7B,MAAAf,EAAA;AAAA,QAC3B,YAAYe;AAAA,QACZ,WAAWC;AAAA,MAAA,CACZ;AAAA,IACH;AAAA,KACC,CAACP,GAAmBI,GAAehB,GAAYG,CAA4B,CAAC,GAEzEiB,IAA6BX,EAAY,MAAM;AACnD,IAAIF,EAAS,WAAuB,cAAAA,EAAS,OAAO,GAE1BU,KAEjBV,EAAA,UAAU,YAAY,MAAM;AACT,MAAAU;IAAA,GACzB,KAAK,GAAI;AAAA,EAAA,GACX,CAACA,CAAyB,CAAC;AAE9B,SAAAI,EAAU,OACkBJ,KAEnB,MAAM;AACX,IAAIV,EAAS,YACX,cAAcA,EAAS,OAAO,GAC9BA,EAAS,UAAU;AAAA,EACrB,IAED,CAACa,GAA4BH,CAAyB,CAAC,GAEnD;AAAA,IACL,4BAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-class-time-alerts.js","sources":["../../../../src/features/trial-session/hooks/use-class-time-alerts.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { EClassTimeAlertLevel, type IClassTimeAlertConfig } from '../trial-session-types';\n\ninterface IUseClassTimeAlerts {\n  alertLevel: EClassTimeAlertLevel | null;\n  classStartedOn?: Date;\n  classDuration?: number;\n  onUpdateClassTimeAlertConfig: (data: Partial<IClassTimeAlertConfig>) => void;\n}\n\nexport const useClassTimeAlerts = ({\n  alertLevel,\n  classStartedOn,\n  classDuration,\n  onUpdateClassTimeAlertConfig,\n}: IUseClassTimeAlerts) => {\n  const hasPlayedFifteenMinAnimation = useRef(false);\n  const hasPlayedFiveMinAnimation = useRef(false);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n\n  const getTimeRemaining = useCallback(() => {\n    if (!classStartedOn || !classDuration) return null;\n\n    const currentTime = Date.now();\n    const startTime = new Date(classStartedOn).getTime();\n    const timeRemaining = classDuration - (currentTime - startTime) / 1000;\n\n    return timeRemaining / 60;\n  }, [classStartedOn, classDuration]);\n\n  const canShowClassAlert = useCallback(\n    (level: EClassTimeAlertLevel) => {\n      const timeRemaining = getTimeRemaining();\n\n      if (timeRemaining === null) return false;\n\n      if (\n        level === EClassTimeAlertLevel.FIFTEEN_MIN &&\n        !hasPlayedFifteenMinAnimation.current &&\n        timeRemaining <= 15 &&\n        timeRemaining >= 14\n      ) {\n        hasPlayedFifteenMinAnimation.current = true;\n\n        return true;\n      }\n\n      if (\n        level === EClassTimeAlertLevel.FIVE_MIN &&\n        !hasPlayedFiveMinAnimation.current &&\n        timeRemaining <= 5 &&\n        timeRemaining >= 4\n      ) {\n        hasPlayedFiveMinAnimation.current = true;\n\n        return true;\n      }\n\n      return false;\n    },\n    [getTimeRemaining],\n  );\n\n  const getAlertLevel = useCallback((): EClassTimeAlertLevel | null => {\n    const timeRemaining = getTimeRemaining();\n\n    if (timeRemaining === null) return null;\n\n    if (timeRemaining <= 5) return EClassTimeAlertLevel.FIVE_MIN;\n\n    if (timeRemaining <= 15) return EClassTimeAlertLevel.FIFTEEN_MIN;\n\n    return null;\n  }, [getTimeRemaining]);\n\n  const updateClassTimeAlertLevel = useCallback(() => {\n    const newAlertLevel = getAlertLevel();\n\n    if (newAlertLevel && newAlertLevel !== alertLevel) {\n      const showClassTimeAlert = canShowClassAlert(newAlertLevel);\n\n      onUpdateClassTimeAlertConfig({\n        alertLevel: newAlertLevel,\n        isVisible: showClassTimeAlert,\n      });\n    }\n  }, [canShowClassAlert, getAlertLevel, alertLevel, onUpdateClassTimeAlertConfig]);\n\n  const startClassTimeAlertPolling = useCallback(() => {\n    if (timerRef.current) clearInterval(timerRef.current);\n\n    updateClassTimeAlertLevel();\n\n    timerRef.current = setInterval(() => {\n      updateClassTimeAlertLevel();\n    }, 30 * 1000);\n  }, [updateClassTimeAlertLevel]);\n\n  useEffect(() => {\n    updateClassTimeAlertLevel();\n\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [startClassTimeAlertPolling, updateClassTimeAlertLevel]);\n\n  return {\n    startClassTimeAlertPolling,\n  };\n};\n"],"names":["useClassTimeAlerts","alertLevel","classStartedOn","classDuration","onUpdateClassTimeAlertConfig","hasPlayedFifteenMinAnimation","useRef","hasPlayedFiveMinAnimation","timerRef","getTimeRemaining","useCallback","currentTime","startTime","canShowClassAlert","level","timeRemaining","EClassTimeAlertLevel","getAlertLevel","updateClassTimeAlertLevel","newAlertLevel","showClassTimeAlert","startClassTimeAlertPolling","useEffect"],"mappings":";;AAWO,MAAMA,IAAqB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,8BAAAC;AACF,MAA2B;AACnB,QAAAC,IAA+BC,EAAO,EAAK,GAC3CC,IAA4BD,EAAO,EAAK,GACxCE,IAAWF,EAA8B,IAAI,GAE7CG,IAAmBC,EAAY,MAAM;AACzC,QAAI,CAACR,KAAkB,CAACC,EAAsB,QAAA;AAExC,UAAAQ,IAAc,KAAK,IAAI,GACvBC,IAAY,IAAI,KAAKV,CAAc,EAAE,QAAQ;AAGnD,YAFsBC,KAAiBQ,IAAcC,KAAa,OAE3C;AAAA,EAAA,GACtB,CAACV,GAAgBC,CAAa,CAAC,GAE5BU,IAAoBH;AAAA,IACxB,CAACI,MAAgC;AAC/B,YAAMC,IAAgBN,EAAiB;AAEnC,aAAAM,MAAkB,OAAa,KAGjCD,MAAUE,EAAqB,eAC/B,CAACX,EAA6B,WAC9BU,KAAiB,MACjBA,KAAiB,MAEjBV,EAA6B,UAAU,IAEhC,MAIPS,MAAUE,EAAqB,YAC/B,CAACT,EAA0B,WAC3BQ,KAAiB,KACjBA,KAAiB,KAEjBR,EAA0B,UAAU,IAE7B,MAGF;AAAA,IACT;AAAA,IACA,CAACE,CAAgB;AAAA,EACnB,GAEMQ,IAAgBP,EAAY,MAAmC;AACnE,UAAMK,IAAgBN,EAAiB;AAEnC,WAAAM,MAAkB,OAAa,OAE/BA,KAAiB,IAAUC,EAAqB,WAEhDD,KAAiB,KAAWC,EAAqB,cAE9C;AAAA,EAAA,GACN,CAACP,CAAgB,CAAC,GAEfS,IAA4BR,EAAY,MAAM;AAClD,UAAMS,IAAgBF,EAAc;AAEhC,QAAAE,KAAiBA,MAAkBlB,GAAY;AAC3C,YAAAmB,IAAqBP,EAAkBM,CAAa;AAE7B,MAAAf,EAAA;AAAA,QAC3B,YAAYe;AAAA,QACZ,WAAWC;AAAA,MAAA,CACZ;AAAA,IAAA;AAAA,KAEF,CAACP,GAAmBI,GAAehB,GAAYG,CAA4B,CAAC,GAEzEiB,IAA6BX,EAAY,MAAM;AACnD,IAAIF,EAAS,WAAuB,cAAAA,EAAS,OAAO,GAE1BU,EAAA,GAEjBV,EAAA,UAAU,YAAY,MAAM;AACT,MAAAU,EAAA;AAAA,IAAA,GACzB,KAAK,GAAI;AAAA,EAAA,GACX,CAACA,CAAyB,CAAC;AAE9B,SAAAI,EAAU,OACkBJ,EAAA,GAEnB,MAAM;AACX,IAAIV,EAAS,YACX,cAAcA,EAAS,OAAO,GAC9BA,EAAS,UAAU;AAAA,EAEvB,IACC,CAACa,GAA4BH,CAAyB,CAAC,GAEnD;AAAA,IACL,4BAAAG;AAAA,EACF;AACF;"}

package/dist/features/trial-session/hooks/use-left-panel-button-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-left-panel-button-state.js","sources":["../../../../src/features/trial-session/hooks/use-left-panel-button-state.ts"],"sourcesContent":["import type { IButtonState } from '../trial-session-types';\n\nimport { useCallback, useState } from 'react';\n\nimport { DEFAULT_BUTTON_STATE } from '../trial-session-constants';\n\nconst useButtonStateForLeftPanel = () => {\n  const [buttonState, setButtonState] = useState(DEFAULT_BUTTON_STATE);\n\n  const updateButtonState = useCallback(\n    (\n      btnNavDir: 'left' | 'right' | 'both',\n      currentState: IButtonState | { left: IButtonState; right: IButtonState },\n    ) => {\n      setButtonState(previousProps => {\n        return btnNavDir === 'both'\n          ? { ...previousProps, ...currentState }\n          : { ...previousProps, [btnNavDir]: currentState };\n      });\n    },\n    [],\n  );\n\n  return {\n    buttonState,\n    updateButtonState,\n  };\n};\n\nexport { useButtonStateForLeftPanel };\n"],"names":["useButtonStateForLeftPanel","buttonState","setButtonState","useState","DEFAULT_BUTTON_STATE","updateButtonState","useCallback","btnNavDir","currentState","previousProps"],"mappings":";;AAMA,MAAMA,IAA6B,MAAM;AACvC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASC,CAAoB,GAE7DC,IAAoBC;AAAA,IACxB,CACEC,GACAC,MACG;AACH,MAAAN,EAAe,CAAiBO,MACvBF,MAAc,SACjB,EAAE,GAAGE,GAAe,GAAGD,MACvB,EAAE,GAAGC,GAAe,CAACF,CAAS,GAAGC,EAAa,CACnD;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EAAA;AAGI,SAAA;AAAA,IACL,aAAAP;AAAA,IACA,mBAAAI;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-left-panel-button-state.js","sources":["../../../../src/features/trial-session/hooks/use-left-panel-button-state.ts"],"sourcesContent":["import type { IButtonState } from '../trial-session-types';\n\nimport { useCallback, useState } from 'react';\n\nimport { DEFAULT_BUTTON_STATE } from '../trial-session-constants';\n\nconst useButtonStateForLeftPanel = () => {\n  const [buttonState, setButtonState] = useState(DEFAULT_BUTTON_STATE);\n\n  const updateButtonState = useCallback(\n    (\n      btnNavDir: 'left' | 'right' | 'both',\n      currentState: IButtonState | { left: IButtonState; right: IButtonState },\n    ) => {\n      setButtonState(previousProps => {\n        return btnNavDir === 'both'\n          ? { ...previousProps, ...currentState }\n          : { ...previousProps, [btnNavDir]: currentState };\n      });\n    },\n    [],\n  );\n\n  return {\n    buttonState,\n    updateButtonState,\n  };\n};\n\nexport { useButtonStateForLeftPanel };\n"],"names":["useButtonStateForLeftPanel","buttonState","setButtonState","useState","DEFAULT_BUTTON_STATE","updateButtonState","useCallback","btnNavDir","currentState","previousProps"],"mappings":";;AAMA,MAAMA,IAA6B,MAAM;AACvC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASC,CAAoB,GAE7DC,IAAoBC;AAAA,IACxB,CACEC,GACAC,MACG;AACH,MAAAN,EAAe,CAAiBO,MACvBF,MAAc,SACjB,EAAE,GAAGE,GAAe,GAAGD,EACvB,IAAA,EAAE,GAAGC,GAAe,CAACF,CAAS,GAAGC,EAAa,CACnD;AAAA,IACH;AAAA,IACA,CAAA;AAAA,EACF;AAEO,SAAA;AAAA,IACL,aAAAP;AAAA,IACA,mBAAAI;AAAA,EACF;AACF;"}

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

@@ -13,9 +13,9 @@ const ue = () => {
     updateSlideConfig: s,
     slideConfig: B,
     formData: H,
-    updateButtonState: n,
+    updateButtonState: a,
     teacherId: l,
-    studentId: a,
+    studentId: n,
     milestoneConfig: P,
     onTrialInformationUpdate: h,
     trialHomeData: x,
@@ -31,16 +31,16 @@ const ue = () => {
     personalizedFocus: O = [],
     personalizedBehaviors: b = []
   } = H || {}, c = d(() => {
-    n("both", {
+    a("both", {
       left: { isDisabled: !0, isLoading: !1 },
       right: { isDisabled: !0, isLoading: !0 }
     });
-  }, [n]), E = (o) => {
+  }, [a]), E = (o) => {
     if (!o) {
       const t = {};
       (i === e.CIRCLE_GAME || i === e.CIRCLE_PUZZLE || i === e.CIRCLE_SKILL) && (t.matchmakingId = z(), t.showCircleGameScreen = !0), s({ id: i, ...t });
     }
-    n("both", S), (r === e.STUDENT_INFORMATION || r === e.SCHOOL_GOALS) && (h == null || h());
+    a("both", S), (r === e.STUDENT_INFORMATION || r === e.SCHOOL_GOALS) && (h == null || h());
   }, { patch: v } = Y({ onComplete: E }), { patch: k } = X({
     onComplete: E
   }), { post: D } = J({
@@ -54,10 +54,20 @@ const ue = () => {
       grade: p,
       board: _,
       demo_type: "TRIAL_V3",
-      teacher_id: l
+      teacher_id: l,
+      country_alpha_2: C
     };
-    c(), k(a, m);
-  }, [_, p, f, k, a, l, c]), U = d(() => {
+    c(), k(n, m);
+  }, [
+    f,
+    p,
+    _,
+    l,
+    C,
+    c,
+    k,
+    n
+  ]), U = d(() => {
     const o = ee(A, T);
     if (o.length > 0) {
       const t = {
@@ -69,20 +79,20 @@ const ue = () => {
         action: "UPDATE_DEMO",
         action_data: t,
         teacher_id: l,
-        student_id: a
+        student_id: n
       });
     } else
-      s({ id: i }), n("both", S);
+      s({ id: i }), a("both", S);
   }, [
     A,
     T,
     c,
     v,
     l,
-    a,
+    n,
     s,
     i,
-    n
+    a
   ]), y = d(() => {
     const o = {
       course_stream: N,
@@ -92,7 +102,7 @@ const ue = () => {
       goals: g
     };
     c(), D(o, {
-      studentId: a
+      studentId: n
     });
   }, [
     _,
@@ -101,24 +111,23 @@ const ue = () => {
     p,
     D,
     N,
-    a,
+    n,
     l
   ]), F = d(() => {
     const t = { preferences: te(P, [
       ...R,
       ...O,
       ...b
-    ]), country_code: C }, m = { stream: q.MATH, studentId: a };
+    ]) }, m = { stream: q.MATH, studentId: n };
     c(), G(t, m);
   }, [
-    C,
     c,
     P,
     b,
     O,
     R,
     G,
-    a
+    n
   ]), L = d(
     (o, t) => {
       if (!s) return;
@@ -130,7 +139,7 @@ const ue = () => {
           chapterId: void 0
         },
         ...u
-      }), n("both", S)), o === "next")
+      }), a("both", S)), o === "next")
         switch (r) {
           case e.STUDENT_INFORMATION:
           case e.SCHOOL_GOALS:
@@ -150,13 +159,13 @@ const ue = () => {
             s({ id: t, chapterId: void 0, ...u });
             break;
           default:
-            s({ id: t, ...u }), n("both", S);
+            s({ id: t, ...u }), a("both", S);
         }
     },
     [
       s,
       r,
-      n,
+      a,
       M,
       y,
       U,

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 type { ITrialSessionFormFields } from '../trial-session-types';\n\nimport { 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 { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport { getFormattedPreferences, getFormattedStudentPersonalizedPreference } from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\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  } = 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 (\n      currentPageId === TrialPageId.STUDENT_INFORMATION ||\n      currentPageId === TrialPageId.SCHOOL_GOALS\n    ) {\n      //TODO: remove TrialPageId.STUDENT_INFORMATION\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  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.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    };\n\n    disableNavButtons();\n    patchStudentInformation(studentId, payload);\n  }, [curriculum, grade, name, patchStudentInformation, studentId, teacherId, disableNavButtons]);\n\n  const handleClassPreferences = useCallback(() => {\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      disableNavButtons();\n      patchTrialSession('trial-v3-patch', {\n        action: 'UPDATE_DEMO',\n        action_data: actionData,\n        teacher_id: teacherId,\n        student_id: studentId,\n      });\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    disableNavButtons,\n    patchTrialSession,\n    teacherId,\n    studentId,\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    ]);\n\n    const payload = { preferences: personalizedPreferences, country_code: countryCode };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    countryCode,\n    disableNavButtons,\n    milestoneConfig,\n    personalizedBehaviors,\n    personalizedFocus,\n    personalizedLevel,\n    postStudentPreferences,\n    studentId,\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> = {};\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          case TrialPageId.STUDENT_PERSONALIZATION:\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","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","handleStudentInformation","firstName","lastName","payload","handleClassPreferences","selectedRegularSlots","getFormattedPreferences","actionData","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 type { ITrialSessionFormFields } from '../trial-session-types';\n\nimport { 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 { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport { getFormattedPreferences, getFormattedStudentPersonalizedPreference } from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\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  } = 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 (\n      currentPageId === TrialPageId.STUDENT_INFORMATION ||\n      currentPageId === TrialPageId.SCHOOL_GOALS\n    ) {\n      //TODO: remove TrialPageId.STUDENT_INFORMATION\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  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.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\n    disableNavButtons();\n    patchStudentInformation(studentId, payload);\n  }, [\n    name,\n    grade,\n    curriculum,\n    teacherId,\n    countryCode,\n    disableNavButtons,\n    patchStudentInformation,\n    studentId,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\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      disableNavButtons();\n      patchTrialSession('trial-v3-patch', {\n        action: 'UPDATE_DEMO',\n        action_data: actionData,\n        teacher_id: teacherId,\n        student_id: studentId,\n      });\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    disableNavButtons,\n    patchTrialSession,\n    teacherId,\n    studentId,\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    ]);\n\n    const payload = { preferences: personalizedPreferences };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    disableNavButtons,\n    milestoneConfig,\n    personalizedBehaviors,\n    personalizedFocus,\n    personalizedLevel,\n    postStudentPreferences,\n    studentId,\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> = {};\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          case TrialPageId.STUDENT_PERSONALIZATION:\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","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","handleStudentInformation","firstName","lastName","payload","handleClassPreferences","selectedRegularSlots","getFormattedPreferences","actionData","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.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/left-panel/index.tsx"],"sourcesContent":["import React 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: React.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.8+ 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,IAAsB,MAAM;AAChC,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 React 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: React.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.8+ 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,IAAsB,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,0BAAAC,GAA0B,sBAAAC,EAAA,IACxDC,EAAuB,GACnB,EAAE,MAAAC,IAAO,IAAI,KAAAC,IAAM,CAAA,GAAI,OAAAC,IAAQ,IAAI,YAAAC,GAAY,IAAAC,GAAI,WAAAC,EAAU,IAAIT,KAAe,CAAC;AAEnF,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,aAAA,CAAA;AAAA,gBAAA,EACF,CAAA;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,GAAC,CAAA,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,EAC5C,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACCM,MAAOoB,EAAY,sBAAsB3B,IACxCA,sBAEC4B,GAAc,CAAA,CAAA;AAAA,QAAA,EAEnB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/right-panel/index.tsx"],"sourcesContent":["import { memo, useEffect, useRef, useState } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport BackgroundGrid from '../comps/background-grid/background-grid';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  MINIMUM_SCREEN_HEIGHT,\n  PAGES_WITHOUT_GRID,\n  ACTIONABLE_COMPONENT_IDS,\n  SCROLLABLE_COMPONENT_IDS,\n} from '../trial-session-constants';\nimport * as Styled from './right-panel-styled';\nimport SlideComponentsMap from './slide-components-map';\n\nconst RightPanel = memo(() => {\n  const { isTeacher, slideConfig } = useTrialSessionContext();\n  const { id, slideTag } = slideConfig;\n\n  const [slideHeight, setSlideHeight] = useState<number>(0);\n  const rightPanelRef = useRef<HTMLDivElement | null>(null);\n  const isScrollableComponent = SCROLLABLE_COMPONENT_IDS.includes(id);\n  const isActionableComponent = ACTIONABLE_COMPONENT_IDS.includes(id);\n  const miniScreenDevice = !isActionableComponent && slideHeight <= MINIMUM_SCREEN_HEIGHT;\n  const isReadOnly = isScrollableComponent || isActionableComponent ? false : !isTeacher;\n\n  const SlideComponent = id ? SlideComponentsMap[id] : undefined;\n\n  useEffect(() => {\n    if (rightPanelRef.current) {\n      setSlideHeight(rightPanelRef.current.offsetHeight);\n    }\n\n    const handleResize = () => {\n      if (rightPanelRef.current) {\n        setSlideHeight(rightPanelRef.current.offsetHeight);\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  if (!id) return null;\n\n  const slideElement = (\n    <Styled.SlideWrapper\n      $height=\"100%\"\n      $minDevice={miniScreenDevice}\n      $readOnly={isReadOnly}\n      key={id}\n    >\n      {SlideComponent && <SlideComponent miniScreenDevice={miniScreenDevice} />}\n    </Styled.SlideWrapper>\n  );\n\n  return (\n    <Styled.Container ref={rightPanelRef} $readOnly={isReadOnly} $isTeacher={isTeacher}>\n      {isTeacher && (\n        <Styled.SharedTag\n          $flexDirection=\"row\"\n          $flexGap={4}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"GREEN_4\"\n        >\n          <Image src={IMAGES.SHARED} height={24} width={24} withLoader={false} />\n          <Text $renderAs=\"ub3\">Shared</Text>\n        </Styled.SharedTag>\n      )}\n      {slideTag && (\n        <Styled.ParentDiscussion $renderAs=\"ac4-black\" $color=\"WHITE_T_87\">\n          {slideTag}\n        </Styled.ParentDiscussion>\n      )}\n      <Styled.Animation key={id}>\n        {!PAGES_WITHOUT_GRID.includes(id) ? (\n          <Styled.Wrapper $readOnly={isReadOnly}>\n            <Styled.GridWrapper>\n              <BackgroundGrid slideId={id} />\n            </Styled.GridWrapper>\n            {slideElement}\n          </Styled.Wrapper>\n        ) : (\n          slideElement\n        )}\n      </Styled.Animation>\n    </Styled.Container>\n  );\n});\n\nexport default RightPanel;\n"],"names":["RightPanel","memo","isTeacher","slideConfig","useTrialSessionContext","id","slideTag","slideHeight","setSlideHeight","useState","rightPanelRef","useRef","isScrollableComponent","SCROLLABLE_COMPONENT_IDS","isActionableComponent","ACTIONABLE_COMPONENT_IDS","miniScreenDevice","MINIMUM_SCREEN_HEIGHT","isReadOnly","SlideComponent","SlideComponentsMap","useEffect","handleResize","slideElement","jsx","Styled.SlideWrapper","jsxs","Styled.Container","Styled.SharedTag","Image","IMAGES","Text","Styled.ParentDiscussion","Styled.Animation","PAGES_WITHOUT_GRID","Styled.Wrapper","Styled.GridWrapper","BackgroundGrid"],"mappings":";;;;;;;;;;AAgBM,MAAAA,IAAaC,EAAK,MAAM;AAC5B,QAAM,EAAE,WAAAC,GAAW,aAAAC,EAAY,IAAIC,EAAuB,GACpD,EAAE,IAAAC,GAAI,UAAAC,EAAa,IAAAH,GAEnB,CAACI,GAAaC,CAAc,IAAIC,EAAiB,CAAC,GAClDC,IAAgBC,EAA8B,IAAI,GAClDC,IAAwBC,EAAyB,SAASR,CAAE,GAC5DS,IAAwBC,EAAyB,SAASV,CAAE,GAC5DW,IAAmB,CAACF,KAAyBP,KAAeU,GAC5DC,IAAaN,KAAyBE,IAAwB,KAAQ,CAACZ,GAEvEiB,IAAiBd,IAAKe,EAAmBf,CAAE,IAAI;AAoBjD,MAlBJgB,EAAU,MAAM;AACd,IAAIX,EAAc,WACDF,EAAAE,EAAc,QAAQ,YAAY;AAGnD,UAAMY,IAAe,MAAM;AACzB,MAAIZ,EAAc,WACDF,EAAAE,EAAc,QAAQ,YAAY;AAAA,IACnD;AAGK,kBAAA,iBAAiB,UAAUY,CAAY,GAEvC,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAY;AAAA,IAAA;AAAA,EAErD,GAAG,CAAE,CAAA,GAED,CAACjB,EAAW,QAAA;AAEhB,QAAMkB,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAYT;AAAA,MACZ,WAAWE;AAAA,MAGV,UAAAC,KAAmB,gBAAAK,EAAAL,GAAA,EAAe,kBAAAH,EAAoC,CAAA;AAAA,IAAA;AAAA,IAFlEX;AAAA,EAAA;AAOP,SAAA,gBAAAqB,EAACC,GAAA,EAAiB,KAAKjB,GAAe,WAAWQ,GAAY,YAAYhB,GACtE,UAAA;AAAA,IACCA,KAAA,gBAAAwB;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,KAAKC,EAAO,QAAQ,QAAQ,IAAI,OAAO,IAAI,YAAY,GAAO,CAAA;AAAA,UACpE,gBAAAN,EAAAO,GAAA,EAAK,WAAU,OAAM,UAAM,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B;AAAA,IAEDzB,uBACE0B,GAAA,EAAwB,WAAU,aAAY,QAAO,cACnD,UACH1B,GAAA;AAAA,IAED,gBAAAkB,EAAAS,GAAA,EACE,UAACC,EAAmB,SAAS7B,CAAE,IAQ9BkB,IAPC,gBAAAG,EAAAS,GAAA,EAAe,WAAWjB,GACzB,UAAA;AAAA,MAAA,gBAAAM,EAACY,GAAA,EACC,4BAACC,GAAe,EAAA,SAAShC,EAAI,CAAA,GAC/B;AAAA,MACCkB;AAAA,IAAA,GACH,KAPmBlB,CAWvB;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/right-panel/index.tsx"],"sourcesContent":["import { memo, useEffect, useRef, useState } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport BackgroundGrid from '../comps/background-grid/background-grid';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  MINIMUM_SCREEN_HEIGHT,\n  PAGES_WITHOUT_GRID,\n  ACTIONABLE_COMPONENT_IDS,\n  SCROLLABLE_COMPONENT_IDS,\n} from '../trial-session-constants';\nimport * as Styled from './right-panel-styled';\nimport SlideComponentsMap from './slide-components-map';\n\nconst RightPanel = memo(() => {\n  const { isTeacher, slideConfig } = useTrialSessionContext();\n  const { id, slideTag } = slideConfig;\n\n  const [slideHeight, setSlideHeight] = useState<number>(0);\n  const rightPanelRef = useRef<HTMLDivElement | null>(null);\n  const isScrollableComponent = SCROLLABLE_COMPONENT_IDS.includes(id);\n  const isActionableComponent = ACTIONABLE_COMPONENT_IDS.includes(id);\n  const miniScreenDevice = !isActionableComponent && slideHeight <= MINIMUM_SCREEN_HEIGHT;\n  const isReadOnly = isScrollableComponent || isActionableComponent ? false : !isTeacher;\n\n  const SlideComponent = id ? SlideComponentsMap[id] : undefined;\n\n  useEffect(() => {\n    if (rightPanelRef.current) {\n      setSlideHeight(rightPanelRef.current.offsetHeight);\n    }\n\n    const handleResize = () => {\n      if (rightPanelRef.current) {\n        setSlideHeight(rightPanelRef.current.offsetHeight);\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  if (!id) return null;\n\n  const slideElement = (\n    <Styled.SlideWrapper\n      $height=\"100%\"\n      $minDevice={miniScreenDevice}\n      $readOnly={isReadOnly}\n      key={id}\n    >\n      {SlideComponent && <SlideComponent miniScreenDevice={miniScreenDevice} />}\n    </Styled.SlideWrapper>\n  );\n\n  return (\n    <Styled.Container ref={rightPanelRef} $readOnly={isReadOnly} $isTeacher={isTeacher}>\n      {isTeacher && (\n        <Styled.SharedTag\n          $flexDirection=\"row\"\n          $flexGap={4}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"GREEN_4\"\n        >\n          <Image src={IMAGES.SHARED} height={24} width={24} withLoader={false} />\n          <Text $renderAs=\"ub3\">Shared</Text>\n        </Styled.SharedTag>\n      )}\n      {slideTag && (\n        <Styled.ParentDiscussion $renderAs=\"ac4-black\" $color=\"WHITE_T_87\">\n          {slideTag}\n        </Styled.ParentDiscussion>\n      )}\n      <Styled.Animation key={id}>\n        {!PAGES_WITHOUT_GRID.includes(id) ? (\n          <Styled.Wrapper $readOnly={isReadOnly}>\n            <Styled.GridWrapper>\n              <BackgroundGrid slideId={id} />\n            </Styled.GridWrapper>\n            {slideElement}\n          </Styled.Wrapper>\n        ) : (\n          slideElement\n        )}\n      </Styled.Animation>\n    </Styled.Container>\n  );\n});\n\nexport default RightPanel;\n"],"names":["RightPanel","memo","isTeacher","slideConfig","useTrialSessionContext","id","slideTag","slideHeight","setSlideHeight","useState","rightPanelRef","useRef","isScrollableComponent","SCROLLABLE_COMPONENT_IDS","isActionableComponent","ACTIONABLE_COMPONENT_IDS","miniScreenDevice","MINIMUM_SCREEN_HEIGHT","isReadOnly","SlideComponent","SlideComponentsMap","useEffect","handleResize","slideElement","jsx","Styled.SlideWrapper","jsxs","Styled.Container","Styled.SharedTag","Image","IMAGES","Text","Styled.ParentDiscussion","Styled.Animation","PAGES_WITHOUT_GRID","Styled.Wrapper","Styled.GridWrapper","BackgroundGrid"],"mappings":";;;;;;;;;;AAgBM,MAAAA,IAAaC,EAAK,MAAM;AAC5B,QAAM,EAAE,WAAAC,GAAW,aAAAC,EAAY,IAAIC,EAAuB,GACpD,EAAE,IAAAC,GAAI,UAAAC,EAAA,IAAaH,GAEnB,CAACI,GAAaC,CAAc,IAAIC,EAAiB,CAAC,GAClDC,IAAgBC,EAA8B,IAAI,GAClDC,IAAwBC,EAAyB,SAASR,CAAE,GAC5DS,IAAwBC,EAAyB,SAASV,CAAE,GAC5DW,IAAmB,CAACF,KAAyBP,KAAeU,GAC5DC,IAAaN,KAAyBE,IAAwB,KAAQ,CAACZ,GAEvEiB,IAAiBd,IAAKe,EAAmBf,CAAE,IAAI;AAoBjD,MAlBJgB,EAAU,MAAM;AACd,IAAIX,EAAc,WACDF,EAAAE,EAAc,QAAQ,YAAY;AAGnD,UAAMY,IAAe,MAAM;AACzB,MAAIZ,EAAc,WACDF,EAAAE,EAAc,QAAQ,YAAY;AAAA,IAErD;AAEO,kBAAA,iBAAiB,UAAUY,CAAY,GAEvC,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,EAAE,GAED,CAACjB,EAAW,QAAA;AAEhB,QAAMkB,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAYT;AAAA,MACZ,WAAWE;AAAA,MAGV,UAAAC,KAAmB,gBAAAK,EAAAL,GAAA,EAAe,kBAAAH,EAAoC,CAAA;AAAA,IAAA;AAAA,IAFlEX;AAAA,EAGP;AAIA,SAAA,gBAAAqB,EAACC,GAAA,EAAiB,KAAKjB,GAAe,WAAWQ,GAAY,YAAYhB,GACtE,UAAA;AAAA,IACCA,KAAA,gBAAAwB;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,KAAKC,EAAO,QAAQ,QAAQ,IAAI,OAAO,IAAI,YAAY,GAAO,CAAA;AAAA,UACpE,gBAAAN,EAAAO,GAAA,EAAK,WAAU,OAAM,UAAM,SAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B;AAAA,IAEDzB,uBACE0B,GAAA,EAAwB,WAAU,aAAY,QAAO,cACnD,UACH1B,GAAA;AAAA,IAED,gBAAAkB,EAAAS,GAAA,EACE,UAACC,EAAmB,SAAS7B,CAAE,IAQ9BkB,IAPC,gBAAAG,EAAAS,GAAA,EAAe,WAAWjB,GACzB,UAAA;AAAA,MAAA,gBAAAM,EAACY,GAAA,EACC,4BAACC,GAAe,EAAA,SAAShC,EAAI,CAAA,GAC/B;AAAA,MACCkB;AAAA,IAAA,GACH,KAPmBlB,CAWvB;AAAA,EAAA,GACF;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"right-panel-styled.js","sources":["../../../../src/features/trial-session/right-panel/right-panel-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { RIGHT_PANEL_WIDTH } from '../trial-session-constants';\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nconst Container = styled.div<{ $readOnly: boolean; $isTeacher: boolean }>(\n  ({ $readOnly, $isTeacher, theme: { colors } }) => {\n    return `\n      position: relative;\n      width: ${RIGHT_PANEL_WIDTH}px;\n      height: 100%;\n      background-color: white;\n      flex-shrink: 0;\n      z-index: 1;\n      overflow: hidden;\n      ${$readOnly ? `cursor: not-allowed;` : ''}\n      ${\n        $isTeacher\n          ? `border: 4px solid ${colors.GREEN_4};`\n          : `\n            border-left: 1px solid ${colors.WHITE_5};\n            border-right: 1px solid ${colors.WHITE_5};\n          `\n      }\n    `;\n  },\n);\n\nconst SlideWrapper = styled(FlexView)<{ $minDevice: boolean; $readOnly: boolean }>(\n  ({ $minDevice, $readOnly, theme: { layout } }) => `\n    ${\n      $minDevice\n        ? `\n          height: calc(100% + ${layout.gutter * 3.125}px);\n          transform: translateY(-${layout.gutter * 3.125}px);\n        `\n        : ''\n    }\n    ${$readOnly ? `pointer-events: none;` : ''}\n  `,\n);\n\nconst Animation = styled.div`\n  width: inherit;\n  height: 100%;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst Wrapper = styled.div<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: 950px;\n  height: 100%;\n  transform: translateX(-11px);\n  ${$readOnly ? `pointer-events: none;` : ''}\n`,\n);\n\nconst GridWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: -1;\n`;\n\nconst SharedTag = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  justify-self: center;\n  z-index: 2;\n  padding: 4px 12px 6px;\n`;\n\nconst ParentDiscussion = styled(Text)(\n  ({ theme: { layout, colors } }) => `\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  z-index: 2;\n  padding: 0px ${layout.gutter * 0.75}px;\n  background-color: ${colors.BLACK_5};\n  height: ${layout.gutter * 1.75}px;\n`,\n);\n\nexport { Container, Animation, Wrapper, GridWrapper, SlideWrapper, SharedTag, ParentDiscussion };\n"],"names":["fadeIn","keyframes","Container","styled","$readOnly","$isTeacher","colors","RIGHT_PANEL_WIDTH","SlideWrapper","FlexView","$minDevice","layout","Animation","Wrapper","GridWrapper","SharedTag","ParentDiscussion","Text"],"mappings":";;;;AAMA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,OAAO,EAAE,QAAAC,UAC1B;AAAA;AAAA,eAEIC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMxBH,IAAY,yBAAyB,EAAE;AAAA,QAEvCC,IACI,qBAAqBC,EAAO,OAAO,MACnC;AAAA,qCACyBA,EAAO,OAAO;AAAA,sCACbA,EAAO,OAAO;AAAA,WAE9C;AAAA;AAGN,GAEME,IAAeL,EAAOM,CAAQ;AAAA,EAClC,CAAC,EAAE,YAAAC,GAAY,WAAAN,GAAW,OAAO,EAAE,QAAAO,UAAe;AAAA,MAE9CD,IACI;AAAA,gCACsBC,EAAO,SAAS,KAAK;AAAA,mCAClBA,EAAO,SAAS,KAAK;AAAA,YAE9C,EACN;AAAA,MACEP,IAAY,0BAA0B,EAAE;AAAA;AAE9C,GAEMQ,IAAYT,EAAO;AAAA;AAAA;AAAA,eAGVH,CAAM;AAAA,GAGfa,IAAUV,EAAO;AAAA,EACrB,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA,IAIjBA,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEMU,IAAcX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASrBY,IAAYZ,EAAOM,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BO,IAAmBb,EAAOc,CAAI;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAN,GAAQ,QAAAL,EAAA,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQpBK,EAAO,SAAS,IAAI;AAAA,sBACfL,EAAO,OAAO;AAAA,YACxBK,EAAO,SAAS,IAAI;AAAA;AAEhC;"}
+{"version":3,"file":"right-panel-styled.js","sources":["../../../../src/features/trial-session/right-panel/right-panel-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { RIGHT_PANEL_WIDTH } from '../trial-session-constants';\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nconst Container = styled.div<{ $readOnly: boolean; $isTeacher: boolean }>(\n  ({ $readOnly, $isTeacher, theme: { colors } }) => {\n    return `\n      position: relative;\n      width: ${RIGHT_PANEL_WIDTH}px;\n      height: 100%;\n      background-color: white;\n      flex-shrink: 0;\n      z-index: 1;\n      overflow: hidden;\n      ${$readOnly ? `cursor: not-allowed;` : ''}\n      ${\n        $isTeacher\n          ? `border: 4px solid ${colors.GREEN_4};`\n          : `\n            border-left: 1px solid ${colors.WHITE_5};\n            border-right: 1px solid ${colors.WHITE_5};\n          `\n      }\n    `;\n  },\n);\n\nconst SlideWrapper = styled(FlexView)<{ $minDevice: boolean; $readOnly: boolean }>(\n  ({ $minDevice, $readOnly, theme: { layout } }) => `\n    ${\n      $minDevice\n        ? `\n          height: calc(100% + ${layout.gutter * 3.125}px);\n          transform: translateY(-${layout.gutter * 3.125}px);\n        `\n        : ''\n    }\n    ${$readOnly ? `pointer-events: none;` : ''}\n  `,\n);\n\nconst Animation = styled.div`\n  width: inherit;\n  height: 100%;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst Wrapper = styled.div<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: 950px;\n  height: 100%;\n  transform: translateX(-11px);\n  ${$readOnly ? `pointer-events: none;` : ''}\n`,\n);\n\nconst GridWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: -1;\n`;\n\nconst SharedTag = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  justify-self: center;\n  z-index: 2;\n  padding: 4px 12px 6px;\n`;\n\nconst ParentDiscussion = styled(Text)(\n  ({ theme: { layout, colors } }) => `\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  z-index: 2;\n  padding: 0px ${layout.gutter * 0.75}px;\n  background-color: ${colors.BLACK_5};\n  height: ${layout.gutter * 1.75}px;\n`,\n);\n\nexport { Container, Animation, Wrapper, GridWrapper, SlideWrapper, SharedTag, ParentDiscussion };\n"],"names":["fadeIn","keyframes","Container","styled","$readOnly","$isTeacher","colors","RIGHT_PANEL_WIDTH","SlideWrapper","FlexView","$minDevice","layout","Animation","Wrapper","GridWrapper","SharedTag","ParentDiscussion","Text"],"mappings":";;;;AAMA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,OAAO,EAAE,QAAAC,UAC1B;AAAA;AAAA,eAEIC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMxBH,IAAY,yBAAyB,EAAE;AAAA,QAEvCC,IACI,qBAAqBC,EAAO,OAAO,MACnC;AAAA,qCACyBA,EAAO,OAAO;AAAA,sCACbA,EAAO,OAAO;AAAA,WAE9C;AAAA;AAGN,GAEME,IAAeL,EAAOM,CAAQ;AAAA,EAClC,CAAC,EAAE,YAAAC,GAAY,WAAAN,GAAW,OAAO,EAAE,QAAAO,UAAe;AAAA,MAE9CD,IACI;AAAA,gCACsBC,EAAO,SAAS,KAAK;AAAA,mCAClBA,EAAO,SAAS,KAAK;AAAA,YAE9C,EACN;AAAA,MACEP,IAAY,0BAA0B,EAAE;AAAA;AAE9C,GAEMQ,IAAYT,EAAO;AAAA;AAAA;AAAA,eAGVH,CAAM;AAAA,GAGfa,IAAUV,EAAO;AAAA,EACrB,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA,IAIjBA,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEMU,IAAcX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASrBY,IAAYZ,EAAOM,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BO,IAAmBb,EAAOc,CAAI;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAN,GAAQ,QAAAL,UAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQpBK,EAAO,SAAS,IAAI;AAAA,sBACfL,EAAO,OAAO;AAAA,YACxBK,EAAO,SAAS,IAAI;AAAA;AAEhC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    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 } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n        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  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","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}
+{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    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 } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n        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  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","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { memo as h, useState as I, useCallback as n, useEffect as p } from "react";
 import { getTimezone as L } from "../../helpers/date-time.js";
 import z from "../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
@@ -8,8 +8,8 @@ import w from "../ui/loader/app-loader/app-loader.js";
 import { useGetTrialHome as k } from "./api/trial-home.js";
 import { filterAndUpdateSlideNavigation as x } from "./helper.js";
 import G from "./trial-session-view.js";
-const V = h((f) => {
-  const { userType: e, teacherId: d, studentId: g, teacherClassroomId: N, height: E = "100vh" } = f, [m, A] = I(null), [D, _] = I(), {
+const Y = h((c) => {
+  const { userType: e, teacherId: d, studentId: g, teacherClassroomId: N, height: E = "100vh" } = c, [m, A] = I(null), [D, _] = I(), {
     data: T,
     get: S,
     isProcessing: v,
@@ -74,10 +74,10 @@ const V = h((f) => {
   );
   return p(() => {
     r == null || r();
-  }, [r]), v && !m || P ? /* @__PURE__ */ c(w, { height: E }) : H || R ? /* @__PURE__ */ c(y, { height: E, onTryAgain: l }) : m && a ? /* @__PURE__ */ c(
+  }, [r]), v && !m || P ? /* @__PURE__ */ f(w, { height: E }) : H || R ? /* @__PURE__ */ f(y, { height: E, onTryAgain: l }) : m && a ? /* @__PURE__ */ f(
     G,
     {
-      ...f,
+      ...c,
       onTrialInformationUpdate: M,
       onStudentTimezoneUpdate: U,
       trialHomeData: m,
@@ -86,7 +86,7 @@ const V = h((f) => {
       studentTimezone: D
     }
   ) : null;
-}), Y = V;
+});
 export {
   Y as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"trial-session.js","sources":["../../../src/features/trial-session/trial-session.tsx"],"sourcesContent":["import type { TTrialSessionMessage } from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker-types';\nimport type { ITrialHomeData } from './trial-session-types';\n\nimport React, { memo, useCallback, useEffect, useState } from 'react';\n\nimport { getTimezone } from '../../helpers/date-time';\nimport useTrialSessionMessageBroker from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker';\nimport { useGetMileStoneConfig } from '../milestone/create/api/milestone-config';\nimport Error from '../ui/error/error';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport { useGetTrialHome } from './api/trial-home';\nimport { filterAndUpdateSlideNavigation } from './helper';\nimport { type ITrialSessionProps } from './trial-session-types';\nimport TrialSessionView from './trial-session-view';\n\nconst TrialSession: React.FC<ITrialSessionProps> = memo(props => {\n  const { userType, teacherId, studentId, teacherClassroomId, height = '100vh' } = props;\n  const [trialHomeData, setTrialHomeData] = useState<ITrialHomeData | null>(null);\n  const [studentTimezone, setStudentTimezone] = useState<string>();\n\n  const {\n    data: trialHomeResponse,\n    get: getTrialHome,\n    isProcessing: isProcessingTrialHome,\n    isProcessingFailed: isProcessingFailedTrialHome,\n  } = useGetTrialHome();\n  const {\n    get: getMilestoneConfig,\n    data: milestoneConfigData,\n    isProcessing: isProcessingMilestoneConfig,\n    isProcessingFailed: isProcessingFailedMilestoneConfig,\n  } = useGetMileStoneConfig();\n\n  const fetchTrialHome = useCallback(() => {\n    getTrialHome('trial-v3', {\n      student_id: studentId,\n      teacher_id: teacherId,\n      viewer: userType.toLocaleLowerCase(),\n    });\n  }, [getTrialHome, studentId, teacherId, userType]);\n\n  const fetchData = useCallback(() => {\n    fetchTrialHome();\n    getMilestoneConfig('', {\n      demo_type: 'TRIAL_V3',\n    });\n  }, [fetchTrialHome, getMilestoneConfig]);\n\n  const handleMessageReceive = useCallback(\n    (messages: TTrialSessionMessage[]) => {\n      if (userType === 'STUDENT') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_INFORMATION_UPDATED') {\n            fetchTrialHome();\n          }\n        });\n      }\n\n      if (userType === 'TEACHER') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_SESSION_STUDENT_TIMEZONE') {\n            const {\n              eventPayload: { timezone },\n            } = message;\n\n            setStudentTimezone(timezone);\n          }\n        });\n      }\n    },\n    [fetchTrialHome, userType],\n  );\n\n  const { publish } = useTrialSessionMessageBroker({\n    teacherClassroomId,\n    onMessageReceive: handleMessageReceive,\n  });\n\n  const handleOnTrialInformationUpdate = useCallback(() => {\n    fetchTrialHome();\n\n    if (userType === 'TEACHER') {\n      publish?.({\n        eventName: 'TRIAL_INFORMATION_UPDATED',\n      });\n    }\n  }, [fetchTrialHome, publish, userType]);\n\n  const handleOnTrialStudentTimezoneUpdate = useCallback(() => {\n    if (userType === 'STUDENT') {\n      publish?.({\n        eventName: 'TRIAL_SESSION_STUDENT_TIMEZONE',\n        eventPayload: { timezone: getTimezone() },\n      });\n    }\n  }, [publish, userType]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const handleRemoveOptionalSlides = useCallback(\n    (grade?: string) => {\n      if (trialHomeResponse && milestoneConfigData) {\n        const updatedTrialHomeData = filterAndUpdateSlideNavigation({\n          milestoneConfigData,\n          trialHomeData: trialHomeResponse,\n          grade,\n        });\n\n        setTrialHomeData(updatedTrialHomeData);\n      }\n    },\n    [milestoneConfigData, trialHomeResponse],\n  );\n\n  useEffect(() => {\n    handleRemoveOptionalSlides?.();\n  }, [handleRemoveOptionalSlides]);\n\n  if ((isProcessingTrialHome && !trialHomeData) || isProcessingMilestoneConfig) {\n    return <AppLoader height={height} />;\n  }\n\n  if (isProcessingFailedTrialHome || isProcessingFailedMilestoneConfig) {\n    return <Error height={height} onTryAgain={fetchData} />;\n  }\n\n  if (trialHomeData && milestoneConfigData) {\n    return (\n      <TrialSessionView\n        {...props}\n        onTrialInformationUpdate={handleOnTrialInformationUpdate}\n        onStudentTimezoneUpdate={handleOnTrialStudentTimezoneUpdate}\n        trialHomeData={trialHomeData}\n        milestoneConfig={milestoneConfigData}\n        onRemoveOptionalSlides={handleRemoveOptionalSlides}\n        studentTimezone={studentTimezone}\n      />\n    );\n  }\n\n  return null;\n});\n\nexport default TrialSession;\n"],"names":["TrialSession","memo","props","userType","teacherId","studentId","teacherClassroomId","height","trialHomeData","setTrialHomeData","useState","studentTimezone","setStudentTimezone","trialHomeResponse","getTrialHome","isProcessingTrialHome","isProcessingFailedTrialHome","useGetTrialHome","getMilestoneConfig","milestoneConfigData","isProcessingMilestoneConfig","isProcessingFailedMilestoneConfig","useGetMileStoneConfig","fetchTrialHome","useCallback","fetchData","handleMessageReceive","messages","message","timezone","publish","useTrialSessionMessageBroker","handleOnTrialInformationUpdate","handleOnTrialStudentTimezoneUpdate","getTimezone","useEffect","handleRemoveOptionalSlides","grade","updatedTrialHomeData","filterAndUpdateSlideNavigation","jsx","AppLoader","Error","TrialSessionView","TrialSession$1"],"mappings":"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"}
+{"version":3,"file":"trial-session.js","sources":["../../../src/features/trial-session/trial-session.tsx"],"sourcesContent":["import type { TTrialSessionMessage } from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker-types';\nimport type { ITrialHomeData } from './trial-session-types';\n\nimport React, { memo, useCallback, useEffect, useState } from 'react';\n\nimport { getTimezone } from '../../helpers/date-time';\nimport useTrialSessionMessageBroker from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker';\nimport { useGetMileStoneConfig } from '../milestone/create/api/milestone-config';\nimport Error from '../ui/error/error';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport { useGetTrialHome } from './api/trial-home';\nimport { filterAndUpdateSlideNavigation } from './helper';\nimport { type ITrialSessionProps } from './trial-session-types';\nimport TrialSessionView from './trial-session-view';\n\nconst TrialSession: React.FC<ITrialSessionProps> = memo(props => {\n  const { userType, teacherId, studentId, teacherClassroomId, height = '100vh' } = props;\n  const [trialHomeData, setTrialHomeData] = useState<ITrialHomeData | null>(null);\n  const [studentTimezone, setStudentTimezone] = useState<string>();\n\n  const {\n    data: trialHomeResponse,\n    get: getTrialHome,\n    isProcessing: isProcessingTrialHome,\n    isProcessingFailed: isProcessingFailedTrialHome,\n  } = useGetTrialHome();\n  const {\n    get: getMilestoneConfig,\n    data: milestoneConfigData,\n    isProcessing: isProcessingMilestoneConfig,\n    isProcessingFailed: isProcessingFailedMilestoneConfig,\n  } = useGetMileStoneConfig();\n\n  const fetchTrialHome = useCallback(() => {\n    getTrialHome('trial-v3', {\n      student_id: studentId,\n      teacher_id: teacherId,\n      viewer: userType.toLocaleLowerCase(),\n    });\n  }, [getTrialHome, studentId, teacherId, userType]);\n\n  const fetchData = useCallback(() => {\n    fetchTrialHome();\n    getMilestoneConfig('', {\n      demo_type: 'TRIAL_V3',\n    });\n  }, [fetchTrialHome, getMilestoneConfig]);\n\n  const handleMessageReceive = useCallback(\n    (messages: TTrialSessionMessage[]) => {\n      if (userType === 'STUDENT') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_INFORMATION_UPDATED') {\n            fetchTrialHome();\n          }\n        });\n      }\n\n      if (userType === 'TEACHER') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_SESSION_STUDENT_TIMEZONE') {\n            const {\n              eventPayload: { timezone },\n            } = message;\n\n            setStudentTimezone(timezone);\n          }\n        });\n      }\n    },\n    [fetchTrialHome, userType],\n  );\n\n  const { publish } = useTrialSessionMessageBroker({\n    teacherClassroomId,\n    onMessageReceive: handleMessageReceive,\n  });\n\n  const handleOnTrialInformationUpdate = useCallback(() => {\n    fetchTrialHome();\n\n    if (userType === 'TEACHER') {\n      publish?.({\n        eventName: 'TRIAL_INFORMATION_UPDATED',\n      });\n    }\n  }, [fetchTrialHome, publish, userType]);\n\n  const handleOnTrialStudentTimezoneUpdate = useCallback(() => {\n    if (userType === 'STUDENT') {\n      publish?.({\n        eventName: 'TRIAL_SESSION_STUDENT_TIMEZONE',\n        eventPayload: { timezone: getTimezone() },\n      });\n    }\n  }, [publish, userType]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const handleRemoveOptionalSlides = useCallback(\n    (grade?: string) => {\n      if (trialHomeResponse && milestoneConfigData) {\n        const updatedTrialHomeData = filterAndUpdateSlideNavigation({\n          milestoneConfigData,\n          trialHomeData: trialHomeResponse,\n          grade,\n        });\n\n        setTrialHomeData(updatedTrialHomeData);\n      }\n    },\n    [milestoneConfigData, trialHomeResponse],\n  );\n\n  useEffect(() => {\n    handleRemoveOptionalSlides?.();\n  }, [handleRemoveOptionalSlides]);\n\n  if ((isProcessingTrialHome && !trialHomeData) || isProcessingMilestoneConfig) {\n    return <AppLoader height={height} />;\n  }\n\n  if (isProcessingFailedTrialHome || isProcessingFailedMilestoneConfig) {\n    return <Error height={height} onTryAgain={fetchData} />;\n  }\n\n  if (trialHomeData && milestoneConfigData) {\n    return (\n      <TrialSessionView\n        {...props}\n        onTrialInformationUpdate={handleOnTrialInformationUpdate}\n        onStudentTimezoneUpdate={handleOnTrialStudentTimezoneUpdate}\n        trialHomeData={trialHomeData}\n        milestoneConfig={milestoneConfigData}\n        onRemoveOptionalSlides={handleRemoveOptionalSlides}\n        studentTimezone={studentTimezone}\n      />\n    );\n  }\n\n  return null;\n});\n\nexport default TrialSession;\n"],"names":["TrialSession","memo","props","userType","teacherId","studentId","teacherClassroomId","height","trialHomeData","setTrialHomeData","useState","studentTimezone","setStudentTimezone","trialHomeResponse","getTrialHome","isProcessingTrialHome","isProcessingFailedTrialHome","useGetTrialHome","getMilestoneConfig","milestoneConfigData","isProcessingMilestoneConfig","isProcessingFailedMilestoneConfig","useGetMileStoneConfig","fetchTrialHome","useCallback","fetchData","handleMessageReceive","messages","message","timezone","publish","useTrialSessionMessageBroker","handleOnTrialInformationUpdate","handleOnTrialStudentTimezoneUpdate","getTimezone","useEffect","handleRemoveOptionalSlides","grade","updatedTrialHomeData","filterAndUpdateSlideNavigation","jsx","AppLoader","Error","TrialSessionView"],"mappings":"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"}

package/dist/features/ui/accordion-section/accordion-section.js

@@ -1,28 +1,28 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import p, { useState as A, useCallback as n } from "react";
-import { AccordionSectionContainer as h, AccordionSectionHeader as $, AccordionSectionBody as w } from "./accordion-section-styled.js";
-const x = p.memo(
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import S, { useState as h, useCallback as n } from "react";
+import { AccordionSectionContainer as A, AccordionSectionHeader as w, AccordionSectionBody as x } from "./accordion-section-styled.js";
+const v = S.memo(
   ({
     headerElement: s,
     bodyElement: d,
     width: l,
     visible: e,
-    defaultVisible: i,
-    bodyOverFlow: a,
+    defaultVisible: a,
+    bodyOverFlow: i,
     onBodyVisibilityChange: o
   }) => {
-    const [f, c] = A(i ?? !1), m = n(() => {
+    const [f, c] = h(a ?? !1), m = n(() => {
       c(!0), o(!0);
     }, [o]), u = n(() => {
       c(!1), o(!1);
-    }, [o]), t = e !== void 0 ? e : f;
-    return /* @__PURE__ */ S(h, { $width: l, children: [
-      /* @__PURE__ */ r($, { onClick: t ? u : m, children: s }),
-      /* @__PURE__ */ r(w, { $visible: t, $overflow: a, children: d })
+    }, [o]), r = e !== void 0 ? e : f;
+    return /* @__PURE__ */ p(A, { $width: l, children: [
+      /* @__PURE__ */ t(w, { onClick: r ? u : m, children: s }),
+      /* @__PURE__ */ t(x, { $visible: r, $overflow: i, children: d })
     ] });
   }
-), _ = x;
+);
 export {
-  _ as default
+  v as default
 };
 //# sourceMappingURL=accordion-section.js.map

package/dist/features/ui/accordion-section/accordion-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-section.js","sources":["../../../../src/features/ui/accordion-section/accordion-section.tsx"],"sourcesContent":["import type { IAccordionSectionProps } from './accordion-section-types';\n\nimport React, { useCallback, useState, type FC } from 'react';\n\nimport * as Styled from './accordion-section-styled';\n\n//TODO: add complete jsdocs\n\n/**\n * AccordionSection component.\n *\n * @prop {boolean} visible - if this value is passed, then the component is controlled by parent else it uses its own state.\n * @returns {JSX.Element} - The JSX element of the component.\n */\n\nconst AccordionSection: FC<IAccordionSectionProps> = React.memo(\n  ({\n    headerElement,\n    bodyElement,\n    width,\n    visible,\n    defaultVisible,\n    bodyOverFlow,\n    onBodyVisibilityChange,\n  }) => {\n    const [bodyVisible, setBodyVisible] = useState(defaultVisible ?? false);\n\n    const handleOpen = useCallback(() => {\n      setBodyVisible(true);\n      onBodyVisibilityChange(true);\n    }, [onBodyVisibilityChange]);\n\n    const handleClose = useCallback(() => {\n      setBodyVisible(false);\n      onBodyVisibilityChange(false);\n    }, [onBodyVisibilityChange]);\n\n    const showBody = visible !== undefined ? visible : bodyVisible;\n\n    return (\n      <Styled.AccordionSectionContainer $width={width}>\n        <Styled.AccordionSectionHeader onClick={showBody ? handleClose : handleOpen}>\n          {headerElement}\n        </Styled.AccordionSectionHeader>\n        <Styled.AccordionSectionBody $visible={showBody} $overflow={bodyOverFlow}>\n          {bodyElement}\n        </Styled.AccordionSectionBody>\n      </Styled.AccordionSectionContainer>\n    );\n  },\n);\n\nexport default AccordionSection;\n"],"names":["AccordionSection","React","headerElement","bodyElement","width","visible","defaultVisible","bodyOverFlow","onBodyVisibilityChange","bodyVisible","setBodyVisible","useState","handleOpen","useCallback","handleClose","showBody","jsxs","Styled.AccordionSectionContainer","jsx","Styled.AccordionSectionHeader","Styled.AccordionSectionBody","AccordionSection$1"],"mappings":";;;AAeA,MAAMA,IAA+CC,EAAM;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,CAACC,GAAaC,CAAc,IAAIC,EAASL,KAAkB,EAAK,GAEhEM,IAAaC,EAAY,MAAM;AACnC,MAAAH,EAAe,EAAI,GACnBF,EAAuB,EAAI;AAAA,IAAA,GAC1B,CAACA,CAAsB,CAAC,GAErBM,IAAcD,EAAY,MAAM;AACpC,MAAAH,EAAe,EAAK,GACpBF,EAAuB,EAAK;AAAA,IAAA,GAC3B,CAACA,CAAsB,CAAC,GAErBO,IAAWV,MAAY,SAAYA,IAAUI;AAEnD,WACG,gBAAAO,EAAAC,GAAA,EAAiC,QAAQb,GACxC,UAAA;AAAA,MAAA,gBAAAc,EAACC,GAAA,EAA8B,SAASJ,IAAWD,IAAcF,GAC9D,UACHV,GAAA;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAA4B,UAAUL,GAAU,WAAWR,GACzD,UACHJ,GAAA;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAkB,IAAerB;"}
+{"version":3,"file":"accordion-section.js","sources":["../../../../src/features/ui/accordion-section/accordion-section.tsx"],"sourcesContent":["import type { IAccordionSectionProps } from './accordion-section-types';\n\nimport React, { useCallback, useState, type FC } from 'react';\n\nimport * as Styled from './accordion-section-styled';\n\n//TODO: add complete jsdocs\n\n/**\n * AccordionSection component.\n *\n * @prop {boolean} visible - if this value is passed, then the component is controlled by parent else it uses its own state.\n * @returns {JSX.Element} - The JSX element of the component.\n */\n\nconst AccordionSection: FC<IAccordionSectionProps> = React.memo(\n  ({\n    headerElement,\n    bodyElement,\n    width,\n    visible,\n    defaultVisible,\n    bodyOverFlow,\n    onBodyVisibilityChange,\n  }) => {\n    const [bodyVisible, setBodyVisible] = useState(defaultVisible ?? false);\n\n    const handleOpen = useCallback(() => {\n      setBodyVisible(true);\n      onBodyVisibilityChange(true);\n    }, [onBodyVisibilityChange]);\n\n    const handleClose = useCallback(() => {\n      setBodyVisible(false);\n      onBodyVisibilityChange(false);\n    }, [onBodyVisibilityChange]);\n\n    const showBody = visible !== undefined ? visible : bodyVisible;\n\n    return (\n      <Styled.AccordionSectionContainer $width={width}>\n        <Styled.AccordionSectionHeader onClick={showBody ? handleClose : handleOpen}>\n          {headerElement}\n        </Styled.AccordionSectionHeader>\n        <Styled.AccordionSectionBody $visible={showBody} $overflow={bodyOverFlow}>\n          {bodyElement}\n        </Styled.AccordionSectionBody>\n      </Styled.AccordionSectionContainer>\n    );\n  },\n);\n\nexport default AccordionSection;\n"],"names":["AccordionSection","React","headerElement","bodyElement","width","visible","defaultVisible","bodyOverFlow","onBodyVisibilityChange","bodyVisible","setBodyVisible","useState","handleOpen","useCallback","handleClose","showBody","jsxs","Styled.AccordionSectionContainer","jsx","Styled.AccordionSectionHeader","Styled.AccordionSectionBody"],"mappings":";;;AAeA,MAAMA,IAA+CC,EAAM;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,CAACC,GAAaC,CAAc,IAAIC,EAASL,KAAkB,EAAK,GAEhEM,IAAaC,EAAY,MAAM;AACnC,MAAAH,EAAe,EAAI,GACnBF,EAAuB,EAAI;AAAA,IAAA,GAC1B,CAACA,CAAsB,CAAC,GAErBM,IAAcD,EAAY,MAAM;AACpC,MAAAH,EAAe,EAAK,GACpBF,EAAuB,EAAK;AAAA,IAAA,GAC3B,CAACA,CAAsB,CAAC,GAErBO,IAAWV,MAAY,SAAYA,IAAUI;AAEnD,WACG,gBAAAO,EAAAC,GAAA,EAAiC,QAAQb,GACxC,UAAA;AAAA,MAAA,gBAAAc,EAACC,GAAA,EAA8B,SAASJ,IAAWD,IAAcF,GAC9D,UACHV,GAAA;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAA4B,UAAUL,GAAU,WAAWR,GACzD,UACHJ,EAAA,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;"}