@cuemath/leap 3.3.24-link.2 → 3.3.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/features/auth/account-selector/account-selector-styled.js +5 -6
  2. package/dist/features/auth/account-selector/account-selector-styled.js.map +1 -1
  3. package/dist/features/auth/account-selector/account-selector.js +57 -51
  4. package/dist/features/auth/account-selector/account-selector.js.map +1 -1
  5. package/dist/features/auth/comps/user-list/user-list-styled.js +2 -3
  6. package/dist/features/auth/comps/user-list/user-list-styled.js.map +1 -1
  7. package/dist/features/auth/pla-signup/pla-analytics-events.js +3 -9
  8. package/dist/features/auth/pla-signup/pla-analytics-events.js.map +1 -1
  9. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map +1 -1
  10. package/dist/features/auth/signup/custom-input-field/custom-input-field.js +8 -8
  11. package/dist/features/auth/signup/custom-input-field/custom-input-field.js.map +1 -1
  12. package/dist/features/journey/use-journey/use-journey.js +6 -18
  13. package/dist/features/journey/use-journey/use-journey.js.map +1 -1
  14. package/dist/features/milestone/create/milestone-create-helpers.js +7 -13
  15. package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
  16. package/dist/features/parent-dashboard/hooks/use-parent-home-data.js +34 -40
  17. package/dist/features/parent-dashboard/hooks/use-parent-home-data.js.map +1 -1
  18. package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js +3 -3
  19. package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js.map +1 -1
  20. package/dist/features/parent-dashboard/parent-dashboard-types.js.map +1 -1
  21. package/dist/features/parent-dashboard/parent-dashboard-view.js +138 -161
  22. package/dist/features/parent-dashboard/parent-dashboard-view.js.map +1 -1
  23. package/dist/features/stickers/constants.js +235 -0
  24. package/dist/features/stickers/constants.js.map +1 -0
  25. package/dist/features/{ui/sticker-grid/sticker-grid-styles.js → stickers/sticker-selector/comps/sticker/sticker-styled.js} +15 -45
  26. package/dist/features/stickers/sticker-selector/comps/sticker/sticker-styled.js.map +1 -0
  27. package/dist/features/stickers/sticker-selector/comps/sticker/sticker.js +49 -0
  28. package/dist/features/stickers/sticker-selector/comps/sticker/sticker.js.map +1 -0
  29. package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.js +28 -0
  30. package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.js.map +1 -0
  31. package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.js +26 -0
  32. package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.js.map +1 -0
  33. package/dist/features/stickers/sticker-selector/sticker-selector-styled.js +13 -0
  34. package/dist/features/stickers/sticker-selector/sticker-selector-styled.js.map +1 -0
  35. package/dist/features/stickers/sticker-selector/sticker-selector.js +86 -0
  36. package/dist/features/stickers/sticker-selector/sticker-selector.js.map +1 -0
  37. package/dist/features/stickers/stickers-effects/stickers-effects-animations.js +82 -0
  38. package/dist/features/stickers/stickers-effects/stickers-effects-animations.js.map +1 -0
  39. package/dist/features/stickers/stickers-effects/stickers-effects-cache.js +19 -0
  40. package/dist/features/stickers/stickers-effects/stickers-effects-cache.js.map +1 -0
  41. package/dist/features/stickers/stickers-effects/stickers-effects-helper.js +105 -0
  42. package/dist/features/stickers/stickers-effects/stickers-effects-helper.js.map +1 -0
  43. package/dist/features/stickers/stickers-effects/stickers-effects-styled.js +37 -0
  44. package/dist/features/stickers/stickers-effects/stickers-effects-styled.js.map +1 -0
  45. package/dist/features/stickers/stickers-effects/stickers-effects.js +67 -0
  46. package/dist/features/stickers/stickers-effects/stickers-effects.js.map +1 -0
  47. package/dist/features/trial-session/comps/class-preference/class-preference.js +49 -61
  48. package/dist/features/trial-session/comps/class-preference/class-preference.js.map +1 -1
  49. package/dist/features/trial-session/comps/session-report/session-report.js +15 -15
  50. package/dist/features/trial-session/comps/session-report/session-report.js.map +1 -1
  51. package/dist/features/trial-session/comps/student-feedback/student-feedback-constants.js +0 -5
  52. package/dist/features/trial-session/comps/student-feedback/student-feedback-constants.js.map +1 -1
  53. package/dist/features/trial-session/comps/student-feedback/student-feedback.js +51 -96
  54. package/dist/features/trial-session/comps/student-feedback/student-feedback.js.map +1 -1
  55. package/dist/features/trial-session/comps/student-profile/student-profile.js +63 -70
  56. package/dist/features/trial-session/comps/student-profile/student-profile.js.map +1 -1
  57. package/dist/features/trial-session/helper.js +54 -71
  58. package/dist/features/trial-session/helper.js.map +1 -1
  59. package/dist/features/trial-session/hooks/use-trial-session-navigation.js +130 -149
  60. package/dist/features/trial-session/hooks/use-trial-session-navigation.js.map +1 -1
  61. package/dist/features/trial-session/trial-session-types.js.map +1 -1
  62. package/dist/features/trial-session/trial-session-view.js +98 -107
  63. package/dist/features/trial-session/trial-session-view.js.map +1 -1
  64. package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js +88 -75
  65. package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js.map +1 -1
  66. package/dist/features/ui/lottie-animation/lottie-animation.js +55 -46
  67. package/dist/features/ui/lottie-animation/lottie-animation.js.map +1 -1
  68. package/dist/features/ui/modals/modal-styled.js +48 -15
  69. package/dist/features/ui/modals/modal-styled.js.map +1 -1
  70. package/dist/features/ui/modals/modal.js +46 -38
  71. package/dist/features/ui/modals/modal.js.map +1 -1
  72. package/dist/index.d.ts +71 -66
  73. package/dist/index.js +391 -401
  74. package/dist/index.js.map +1 -1
  75. package/package.json +3 -2
  76. package/dist/features/auth/account-selector/comps/compact-header/account-selector-header.js +0 -31
  77. package/dist/features/auth/account-selector/comps/compact-header/account-selector-header.js.map +0 -1
  78. package/dist/features/parent-dashboard/api/cancel-subscription.js +0 -9
  79. package/dist/features/parent-dashboard/api/cancel-subscription.js.map +0 -1
  80. package/dist/features/parent-dashboard/comps/billing-information/billing-information-styled.js +0 -20
  81. package/dist/features/parent-dashboard/comps/billing-information/billing-information-styled.js.map +0 -1
  82. package/dist/features/parent-dashboard/comps/billing-information/billing-information.js +0 -96
  83. package/dist/features/parent-dashboard/comps/billing-information/billing-information.js.map +0 -1
  84. package/dist/features/parent-dashboard/modals/cancel-subscription/cancel-subscription-constants.js +0 -21
  85. package/dist/features/parent-dashboard/modals/cancel-subscription/cancel-subscription-constants.js.map +0 -1
  86. package/dist/features/parent-dashboard/modals/cancel-subscription/cancel-subscription.js +0 -80
  87. package/dist/features/parent-dashboard/modals/cancel-subscription/cancel-subscription.js.map +0 -1
  88. package/dist/features/parent-dashboard/modals/cancellation-confirmation/cancellation-confirmation.js +0 -23
  89. package/dist/features/parent-dashboard/modals/cancellation-confirmation/cancellation-confirmation.js.map +0 -1
  90. package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason-constant.js +0 -55
  91. package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason-constant.js.map +0 -1
  92. package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason-styled.js +0 -59
  93. package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason-styled.js.map +0 -1
  94. package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.js +0 -93
  95. package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.js.map +0 -1
  96. package/dist/features/parent-dashboard/modals/hooks/use-pla-model-handlers.js +0 -63
  97. package/dist/features/parent-dashboard/modals/hooks/use-pla-model-handlers.js.map +0 -1
  98. package/dist/features/parent-dashboard/modals/view-payment-method/view-payment-method.js +0 -65
  99. package/dist/features/parent-dashboard/modals/view-payment-method/view-payment-method.js.map +0 -1
  100. package/dist/features/student-username/add/add-student-username-constants.js +0 -6
  101. package/dist/features/student-username/add/add-student-username-constants.js.map +0 -1
  102. package/dist/features/student-username/add/add-student-username-helpers.js +0 -6
  103. package/dist/features/student-username/add/add-student-username-helpers.js.map +0 -1
  104. package/dist/features/student-username/add/add-student-username-styled.js +0 -10
  105. package/dist/features/student-username/add/add-student-username-styled.js.map +0 -1
  106. package/dist/features/student-username/add/add-student-username.js +0 -78
  107. package/dist/features/student-username/add/add-student-username.js.map +0 -1
  108. package/dist/features/student-username/add/api/update-username.js +0 -9
  109. package/dist/features/student-username/add/api/update-username.js.map +0 -1
  110. package/dist/features/student-username/add/api/username-availability.js +0 -10
  111. package/dist/features/student-username/add/api/username-availability.js.map +0 -1
  112. package/dist/features/student-username/add/hooks/use-check-username-availability.js +0 -41
  113. package/dist/features/student-username/add/hooks/use-check-username-availability.js.map +0 -1
  114. package/dist/features/trial-session/api/teacher-availability.js +0 -9
  115. package/dist/features/trial-session/api/teacher-availability.js.map +0 -1
  116. package/dist/features/trial-session/comps/class-preference/helpers.js +0 -28
  117. package/dist/features/trial-session/comps/class-preference/helpers.js.map +0 -1
  118. package/dist/features/ui/sticker-grid/sticker-grid-styles.js.map +0 -1
  119. package/dist/features/ui/sticker-grid/sticker-grid.js +0 -24
  120. package/dist/features/ui/sticker-grid/sticker-grid.js.map +0 -1
  121. package/dist/features/ui/sticker-grid/sticker.js +0 -57
  122. package/dist/features/ui/sticker-grid/sticker.js.map +0 -1
  123. package/dist/features/ui/stickers/constants.js +0 -6
  124. package/dist/features/ui/stickers/constants.js.map +0 -1
  125. package/dist/features/ui/stickers/stickers-effects.js +0 -64
  126. package/dist/features/ui/stickers/stickers-effects.js.map +0 -1
  127. package/dist/features/ui/stickers/stickers-styled.js +0 -29
  128. package/dist/features/ui/stickers/stickers-styled.js.map +0 -1
  129. package/dist/features/ui/stickers/stickers-utils.js +0 -91
  130. package/dist/features/ui/stickers/stickers-utils.js.map +0 -1
  131. package/dist/features/ui/stickers/stickers.js +0 -40
  132. package/dist/features/ui/stickers/stickers.js.map +0 -1
