@cuemath/leap 2.8.25-rj-5 → 2.8.26

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

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

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

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

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

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

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

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

package/dist/features/ui/loader/circular-loader/circular-loader.js

@@ -1,23 +1,19 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "lottie-web";
-import { useRef as i, useEffect as n } from "react";
-import a from "../../../../assets/lotties/circle/circular-loader.json.js";
-import { Loader as m, LottieContainer as u } from "./circular-loader-styled.js";
-const d = () => {
-  const r = i(null);
-  return n(() => {
-    const t = e.loadAnimation({
-      container: r.current,
-      animationData: a,
-      autoplay: !0,
-      loop: !0
-    });
-    return () => {
-      t.destroy();
-    };
-  }, []), /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(u, { ref: r }) });
-};
+import { jsx as t } from "react/jsx-runtime";
+import { LOTTIE as r } from "../../../../assets/lottie/lottie.js";
+import i from "../../layout/flex-view.js";
+import o from "../../lottie-animation/lottie-animation.js";
+const h = () => /* @__PURE__ */ t(
+  i,
+  {
+    $width: "100%",
+    $height: "100%",
+    $alignItems: "center",
+    $justifyContent: "center",
+    $background: "TRANSPARENT",
+    children: /* @__PURE__ */ t(o, { width: "50%", height: "50%", src: r.CIRCULAR_LOADER })
+  }
+);
 export {
-  d as CircularLoader
+  h as CircularLoader
 };
 //# sourceMappingURL=circular-loader.js.map

package/dist/features/ui/loader/circular-loader/circular-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-loader.js","sources":["../../../../../src/features/ui/loader/circular-loader/circular-loader.tsx"],"sourcesContent":["import Lottie from 'lottie-web';\nimport { useEffect, useRef } from 'react';\n\nimport circularLoader from '../../../../assets/lotties/circle/circular-loader.json';\nimport * as Styled from './circular-loader-styled';\n\nexport const CircularLoader = () => {\n  const lottieContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const animation = Lottie.loadAnimation({\n      container: lottieContainerRef.current as Element,\n      animationData: circularLoader,\n      autoplay: true,\n      loop: true,\n    });\n\n    return () => {\n      animation.destroy();\n    };\n  }, []);\n\n  return (\n    <Styled.Loader>\n      <Styled.LottieContainer ref={lottieContainerRef} />\n    </Styled.Loader>\n  );\n};\n"],"names":["CircularLoader","lottieContainerRef","useRef","useEffect","animation","Lottie","circularLoader","jsx","Styled.Loader","Styled.LottieContainer"],"mappings":";;;;;AAMO,MAAMA,IAAiB,MAAM;AAC5B,QAAAC,IAAqBC,EAAuB,IAAI;AAEtD,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAYC,EAAO,cAAc;AAAA,MACrC,WAAWJ,EAAmB;AAAA,MAC9B,eAAeK;AAAA,MACf,UAAU;AAAA,MACV,MAAM;AAAA,IAAA,CACP;AAED,WAAO,MAAM;AACX,MAAAF,EAAU,QAAQ;AAAA,IAAA;AAAA,EAEtB,GAAG,CAAE,CAAA,GAGH,gBAAAG,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAuB,KAAKR,GAAoB,EACnD,CAAA;AAEJ;"}
+{"version":3,"file":"circular-loader.js","sources":["../../../../../src/features/ui/loader/circular-loader/circular-loader.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../assets/lottie/lottie';\nimport FlexView from '../../layout/flex-view';\nimport LottieAnimation from '../../lottie-animation/lottie-animation';\n\nexport const CircularLoader = () => (\n  <FlexView\n    $width=\"100%\"\n    $height=\"100%\"\n    $alignItems=\"center\"\n    $justifyContent=\"center\"\n    $background=\"TRANSPARENT\"\n  >\n    <LottieAnimation width=\"50%\" height=\"50%\" src={LOTTIE.CIRCULAR_LOADER} />\n  </FlexView>\n);\n"],"names":["CircularLoader","jsx","FlexView","LottieAnimation","LOTTIE"],"mappings":";;;;AAIO,MAAMA,IAAiB,MAC5B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA,gBAAAD,EAACE,KAAgB,OAAM,OAAM,QAAO,OAAM,KAAKC,EAAO,gBAAiB,CAAA;AAAA,EAAA;AACzE;"}

package/dist/features/ui/lottie-animation/helper.js

@@ -0,0 +1,13 @@
+const c = async (o) => {
+  let e = null;
+  try {
+    e = await fetch(o).then((t) => t.json()).catch(() => null);
+  } catch (t) {
+    console.log("Error while fetching the lottie: ", t);
+  }
+  return e;
+};
+export {
+  c as fetchLottie
+};
+//# sourceMappingURL=helper.js.map

package/dist/features/ui/lottie-animation/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}

package/dist/features/ui/lottie-animation/lottie-animation.js

@@ -0,0 +1,37 @@
+import { jsx as d } from "react/jsx-runtime";
+import p from "lottie-web";
+import { memo as h, forwardRef as L, useRef as m, useImperativeHandle as g, useEffect as v } from "react";
+import w from "../layout/flex-view.js";
+import { fetchLottie as y } from "./helper.js";
+const A = L((s, u) => {
+  const { src: i, width: l = "100%", height: f = "100%", settings: a, eventListener: t, onRender: n } = s, o = m(null), e = m(null);
+  return g(
+    u,
+    () => ({
+      playSegments: (c, r) => {
+        e.current && e.current.playSegments(c, r);
+      }
+    }),
+    []
+  ), v(() => ((async () => {
+    try {
+      const r = await y(i);
+      o.current && (e.current = p.loadAnimation({
+        container: o.current,
+        animationData: r,
+        renderer: "svg",
+        loop: !0,
+        autoplay: !0,
+        ...a
+      }), n == null || n(), t && e.current.addEventListener(t.name, t.callback));
+    } catch (r) {
+      throw Error(`Error loading Lottie animation: ${r}`);
+    }
+  })(), () => {
+    e.current && (t && e.current.removeEventListener(t.name, t.callback), e.current.destroy());
+  }), [i, t, n, a]), /* @__PURE__ */ d(w, { ref: o, $width: l, $height: f });
+}), I = h(A);
+export {
+  I as default
+};
+//# sourceMappingURL=lottie-animation.js.map

package/dist/features/ui/lottie-animation/lottie-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const { src, width = '100%', height = '100%', settings, eventListener, onRender } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.playSegments(segments, forceFlag);\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","container","useRef","animationInstance","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA,EAAE,KAAAC,GAAK,OAAAC,IAAQ,QAAQ,QAAAC,IAAS,QAAQ,UAAAC,GAAU,eAAAC,GAAe,UAAAC,EAAa,IAAAP,GAE9EQ,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI;AAE3D,SAAAE;AAAA,IACEV;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACW,GAA4BC,MAAwB;AACjE,QAAIH,EAAkB,WACFA,EAAA,QAAQ,aAAaE,GAAUC,CAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYd,CAAG;AAE3C,MAAIM,EAAU,YACME,EAAA,UAAUO,EAAO,cAAc;AAAA,QAC/C,WAAWT,EAAU;AAAA,QACrB,eAAAO;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGV;AAAA,MAAA,CACJ,GAEUE,KAAA,QAAAA,KACPD,KACFI,EAAkB,QAAQ,iBAAiBJ,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFY,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;AACX,IAAIR,EAAkB,YAChBJ,KACFI,EAAkB,QAAQ,oBAAoBJ,EAAc,MAAMA,EAAc,QAAQ,GAE1FI,EAAkB,QAAQ;EAC5B,IAED,CAACR,GAAKI,GAAeC,GAAUF,CAAQ,CAAC,qBAEnCc,GAAS,EAAA,KAAKX,GAAW,QAAQL,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcgB,IAAAC,EAAKvB,CAAe;"}

package/dist/features/ui/nudge/nudge-styled.js

@@ -1,5 +1,5 @@
 import e from "styled-components";
-import o from "../layout/flex-view.js";
+import n from "../layout/flex-view.js";
 const r = e.div`
   position: absolute;
   top: ${({ $top: t }) => t}px;
@@ -11,18 +11,14 @@ const r = e.div`
   align-items: end;
   z-index: ${({ $zIndex: t }) => t};
   pointer-events: none;
-`, p = e(o)`
-  height: 64px;
-  width: 64px;
+`, p = e(n)`
   overflow: hidden;