@@ -1 +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 {\n IMilestoneConfig,\n TCourseStream,\n TPreferenceCategory,\n} from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n ITrialCircleConfig,\n ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, ReactElement, SetStateAction } from 'react';\n\nexport type { TSessionReportData as TSessionReport } from './comps/session-report/session-report-types';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n opportunity_country: string;\n};\n\nexport type TPreferenceSchema = {\n preference_code: string;\n preference_name: string;\n preference_category: TPreferenceCategory;\n};\n\nexport enum EClassTimeAlertLevel {\n FIVE_MIN = '5min',\n FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n buttonLabel: string;\n pageId: string;\n}\n\nexport interface ISolution {\n media?: string;\n media_type?: 'image' | 'video';\n text?: string;\n}\n\nexport type TDegreeInformation = {\n degree_name?: string;\n field_of_study?: string;\n degree_code?: string;\n};\n\nexport interface ITeacherProfileDetails {\n lower_grade: string;\n higher_grade: string;\n header_image: string;\n years_of_experience: number;\n number_of_students_taught: number;\n countries: string[];\n degree: TDegreeInformation;\n first_name: string;\n last_name: string;\n teacher_profile_url?: string;\n}\n\nexport interface ISlide {\n id: TrialPageId;\n renderAs: 'split' | 'full';\n renderAVIn: 'left' | 'right';\n header: string;\n subHeader?: string;\n prevPage?: IButtonConfig;\n nextPage?: IButtonConfig;\n cues?: string[];\n dos?: string[];\n donts?: string[];\n navigationLabel?: string;\n slideTag?: string;\n teacher_profile?: ITeacherProfileDetails;\n solutions?: ISolution[];\n enableSessionPerk?: boolean;\n showProfileHighlights?: boolean;\n}\n\nexport interface TGoals {\n goal_code?: string;\n milestone_date_ts?: number;\n goal_category?: string;\n milestone_name?: string;\n publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n id: string;\n name?: string;\n grade?: string;\n curriculum?: string;\n goals?: TGoals[];\n studentProfile?: {\n profileSummary?: string;\n dummyProfileImageIndex?: number;\n summaryFetched?: boolean;\n summaryFetchFailed?: boolean;\n };\n userNodeId?: string;\n nodeId?: string;\n nodeType?: TNodeTypes;\n attemptId?: string;\n preferences?: TPreference[];\n personalizedLevel?: string[];\n personalizedFocus?: string[];\n personalizedBehaviors?: string[];\n personalizedObjectives?: string[];\n personalizedPosition?: string[];\n isCircleGamePlayed?: boolean;\n isCirclePuzzleSolved?: boolean;\n isCircleSkillCompleted?: boolean;\n studentTimezone?: string;\n showCircleGameScreen?: boolean;\n accuracyStr?: string;\n totalTimeTaken?: number;\n chapterId?: string;\n matchmakingId?: string;\n numberInNameError?: boolean;\n}\n\nexport interface IButtonState {\n isDisabled: boolean;\n isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n pages: ISlide[];\n demo_info: {\n student_classroom_id: string;\n stream: TCourseStream;\n region_data: TRegionData;\n course?: string;\n scheduled_start_time: number;\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 intel_student?: {\n student_preference?: {\n preferences?: TPreferenceSchema[];\n };\n };\n circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n alertLevel: EClassTimeAlertLevel | null;\n isVisible: boolean;\n onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n countryCode?: string;\n classStartedOn?: Date;\n height?: string | number;\n userType: TUserTypes;\n studentId: string;\n teacherId: string;\n teacherClassroomId: string;\n teacherPanel?: ReactElement;\n studentPanel?: ReactElement;\n formData?: ITrialSessionFormFields;\n onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n worksheet?: ReactElement;\n worksheetNavigationPanel?: ReactElement;\n questionsRatingPanel?: ReactElement;\n studentAbsentInClass?: boolean;\n openEndClassModal?: () => void;\n trialGameUrl: string;\n handleInfoMessage: (message: IInfoMessage) => void;\n classTimeAlertConfig?: IClassTimeAlertConfig;\n classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n extends Pick<\n ITrialSessionProps,\n | 'classStartedOn'\n | 'formData'\n | 'teacherPanel'\n | 'studentId'\n | 'teacherId'\n | 'studentPanel'\n | 'worksheet'\n | 'worksheetNavigationPanel'\n | 'questionsRatingPanel'\n | 'openEndClassModal'\n | 'studentAbsentInClass'\n | 'classDuration'\n | 'classTimeAlertConfig'\n > {\n buttonState: { left: IButtonState; right: IButtonState };\n isTeacher: boolean;\n milestoneConfig: IMilestoneConfig;\n slideConfig: ISlide;\n updateButtonState: (\n btnNavDir: 'left' | 'right' | 'both',\n currentState: IButtonState | { left: IButtonState; right: IButtonState },\n ) => void;\n updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n trialHomeData: ITrialHomeData;\n onTrialInformationUpdate?: () => void;\n circleGames: ITrialCircleGameParams;\n trialGameUrl: string;\n handleInfoMessage: (message: IInfoMessage) => void;\n onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n trialHomeData: ITrialHomeData;\n milestoneConfig: IMilestoneConfig;\n studentTimezone?: string;\n onStudentTimezoneUpdate?: () => void;\n onTrialInformationUpdate?: () => void;\n handleInfoMessage: (message: IInfoMessage) => void;\n onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AA+BY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}
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 {\n IMilestoneConfig,\n TCourseStream,\n TPreferenceCategory,\n} from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n ITrialCircleConfig,\n ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, ReactElement, SetStateAction } from 'react';\n\nexport type { TSessionReportData as TSessionReport } from './comps/session-report/session-report-types';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n opportunity_country: string;\n};\n\nexport type TPreferenceSchema = {\n preference_code: string;\n preference_name: string;\n preference_category: TPreferenceCategory;\n};\n\nexport enum EClassTimeAlertLevel {\n FIVE_MIN = '5min',\n FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n buttonLabel: string;\n pageId: string;\n}\n\nexport interface ISolution {\n media?: string;\n media_type?: 'image' | 'video';\n text?: string;\n}\n\nexport type TDegreeInformation = {\n degree_name?: string;\n field_of_study?: string;\n degree_code?: string;\n};\n\nexport interface ITeacherProfileDetails {\n lower_grade: string;\n higher_grade: string;\n header_image: string;\n years_of_experience: number;\n number_of_students_taught: number;\n countries: string[];\n degree: TDegreeInformation;\n first_name: string;\n last_name: string;\n teacher_profile_url?: string;\n}\n\nexport interface ISlide {\n id: TrialPageId;\n renderAs: 'split' | 'full';\n renderAVIn: 'left' | 'right';\n header: string;\n subHeader?: string;\n prevPage?: IButtonConfig;\n nextPage?: IButtonConfig;\n cues?: string[];\n dos?: string[];\n donts?: string[];\n navigationLabel?: string;\n slideTag?: string;\n teacher_profile?: ITeacherProfileDetails;\n solutions?: ISolution[];\n enableSessionPerk?: boolean;\n showProfileHighlights?: boolean;\n}\n\nexport interface TGoals {\n goal_code?: string;\n milestone_date_ts?: number;\n goal_category?: string;\n milestone_name?: string;\n publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n id: string;\n name?: string;\n grade?: string;\n curriculum?: string;\n goals?: TGoals[];\n studentProfile?: {\n profileSummary?: string;\n dummyProfileImageIndex?: number;\n summaryFetched?: boolean;\n summaryFetchFailed?: boolean;\n };\n userNodeId?: string;\n nodeId?: string;\n nodeType?: TNodeTypes;\n attemptId?: string;\n preferences?: TPreference[];\n personalizedLevel?: string[];\n personalizedFocus?: string[];\n personalizedBehaviors?: string[];\n personalizedObjectives?: string[];\n isCircleGamePlayed?: boolean;\n isCirclePuzzleSolved?: boolean;\n isCircleSkillCompleted?: boolean;\n studentTimezone?: string;\n showCircleGameScreen?: boolean;\n accuracyStr?: string;\n totalTimeTaken?: number;\n chapterId?: string;\n matchmakingId?: string;\n numberInNameError?: boolean;\n}\n\nexport interface IButtonState {\n isDisabled: boolean;\n isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n pages: ISlide[];\n demo_info: {\n student_classroom_id: string;\n stream: TCourseStream;\n region_data: TRegionData;\n course?: string;\n };\n parent: {\n name: string;\n };\n student: {\n grade: string;\n name: string;\n circle_username: string;\n user_avatar: IAvatarLayer[];\n };\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?: ReactElement;\n studentPanel?: ReactElement;\n formData?: ITrialSessionFormFields;\n onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n worksheet?: ReactElement;\n worksheetNavigationPanel?: ReactElement;\n questionsRatingPanel?: ReactElement;\n studentAbsentInClass?: boolean;\n openEndClassModal?: () => void;\n trialGameUrl: string;\n handleInfoMessage: (message: IInfoMessage) => void;\n classTimeAlertConfig?: IClassTimeAlertConfig;\n classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n extends Pick<\n ITrialSessionProps,\n | 'classStartedOn'\n | 'formData'\n | 'teacherPanel'\n | 'studentId'\n | 'teacherId'\n | 'studentPanel'\n | 'worksheet'\n | 'worksheetNavigationPanel'\n | 'questionsRatingPanel'\n | 'openEndClassModal'\n | 'studentAbsentInClass'\n | 'classDuration'\n | 'classTimeAlertConfig'\n > {\n buttonState: { left: IButtonState; right: IButtonState };\n isTeacher: boolean;\n milestoneConfig: IMilestoneConfig;\n slideConfig: ISlide;\n updateButtonState: (\n btnNavDir: 'left' | 'right' | 'both',\n currentState: IButtonState | { left: IButtonState; right: IButtonState },\n ) => void;\n updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n trialHomeData: ITrialHomeData;\n onTrialInformationUpdate?: () => void;\n circleGames: ITrialCircleGameParams;\n trialGameUrl: string;\n handleInfoMessage: (message: IInfoMessage) => void;\n onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n trialHomeData: ITrialHomeData;\n milestoneConfig: IMilestoneConfig;\n studentTimezone?: string;\n onStudentTimezoneUpdate?: () => void;\n onTrialInformationUpdate?: () => void;\n handleInfoMessage: (message: IInfoMessage) => void;\n onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AA+BY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}
@@ -1,148 +1,139 @@
1
- import { jsx as E, jsxs as ne } from "react/jsx-runtime";
2
- import { memo as re, useState as oe, useMemo as P, useCallback as L, useEffect as S } from "react";
3
- import { PREFERENCE_CATEGORY as H } from "../milestone/constants.js";
4
- import { getGradesFromConfig as se } from "../milestone/create/milestone-create-helpers.js";
5
- import ae from "../ui/layout/flex-view.js";
6
- import { PREFERENCE_CODE_MAP as ie } from "./comps/student-feedback/student-feedback-constants.js";
7
- import le from "./context/trial-session-context.js";
8
- import { getPreferenceCodesByCategory as U } from "./helper.js";
9
- import { useButtonStateForLeftPanel as ce } from "./hooks/use-left-panel-button-state.js";
10
- import de from "./left-panel/index.js";
11
- import me from "./right-panel/index.js";
12
- const Te = re((q) => {
1
+ import { jsx as D, jsxs as J } from "react/jsx-runtime";
2
+ import { memo as K, useState as Q, useMemo as m, useCallback as W, useEffect as S } from "react";
3
+ import { getGradesFromConfig as X } from "../milestone/create/milestone-create-helpers.js";
4
+ import Y from "../ui/layout/flex-view.js";
5
+ import Z from "./context/trial-session-context.js";
6
+ import { useButtonStateForLeftPanel as ee } from "./hooks/use-left-panel-button-state.js";
7
+ import te from "./left-panel/index.js";
8
+ import ae from "./right-panel/index.js";
9
+ const me = K((L) => {
13
10
  const {
14
11
  countryCode: I,
15
- userType: o,
16
- teacherPanel: D,
17
- studentPanel: T,
18
- trialGameUrl: _,
19
- formData: s,
20
- height: J = "100vh",
21
- trialHomeData: e,
22
- milestoneConfig: a,
12
+ userType: r,
13
+ teacherPanel: T,
14
+ studentPanel: x,
15
+ trialGameUrl: P,
16
+ formData: o,
17
+ height: O = "100vh",
18
+ trialHomeData: t,
19
+ milestoneConfig: s,
23
20
  onFormDataChange: u,
24
- worksheet: R,
21
+ worksheet: y,
25
22
  studentId: i,
26
23
  teacherId: l,
27
- classStartedOn: v,
28
- worksheetNavigationPanel: y,
29
- questionsRatingPanel: x,
30
- studentAbsentInClass: O,
24
+ classStartedOn: _,
25
+ worksheetNavigationPanel: v,
26
+ questionsRatingPanel: E,
27
+ studentAbsentInClass: w,
31
28
  openEndClassModal: F,
32
29
  onTrialInformationUpdate: G,
33
- onStudentTimezoneUpdate: p,
34
- handleInfoMessage: N,
35
- onRemoveOptionalSlides: b,
36
- classDuration: j,
37
- studentTimezone: c,
38
- classTimeAlertConfig: w
39
- } = q, t = o === "TEACHER", { pages: g = [] } = e, [r, Y] = oe(s), C = t ? r : s, h = C == null ? void 0 : C.id, A = P(
40
- () => g.find((n) => n.id === h) ?? g[0],
41
- [h, g]
42
- ), M = P(() => {
43
- const n = {
44
- circleConfig: e.circle_trial_game_config,
30
+ onStudentTimezoneUpdate: f,
31
+ handleInfoMessage: M,
32
+ onRemoveOptionalSlides: R,
33
+ classDuration: $,
34
+ studentTimezone: g,
35
+ classTimeAlertConfig: b
36
+ } = L, a = r === "TEACHER", { pages: p = [], student: q } = t, { name: j, grade: c } = q || {}, [n, U] = Q(o), h = a ? n : o, C = h == null ? void 0 : h.id, k = m(
37
+ () => p.find((e) => e.id === C) ?? p[0],
38
+ [C, p]
39
+ ), A = m(() => {
40
+ const e = {
41
+ circleConfig: t.circle_trial_game_config,
45
42
  playerDetails: {
46
- userId: t ? l : i,
47
- circle_username: e[t ? "teacher" : "student"].circle_username,
48
- user_avatar: e[t ? "teacher" : "student"].user_avatar,
49
- playerType: o,
43
+ userId: a ? l : i,
44
+ circle_username: t[a ? "teacher" : "student"].circle_username,
45
+ user_avatar: t[a ? "teacher" : "student"].user_avatar,
46
+ playerType: r,
50
47
  countryCode: I
51
48
  }
52
49
  };
53
- return o === "STUDENT" && (n.playerDetails.grade = e.student.grade), n;
54
- }, [I, t, i, l, e, o]), d = L((n) => {
55
- Y((m) => m ? { ...m, ...n } : n);
56
- }, []), { buttonState: B, updateButtonState: V } = ce(), K = P(
50
+ return r === "STUDENT" && (e.playerDetails.grade = t.student.grade), e;
51
+ }, [I, a, i, l, t, r]), d = W((e) => {
52
+ U((H) => H ? { ...H, ...e } : e);
53
+ }, []), { buttonState: N, updateButtonState: V } = ee(), z = m(
57
54
  () => ({
58
- teacherPanel: D,
59
- studentPanel: T,
60
- isTeacher: t,
61
- slideConfig: A,
62
- milestoneConfig: a,
63
- formData: t ? r : s,
55
+ teacherPanel: T,
56
+ studentPanel: x,
57
+ isTeacher: a,
58
+ slideConfig: k,
59
+ milestoneConfig: s,
60
+ formData: a ? n : o,
64
61
  updateSlideConfig: d,
65
- worksheet: R,
66
- buttonState: B,
62
+ worksheet: y,
63
+ buttonState: N,
67
64
  updateButtonState: V,
68
65
  studentId: i,
69
66
  teacherId: l,
70
- classStartedOn: v,
71
- trialHomeData: e,
72
- worksheetNavigationPanel: y,
73
- questionsRatingPanel: x,
67
+ classStartedOn: _,
68
+ trialHomeData: t,
69
+ worksheetNavigationPanel: v,
70
+ questionsRatingPanel: E,
74
71
  onTrialInformationUpdate: G,
75
72
  openEndClassModal: F,
76
- studentAbsentInClass: O,
77
- circleGames: M,
78
- trialGameUrl: _,
79
- handleInfoMessage: N,
80
- onRemoveOptionalSlides: b,
81
- classDuration: j,
82
- classTimeAlertConfig: w
73
+ studentAbsentInClass: w,
74
+ circleGames: A,
75
+ trialGameUrl: P,
76
+ handleInfoMessage: M,
77
+ onRemoveOptionalSlides: R,
78
+ classDuration: $,
79
+ classTimeAlertConfig: b
83
80
  }),
84
81
  [
85
- D,
86
82
  T,
87
- t,
88
- A,
83
+ x,
89
84
  a,
90
- r,
85
+ k,
91
86
  s,
87
+ n,
88
+ o,
92
89
  d,
93
- R,
94
- B,
90
+ y,
91
+ N,
95
92
  V,
96
93
  i,
97
94
  l,
95
+ _,
96
+ t,
98
97
  v,
99
- e,
100
- y,
101
- x,
98
+ E,
102
99
  G,
103
100
  F,
104
- O,
101
+ w,
102
+ A,
103
+ P,
105
104
  M,
106
- _,
107
- N,
108
- b,
109
- j,
110
- w
105
+ R,
106
+ $,
107
+ b
111
108
  ]
112
109
  );
113
110
  S(() => {
114
- r && u && u(r);
115
- }, [u, r]), S(() => {
116
- c || p == null || p();
117
- }, [h]);
118
- const $ = L(
119
- (n) => {
120
- const { student: m, intel_student: Q } = n, { student_preference: W } = Q || {}, { preferences: k = [] } = W || {}, { name: X, grade: z } = m || {}, Z = !!se(a).find(
121
- (te) => te.id === z
122
- ), ee = U(k, H.OBJECTIVES), f = U(
123
- k,
124
- H.POSITION,
125
- !0
126
- );
127
- d({
128
- studentTimezone: c,
129
- name: X,
130
- grade: Z ? z : "",
131
- personalizedObjectives: ee,
132
- personalizedPosition: f,
133
- personalizedLevel: f.length > 0 && f[0] ? [ie[f[0]]] : []
134
- });
135
- },
136
- [a, c, d]
111
+ n && u && u(n);
112
+ }, [u, n]), S(() => {
113
+ g || f == null || f();
114
+ }, [C]);
115
+ const B = m(
116
+ () => !!X(s).find((e) => e.id === c),
117
+ [s, c]
137
118
  );
138
119
  return S(() => {
139
- t && e && $(e);
140
- }, [c, $, e, t]), /* @__PURE__ */ E(le.Provider, { value: K, children: /* @__PURE__ */ ne(ae, { $height: J, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
141
- /* @__PURE__ */ E(de, {}),
142
- /* @__PURE__ */ E(me, {})
120
+ d({
121
+ studentTimezone: g,
122
+ name: j,
123
+ grade: B ? c : ""
124
+ });
125
+ }, [
126
+ j,
127
+ c,
128
+ d,
129
+ g,
130
+ B
131
+ ]), /* @__PURE__ */ D(Z.Provider, { value: z, children: /* @__PURE__ */ J(Y, { $height: O, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
132
+ /* @__PURE__ */ D(te, {}),
133
+ /* @__PURE__ */ D(ae, {})
143
134
  ] }) });
144
135
  });
145
136
  export {
146
- Te as default
137
+ me as default
147
138
  };
148
139
  //# sourceMappingURL=trial-session-view.js.map
@@ -1 +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 ITrialHomeData,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { PREFERENCE_CATEGORY } from '../milestone/constants';\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport { PREFERENCE_CODE_MAP } from './comps/student-feedback/student-feedback-constants';\nimport TrialSessionContext from './context/trial-session-context';\nimport { getPreferenceCodesByCategory } from './helper';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n const {\n countryCode,\n userType,\n teacherPanel,\n studentPanel,\n trialGameUrl,\n formData: formDataProps,\n height = '100vh',\n trialHomeData,\n milestoneConfig,\n onFormDataChange,\n worksheet,\n studentId,\n teacherId,\n classStartedOn,\n worksheetNavigationPanel,\n questionsRatingPanel,\n studentAbsentInClass,\n openEndClassModal,\n onTrialInformationUpdate,\n onStudentTimezoneUpdate,\n handleInfoMessage,\n onRemoveOptionalSlides,\n classDuration,\n studentTimezone,\n classTimeAlertConfig,\n } = props;\n const isTeacher = userType === 'TEACHER';\n const { pages: slides = [] } = trialHomeData;\n\n const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n const formDataToUse = isTeacher ? formData : formDataProps;\n const currentSlideId = formDataToUse?.id;\n\n const currentSlideConfig = useMemo(\n () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n [currentSlideId, slides],\n );\n\n const circleGames = useMemo(() => {\n const data = {\n circleConfig: trialHomeData.circle_trial_game_config,\n playerDetails: {\n userId: isTeacher ? teacherId : studentId,\n circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n playerType: userType,\n countryCode: countryCode,\n },\n } as ITrialCircleGameParams;\n\n if (userType === 'STUDENT') {\n data.playerDetails.grade = trialHomeData.student.grade;\n }\n\n return data;\n }, [countryCode, isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n setFormData(previousProps => {\n if (!previousProps) return config as ITrialSessionFormFields;\n\n return { ...previousProps, ...config };\n });\n }, []);\n const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n const contextValue = useMemo<ITrialSessionContext>(\n () => ({\n teacherPanel,\n studentPanel,\n isTeacher,\n slideConfig: currentSlideConfig,\n milestoneConfig,\n formData: isTeacher ? formData : formDataProps,\n updateSlideConfig,\n worksheet,\n buttonState,\n updateButtonState,\n studentId,\n teacherId,\n classStartedOn,\n trialHomeData,\n worksheetNavigationPanel,\n questionsRatingPanel,\n onTrialInformationUpdate,\n openEndClassModal,\n studentAbsentInClass,\n circleGames,\n trialGameUrl,\n handleInfoMessage,\n onRemoveOptionalSlides,\n classDuration,\n classTimeAlertConfig,\n }),\n [\n teacherPanel,\n studentPanel,\n isTeacher,\n currentSlideConfig,\n milestoneConfig,\n formData,\n formDataProps,\n updateSlideConfig,\n worksheet,\n buttonState,\n updateButtonState,\n studentId,\n teacherId,\n classStartedOn,\n trialHomeData,\n worksheetNavigationPanel,\n questionsRatingPanel,\n onTrialInformationUpdate,\n openEndClassModal,\n studentAbsentInClass,\n circleGames,\n trialGameUrl,\n handleInfoMessage,\n onRemoveOptionalSlides,\n classDuration,\n classTimeAlertConfig,\n ],\n );\n\n useEffect(() => {\n if (formData && onFormDataChange) {\n onFormDataChange(formData);\n }\n }, [onFormDataChange, formData]);\n\n useEffect(() => {\n if (!studentTimezone) onStudentTimezoneUpdate?.();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentSlideId]);\n\n const onRenderUpdateSlideConfig = useCallback(\n (homeData: ITrialHomeData) => {\n const { student, intel_student: intelStudent } = homeData;\n const { student_preference: studentPreference } = intelStudent || {};\n const { preferences = [] } = studentPreference || {};\n const { name: studentName, grade: studentGrade } = student || {};\n\n const IsGradeExistInMilestoneConfig = !!getGradesFromConfig(milestoneConfig).find(\n element => element.id === studentGrade,\n );\n\n const objectives = getPreferenceCodesByCategory(preferences, PREFERENCE_CATEGORY.OBJECTIVES);\n const position = getPreferenceCodesByCategory(\n preferences,\n PREFERENCE_CATEGORY.POSITION,\n true,\n );\n\n updateSlideConfig({\n studentTimezone,\n name: studentName,\n grade: IsGradeExistInMilestoneConfig ? studentGrade : '',\n personalizedObjectives: objectives,\n personalizedPosition: position,\n personalizedLevel:\n position.length > 0 && position[0]\n ? [PREFERENCE_CODE_MAP[position[0] as keyof typeof PREFERENCE_CODE_MAP]]\n : [],\n });\n },\n [milestoneConfig, studentTimezone, updateSlideConfig],\n );\n\n useEffect(() => {\n if (isTeacher && trialHomeData) {\n onRenderUpdateSlideConfig(trialHomeData);\n }\n }, [studentTimezone, onRenderUpdateSlideConfig, trialHomeData, isTeacher]);\n\n return (\n <TrialSessionContext.Provider value={contextValue}>\n <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n <LeftPanel />\n <RightPanel />\n </FlexView>\n </TrialSessionContext.Provider>\n );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","countryCode","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","onRenderUpdateSlideConfig","homeData","student","intelStudent","studentPreference","preferences","studentName","studentGrade","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","objectives","getPreferenceCodesByCategory","PREFERENCE_CATEGORY","position","PREFERENCE_CODE_MAP","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}
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":";;;;;;;;AAiBM,MAAAA,KAA+CC,EAAK,CAASC,MAAA;AAC3D,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,EACE,IAAAzB,GACE0B,IAAYxB,MAAa,WACzB,EAAE,OAAOyB,IAAS,CAAC,GAAG,SAAAC,MAAYpB,GAClC,EAAE,MAAMqB,GAAa,OAAOC,EAAa,IAAIF,KAAW,IACxD,CAACG,GAAUC,CAAW,IAAIC,EAA8C3B,CAAa,GACrF4B,IAAgBR,IAAYK,IAAWzB,GACvC6B,IAAiBD,KAAA,gBAAAA,EAAe,IAChCE,IAAqBC;AAAA,IACzB,MAAMV,EAAO,KAAK,CAAAW,MAAUA,EAAO,OAAOH,CAAc,KAAKR,EAAO,CAAC;AAAA,IACrE,CAACQ,GAAgBR,CAAM;AAAA,EAAA,GAGnBY,IAAcF,EAAQ,MAAM;AAChC,UAAMG,IAAO;AAAA,MACX,cAAchC,EAAc;AAAA,MAC5B,eAAe;AAAA,QACb,QAAQkB,IAAYb,IAAYD;AAAA,QAChC,iBAAiBJ,EAAckB,IAAY,YAAY,SAAS,EAAE;AAAA,QAClE,aAAalB,EAAckB,IAAY,YAAY,SAAS,EAAE;AAAA,QAC9D,YAAYxB;AAAA,QACZ,aAAAD;AAAA,MACF;AAAA,IAAA;AAGF,WAAIC,MAAa,cACVsC,EAAA,cAAc,QAAQhC,EAAc,QAAQ,QAG5CgC;AAAA,EAAA,GACN,CAACvC,GAAayB,GAAWd,GAAWC,GAAWL,GAAeN,CAAQ,CAAC,GAEpEuC,IAAoBC,EAAY,CAACJ,MAA6C;AAClF,IAAAN,EAAY,CAAiBW,MACtBA,IAEE,EAAE,GAAGA,GAAe,GAAGL,MAFHA,CAG5B;AAAA,EACH,GAAG,CAAE,CAAA,GACC,EAAE,aAAAM,GAAa,mBAAAC,EAAkB,IAAIC,GAA2B,GAEhEC,IAAeV;AAAA,IACnB,OAAO;AAAA,MACL,cAAAlC;AAAA,MACA,cAAAC;AAAA,MACA,WAAAsB;AAAA,MACA,aAAaU;AAAA,MACb,iBAAA3B;AAAA,MACA,UAAUiB,IAAYK,IAAWzB;AAAA,MACjC,mBAAAmC;AAAA,MACA,WAAA9B;AAAA,MACA,aAAAiC;AAAA,MACA,mBAAAC;AAAA,MACA,WAAAjC;AAAA,MACA,WAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAN;AAAA,MACA,0BAAAO;AAAA,MACA,sBAAAC;AAAA,MACA,0BAAAG;AAAA,MACA,mBAAAD;AAAA,MACA,sBAAAD;AAAA,MACA,aAAAsB;AAAA,MACA,cAAAlC;AAAA,MACA,mBAAAgB;AAAA,MACA,wBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAE;AAAA,IAAA;AAAA,IAEF;AAAA,MACEtB;AAAA,MACAC;AAAA,MACAsB;AAAA,MACAU;AAAA,MACA3B;AAAA,MACAsB;AAAA,MACAzB;AAAA,MACAmC;AAAA,MACA9B;AAAA,MACAiC;AAAA,MACAC;AAAA,MACAjC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAN;AAAA,MACAO;AAAA,MACAC;AAAA,MACAG;AAAA,MACAD;AAAA,MACAD;AAAA,MACAsB;AAAA,MACAlC;AAAA,MACAgB;AAAA,MACAC;AAAA,MACAC;AAAA,MACAE;AAAA,IACF;AAAA,EAAA;AAGF,EAAAuB,EAAU,MAAM;AACd,IAAIjB,KAAYrB,KACdA,EAAiBqB,CAAQ;AAAA,EAC3B,GACC,CAACrB,GAAkBqB,CAAQ,CAAC,GAE/BiB,EAAU,MAAM;AACV,IAACxB,KAA2CJ,KAAA,QAAAA;AAAA,EAAA,GAE/C,CAACe,CAAc,CAAC;AAEnB,QAAMc,IAAgCZ;AAAA,IACpC,MAAM,CAAC,CAACa,EAAoBzC,CAAe,EAAE,KAAK,CAAA0C,MAAWA,EAAQ,OAAOrB,CAAY;AAAA,IACxF,CAACrB,GAAiBqB,CAAY;AAAA,EAAA;AAGhC,SAAAkB,EAAU,MAAM;AACI,IAAAP,EAAA;AAAA,MAChB,iBAAAjB;AAAA,MACA,MAAMK;AAAA,MACN,OAAOoB,IAAgCnB,IAAe;AAAA,IAAA,CACvD;AAAA,EAAA,GACA;AAAA,IACDD;AAAA,IACAC;AAAA,IACAW;AAAA,IACAjB;AAAA,IACAyB;AAAA,EAAA,CACD,GAGE,gBAAAG,EAAAC,EAAoB,UAApB,EAA6B,OAAON,GACnC,UAAA,gBAAAO,EAACC,GAAS,EAAA,SAAShD,GAAQ,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UACnF,UAAA;AAAA,IAAA,gBAAA6C,EAACI,IAAU,EAAA;AAAA,sBACVC,IAAW,EAAA;AAAA,EAAA,EACd,CAAA,EACF,CAAA;AAEJ,CAAC;"}
@@ -1,80 +1,93 @@
1
- import { jsx as l } from "react/jsx-runtime";
1
+ import { jsx as d } from "react/jsx-runtime";
2
2
  import { DotLottieWorker as v } from "../../../node_modules/@lottiefiles/dotlottie-web/dist/index.js";
3
- import { memo as w, forwardRef as x, useRef as p, useImperativeHandle as R, useEffect as h } from "react";
4
- import E from "../layout/flex-view.js";
5
- import { Canvas as H } from "./dot-lottie-animation-styled.js";
6
- const N = x((y, g) => {
7
- const {
8
- src: m,
9
- width: i = "100%",
10
- height: a = "100%",
11
- settings: f,
12
- eventListeners: r,
13
- onRender: u,
14
- onError: c
15
- } = y, s = p(null), t = p(null);
16
- return R(
17
- g,
18
- () => ({
19
- playSegments: (e) => {
20
- var n, o;
21
- (n = t.current) == null || n.setSegment(e[0], e[1]), (o = t.current) == null || o.play();
22
- },
23
- play: () => {
24
- var e;
25
- (e = t.current) == null || e.play();
26
- },
27
- pause: () => {
28
- var e;
29
- (e = t.current) == null || e.pause();
30
- }
31
- }),
32
- []
33
- ), h(() => {
34
- if (s.current)
35
- try {
36
- t.current = new v({
37
- src: m,
38
- canvas: s.current,
39
- autoplay: !0,
40
- loop: !1,
41
- renderConfig: {
42
- autoResize: !0,
43
- devicePixelRatio: window.devicePixelRatio,
44
- freezeOnOffscreen: !0
45
- },
46
- ...f
47
- }), requestAnimationFrame(() => {
48
- u == null || u();
49
- });
50
- } catch (e) {
51
- console.log(e), c == null || c();
3
+ import { memo as w, forwardRef as x, useRef as p, useImperativeHandle as A, useEffect as h } from "react";
4
+ import R from "../layout/flex-view.js";
5
+ import { Canvas as $ } from "./dot-lottie-animation-styled.js";
6
+ const E = x(
7
+ (y, g) => {
8
+ const {
9
+ src: s,
10
+ data: f,
11
+ width: i = "100%",
12
+ height: a = "100%",
13
+ settings: l,
14
+ eventListeners: o,
15
+ onRender: u,
16
+ onError: c
17
+ } = y, m = p(null), t = p(null);
18
+ return A(
19
+ g,
20
+ () => ({
21
+ play: () => {
22
+ var e;
23
+ (e = t.current) == null || e.play();
24
+ },
25
+ pause: () => {
26
+ var e;
27
+ (e = t.current) == null || e.pause();
28
+ },
29
+ playSegments: (e) => {
30
+ var r, n;
31
+ (r = t.current) == null || r.setSegment(e[0], e[1]), (n = t.current) == null || n.play();
32
+ },
33
+ setFrame: (e) => {
34
+ var r;
35
+ (r = t.current) == null || r.setFrame(e);
36
+ }
37
+ }),
38
+ []
39
+ ), h(() => {
40
+ if (!m.current) return;
41
+ let e = !1;
42
+ return (() => {
43
+ try {
44
+ t.current = new v({
45
+ src: s,
46
+ data: f,
47
+ canvas: m.current,
48
+ autoplay: !0,
49
+ loop: !1,
50
+ renderConfig: {
51
+ autoResize: !0,
52
+ devicePixelRatio: window.devicePixelRatio,
53
+ freezeOnOffscreen: !0
54
+ },
55
+ ...l
56
+ }), requestAnimationFrame(() => {
57
+ e || u == null || u();
58
+ });
59
+ } catch (n) {
60
+ console.log(n), c == null || c();
61
+ }
62
+ })(), () => {
63
+ e = !0, t.current && (t.current.destroy(), t.current = null);
64
+ };
65
+ }, [s, l, u, c, f]), h(() => (o == null || o.forEach(
66
+ ({ name: e, callback: r }) => {
67
+ var n;
68
+ return (n = t.current) == null ? void 0 : n.addEventListener(e, r);
52
69
  }
53
- }, [m, f, u, c]), h(() => (r == null || r.forEach(
54
- ({ name: e, callback: n }) => {
55
- var o;
56
- return (o = t.current) == null ? void 0 : o.addEventListener(e, n);
57
- }
58
- ), () => {
59
- var e;
60
- r == null || r.forEach(
61
- ({ name: n, callback: o }) => {
62
- var d;
63
- return (d = t.current) == null ? void 0 : d.removeEventListener(n, o);
64
- }
65
- ), (e = t.current) == null || e.destroy();
66
- }), [r]), /* @__PURE__ */ l(E, { $width: i, $height: a, children: /* @__PURE__ */ l(
67
- H,
68
- {
69
- ref: s,
70
- $renderWidth: i,
71
- $renderHeight: a,
72
- width: typeof i == "number" ? i : void 0,
73
- height: typeof a == "number" ? a : void 0
74
- }
75
- ) });
76
- }), F = w(N);
70
+ ), () => {
71
+ o == null || o.forEach(
72
+ ({ name: e, callback: r }) => {
73
+ var n;
74
+ return (n = t.current) == null ? void 0 : n.removeEventListener(e, r);
75
+ }
76
+ );
77
+ }), [o]), /* @__PURE__ */ d(R, { $width: i, $height: a, children: /* @__PURE__ */ d(
78
+ $,
79
+ {
80
+ ref: m,
81
+ $renderWidth: i,
82
+ $renderHeight: a,
83
+ width: typeof i == "number" ? i : void 0,
84
+ height: typeof a == "number" ? a : void 0
85
+ },
86
+ s
87
+ ) });
88
+ }
89
+ ), C = w(E);
77
90
  export {
78
- F as default
91
+ C as default
79
92
  };
80
93
  //# sourceMappingURL=dot-lottie-animation.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dot-lottie-animation.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation.tsx"],"sourcesContent":["import type {\n AnimationSegment,\n ILottieAnimationProps,\n ILottieAnimationRef,\n} from './dot-lottie-types';\n\nimport { DotLottieWorker } from '@lottiefiles/dotlottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './dot-lottie-animation-styled';\n\nconst DotLottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n const {\n src,\n width = '100%',\n height = '100%',\n settings,\n eventListeners,\n onRender,\n onError,\n } = props;\n\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const animationInstance = useRef<DotLottieWorker | null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n playSegments: (segments: AnimationSegment) => {\n animationInstance.current?.setSegment(segments[0], segments[1]);\n animationInstance.current?.play();\n },\n play: () => {\n animationInstance.current?.play();\n },\n pause: () => {\n animationInstance.current?.pause();\n },\n }),\n [],\n );\n\n useEffect(() => {\n if (!canvasRef.current) return;\n\n try {\n animationInstance.current = new DotLottieWorker({\n src,\n canvas: canvasRef.current,\n autoplay: true,\n loop: false,\n renderConfig: {\n autoResize: true,\n devicePixelRatio: window.devicePixelRatio,\n freezeOnOffscreen: true,\n },\n ...settings,\n });\n\n requestAnimationFrame(() => {\n onRender?.();\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n console.log(err);\n onError?.();\n }\n }, [src, settings, onRender, onError]);\n\n useEffect(() => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.addEventListener(name, callback),\n );\n\n return () => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.removeEventListener(name, callback),\n );\n animationInstance.current?.destroy();\n };\n }, [eventListeners]);\n\n const isNumW = typeof width === 'number';\n const isNumH = typeof height === 'number';\n\n return (\n <FlexView $width={width} $height={height}>\n <Styled.Canvas\n ref={canvasRef}\n $renderWidth={width}\n $renderHeight={height}\n width={isNumW ? width : undefined}\n height={isNumH ? height : undefined}\n />\n </FlexView>\n );\n});\n\nexport default memo(DotLottieAnimation);\n"],"names":["DotLottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListeners","onRender","onError","canvasRef","useRef","animationInstance","useImperativeHandle","segments","_a","_b","useEffect","DotLottieWorker","err","name","callback","jsx","FlexView","Styled.Canvas","dotLottieAnimation","memo"],"mappings":";;;;;AAYA,MAAMA,IAAqBC,EAAuD,CAACC,GAAOC,MAAQ;AAC1F,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAA0B,IAAI,GAC1CC,IAAoBD,EAA+B,IAAI;AAE7D,SAAAE;AAAA,IACEX;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACY,MAA+B;;AAC5C,SAAAC,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B,WAAWD,EAAS,CAAC,GAAGA,EAAS,CAAC,KAC7DE,IAAAJ,EAAkB,YAAlB,QAAAI,EAA2B;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM;;AACV,SAAAD,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,MACA,OAAO,MAAM;;AACX,SAAAA,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHE,EAAU,MAAM;AACV,QAACP,EAAU;AAEX,UAAA;AACgB,QAAAE,EAAA,UAAU,IAAIM,EAAgB;AAAA,UAC9C,KAAAf;AAAA,UACA,QAAQO,EAAU;AAAA,UAClB,UAAU;AAAA,UACV,MAAM;AAAA,UACN,cAAc;AAAA,YACZ,YAAY;AAAA,YACZ,kBAAkB,OAAO;AAAA,YACzB,mBAAmB;AAAA,UACrB;AAAA,UACA,GAAGJ;AAAA,QAAA,CACJ,GAED,sBAAsB,MAAM;AACf,UAAAE,KAAA,QAAAA;AAAA,QAAA,CACZ;AAAA,eACMW,GAAK;AAEZ,gBAAQ,IAAIA,CAAG,GACLV,KAAA,QAAAA;AAAA,MACZ;AAAA,KACC,CAACN,GAAKG,GAAUE,GAAUC,CAAO,CAAC,GAErCQ,EAAU,OACQV,KAAA,QAAAA,EAAA;AAAA,IACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,cAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,iBAAiBK,GAAMC;AAAA;AAAA,KAGrE,MAAM;;AACK,IAAAd,KAAA,QAAAA,EAAA;AAAA,MACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,gBAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,oBAAoBK,GAAMC;AAAA;AAAA,QAE/EN,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,EAAQ,IAEpC,CAACR,CAAc,CAAC,GAMhB,gBAAAe,EAAAC,GAAA,EAAS,QAAQnB,GAAO,SAASC,GAChC,UAAA,gBAAAiB;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,cAAcN;AAAA,MACd,eAAeC;AAAA,MACf,OATS,OAAOD,KAAU,WASVA,IAAQ;AAAA,MACxB,QATS,OAAOC,KAAW,WASVA,IAAS;AAAA,IAAA;AAAA,EAE9B,EAAA,CAAA;AAEJ,CAAC,GAEcoB,IAAAC,EAAK3B,CAAkB;"}
1
+ {"version":3,"file":"dot-lottie-animation.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation.tsx"],"sourcesContent":["import type {\n AnimationSegment,\n IDotLottieAnimationProps,\n IDotLottieAnimationRef,\n} from './dot-lottie-types';\n\nimport { DotLottieWorker } from '@lottiefiles/dotlottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './dot-lottie-animation-styled';\n\nconst DotLottieAnimation = forwardRef<IDotLottieAnimationRef, IDotLottieAnimationProps>(\n (props, ref) => {\n const {\n src,\n data,\n width = '100%',\n height = '100%',\n settings,\n eventListeners,\n onRender,\n onError,\n } = props;\n\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const animationInstance = useRef<DotLottieWorker | null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n play: () => {\n animationInstance.current?.play();\n },\n pause: () => {\n animationInstance.current?.pause();\n },\n playSegments: (segments: AnimationSegment) => {\n animationInstance.current?.setSegment(segments[0], segments[1]);\n animationInstance.current?.play();\n },\n setFrame: (frame: number) => {\n animationInstance.current?.setFrame(frame);\n },\n }),\n [],\n );\n\n useEffect(() => {\n if (!canvasRef.current) return;\n\n let destroyed = false;\n\n const loadAnimation = () => {\n try {\n animationInstance.current = new DotLottieWorker({\n src,\n data,\n canvas: canvasRef.current!,\n autoplay: true,\n loop: false,\n renderConfig: {\n autoResize: true,\n devicePixelRatio: window.devicePixelRatio,\n freezeOnOffscreen: true,\n },\n ...settings,\n });\n\n requestAnimationFrame(() => {\n if (destroyed) return;\n onRender?.();\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n console.log(err);\n onError?.();\n }\n };\n\n loadAnimation();\n\n return () => {\n destroyed = true;\n if (animationInstance.current) {\n animationInstance.current.destroy();\n animationInstance.current = null;\n }\n };\n }, [src, settings, onRender, onError, data]);\n\n useEffect(() => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.addEventListener(name, callback),\n );\n\n return () => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.removeEventListener(name, callback),\n );\n };\n }, [eventListeners]);\n\n const isNumW = typeof width === 'number';\n const isNumH = typeof height === 'number';\n\n return (\n <FlexView $width={width} $height={height}>\n <Styled.Canvas\n key={src}\n ref={canvasRef}\n $renderWidth={width}\n $renderHeight={height}\n width={isNumW ? width : undefined}\n height={isNumH ? height : undefined}\n />\n </FlexView>\n );\n },\n);\n\nexport default memo(DotLottieAnimation);\n"],"names":["DotLottieAnimation","forwardRef","props","ref","src","data","width","height","settings","eventListeners","onRender","onError","canvasRef","useRef","animationInstance","useImperativeHandle","_a","segments","_b","frame","useEffect","destroyed","DotLottieWorker","err","name","callback","jsx","FlexView","Styled.Canvas","DotLottieAnimation$1","memo"],"mappings":";;;;;AAYA,MAAMA,IAAqBC;AAAA,EACzB,CAACC,GAAOC,MAAQ;AACR,UAAA;AAAA,MACJ,KAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,QAAAC,IAAS;AAAA,MACT,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,IACE,IAAAT,GAEEU,IAAYC,EAA0B,IAAI,GAC1CC,IAAoBD,EAA+B,IAAI;AAE7D,WAAAE;AAAA,MACEZ;AAAA,MACA,OAAO;AAAA,QACL,MAAM,MAAM;;AACV,WAAAa,IAAAF,EAAkB,YAAlB,QAAAE,EAA2B;AAAA,QAC7B;AAAA,QACA,OAAO,MAAM;;AACX,WAAAA,IAAAF,EAAkB,YAAlB,QAAAE,EAA2B;AAAA,QAC7B;AAAA,QACA,cAAc,CAACC,MAA+B;;AAC5C,WAAAD,IAAAF,EAAkB,YAAlB,QAAAE,EAA2B,WAAWC,EAAS,CAAC,GAAGA,EAAS,CAAC,KAC7DC,IAAAJ,EAAkB,YAAlB,QAAAI,EAA2B;AAAA,QAC7B;AAAA,QACA,UAAU,CAACC,MAAkB;;AACT,WAAAH,IAAAF,EAAA,YAAA,QAAAE,EAAS,SAASG;AAAA,QACtC;AAAA,MAAA;AAAA,MAEF,CAAC;AAAA,IAAA,GAGHC,EAAU,MAAM;AACV,UAAA,CAACR,EAAU,QAAS;AAExB,UAAIS,IAAY;AA6BF,cA3BQ,MAAM;AACtB,YAAA;AACgB,UAAAP,EAAA,UAAU,IAAIQ,EAAgB;AAAA,YAC9C,KAAAlB;AAAA,YACA,MAAAC;AAAA,YACA,QAAQO,EAAU;AAAA,YAClB,UAAU;AAAA,YACV,MAAM;AAAA,YACN,cAAc;AAAA,cACZ,YAAY;AAAA,cACZ,kBAAkB,OAAO;AAAA,cACzB,mBAAmB;AAAA,YACrB;AAAA,YACA,GAAGJ;AAAA,UAAA,CACJ,GAED,sBAAsB,MAAM;AAC1B,YAAIa,KACOX,KAAA,QAAAA;AAAA,UAAA,CACZ;AAAA,iBACMa,GAAK;AAEZ,kBAAQ,IAAIA,CAAG,GACLZ,KAAA,QAAAA;AAAA,QACZ;AAAA,MAAA,MAKK,MAAM;AACC,QAAAU,IAAA,IACRP,EAAkB,YACpBA,EAAkB,QAAQ,WAC1BA,EAAkB,UAAU;AAAA,MAC9B;AAAA,IACF,GACC,CAACV,GAAKI,GAAUE,GAAUC,GAASN,CAAI,CAAC,GAE3Ce,EAAU,OACQX,KAAA,QAAAA,EAAA;AAAA,MACd,CAAC,EAAE,MAAAe,GAAM,UAAAC,QAAe;;AAAA,gBAAAT,IAAAF,EAAkB,YAAlB,gBAAAE,EAA2B,iBAAiBQ,GAAMC;AAAA;AAAA,OAGrE,MAAM;AACK,MAAAhB,KAAA,QAAAA,EAAA;AAAA,QACd,CAAC,EAAE,MAAAe,GAAM,UAAAC,QAAe;;AAAA,kBAAAT,IAAAF,EAAkB,YAAlB,gBAAAE,EAA2B,oBAAoBQ,GAAMC;AAAA;AAAA;AAAA,IAC/E,IAED,CAAChB,CAAc,CAAC,GAMhB,gBAAAiB,EAAAC,GAAA,EAAS,QAAQrB,GAAO,SAASC,GAChC,UAAA,gBAAAmB;AAAA,MAACE;AAAAA,MAAA;AAAA,QAEC,KAAKhB;AAAA,QACL,cAAcN;AAAA,QACd,eAAeC;AAAA,QACf,OAVS,OAAOD,KAAU,WAUVA,IAAQ;AAAA,QACxB,QAVS,OAAOC,KAAW,WAUVA,IAAS;AAAA,MAAA;AAAA,MALrBH;AAAA,IAOT,EAAA,CAAA;AAAA,EAEJ;AACF,GAEeyB,IAAAC,EAAK9B,CAAkB;"}