-`, s = e.div`
-  cursor: pointer;
-  & > svg {
+
+  & svg {
     transform: scale(3.5) !important;
   }
 `;
 export {
-  s as Nudge,
   p as NudgeLottieContainer,
   r as NudgeWrapper
 };

package/dist/features/ui/nudge/nudge-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudge-styled.js","sources":["../../../../src/features/ui/nudge/nudge-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\ninterface NudgeWrapperProps {\n  $top: number;\n  $left: number;\n  $zIndex: number;\n}\n\nexport const NudgeWrapper = styled.div<NudgeWrapperProps>`\n  position: absolute;\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n  height: max-content;\n  width: max-content;\n  display: flex;\n  justify-content: center;\n  align-items: end;\n  z-index: ${({ $zIndex }) => $zIndex};\n  pointer-events: none;\n`;\n\nexport const NudgeLottieContainer = styled(FlexView)`\n  height: 64px;\n  width: 64px;\n  overflow: hidden;\n`;\n\nexport const Nudge = styled.div`\n  cursor: pointer;\n  & > svg {\n    transform: scale(3.5) !important;\n  }\n`;\n"],"names":["NudgeWrapper","styled","$top","$left","$zIndex","NudgeLottieContainer","FlexView","Nudge"],"mappings":";;AAUO,MAAMA,IAAeC,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAuBJ,EAAOK,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMtCC,IAAQN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"nudge-styled.js","sources":["../../../../src/features/ui/nudge/nudge-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\ninterface NudgeWrapperProps {\n  $top: number;\n  $left: number;\n  $zIndex: number;\n}\n\nexport const NudgeWrapper = styled.div<NudgeWrapperProps>`\n  position: absolute;\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n  height: max-content;\n  width: max-content;\n  display: flex;\n  justify-content: center;\n  align-items: end;\n  z-index: ${({ $zIndex }) => $zIndex};\n  pointer-events: none;\n`;\n\nexport const NudgeLottieContainer = styled(FlexView)`\n  overflow: hidden;\n\n  & svg {\n    transform: scale(3.5) !important;\n  }\n`;\n"],"names":["NudgeWrapper","styled","$top","$left","$zIndex","NudgeLottieContainer","FlexView"],"mappings":";;AAUO,MAAMA,IAAeC,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAuBJ,EAAOK,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/nudge/nudge.js

@@ -1,34 +1,17 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import l from "lottie-web";
-import { useRef as s, useEffect as m } from "react";
-import { NudgeWrapper as c, NudgeLottieContainer as p, Nudge as f } from "./nudge-styled.js";
-const g = () => import("../../../assets/lotties/common/nudge-tap.json.js"), N = ({
-  content: n,
-  nudgePointerX: r = 0,
-  nudgePointerY: a = 0,
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { LOTTIE as d } from "../../../assets/lottie/lottie.js";
+import m from "../lottie-animation/lottie-animation.js";
+import { NudgeWrapper as p, NudgeLottieContainer as s } from "./nudge-styled.js";
+const f = ({
+  content: r,
+  nudgePointerX: e = 0,
+  nudgePointerY: o = 0,
   zIndex: i = 100
-}) => {
-  const o = s(null);
-  return m(() => {
-    let t = null;
-    return (async () => {
-      const u = (await g()).default;
-      t = l.loadAnimation({
-        container: o.current,
-        animationData: u,
-        autoplay: !0,
-        loop: !0,
-        renderer: "svg"
-      });
-    })(), () => {
-      t == null || t.destroy();
-    };
-  }, []), /* @__PURE__ */ d(c, { $top: a, $left: r, $zIndex: i, children: [
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { ref: o }) }),
-    n
-  ] });
-}, j = N;
+}) => /* @__PURE__ */ n(p, { $top: o, $left: e, $zIndex: i, children: [
+  /* @__PURE__ */ t(s, { $height: 64, $width: 64, children: /* @__PURE__ */ t(m, { src: d.NUDGE_TAP }) }),
+  r
+] }), g = f;
 export {
-  j as default
+  g as default
 };
 //# sourceMappingURL=nudge.js.map

package/dist/features/ui/nudge/nudge.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\nimport type { AnimationItem } from 'lottie-web';\n\nimport Lottie from 'lottie-web';\nimport React, { useEffect, useRef } from 'react';\n\nimport * as S from './nudge-styled';\n\nconst tapLottie = () => import('../../../assets/lotties/common/nudge-tap.json');\n\nconst Nudge: React.FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  const lottieContainer = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let animation: AnimationItem | null = null;\n    const loadAnimation = async () => {\n      const animationModule = await tapLottie();\n      const animationData = animationModule.default;\n\n      animation = Lottie.loadAnimation({\n        container: lottieContainer.current as Element,\n        animationData: animationData,\n        autoplay: true,\n        loop: true,\n        renderer: 'svg',\n      });\n    };\n\n    loadAnimation();\n\n    return () => {\n      animation?.destroy();\n    };\n  }, []);\n\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer>\n        <S.Nudge ref={lottieContainer} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default Nudge;\n"],"names":["tapLottie","Nudge","content","nudgePointerX","nudgePointerY","zIndex","lottieContainer","useRef","useEffect","animation","animationData","Lottie","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","S.Nudge","Nudge$1"],"mappings":";;;;AAQA,MAAMA,IAAY,MAAM,OAAO,kDAA+C,GAExEC,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAkBC,EAAuB,IAAI;AAEnD,SAAAC,EAAU,MAAM;AACd,QAAIC,IAAkC;AAcxB,YAbQ,YAAY;AAEhC,YAAMC,KADkB,MAAMV,KACQ;AAEtC,MAAAS,IAAYE,EAAO,cAAc;AAAA,QAC/B,WAAWL,EAAgB;AAAA,QAC3B,eAAAI;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACX;AAAA,IAAA,MAKI,MAAM;AACX,MAAAD,KAAA,QAAAA,EAAW;AAAA,IAAQ;AAAA,EAEvB,GAAG,CAAE,CAAA,GAGH,gBAAAG,EAACC,GAAA,EAAe,MAAMT,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,IAAC,gBAAAS,EAAAC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,KAAKV,EAAiB,CAAA,GACjC;AAAA,IACCJ;AAAA,EACH,EAAA,CAAA;AAEJ,GAEAe,IAAehB;"}
+{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer $height={64} $width={64}>\n        <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default Nudge;\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1"],"mappings":";;;;AAQA,MAAMA,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AACH,EAAA,CAAA,GAIJU,IAAeX;"}