{"version":3,"file":"build.881782f3673a3f4d.js","sources":["webpack://pilot-dashboards/./src/constants/apolloConfig.ts","webpack://pilot-dashboards/./src/cache/common/subscribeConnectionReactiveVar.ts","webpack://pilot-dashboards/./src/apollo/ApolloConfig.tsx","webpack://pilot-dashboards/./src/hooks/subscribeConnectionHook/subscribeConnectionHook.ts","webpack://pilot-dashboards/./src/appVariables.ts","webpack://pilot-dashboards/./src/cache/learner/skillMatchReactiveVar.ts","webpack://pilot-dashboards/./src/cache/cache.ts","webpack://pilot-dashboards/./src/cache/common/authErrorMessageReactiveVar.ts","webpack://pilot-dashboards/./src/cache/common/loadersReactiveVar.ts","webpack://pilot-dashboards/./src/cache/common/majorIdReactiveVar.ts","webpack://pilot-dashboards/./src/cache/common/platformValidationCodeReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/coursesProvidersReactiveVars.ts","webpack://pilot-dashboards/./src/cache/learner/homeReactiveVars.ts","webpack://pilot-dashboards/./src/cache/learner/invalidMajorReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/jobPreferencesReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/jobTitlesInstitutionReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/kanbanReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/learningPathsByInstitutionReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/learningPathsByObjectivesReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/recommendedOccupationsByMajorReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/recommendedOccupationsReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/recommendedSkillsReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/relatedOccupationsReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/selectedOptionsSkillVar.ts","webpack://pilot-dashboards/./src/cache/learner/skillForCoursesRecommendationReactiveVar.ts","webpack://pilot-dashboards/./src/cache/learner/studentLearningPathsReactiveVar.ts","webpack://pilot-dashboards/./src/cache/wizard/wizardReactiveVars.ts","webpack://pilot-dashboards/./src/components/generics/CircularLoaderComponent/styles/CircularLoaderComponentStyles.ts","webpack://pilot-dashboards/./src/components/generics/CircularLoaderComponent/CircularLoaderComponent.tsx","webpack://pilot-dashboards/./src/components/generics/EmptyStateComponent/EmptyStateComponent.tsx","webpack://pilot-dashboards/./src/components/generics/EmptyStateComponent/styles/EmptyStateComponentStyles.ts","webpack://pilot-dashboards/./src/components/generics/FormBuilderComponent/FormBuilderComponent.tsx","webpack://pilot-dashboards/./src/components/wrappers/IconWrapper.tsx","webpack://pilot-dashboards/./src/components/generics/IconComponent/IconComponent.tsx","webpack://pilot-dashboards/./src/components/generics/ModalComponent/NewModalLayoutComponentConfig.ts","webpack://pilot-dashboards/./src/components/generics/ModalComponent/i18n/en.ts","webpack://pilot-dashboards/./src/components/generics/ModalComponent/i18n/es.ts","webpack://pilot-dashboards/./src/components/generics/SkillTrackerStatusSpan/SkillTrackerStatusSpanConfig.ts","webpack://pilot-dashboards/./src/components/generics/SkillTrackerStatusSpan/i18n/en.ts","webpack://pilot-dashboards/./src/components/generics/SkillTrackerStatusSpan/i18n/es.ts","webpack://pilot-dashboards/./src/components/generics/SkillTrackerStatusSpan/styles/SkillTrackerStatusSpanStyles.ts","webpack://pilot-dashboards/./src/components/generics/SkillTrackerStatusSpan/SkillTrackerStatusSpan.tsx","webpack://pilot-dashboards/./src/components/generics/ModalComponent/components/DefaultModalHeader/DefaultModalHeader.tsx","webpack://pilot-dashboards/./src/components/generics/ModalComponent/styles/NewModalLayoutComponentStyles.ts","webpack://pilot-dashboards/./src/components/generics/ModalComponent/NewModalLayoutComponent.tsx","webpack://pilot-dashboards/./src/components/generics/ModalComponent/components/DefaultModalHeader/styles/DefaultModalHeaderStyles.ts","webpack://pilot-dashboards/./src/components/generics/NotificationComponent/styles/NotificationComponentStyles.ts","webpack://pilot-dashboards/./src/components/generics/SkeletonComponent/SkeletonComponent.tsx","webpack://pilot-dashboards/./src/components/generics/TranslationComponent/TranslationComponentConfig.ts","webpack://pilot-dashboards/./src/components/generics/TranslationComponent/i18n/en.ts","webpack://pilot-dashboards/./src/components/generics/TranslationComponent/i18n/es.ts","webpack://pilot-dashboards/./src/components/generics/TranslationComponent/styles/TranslationComponentStyles.ts","webpack://pilot-dashboards/./src/components/generics/TranslationComponent/TranslationComponent.tsx","webpack://pilot-dashboards/./src/components/resources/fonts.ts","webpack://pilot-dashboards/./src/components/resources/marginPadding.ts","webpack://pilot-dashboards/./src/components/resources/styleConfigs.ts","webpack://pilot-dashboards/./src/components/resources/borders.ts","webpack://pilot-dashboards/./src/components/resources/dimensions.ts","webpack://pilot-dashboards/./src/components/template-minimal/@material-extend/MIconButton.tsx","webpack://pilot-dashboards/./src/components/template-minimal/@material-extend/MHidden.tsx","webpack://pilot-dashboards/./src/components/template-minimal/MenuPopoverComponent/MenuPopoverStyles.ts","webpack://pilot-dashboards/./src/components/template-minimal/MenuPopoverComponent/MenuPopover.tsx","webpack://pilot-dashboards/./src/components/template-minimal/PageStyles.ts","webpack://pilot-dashboards/./src/utils/getCustomFavicon.ts","webpack://pilot-dashboards/./src/components/template-minimal/Page.tsx","webpack://pilot-dashboards/./src/components/template-minimal/SvgIconStyle.tsx","webpack://pilot-dashboards/./src/components/template-minimal/animate/variants/Actions.ts","webpack://pilot-dashboards/./src/components/template-minimal/animate/variants/background/BackgroundPan.ts","webpack://pilot-dashboards/./src/components/template-minimal/animate/variants/zoom/ZoomIn.ts","webpack://pilot-dashboards/./src/components/template-minimal/animate/variants/zoom/ZoomOut.ts","webpack://pilot-dashboards/./src/components/template-minimal/animate/variants/bounce/BounceIn.ts","webpack://pilot-dashboards/./src/components/template-minimal/animate/variants/bounce/BounceOut.ts","webpack://pilot-dashboards/./src/components/template-minimal/animate/ButtonAnimate.tsx","webpack://pilot-dashboards/./src/components/wrappers/BoxWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ButtonWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/CardWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/DialogWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/DividerWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/GridWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/IconButtonWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/IconCloseWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/LinkWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ListItemButtonWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ListItemIconWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ListItemTextWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ListSubheaderWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ListWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ScrollbarWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/StackWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/TabWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/TabsWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/TextFieldWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/TypographyWrapper.tsx","webpack://pilot-dashboards/./src/config.ts","webpack://pilot-dashboards/./src/utils/parseProviderString.ts","webpack://pilot-dashboards/./src/constants/PlatformAltTexts.ts","webpack://pilot-dashboards/./src/constants/enums/FeaturesEnum.ts","webpack://pilot-dashboards/./src/constants/enums/SkillStatusEnum.ts","webpack://pilot-dashboards/./src/constants/icons.ts","webpack://pilot-dashboards/./src/constants/invalidMajorId.ts","webpack://pilot-dashboards/./src/constants/notification.ts","webpack://pilot-dashboards/./src/contexts/AuthContext/AuthContextConfig.ts","webpack://pilot-dashboards/./src/contexts/AuthContext/i18n/en.ts","webpack://pilot-dashboards/./src/contexts/AuthContext/i18n/es.ts","webpack://pilot-dashboards/./src/operations/query/public/features/useGetFeatureFlags.ts","webpack://pilot-dashboards/./src/operations/query/public/features/useGetFeaturesWithValues.ts","webpack://pilot-dashboards/./src/utils/handleCaseAuth.ts","webpack://pilot-dashboards/./src/contexts/AuthContext/AuthContext.tsx","webpack://pilot-dashboards/./src/contexts/FeatureFlagsContext.tsx","webpack://pilot-dashboards/./src/contexts/IkigaiContext.tsx","webpack://pilot-dashboards/./src/contexts/InstitutionCustomTextContext.tsx","webpack://pilot-dashboards/./src/operations/query/institutions/useGetInstitutionCustomTexts.ts","webpack://pilot-dashboards/./src/contexts/actionTypes/modalActionTypes.ts","webpack://pilot-dashboards/./src/contexts/actions/modalActions.ts","webpack://pilot-dashboards/./src/contexts/reducer/modalReducer.ts","webpack://pilot-dashboards/./src/contexts/ModalContext.tsx","webpack://pilot-dashboards/./src/contexts/actionTypes/notificationActionsTypes.ts","webpack://pilot-dashboards/./src/contexts/reducer/notificationReducer.ts","webpack://pilot-dashboards/./src/contexts/NotificationsContext.tsx","webpack://pilot-dashboards/./src/contexts/actions/notificationActions.ts","webpack://pilot-dashboards/./src/contexts/SettingsContext.tsx","webpack://pilot-dashboards/./src/operations/mutations/student/useUpdateStudentCourseRecommendations/useUpdateStudentCourseRecommendations.ts","webpack://pilot-dashboards/./src/contexts/StudentDataContext/StudentDataContext.tsx","webpack://pilot-dashboards/./src/contexts/reducer/featureFlagsReducer.ts","webpack://pilot-dashboards/./src/hoc/sanitization/withSanitization.tsx","webpack://pilot-dashboards/./src/hooks/RecommendedOccupationsHook/recommendedOccupationsHook.tsx","webpack://pilot-dashboards/./src/hooks/authErrorMessageHook/useAuthErrorMessageHook.ts","webpack://pilot-dashboards/./src/hooks/authorizedDomainsErrorHook/authorizedDomainsErrorHook.ts","webpack://pilot-dashboards/./src/operations/mutations/logging/useWriteLog.ts","webpack://pilot-dashboards/./src/hooks/useLogger/useLogger.ts","webpack://pilot-dashboards/./src/hooks/jobPreferencesDataHook/useJobPreferencesDataHook.tsx","webpack://pilot-dashboards/./src/hooks/kanbanDataHook/useKanbanDataHookConfig.ts","webpack://pilot-dashboards/./src/hooks/kanbanDataHook/i18n/en.ts","webpack://pilot-dashboards/./src/hooks/kanbanDataHook/i18n/es.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useCreateOrUpdateStudentSkill/useCreateOrUpdateStudentSkill.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useDeleteStudentSkills/deleteStudentSkills.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useMutationUpdateStudentSkillStatus/useMutationUpdateStudentSkillStatus.ts","webpack://pilot-dashboards/./src/hooks/kanbanDataHook/useKanbanDataHook.tsx","webpack://pilot-dashboards/./src/hooks/learningPathsByInstitutionHook/useLearningPathsByInstitutionHook.ts","webpack://pilot-dashboards/./src/hooks/learningPathsByObjectivesHook/useLearningPathsByObjectivesHook.ts","webpack://pilot-dashboards/./src/hooks/notificationsHook/useNotificationsHook.tsx","webpack://pilot-dashboards/./src/hooks/notificationsHook/useNotificationsHookConfig.ts","webpack://pilot-dashboards/./src/hooks/notificationsHook/i18n/en.ts","webpack://pilot-dashboards/./src/hooks/notificationsHook/i18n/es.ts","webpack://pilot-dashboards/./src/hooks/recommendedOccupationsByMajorHook/recommendedOccupationsByMajorHook.tsx","webpack://pilot-dashboards/./src/hooks/recommendedSkillsHook/useRecommendedSkillsHook.tsx","webpack://pilot-dashboards/./src/hooks/skillForCoursesRecommendationHook/skillForCoursesRecommendationHook.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useCreateStudentLearningPathway/useCreateStudentLearningPathway.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useDeleteStudentLearningPathway/deleteCourseInStudentLearningPathway.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useDeleteStudentLearningPathway/useDeleteStudentLearningPathway.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useUpdateCoursesLearningPathwayStatus/useUpdateCoursesLearningPathwayStatus.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useUpdateStudentLearningPathStatus/useUpdateStudentLearningPathStatus.ts","webpack://pilot-dashboards/./src/hooks/studentLearningPathsHook/useStudentLearningPathsHook.ts","webpack://pilot-dashboards/./src/hooks/useGetPaletteFromWhiteLabel.ts","webpack://pilot-dashboards/./src/hooks/useJobTitlesInstitutionReactiveVarHook/useJobTitlesInstitutionReactiveVarHook.tsx","webpack://pilot-dashboards/./src/hooks/useLocalStorage.ts","webpack://pilot-dashboards/./src/hooks/useRegistrationsHook/useRegistrationHookConfig.ts","webpack://pilot-dashboards/./src/hooks/useRegistrationsHook/i18n/en.ts","webpack://pilot-dashboards/./src/hooks/useRegistrationsHook/i18n/es.ts","webpack://pilot-dashboards/./src/components/generics/RoleDividerModal/RoleDividerModalConfig.ts","webpack://pilot-dashboards/./src/components/generics/RoleDividerModal/i18n/en.ts","webpack://pilot-dashboards/./src/components/generics/RoleDividerModal/i18n/es.ts","webpack://pilot-dashboards/./src/components/generics/RoleDividerModal/styles/RoleDividerModalStyles.ts","webpack://pilot-dashboards/./src/constants/roles.ts","webpack://pilot-dashboards/./src/components/generics/RoleDividerModal/RoleDividerModal.tsx","webpack://pilot-dashboards/./src/operations/mutations/public/useSignIn/useSignIn.ts","webpack://pilot-dashboards/./src/operations/mutations/public/useSignIn/useSignInMultipleRoles.ts","webpack://pilot-dashboards/./src/operations/mutations/public/useSignup/useSignup.ts","webpack://pilot-dashboards/./src/operations/mutations/public/useSignupGoogle/useSignupGoogle.ts","webpack://pilot-dashboards/./src/hooks/useRegistrationsHook/useRegistrationsHook.ts","webpack://pilot-dashboards/./src/constants/flags.ts","webpack://pilot-dashboards/./src/hooks/useSanitizedInput/useSanitizedInput.ts","webpack://pilot-dashboards/./src/hooks/useSetDataFromLocalStorage/useSetDataFromLocalStorage.ts","webpack://pilot-dashboards/./src/hooks/useSettings.ts","webpack://pilot-dashboards/./src/hooks/useStudentRefetch.ts","webpack://pilot-dashboards/./src/hooks/userAuth.tsx","webpack://pilot-dashboards/./src/i18n.ts","webpack://pilot-dashboards/./src/components/generics/ListNotificationComponent/ListNotificationComponentStyles.ts","webpack://pilot-dashboards/./src/components/generics/NotificationComponent/NotificationComponentConfig.ts","webpack://pilot-dashboards/./src/components/generics/NotificationComponent/i18n/en.ts","webpack://pilot-dashboards/./src/components/generics/NotificationComponent/i18n/es.ts","webpack://pilot-dashboards/./src/components/generics/NotificationComponent/NotificationComponent.tsx","webpack://pilot-dashboards/./src/components/generics/ListNotificationComponent/ListNotificationComponent.tsx","webpack://pilot-dashboards/./src/components/generics/LoaderComponent/LoaderComponent.tsx","webpack://pilot-dashboards/./src/components/generics/ModalComponent/styles/ModalViewStyles.ts","webpack://pilot-dashboards/./src/components/generics/ModalDialogAnimated/styles/ModalDialogAnimatedStyles.ts","webpack://pilot-dashboards/./src/components/generics/ModalDialogAnimated/ModalDialogAnimated.tsx","webpack://pilot-dashboards/./src/components/generics/ModalComponent/ModalView.tsx","webpack://pilot-dashboards/./src/components/generics/PostMessageSSO/PostMessageSsoConfig.ts","webpack://pilot-dashboards/./src/components/generics/PostMessageSSO/i18n/en.ts","webpack://pilot-dashboards/./src/components/generics/PostMessageSSO/i18n/es.ts","webpack://pilot-dashboards/./src/components/generics/PostMessageSSO/PostMessageSso.tsx","webpack://pilot-dashboards/./src/utils/handleErrorsSso.ts","webpack://pilot-dashboards/./src/utils/mixpanelTimeFunction.ts","webpack://pilot-dashboards/./src/components/mixpanel/MixpanelOnRouteChange.tsx","webpack://pilot-dashboards/./src/components/template-minimal/LoadingScreenComponent/LoadingScreenStyles.ts","webpack://pilot-dashboards/./src/components/template-minimal/LogoComponent/styles/LogoStyles.ts","webpack://pilot-dashboards/./src/utils/getCustomRedirectUrl.ts","webpack://pilot-dashboards/./src/components/template-minimal/LogoComponent/Logo.tsx","webpack://pilot-dashboards/./src/components/template-minimal/LoadingScreenComponent/LoadingScreen.tsx","webpack://pilot-dashboards/./src/components/template-minimal/RtlLayout.tsx","webpack://pilot-dashboards/./src/components/template-minimal/ScrollToTop.tsx","webpack://pilot-dashboards/./src/hooks/useLoadableRoutes/useLoadableRoutesConfig.ts","webpack://pilot-dashboards/./src/hooks/useLoadableRoutes/i18n/en.ts","webpack://pilot-dashboards/./src/hooks/useLoadableRoutes/i18n/es.ts","webpack://pilot-dashboards/./src/hooks/useLoadableRoutes/useLoadableRoutes.tsx","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopoverConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopOverComponents/AccountInfoConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopOverComponents/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopOverComponents/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopOverComponents/AccountBriefStyles.tsx","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopOverComponents/AccountBrief.tsx","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopOverComponents/AccountInfoAdvisorConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopOverComponents/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopOverComponents/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopOverComponents/AccountInfoStyles.tsx","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopOverComponents/AccountInfo.tsx","webpack://pilot-dashboards/./src/components/wrappers/AppBarWrapper.tsx","webpack://pilot-dashboards/./src/components/wrappers/ToolbarWrapper.tsx","webpack://pilot-dashboards/./src/layouts/dashboard/styles/DashboardNavbarStyles.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/styles/AccountPopoverStyles.ts","webpack://pilot-dashboards/./src/layouts/dashboard/AccountPopover.tsx","webpack://pilot-dashboards/./src/hooks/courseInstitutionProvidersHook/useCourseInstitutionProvidersHook.ts","webpack://pilot-dashboards/./src/operations/query/institutions/useGetInstitutionsCourseProvider.ts","webpack://pilot-dashboards/./src/layouts/dashboard/DashboardNavbar.tsx","webpack://pilot-dashboards/./src/layouts/dashboard/SidebarConfiguration/SidebarConfigurationConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard/SidebarConfiguration/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard/SidebarConfiguration/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard/SidebarConfiguration/SidebarConfiguration.tsx","webpack://pilot-dashboards/./src/layouts/dashboard/styles/DashboardSidebarStyles.ts","webpack://pilot-dashboards/./src/components/template-minimal/NavSectionComponent/styles/NavSectionStyles.tsx","webpack://pilot-dashboards/./src/components/template-minimal/NavItem/styles/NavItemStyles.ts","webpack://pilot-dashboards/./src/components/generics/ListItemTextComponent/ListItemTextComponent.tsx","webpack://pilot-dashboards/./src/components/template-minimal/NavItem/NavItem.tsx","webpack://pilot-dashboards/./src/components/template-minimal/NavSectionComponent/NavSection.tsx","webpack://pilot-dashboards/./src/components/wrappers/DrawerWrapper.tsx","webpack://pilot-dashboards/./src/contexts/CollapseDrawerContext.tsx","webpack://pilot-dashboards/./src/hooks/useCollapseDrawer.ts","webpack://pilot-dashboards/./src/layouts/dashboard/DashboardSidebar.tsx","webpack://pilot-dashboards/./src/constants/dashboard/breakpoints.ts","webpack://pilot-dashboards/./src/layouts/dashboard/styles/DashboardLayoutStyles.ts","webpack://pilot-dashboards/./src/components/ChangePasswordDialog/ChangePasswordDialogConfig.ts","webpack://pilot-dashboards/./src/components/ChangePasswordDialog/i18n/en.ts","webpack://pilot-dashboards/./src/components/ChangePasswordDialog/i18n/es.ts","webpack://pilot-dashboards/./src/components/ChangePasswordDialog/ChangePasswordDialogStyles.ts","webpack://pilot-dashboards/./src/components/ChangePasswordDialog/ChangePasswordDialogTitle.tsx","webpack://pilot-dashboards/./src/components/Forms/ChangePasswordForm/ChangePasswordFormConfig.ts","webpack://pilot-dashboards/./src/components/Forms/ChangePasswordForm/i18n/en.ts","webpack://pilot-dashboards/./src/components/Forms/ChangePasswordForm/i18n/es.ts","webpack://pilot-dashboards/./src/components/Forms/ChangePasswordForm/styles/ChangePasswordFormStyles.ts","webpack://pilot-dashboards/./src/components/Forms/ChangePasswordForm/ChangePasswordForm.tsx","webpack://pilot-dashboards/./src/components/ChangePasswordDialog/ChangePasswordDialog.tsx","webpack://pilot-dashboards/./src/utils/getRoutePathname.ts","webpack://pilot-dashboards/./src/layouts/dashboard/DashboardLayout.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardProfileNavbar/DashboardProfileNavbarConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardProfileNavbar/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardProfileNavbar/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardProfileNavbar/styles/DashboardProfileNavbarStyles.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/SidebarProfileConfiguration/SidebarProfileConfigurationConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/SidebarProfileConfiguration/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/SidebarProfileConfiguration/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/SidebarProfileConfiguration/SidebarProfileConfiguration.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardProfileNavbar/DashboardProfileNavbar.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardStudentLayout/DashboardStudentLayoutConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardStudentLayout/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardStudentLayout/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardStudentLayout/styles/DashboardStudentLayoutStyles.ts","webpack://pilot-dashboards/./src/components/generics/Footer/styles/FooterComponentStyles.ts","webpack://pilot-dashboards/./src/components/generics/Footer/FooterComponent.tsx","webpack://pilot-dashboards/./src/hooks/StudentLayoutViewDataHook/StudentLayoutViewDataHookConfig.ts","webpack://pilot-dashboards/./src/hooks/StudentLayoutViewDataHook/i18n/en.ts","webpack://pilot-dashboards/./src/hooks/StudentLayoutViewDataHook/i18n/es.ts","webpack://pilot-dashboards/./src/operations/query/institutions/useGetJobTitlesInstitution.ts","webpack://pilot-dashboards/./src/hooks/StudentLayoutViewDataHook/StudentLayoutViewDataHook.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopoverConfig.ts","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopOverComponents/AccountBriefStyles.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopOverComponents/AccountBrief.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopOverComponents/AccountInfoStyles.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopOverComponents/AccountInfo.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/AccountPopover.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/styles/DashboardNavbarStyles.ts","webpack://pilot-dashboards/./src/layouts/components/ComponentNotificationConfig.ts","webpack://pilot-dashboards/./src/layouts/components/i18n/en.ts","webpack://pilot-dashboards/./src/layouts/components/i18n/es.ts","webpack://pilot-dashboards/./src/layouts/components/NotificationComponent/NotificationComponentStyles.ts","webpack://pilot-dashboards/./src/operations/mutations/student/useDeleteStudentNotification/useDeleteStudentNotification.ts","webpack://pilot-dashboards/./src/layouts/components/CardNotificationComponent/styles/CardNotificationComponentStyles.ts","webpack://pilot-dashboards/./src/layouts/components/CardNotificationComponent/CardNotificationComponent.tsx","webpack://pilot-dashboards/./src/layouts/components/MobileListComponent/styles/MobileListComponentStyles.ts","webpack://pilot-dashboards/./src/layouts/components/MobileListComponent/MobileListComponent.tsx","webpack://pilot-dashboards/./src/layouts/components/NotificationComponent/NotificationComponent.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardNavbar.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/SidebarConfig.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/styles/DashboardSidebarStyles.ts","webpack://pilot-dashboards/./src/components/generics/AvatarComponent/styles/AvatarComponentStyles.ts","webpack://pilot-dashboards/./src/components/wrappers/AvatarWrapper.tsx","webpack://pilot-dashboards/./src/components/generics/AvatarComponent/AvatarComponent.tsx","webpack://pilot-dashboards/./src/components/template-minimal/NavSectionStudent/styles/NavSectionStudentStyles.ts","webpack://pilot-dashboards/./src/components/template-minimal/NavSectionStudent/NavSectionStudent.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardSidebar.tsx","webpack://pilot-dashboards/./src/layouts/dashboard-student/DashboardStudentLayout/DashboardStudentLayout.tsx","webpack://pilot-dashboards/./src/constants/dashboardStudentLayout.ts","webpack://pilot-dashboards/./src/routes/Routes.tsx","webpack://pilot-dashboards/./src/theme/breakpoints.ts","webpack://pilot-dashboards/./src/theme/overrides/Checkbox.tsx","webpack://pilot-dashboards/./src/theme/overrides/Rating.tsx","webpack://pilot-dashboards/./src/theme/overrides/TreeView.tsx","webpack://pilot-dashboards/./src/theme/shadows.ts","webpack://pilot-dashboards/./src/theme/shape.ts","webpack://pilot-dashboards/./src/theme/typography.ts","webpack://pilot-dashboards/./src/theme/index.tsx","webpack://pilot-dashboards/./src/theme/overrides/Tabs.ts","webpack://pilot-dashboards/./src/theme/overrides/Alert.tsx","webpack://pilot-dashboards/./src/theme/overrides/Switch.ts","webpack://pilot-dashboards/./src/theme/overrides/Slider.ts","webpack://pilot-dashboards/./src/theme/overrides/Drawer.ts","webpack://pilot-dashboards/./src/theme/overrides/Tooltip.ts","webpack://pilot-dashboards/./src/theme/overrides/Backdrop.ts","webpack://pilot-dashboards/./src/theme/overrides/Progress.ts","webpack://pilot-dashboards/./src/theme/overrides/ButtonGroup.ts","webpack://pilot-dashboards/./src/theme/overrides/ToggleButton.ts","webpack://pilot-dashboards/./src/theme/overrides/index.ts","webpack://pilot-dashboards/./src/theme/overrides/Fab.ts","webpack://pilot-dashboards/./src/theme/overrides/Chip.tsx","webpack://pilot-dashboards/./src/theme/overrides/Card.ts","webpack://pilot-dashboards/./src/theme/overrides/Menu.ts","webpack://pilot-dashboards/./src/theme/overrides/Grid.ts","webpack://pilot-dashboards/./src/theme/overrides/Link.ts","webpack://pilot-dashboards/./src/theme/overrides/Input.ts","webpack://pilot-dashboards/./src/theme/overrides/Radio.ts","webpack://pilot-dashboards/./src/theme/overrides/Badge.ts","webpack://pilot-dashboards/./src/theme/overrides/Lists.ts","webpack://pilot-dashboards/./src/theme/overrides/Table.ts","webpack://pilot-dashboards/./src/theme/overrides/Paper.ts","webpack://pilot-dashboards/./src/theme/overrides/Select.ts","webpack://pilot-dashboards/./src/theme/overrides/Button.ts","webpack://pilot-dashboards/./src/theme/overrides/Dialog.ts","webpack://pilot-dashboards/./src/theme/overrides/Avatar.ts","webpack://pilot-dashboards/./src/theme/overrides/Stepper.ts","webpack://pilot-dashboards/./src/theme/overrides/Popover.ts","webpack://pilot-dashboards/./src/theme/overrides/SvgIcon.ts","webpack://pilot-dashboards/./src/theme/overrides/DataGrid.tsx","webpack://pilot-dashboards/./src/theme/overrides/Skeleton.ts","webpack://pilot-dashboards/./src/theme/overrides/Timeline.ts","webpack://pilot-dashboards/./src/theme/overrides/Snackbar.ts","webpack://pilot-dashboards/./src/theme/overrides/Container.ts","webpack://pilot-dashboards/./src/theme/overrides/Accordion.ts","webpack://pilot-dashboards/./src/theme/overrides/IconButton.ts","webpack://pilot-dashboards/./src/theme/overrides/Typography.ts","webpack://pilot-dashboards/./src/theme/overrides/Pagination.ts","webpack://pilot-dashboards/./src/theme/overrides/Breadcrumbs.ts","webpack://pilot-dashboards/./src/theme/overrides/Autocomplete.ts","webpack://pilot-dashboards/./src/theme/overrides/ControlLabel.ts","webpack://pilot-dashboards/./src/theme/overrides/LoadingButton.ts","webpack://pilot-dashboards/./src/theme/globalStyles.tsx","webpack://pilot-dashboards/./src/index.tsx","webpack://pilot-dashboards/./src/App.tsx","webpack://pilot-dashboards/./src/mixpanel/MixpanelEvents/mixpanelComponentNames.ts","webpack://pilot-dashboards/./src/mixpanel/MixpanelEvents/mixpanelEventsInterface.ts","webpack://pilot-dashboards/./src/mixpanel/mixpanel.tsx","webpack://pilot-dashboards/./src/operations/mutations/loginUser/changePreferredLanguage.ts","webpack://pilot-dashboards/./src/operations/mutations/public/loginCustomSSO/loginCustomSSO.ts","webpack://pilot-dashboards/./src/operations/query/feature/useGetFeatureComplete.ts","webpack://pilot-dashboards/./src/operations/query/jobs/useGetTopJobsWithMatchSkillSet.ts","webpack://pilot-dashboards/./src/operations/query/learningPaths/useGetLearningPathsInitial/useGetLearningPathsInitial.ts","webpack://pilot-dashboards/./src/operations/query/students/useGetLearnerEntireProfile/useGetLearnerEntireProfile.ts","webpack://pilot-dashboards/./src/operations/query/students/useGetRecommendedOccupations/useGetRecommendedOccupations.ts","webpack://pilot-dashboards/./src/operations/query/students/useGetRelatedOccupations.ts","webpack://pilot-dashboards/./src/operations/query/students/useGetStudentKanbanSkillTrackerAll/useGetStudentKanbanSkilltrackerAll.ts","webpack://pilot-dashboards/./src/operations/query/students/useGetStudentMajors.ts","webpack://pilot-dashboards/./src/operations/query/students/useGetStudentNotification.ts","webpack://pilot-dashboards/./src/operations/query/students/useWhenStudentSkillSetChangeTrigger/useWhenStudentSkillSetChangeTrigger.ts","webpack://pilot-dashboards/./src/routes/paths.ts","webpack://pilot-dashboards/./src/services/auth.ts","webpack://pilot-dashboards/./src/views/Auth/Login/constant/firebase.ts","webpack://pilot-dashboards/./src/services/firebase.auth.ts","webpack://pilot-dashboards/./src/theme/learnerPalette.ts","webpack://pilot-dashboards/./src/theme/colors.ts","webpack://pilot-dashboards/./src/theme/palette.ts","webpack://pilot-dashboards/./src/utils/cookiesUtil.ts","webpack://pilot-dashboards/./src/utils/decryptor.ts","webpack://pilot-dashboards/./src/utils/elementIdGenerator.ts","webpack://pilot-dashboards/./src/utils/formatString.ts","webpack://pilot-dashboards/./src/utils/getLogoFrom.ts","webpack://pilot-dashboards/./src/utils/getMixpanelName.ts","webpack://pilot-dashboards/./src/utils/gqlPolicesUtil.ts","webpack://pilot-dashboards/./src/utils/jwtUtils.ts","webpack://pilot-dashboards/./src/utils/orderArrayObjectsDynamic.ts","webpack://pilot-dashboards/./src/utils/passwordValidationUtil.ts","webpack://pilot-dashboards/./src/utils/popInvalidMajor.ts","webpack://pilot-dashboards/./src/views/Auth/Login/interfaces/IGoogleUser.ts","webpack://pilot-dashboards/./src/views/Learner/Skills/components/KanbanBoard/interfaces/StudentSkilltrackerFilterEnumConfig.ts","webpack://pilot-dashboards/./src/views/Learner/Skills/components/KanbanBoard/interfaces/i18n/en.ts","webpack://pilot-dashboards/./src/views/Learner/Skills/components/KanbanBoard/interfaces/i18n/es.ts","webpack://pilot-dashboards/./src/views/Learner/Skills/components/KanbanBoard/interfaces/StudentSkilltrackerFiltersEnum.ts"],"sourcesContent":["export const HTTP_STATUS_CODE = {\n Forbidden: 403,\n RequestTimeout: 408,\n BadGateway: 502,\n BadRequest: 400,\n Unauthorized: 401,\n};\n","import { makeVar } from '@apollo/client';\n\nexport const subscribeConnectionReactiveVar = makeVar( false );\n","import {\r\n ApolloClient,\r\n ApolloProvider,\r\n from,\r\n split,\r\n} from '@apollo/client';\r\nimport { setContext } from '@apollo/client/link/context';\r\nimport { onError } from '@apollo/client/link/error';\r\nimport { GraphQLWsLink } from '@apollo/client/link/subscriptions';\r\nimport { getMainDefinition } from '@apollo/client/utilities';\r\nimport WarningAmberRoundedIcon from '@mui/icons-material/WarningAmberRounded';\r\nimport ApolloLinkTimeout from 'apollo-link-timeout';\r\nimport { createUploadLink } from 'apollo-upload-client';\r\nimport { createClient } from 'graphql-ws';\r\nimport React from 'react';\r\n\r\nimport environmentVariables from '../appVariables';\r\nimport { cache, notificationsVar } from '../cache/cache';\r\nimport { webSocketURL as url } from '../config';\r\nimport { HTTP_STATUS_CODE } from '../constants/apolloConfig';\r\nimport { NOTIFICATION_TEXT } from '../constants/notification';\r\nimport SubscribeConnectionHook from '../hooks/subscribeConnectionHook/subscribeConnectionHook';\r\nimport { Mixpanel } from '../mixpanel/mixpanel';\r\nimport { refreshAuthTokenService } from '../services/auth';\r\nimport { getCookie, removeCookie } from '../utils/cookiesUtil';\r\nimport { tokenDecode } from '../utils/jwtUtils';\r\n\r\nconst { setSubscribeConnection } = SubscribeConnectionHook();\r\n\r\nconst authLink = setContext((\r\n _, { headers },\r\n) => {\r\n const token = getCookie( 'token' );\r\n\r\n return {\r\n headers: {\r\n ...headers,\r\n ...( token\r\n && { Authorization: `Bearer ${token}` }\r\n ),\r\n },\r\n };\r\n});\r\n\r\nconst httpLink = createUploadLink({\r\n uri: environmentVariables?.environment !== 'development'\r\n ? `${environmentVariables?.reactAppApiGraphql}/graphql`\r\n : `${environmentVariables?.reactAppApiGraphqlDev}/graphql`,\r\n headers: {\r\n 'Apollo-Require-Preflight': 'true',\r\n 'x-timeout': ( 1000 * 60 * 5 ).toString(),\r\n },\r\n fetchOptions: {\r\n timeout: 1000 * 60 * 5,\r\n },\r\n});\r\n\r\nconst logout = async (): Promise => {\r\n const token = getCookie( 'token' );\r\n\r\n if ( !token ) {\r\n return;\r\n }\r\n const tokenContent = tokenDecode( token );\r\n const redirectPath = tokenContent.redirectLogoutUrl ?? '/';\r\n\r\n Mixpanel.reset();\r\n removeCookie( 'token' );\r\n removeCookie( 'preferredLanguage' );\r\n sessionStorage.clear();\r\n window.location.href = redirectPath;\r\n await client.clearStore();\r\n};\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst handleForbiddenError = async ({ operation, forward }: any ): Promise => {\r\n const token = getCookie( 'token' );\r\n\r\n if ( !token ) {\r\n await logout();\r\n\r\n return;\r\n }\r\n\r\n const currentNumericDate = Math.round( Date.now() / 1000 );\r\n const tokenContent = tokenDecode( token );\r\n const tokenExp = tokenContent.expiresIn;\r\n\r\n if ( currentNumericDate <= tokenExp && !tokenContent.remember ) {\r\n await logout();\r\n\r\n return;\r\n }\r\n\r\n try {\r\n const accessToken = await refreshAuthTokenService( token, tokenContent.refreshToken );\r\n const oldHeaders = operation.getContext().headers;\r\n\r\n operation.setContext({\r\n headers: {\r\n ...oldHeaders,\r\n authorization: `Bearer ${accessToken}`,\r\n },\r\n });\r\n\r\n // eslint-disable-next-line consistent-return\r\n return forward( operation );\r\n } catch ( refreshError ) {\r\n notificationsVar([\r\n {\r\n id: operation?.operationName,\r\n title: refreshError as string,\r\n description: NOTIFICATION_TEXT.errorDescription,\r\n autoClose: true,\r\n leftIcon: ,\r\n },\r\n ]);\r\n }\r\n};\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst logoutLink = onError(({ networkError, operation, forward }: any ) => {\r\n if ( !networkError ) {\r\n return;\r\n }\r\n\r\n switch ( networkError?.result?.errors[0]?.extensions?.code?.toString()?.toUpperCase() || '' ) {\r\n case 'FORBIDDEN':\r\n handleForbiddenError({ operation, forward });\r\n break;\r\n\r\n case 'TIME_OUT':\r\n forward( operation );\r\n break;\r\n\r\n case HTTP_STATUS_CODE.BadGateway:\r\n forward( operation );\r\n break;\r\n\r\n case HTTP_STATUS_CODE.BadRequest:\r\n forward( operation );\r\n break;\r\n\r\n case HTTP_STATUS_CODE.Unauthorized:\r\n forward( operation );\r\n break;\r\n\r\n default:\r\n notificationsVar([\r\n {\r\n id: operation?.operationName,\r\n title: NOTIFICATION_TEXT.errorTitle,\r\n description: NOTIFICATION_TEXT.errorDescription,\r\n autoClose: true,\r\n leftIcon: ,\r\n },\r\n ]);\r\n break;\r\n }\r\n});\r\n\r\nconst wsLink = new GraphQLWsLink( createClient({\r\n url,\r\n on: {\r\n closed: () => {\r\n setSubscribeConnection( false );\r\n },\r\n connected: () => {\r\n setSubscribeConnection( true );\r\n },\r\n },\r\n}));\r\nconst timeoutLink = new ApolloLinkTimeout( 1000 * 60 * 5 );\r\nconst splitLink = split(\r\n ({ query }) => {\r\n const definition = getMainDefinition( query );\r\n\r\n return (\r\n definition.kind === 'OperationDefinition'\r\n && definition.operation === 'subscription'\r\n );\r\n },\r\n wsLink,\r\n httpLink,\r\n);\r\n\r\nconst link = authLink.concat( splitLink ).concat( timeoutLink );\r\n\r\n// initialize apollo client\r\nexport const client = new ApolloClient({\r\n cache,\r\n link: from([logoutLink.concat( link )]),\r\n credentials: '*',\r\n});\r\n\r\nconst ApolloConfig: React.FC = ({ children }) => (\r\n \r\n {children}\r\n \r\n);\r\n\r\nexport default ApolloConfig;\r\n","import { subscribeConnectionReactiveVar } from '../../cache/common/subscribeConnectionReactiveVar';\n\ninterface ISubscribeConnectionHook {\n setSubscribeConnection: ( connected: boolean ) => void;\n}\n\nconst SubscribeConnectionHook = (): ISubscribeConnectionHook => ({\n setSubscribeConnection: ( connected: boolean ) => subscribeConnectionReactiveVar( connected ),\n});\n\nexport default SubscribeConnectionHook;\n","import { decryptor, encryptor } from './utils/decryptor';\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n interface Window {\n envVariables: IAppVariables;\n }\n}\n\ninterface IAppVariables {\n reactAppApiGraphql?: string;\n reactAppGraphqlSocket?: string;\n qsemDesignNavEmbeddedInIframe?: string;\n environment?: string;\n contactFormUrlIframeEn?: string;\n contactFormUrlIframeEs?: string;\n proxyMixpanel?: string;\n reactAppChatgpt?: string;\n reactAppProviders?: string;\n mixpanelToken?: string;\n mixpanelStudentToken?: string;\n firebaseProject?: string;\n firebaseApiKey?: string;\n firebaseAuthDomain?: string;\n firebaseStorageBucket?: string;\n firebaseMessagingSenderId?: string;\n firebaseAppId?: string;\n qsemDesignIframeAndPlatform?: string;\n reactAppApiGraphqlDev?: string;\n reactAppGraphqlSocketDev?: string;\n reactAppSamlGriky?: string;\n reactAppSamlUVA?: string;\n gcpCaptchaWebKey?: string;\n ssoTenantID?: string;\n}\n\nexport const initializeVariables = (): void => {\n const variables = window.envVariables;\n\n if ( variables ) {\n const jsonString = JSON.stringify( variables );\n const encryptedJson = encryptor( jsonString );\n\n localStorage.setItem( 'keys', encryptedJson ?? '' );\n }\n};\n\ninitializeVariables();\n\nconst loadVariables = (): IAppVariables | undefined => {\n const storedVariables = decryptor( localStorage.getItem( 'keys' ) ?? undefined );\n const envVariables = storedVariables && storedVariables.length > 0\n ? JSON.parse( storedVariables ?? '' ) as IAppVariables : undefined;\n\n return {\n reactAppApiGraphql: decryptor( envVariables?.reactAppApiGraphql ) ?? process.env.REACT_APP_API_GRAPHQL,\n reactAppGraphqlSocket:\n decryptor( envVariables?.reactAppGraphqlSocket ) ?? process.env.REACT_APP_GRAPHQL_SOCKET,\n qsemDesignNavEmbeddedInIframe: decryptor( envVariables?.qsemDesignNavEmbeddedInIframe ) ?? 'false',\n environment: decryptor( envVariables?.environment ) ?? 'development',\n contactFormUrlIframeEn:\n decryptor( envVariables?.contactFormUrlIframeEn ) ?? process.env.CONTACT_FORM_URL_IFRAME,\n contactFormUrlIframeEs:\n decryptor( envVariables?.contactFormUrlIframeEs ) ?? process.env.CONTACT_FORM_URL_IFRAME,\n proxyMixpanel: decryptor( envVariables?.proxyMixpanel ) ?? process.env.PROXY_MIXPANEL,\n reactAppChatgpt: decryptor( envVariables?.reactAppChatgpt ) ?? process.env.REACT_APP_CHATGPT,\n reactAppProviders: decryptor( envVariables?.reactAppProviders ) ?? process.env.REACT_APP_PROVIDERS,\n mixpanelToken: decryptor( envVariables?.mixpanelToken ) ?? process.env.MIXPANEL_TOKEN,\n mixpanelStudentToken: decryptor( envVariables?.mixpanelStudentToken ) ?? process.env.MIXPANEL_STUDENT_TOKEN,\n firebaseProject: decryptor( envVariables?.firebaseProject ) ?? process.env.FIREBASE_PROJECT,\n firebaseApiKey: decryptor( envVariables?.firebaseApiKey ) ?? process.env.FIREBASE_API_KEY,\n firebaseAuthDomain: decryptor( envVariables?.firebaseAuthDomain ) ?? process.env.FIREBASE_AUTH_DOMAIN,\n firebaseStorageBucket:\n decryptor( envVariables?.firebaseStorageBucket ) ?? process.env.FIREBASE_STORAGE_BUCKET,\n firebaseMessagingSenderId:\n decryptor( envVariables?.firebaseMessagingSenderId ) ?? process.env.FIREBASE_MESSAGING_SENDER_ID,\n firebaseAppId: decryptor( envVariables?.firebaseAppId ) ?? process.env.FIREBASE_APP_ID,\n qsemDesignIframeAndPlatform: decryptor( envVariables?.qsemDesignIframeAndPlatform ) ?? 'false',\n reactAppSamlGriky: decryptor( envVariables?.reactAppSamlGriky ) ?? 'false',\n reactAppSamlUVA: decryptor( envVariables?.reactAppSamlUVA ) ?? 'false',\n gcpCaptchaWebKey: decryptor( envVariables?.gcpCaptchaWebKey ) ?? process.env.GCP_CAPTCHA_SECRET_KEY,\n reactAppApiGraphqlDev:\n decryptor( envVariables?.reactAppApiGraphqlDev ) ?? process.env.REACT_APP_API_GRAPHQL_DEV,\n reactAppGraphqlSocketDev:\n decryptor( envVariables?.reactAppGraphqlSocketDev ) ?? process.env.REACT_APP_GRAPHQL_SOCKET_DEV,\n ssoTenantID: decryptor( envVariables?.ssoTenantID ) ?? process.env.SSO_TENANT_ID,\n };\n};\n\nconst environmentVariables = loadVariables();\n\nexport default environmentVariables;\n","import { makeVar } from '@apollo/client';\nimport React from 'react';\n\nexport interface ISkillMatch {\n jobTitleId: string\n jobTitleName: string\n match: number\n specializedPercentage: number\n humanPercentage: number\n specializedAcquired: number\n specializedTotal: number\n humanAcquired: number\n humanTotal: number\n}\n\nexport interface ISKillMatchCache {\n error: string\n data: ISkillMatch\n}\n\nexport interface IUseSkillMatchCacheResult {\n skillsMatch: ISkillMatch,\n error: string,\n setSkillsMatch: ( skillsMatch: ISkillMatch ) => void\n setSkillMatchError: ( error: string ) => void\n clearSkillMatchError: () => void\n}\n\nexport const skillMatchEmptyData: ISkillMatch = {\n jobTitleId: '',\n jobTitleName: '',\n match: 0,\n specializedPercentage: 0,\n humanPercentage: 0,\n specializedAcquired: 0,\n specializedTotal: 0,\n humanAcquired: 0,\n humanTotal: 0,\n};\n\nexport const skillMatchEmptyCache: ISKillMatchCache = {\n error: '',\n data: skillMatchEmptyData,\n};\n\nexport const skillMatchVar = makeVar( skillMatchEmptyCache );\n\nexport const useSkillMatchCache = (): IUseSkillMatchCacheResult => {\n const skillsMatchFromCache = skillMatchVar().data;\n const [error, setError] = React.useState( skillMatchVar().error );\n\n const setSkillsMatch = ( data: ISkillMatch ): void => {\n skillMatchVar({ data, error: '' });\n };\n\n const setSkillMatchError = ( newError: string ): void => {\n skillMatchVar({\n data: skillsMatchFromCache,\n error: newError,\n });\n setError( newError );\n };\n\n const clearSkillMatchError = ( ): void => {\n skillMatchVar({\n data: skillsMatchFromCache,\n error: '',\n });\n setError( '' );\n };\n\n return {\n skillsMatch: skillsMatchFromCache,\n error,\n setSkillsMatch,\n setSkillMatchError,\n clearSkillMatchError,\n };\n};\n","import { InMemoryCache, makeVar } from '@apollo/client';\r\n\r\nimport { authErrorMessageVar } from './common/authErrorMessageReactiveVar';\r\nimport { majorIdVar } from './common/majorIdReactiveVar';\r\nimport { platformValidationCodeReactiveVar } from './common/platformValidationCodeReactiveVar';\r\nimport { renderNotification } from './learner/homeReactiveVars';\r\nimport { jobPreferencesVar } from './learner/jobPreferencesReactiveVar';\r\nimport { jobTitlesInstitutionReactiveVar } from './learner/jobTitlesInstitutionReactiveVar';\r\nimport { kanbanDataVar } from './learner/kanbanReactiveVar';\r\nimport { learningPathsByInstitutionVar } from './learner/learningPathsByInstitutionReactiveVar';\r\nimport { learningPathsByObjectivesVar } from './learner/learningPathsByObjectivesReactiveVar';\r\nimport { RecommendedOccupationsByMajorReactiveVar } from './learner/recommendedOccupationsByMajorReactiveVar';\r\nimport { RecommendedOccupationsReactiveVar } from './learner/recommendedOccupationsReactiveVar';\r\nimport { recommendedSkillsVar } from './learner/recommendedSkillsReactiveVar';\r\nimport { RelatedOccupationsReactiveVar } from './learner/relatedOccupationsReactiveVar';\r\nimport { selectedOptionsSkillVar } from './learner/selectedOptionsSkillVar';\r\nimport { SkillForCoursesRecommendationReactiveVar } from './learner/skillForCoursesRecommendationReactiveVar';\r\nimport { skillMatchVar } from './learner/skillMatchReactiveVar';\r\nimport { studentLearningPathsVar } from './learner/studentLearningPathsReactiveVar';\r\nimport {\r\n isValidMajorForm, majorListWizard, newFormsMajor, newStudentMajorForms, successSaveNewMajors, userIdActive,\r\n} from './wizard/wizardReactiveVars';\r\nimport { INotification } from '../contexts/reducer/notificationReducer';\r\nimport StudentSkilltrackerFiltersEnum from '../views/Learner/Skills/components/KanbanBoard/interfaces/StudentSkilltrackerFiltersEnum';\r\n\r\nexport const occupationJobName = makeVar( '' );\r\nexport const skillIdVar = makeVar( undefined );\r\nexport const skillTypeVar = makeVar( undefined );\r\nexport const skillTranslatedTypeVar = makeVar( '' );\r\nexport const skillNameVar = makeVar( '' );\r\nexport const occupationPreferenceId = makeVar( undefined );\r\nexport const studentId = makeVar( undefined );\r\nexport const userMajors = makeVar( undefined );\r\nexport const kanbanColumnIdVar = makeVar( undefined );\r\nexport const kanbanSkillType = makeVar( StudentSkilltrackerFiltersEnum.ALL );\r\nexport const kanbanJobTitleId = makeVar( StudentSkilltrackerFiltersEnum.ALL );\r\nexport const loader = makeVar([]);\r\nexport const notificationsVar = makeVar([]);\r\nexport const userRoleVar = makeVar( '' );\r\nexport const occupationFilterIdExplore = makeVar( undefined );\r\nexport const disableSkillSetChange = makeVar( false );\r\nexport const loadingSSO = makeVar( false );\r\nexport const loadingWizard = makeVar( false );\r\nexport const wizardSkillStepSkils = makeVar( undefined );\r\nexport const wizardSkillToLearnStepSkills = makeVar( undefined );\r\nexport const eventTime = makeVar( Date.now());\r\nexport const pathnameEvent = makeVar( undefined );\r\n\r\nexport const cache: InMemoryCache = new InMemoryCache({\r\n typePolicies: {\r\n Query: {\r\n fields: {\r\n majorId: {\r\n read() {\r\n return majorIdVar();\r\n },\r\n },\r\n skillId: {\r\n read() {\r\n return skillIdVar();\r\n },\r\n },\r\n skillType: {\r\n read() {\r\n return skillTypeVar();\r\n },\r\n },\r\n skillTranslatedType: {\r\n read() {\r\n return skillTranslatedTypeVar();\r\n },\r\n },\r\n occupationJobName: {\r\n read() {\r\n return occupationJobName();\r\n },\r\n },\r\n occupationPreferenceId: {\r\n read() {\r\n return occupationPreferenceId();\r\n },\r\n },\r\n userMajors: {\r\n read() {\r\n return userMajors();\r\n },\r\n },\r\n skillName: {\r\n read() {\r\n return skillNameVar();\r\n },\r\n },\r\n kanbanColumnId: {\r\n read() {\r\n return kanbanColumnIdVar();\r\n },\r\n },\r\n kanbanSkillType: {\r\n read() {\r\n return kanbanSkillType();\r\n },\r\n },\r\n kanbanJobTitleId: {\r\n read() {\r\n return kanbanJobTitleId();\r\n },\r\n },\r\n majorListWizard: {\r\n read() {\r\n return majorListWizard();\r\n },\r\n },\r\n isValidMajorForm: {\r\n read() {\r\n return isValidMajorForm();\r\n },\r\n },\r\n newStudentMajorForms: {\r\n read() {\r\n return newStudentMajorForms();\r\n },\r\n },\r\n userIdActive: {\r\n read() {\r\n return userIdActive();\r\n },\r\n },\r\n successSaveNewMajors: {\r\n read() {\r\n return successSaveNewMajors();\r\n },\r\n },\r\n newFormsMajor: {\r\n read() {\r\n return newFormsMajor();\r\n },\r\n },\r\n renderNotification: {\r\n read() {\r\n return renderNotification();\r\n },\r\n },\r\n SkillForCoursesRecommendationReactiveVar: {\r\n read() {\r\n return SkillForCoursesRecommendationReactiveVar();\r\n },\r\n },\r\n RelatedOccupationsReactiveVar: {\r\n read() {\r\n return RelatedOccupationsReactiveVar();\r\n },\r\n },\r\n RecommendedOccupationsReactiveVar: {\r\n read() {\r\n RecommendedOccupationsReactiveVar();\r\n },\r\n },\r\n loader: {\r\n read() {\r\n return loader();\r\n },\r\n },\r\n RecommendedOccupationsByMajorReactiveVar: {\r\n read() {\r\n return RecommendedOccupationsByMajorReactiveVar();\r\n },\r\n },\r\n notificationsVar: {\r\n read() {\r\n return notificationsVar();\r\n },\r\n },\r\n jobPreferencesVar: {\r\n read() {\r\n return jobPreferencesVar();\r\n },\r\n },\r\n kanbanDataVar: {\r\n read() {\r\n return kanbanDataVar();\r\n },\r\n },\r\n recommendedSkillsVar: {\r\n read() {\r\n return recommendedSkillsVar();\r\n },\r\n },\r\n skillMatchVar: {\r\n read() {\r\n return skillMatchVar();\r\n },\r\n },\r\n userRoleVar: {\r\n read() {\r\n return userRoleVar();\r\n },\r\n },\r\n occupationFilterIdExplore: {\r\n read() {\r\n return occupationFilterIdExplore();\r\n },\r\n },\r\n disableSkillSetChange: {\r\n read() {\r\n return disableSkillSetChange();\r\n },\r\n },\r\n loadingSSO: {\r\n read() {\r\n return loadingSSO();\r\n },\r\n },\r\n platformValidationCodeVar: {\r\n read() {\r\n return platformValidationCodeReactiveVar();\r\n },\r\n },\r\n loadingWizard: {\r\n read() {\r\n return loadingWizard();\r\n },\r\n },\r\n wizardSkillStepSkils: {\r\n read() {\r\n return wizardSkillStepSkils();\r\n },\r\n },\r\n wizardSkillToLearnStepSkills: {\r\n read() {\r\n return wizardSkillToLearnStepSkills();\r\n },\r\n },\r\n eventTime: {\r\n read() {\r\n return eventTime();\r\n },\r\n },\r\n pathnameEvent: {\r\n read() {\r\n return pathnameEvent();\r\n },\r\n },\r\n selectedOptionsSkillVar: {\r\n read() {\r\n return selectedOptionsSkillVar();\r\n },\r\n },\r\n jobTitlesInstitutionReactiveVar: {\r\n read() {\r\n return jobTitlesInstitutionReactiveVar();\r\n },\r\n },\r\n authErrorMessageVar: {\r\n read() {\r\n return authErrorMessageVar();\r\n },\r\n },\r\n studentLearningPathsVar: {\r\n read() {\r\n return studentLearningPathsVar();\r\n },\r\n },\r\n learningPathsByInstitutionVar: {\r\n read() {\r\n return learningPathsByInstitutionVar();\r\n },\r\n },\r\n majorsByInstitution: {\r\n keyArgs: ['institutionId'],\r\n merge( existing = [], incoming: any[]) {\r\n const existingMap = new Map( existing.map(( major: any ) => [major.id, major]));\r\n\r\n incoming.forEach(( newMajor: any ) => {\r\n if ( newMajor && typeof newMajor === 'object' ) {\r\n const existingMajor = existingMap.get( newMajor.id ) || {};\r\n\r\n existingMap.set( newMajor.id, { ...existingMajor, ...newMajor });\r\n }\r\n });\r\n\r\n return Array.from( existingMap.values()).sort(( firstMajor: any, secondMajor: any ) => {\r\n if ( firstMajor.name && secondMajor.name ) {\r\n return firstMajor.name.localeCompare( secondMajor.name );\r\n }\r\n\r\n return 0;\r\n });\r\n },\r\n },\r\n learningPathsByObjectivesVar: {\r\n read() {\r\n return learningPathsByObjectivesVar();\r\n },\r\n },\r\n },\r\n },\r\n },\r\n addTypename: false,\r\n});\r\n","import { makeVar } from '@apollo/client';\n\nexport const authErrorMessageVar = makeVar( undefined );\n","import { makeVar, useReactiveVar } from '@apollo/client';\n\ninterface IUseLoadersCache {\n loaders: string[];\n addLoader: ( value: string ) => void;\n removeLoader: ( value: string ) => void;\n cleanUpLoader: () => void;\n}\n\nexport const loadersVar = makeVar([]);\n\nexport const useLoadersCache = (): IUseLoadersCache => {\n const loaders = useReactiveVar( loadersVar );\n\n const addLoader = ( loaderId: string ): void => {\n loadersVar([...loaders, loaderId]);\n };\n\n const removeLoader = ( loaderId: string ): void => {\n const newLoaders = loaders.filter(( loader ) => loader !== loaderId );\n\n loadersVar( newLoaders );\n };\n\n const cleanUpLoader = (): void => {\n loadersVar([]);\n };\n\n return {\n loaders,\n addLoader,\n removeLoader,\n cleanUpLoader,\n };\n};\n","import { makeVar, useReactiveVar } from '@apollo/client';\r\n\r\nimport { getCookie, setCookie } from '../../utils/cookiesUtil';\r\n\r\ninterface IUseMajorIdCache {\r\n majorId: string | undefined;\r\n setMajorId: ( value: string | undefined ) => void;\r\n}\r\n\r\nconst majorIdCookie = getCookie( 'majorId' )?.toString();\r\n\r\nexport const majorIdVar = makeVar( majorIdCookie );\r\n\r\nexport const useMajorIdCache = (): IUseMajorIdCache => {\r\n const majorId = useReactiveVar( majorIdVar );\r\n\r\n const setMajorId = ( value: string | undefined ): void => {\r\n majorIdVar( value );\r\n setCookie( 'majorId', value ?? '' );\r\n };\r\n\r\n return {\r\n majorId,\r\n setMajorId,\r\n };\r\n};\r\n","import { makeVar } from '@apollo/client';\n\nexport type ValidationCodeStatusType = undefined | 'valid' | 'invalid';\n\nexport const platformValidationCodeReactiveVar = makeVar( undefined );\n","import { makeVar } from '@apollo/client';\n\nexport interface ICourseProviders {\n id: number;\n institutionId: string;\n providerId: string;\n}\n\nexport interface ICourseProvidersCache {\n error: string;\n data: ICourseProviders[];\n}\n\nexport const emptyCourseProvidersCache: ICourseProvidersCache = {\n error: '',\n data: [],\n};\n\nexport const coursesProvidersReactiveVars = makeVar(\n emptyCourseProvidersCache,\n);\n","import { makeVar } from '@apollo/client';\n\nimport { IRenderNotification } from '../../operations/mutations/student/useMutationUpdateStudentSkillStatus/useMutationUpdateStudentSkillStatus';\n\nexport const emptyNotifications: IRenderNotification = {\n newNotifications: [],\n beforeNotifications: [],\n};\n\nexport const renderNotification = makeVar( emptyNotifications );\n","import { makeVar } from '@apollo/client';\n\nexport const invalidMajor = makeVar( false );\n","import { ApolloError, makeVar } from '@apollo/client';\n\nexport interface IJobTitleSkillSetVar {\n skillId: string;\n skillName: string;\n skillType: string;\n skillTypeTranslated?: string;\n jobTitleId: string;\n skillKanbanStatus?: string;\n validatedSkill?: boolean;\n}\n\nexport interface IRelatedOccupations {\n jobTitleId: string;\n match: number;\n name: string;\n}\n\nexport interface ISkillMatch {\n jobTitleId: string\n jobTitleName: string\n match: number\n specializedPercentage: number\n humanPercentage: number\n specializedAcquired: number\n specializedTotal: number\n humanAcquired: number\n humanTotal: number\n}\n\nexport interface IJobPreferencesVar {\n jobTitleId: string;\n jobTitleName: string;\n jobTitleSkillSet: IJobTitleSkillSetVar[];\n skillMatch?: ISkillMatch;\n match?: number;\n}\n\nexport interface IJobPreferencesCache {\n error: ApolloError | undefined;\n data: IJobPreferencesVar[]\n}\n\nexport const emptyJobPreferencesCache: IJobPreferencesCache = {\n error: undefined,\n data: [],\n};\n\nexport const jobPreferencesVar = makeVar( emptyJobPreferencesCache );\n","import { makeVar } from '@apollo/client';\n\nexport interface IJobTitlesInstitution {\n institutionId: string;\n jobTitleId: string;\n}\n\nexport interface IJobTitlesInstitutionCache {\n data: IJobTitlesInstitution[];\n}\n\nexport const emptyJobTitlesInstitutionCache: IJobTitlesInstitutionCache = {\n data: [],\n};\n\nexport const jobTitlesInstitutionReactiveVar = makeVar(\n emptyJobTitlesInstitutionCache,\n);\n","import { ApolloError, makeVar } from '@apollo/client';\n\nexport type IColumnInKanban = 'backlog' | 'learning' | 'completed'\n\ninterface IStudentSkillStatus {\n TOLEARN: IColumnInKanban,\n LEARNING: IColumnInKanban,\n COMPLETED: IColumnInKanban,\n}\n\nexport const StudentSkillStatus: IStudentSkillStatus = {\n TOLEARN: 'backlog',\n LEARNING: 'learning',\n COMPLETED: 'completed',\n};\n\nexport interface ISkillKanban {\n skillId: string;\n status: string;\n name: string;\n type: string;\n translatedType?: string;\n percentageMatch: number;\n validatedSkill: boolean;\n}\n\nexport interface IKanbanVar {\n id: IColumnInKanban;\n items: ISkillKanban[];\n title: string;\n}\n\nexport interface IKanbanCache {\n error: ApolloError | undefined;\n data: IKanbanVar[];\n}\n\nexport const emptyKanbanDataCache: IKanbanCache = {\n error: undefined,\n data: [],\n};\n\nexport const kanbanDataVar = makeVar( emptyKanbanDataCache );\n","import { ApolloError, makeVar } from '@apollo/client';\n\nimport { ILearningPathsByInstitution } from '../../operations/query/learningPaths/useGetLearningPathsInitial/useGetLearningPathsInitial';\n\nexport interface ILearningPathsByInstitutionCache {\n error: ApolloError | undefined;\n data: ILearningPathsByInstitution[];\n}\n\nexport const emptyLearningPathsByInstitutionCache: ILearningPathsByInstitutionCache = {\n error: undefined,\n data: [],\n};\nexport const learningPathsByInstitutionVar = makeVar(\n emptyLearningPathsByInstitutionCache,\n);\n","import { ApolloError, makeVar } from '@apollo/client';\n\nimport { ILearningPathwaysByObjectives } from '../../operations/query/learningPaths/useGetLearningPathsInitial/useGetLearningPathsInitial';\n\nexport interface ILearningPathsByObjectivesCache {\n error: ApolloError | undefined;\n data: ILearningPathwaysByObjectives[];\n}\n\nexport const emptyLearningPathsByObjectivesCache: ILearningPathsByObjectivesCache = {\n error: undefined,\n data: [],\n};\nexport const learningPathsByObjectivesVar = makeVar(\n emptyLearningPathsByObjectivesCache,\n);\n","import { makeVar } from '@apollo/client';\r\n\r\nexport interface IRecommendedOccupationsByMajors {\r\n majorId: string,\r\n majorName: string,\r\n match: {\r\n name : string,\r\n match: number,\r\n jobTitleId: string\r\n }[]\r\n}\r\n\r\nexport interface IRecommendedOccupationsByMajorCache {\r\n error: string;\r\n data: IRecommendedOccupationsByMajors[] | undefined;\r\n}\r\n\r\nexport const emptyRecommendedOccupationsByMajorCache: IRecommendedOccupationsByMajorCache = {\r\n error: '',\r\n data: undefined,\r\n};\r\n\r\nexport const RecommendedOccupationsByMajorReactiveVar = makeVar(\r\n emptyRecommendedOccupationsByMajorCache,\r\n);\r\n","import { makeVar } from '@apollo/client';\n\nexport interface IRecommendedOccupationsData {\n name: string\n match: number\n jobTitleId: string\n}\nexport interface IRecommendedOccupationsCache {\n error: string;\n data: IRecommendedOccupationsData[] | undefined;\n}\n\nexport const emptyRecommendedOccupationCache: IRecommendedOccupationsCache = {\n error: '',\n data: undefined,\n};\n\nexport const RecommendedOccupationsReactiveVar = makeVar(\n emptyRecommendedOccupationCache,\n);\n","import { makeVar } from '@apollo/client';\n\nexport interface IRecommendedSkills {\n id: string\n name: string\n type: string\n percentage: number\n translatedType?: string\n}\n\nexport interface IRecommendedSKillsCache {\n error: string\n data: IRecommendedSkills[] | undefined\n}\n\nexport const emptyRecommendedOccupationsCache = {\n data: undefined,\n error: '',\n};\n\nexport const recommendedSkillsVar = makeVar( emptyRecommendedOccupationsCache );\n","import { makeVar } from '@apollo/client';\n\nimport { IRelatedOccupations } from '../../operations/query/students/useGetRelatedOccupations';\n\nexport interface IRelatedOccupationsCache {\n error: '';\n data?: IRelatedOccupations[];\n}\n\nexport const emptyRecommendedOccupationCache: IRelatedOccupationsCache = {\n error: '',\n data: [],\n};\n\nexport const RelatedOccupationsReactiveVar = makeVar(\n emptyRecommendedOccupationCache,\n);\n","import { ApolloError, makeVar } from '@apollo/client';\n\nexport interface IDataSelectionVar {\n id: string;\n name: string;\n type?: string;\n}\n\nexport interface ISelectedOptionsSkillVarCache {\n error: ApolloError | undefined;\n data: IDataSelectionVar[]\n}\n\nexport const emptySelectedOptionsSkillCache: ISelectedOptionsSkillVarCache = {\n error: undefined,\n data: [],\n};\n\nexport const selectedOptionsSkillVar = makeVar( emptySelectedOptionsSkillCache );\n","import { makeVar } from '@apollo/client';\r\n\r\nimport { IGetCoursesRecommendations } from '../../operations/query/students/useGetStudentSkillSetMatchByOccupation';\r\n\r\nexport interface ISkillForCoursesRecommendationCache {\r\n error: string;\r\n data: IGetCoursesRecommendations[] | undefined;\r\n}\r\n\r\nexport const emptySkillForCoursesRecommendationCache: ISkillForCoursesRecommendationCache = {\r\n error: '',\r\n data: undefined,\r\n};\r\n\r\nexport const SkillForCoursesRecommendationReactiveVar = makeVar(\r\n emptySkillForCoursesRecommendationCache,\r\n);\r\n","import { ApolloError, makeVar } from '@apollo/client';\n\nimport { IStudentLearningPathway } from '../../operations/query/learningPaths/useGetLearningPathsInitial/useGetLearningPathsInitial';\n\nexport interface IStudentLearningPathsCache {\n error: ApolloError | undefined;\n data: IStudentLearningPathway[];\n}\n\nexport const emptyStudentLearningPathsCache: IStudentLearningPathsCache = {\n error: undefined,\n data: [],\n};\nexport const studentLearningPathsVar = makeVar( emptyStudentLearningPathsCache );\n","import { makeVar } from '@apollo/client';\n\nexport interface IFormikMajorValues {\n id: string | null;\n name: string | null;\n major: { id: string; name: string; }\n}\n\nexport interface IFormikValues {\n majors: IFormikMajorValues[];\n}\n\nexport interface INewStudentMajor {\n studentId: string | undefined;\n majorId: string;\n}\n\nexport const majorListWizard = makeVar([]);\nexport const newStudentMajorForms = makeVar([]);\nexport const newFormsMajor = makeVar({ majors: [] });\nexport const successSaveNewMajors = makeVar( false );\nexport const isValidMajorForm = makeVar( true );\nexport const userIdActive = makeVar( '' );\n","import { alpha } from '@mui/material';\nimport { styled } from '@mui/styles';\nimport { motion } from 'framer-motion';\n\nimport palette from '../../../../theme/learnerPalette';\nimport { styleConfigs } from '../../../resources/styleConfigs';\nimport StackWrapper from '../../../wrappers/StackWrapper';\nimport TypographyWrapper from '../../../wrappers/TypographyWrapper';\nimport {\n IAlignText, IBackground, ILoaderColor, ILoaderType, ITextColor,\n} from '../CircularLoaderComponent';\n\nconst handleTextColor = ( textcolortype?: ITextColor ): string => {\n if ( textcolortype === 'white' ) {\n return palette.light.text.white;\n }\n\n return palette.light.text.prussianBlue;\n};\n\nconst handleBackground = ( backgroundtype?: IBackground ): string => {\n switch ( backgroundtype ) {\n case 'white':\n return palette.light.background.white;\n\n case 'transparent':\n return palette.light.background.transparent;\n\n default:\n return alpha( palette.light.background.prussianBlue, 0.75 );\n }\n};\n\nexport const LoaderContainerStyled = styled( StackWrapper )((\n {\n loadertype, textcolortype, backgroundtype, paddingtopinner,\n }:\n {loadertype?: ILoaderType, textcolortype?: ITextColor,\n backgroundtype?: IBackground, paddingtopinner?: number},\n) => ({\n width: styleConfigs.dimensions.percent100,\n height: styleConfigs.dimensions.percent100,\n alignItems: 'center',\n justifyContent: 'center',\n color: handleTextColor( textcolortype ),\n background: handleBackground( backgroundtype ),\n paddingTop: paddingtopinner,\n gap: styleConfigs.marginPadding.custom20,\n position: (( loadertype === 'inner' ) || ( loadertype === 'withoutText' )) ? 'unset' : 'fixed',\n right: styleConfigs.dimensions.empty,\n bottom: styleConfigs.dimensions.empty,\n zIndex: (( loadertype === 'inner' ) || ( loadertype === 'withoutText' )) ? 1 : 2,\n}));\n\nexport const LoaderStyled = styled( motion.img )((\n { loadercolortype }: {loadercolortype?: ILoaderColor},\n) => ({\n width: loadercolortype === 'small-dark'\n ? styleConfigs.dimensions.width35\n : styleConfigs.dimensions.width45,\n height: loadercolortype === 'small-dark'\n ? styleConfigs.dimensions.width35\n : styleConfigs.dimensions.width45,\n}));\n\nexport const TextContainerStyled = styled( TypographyWrapper )((\n { textwidth, textalign }: {textwidth?: number, textalign?: IAlignText},\n) => ({\n maxWidth: textwidth,\n textAlign: textalign,\n fontSize: styleConfigs.fonts.fontSize16,\n}));\n","import { AnimatePresence, AnimationProps } from 'framer-motion';\n\nimport {\n LoaderContainerStyled, LoaderStyled, TextContainerStyled,\n} from './styles/CircularLoaderComponentStyles';\nimport icons from '../../../constants/icons';\n\nexport type ILoaderColor= 'light' | 'dark' | 'small-dark';\nexport type ILoaderType = 'inner' | 'withoutText';\nexport type IBackground = 'white' | 'prussianBlue' | 'transparent';\nexport type ITextColor = 'white' | 'prussianBlue';\nexport type IAlignText = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n\ninterface ICircularLoaderComponentProps{\n isLoading?: boolean;\n color?: ILoaderColor;\n type?: ILoaderType;\n background?: IBackground;\n text?: string;\n textColor?: ITextColor;\n textWidth?: number;\n textAlign?: IAlignText;\n paddingTopInner?: number;\n}\n\nconst CircularLoaderComponent: React.FC = ( props ) => {\n const {\n isLoading, color, type, background, text, textColor, textWidth, textAlign, paddingTopInner,\n } = props;\n\n const animationProps: AnimationProps = {\n animate: { rotate: -360 },\n transition: {\n repeat: Infinity,\n duration: 2,\n ease: 'linear',\n },\n };\n\n const handleIconType = ( colorType?: ILoaderColor ): string => {\n switch ( colorType ) {\n case 'light':\n return icons.CIRCULAR_LOADER_LIGHT;\n\n case 'small-dark':\n return icons.CIRCULAR_LOADER_DARK;\n\n default:\n return icons.CIRCULAR_LOADER_DARK;\n }\n };\n\n return (\n \n {isLoading && (\n \n \n {type !== 'withoutText' && (\n \n {text }\n \n )}\n \n )}\n \n );\n};\n\nexport default CircularLoaderComponent;\n","import AddIcon from '@mui/icons-material/Add';\n\nimport {\n EmptyStateButtonStyled, EmptyStateIconStyled, EmptyStateSubtitleStyled, EmptyStateTitleStyled,\n EmptyStateWrapperStyled, StackEmptyStateStyled,\n} from './styles/EmptyStateComponentStyles';\nimport palette from '../../../theme/learnerPalette';\nimport { styleConfigs } from '../../resources/styleConfigs';\nimport BoxWrapper from '../../wrappers/BoxWrapper';\nimport StackWrapper from '../../wrappers/StackWrapper';\n\ninterface IEmptyStateComponentProps {\n iconSrc: string,\n alt?: string,\n ariaLabel?: string,\n widthIcon?: number | string,\n heightIcon?: number | string,\n iconLineWidth?: number,\n iconColor?: string,\n title?: string,\n fontSizeTitle?: string,\n colorTitle?: string,\n marginTopStackIcon?: number,\n marginBottomStackIcon?: number,\n directionIconTitle?: string,\n gapIconTitle?: number,\n subtitle?: string,\n fontSizeSubtitle?: string,\n colorSubtitle?: string,\n paddingTopSubtitle?: string | number,\n maxWidthSubtitle?: string | number,\n startIcon?: boolean,\n callToActionButton?: {\n buttonText: string,\n buttonClick: VoidFunction,\n },\n gapTitlesButton?: number,\n}\n\nconst EmptyStateComponent: React.FC = ( props ) => {\n const {\n iconSrc,\n alt,\n ariaLabel,\n widthIcon = 'auto !important',\n heightIcon = 'auto !important',\n iconLineWidth,\n iconColor = palette.light.text.prussianBlue,\n title,\n fontSizeTitle,\n colorTitle = palette.light.text.prussianBlue,\n marginTopStackIcon,\n marginBottomStackIcon,\n directionIconTitle,\n gapIconTitle = styleConfigs.marginPadding.custom6,\n subtitle,\n fontSizeSubtitle,\n colorSubtitle = palette.light.text.mistBlue,\n paddingTopSubtitle = styleConfigs.marginPadding.empty,\n maxWidthSubtitle = styleConfigs.dimensions.width450,\n startIcon,\n callToActionButton,\n gapTitlesButton,\n } = props;\n\n return (\n \n \n \n \n {title && (\n \n {title}\n \n )}\n \n {subtitle && (\n \n { subtitle }\n \n )}\n \n {callToActionButton && (\n \n }\n onClick={callToActionButton.buttonClick}\n >\n { callToActionButton.buttonText }\n \n \n )}\n \n );\n};\n\nexport default EmptyStateComponent;\n","import { styled } from '@mui/material/styles';\n\nimport useGetPaletteFromWhiteLabel from '../../../../hooks/useGetPaletteFromWhiteLabel';\nimport palette from '../../../../theme/learnerPalette';\nimport { styleConfigs } from '../../../resources/styleConfigs';\nimport BoxWrapper from '../../../wrappers/BoxWrapper';\nimport ButtonWrapper from '../../../wrappers/ButtonWrapper';\nimport StackWrapper from '../../../wrappers/StackWrapper';\nimport TypographyWrapper from '../../../wrappers/TypographyWrapper';\nimport IconComponent from '../../IconComponent/IconComponent';\n\nexport const EmptyStateWrapperStyled = styled( StackWrapper )((\n { gaptitlesbutton }: { gaptitlesbutton?: number},\n) => ({\n width: styleConfigs.dimensions.percent100,\n height: styleConfigs.dimensions.percent100,\n alignItems: 'center',\n placeContent: 'center',\n textAlign: 'center',\n gap: gaptitlesbutton,\n}));\n\nexport const StackEmptyStateStyled = styled( StackWrapper )((\n {\n margintopstackicon, marginbottomstackicon, directionicontitle, gapicontitle,\n }:\n {margintopstackicon?: number, marginbottomstackicon?: number, directionicontitle?: string, gapicontitle?: number},\n) => ({\n flexFlow: `${directionicontitle} ${'wrap'} !important`,\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: margintopstackicon,\n marginBottom: marginbottomstackicon,\n gap: gapicontitle,\n}));\n\nexport const EmptyStateIconStyled = styled( IconComponent )((\n {\n widthicon, heighticon, iconlinewidth, iconcolor,\n }: {widthicon?: number | string, heighticon?: number | string, iconlinewidth?: number, iconcolor?: string},\n) => ({\n width: `${widthicon}px !important`,\n height: `${heighticon}px !important`,\n fontSize: `${iconlinewidth}px !important`,\n color: iconcolor,\n}));\n\nexport const EmptyStateTitleStyled = styled( TypographyWrapper )((\n { fontsizetitle, colortitle }: {fontsizetitle?: string, colortitle?: string},\n) => ({\n fontFamily: `${styleConfigs.fonts.fontFamily} !important`,\n fontWeight: `${styleConfigs.fonts.bold} !important`,\n fontSize: `${fontsizetitle} !important`,\n color: colortitle,\n}));\n\nexport const EmptyStateSubtitleStyled = styled( TypographyWrapper )((\n {\n fontsizesubtitle, colorsubtitle, paddingtopsubtitle, maxwidthsubtitle,\n }:\n {fontsizesubtitle?: string, colorsubtitle?: string, paddingtopsubtitle?: string | number,\n maxwidthsubtitle?: string | number },\n) => ({\n maxWidth: maxwidthsubtitle,\n alignSelf: 'center',\n fontFamily: `${styleConfigs.fonts.fontFamily} !important`,\n fontWeight: `${styleConfigs.fonts.weight400} !important`,\n fontSize: `${fontsizesubtitle} !important`,\n color: colorsubtitle,\n paddingTop: paddingtopsubtitle,\n}));\n\nexport const BoxEmptyStateButtonStyled = styled( BoxWrapper )((\n { margintopbutton }: {margintopbutton?: number},\n) => ({\n marginTop: margintopbutton,\n}));\n\nexport const EmptyStateButtonStyled = styled( ButtonWrapper )(() => {\n const wlPalette = useGetPaletteFromWhiteLabel();\n const colorPalette = wlPalette?.text?.redViolet ?? palette.light.text.redViolet;\n\n return {\n fontFamily: `${styleConfigs.fonts.fontFamily} !important`,\n fontWeight: `${styleConfigs.fonts.regular} !important`,\n fontSize: `${styleConfigs.fonts.fontSize14} !important`,\n color: `${colorPalette} !important`,\n padding: `${styleConfigs.marginPadding.custom6}px ${styleConfigs.marginPadding.custom16}px !important`,\n border: `${styleConfigs.borders.borderLine} ${colorPalette} !important`,\n borderRadius: `${styleConfigs.borders.extraSmall} !important`,\n };\n});\n","/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\nimport { useFormik } from 'formik';\r\n\r\nconst Formik = ( initialValues: any, validationSchema: any, onSubmit: any ) : any => useFormik({\r\n initialValues,\r\n validationSchema,\r\n onSubmit,\r\n});\r\n\r\nexport default Formik;\r\n","import { Icon, IconProps } from '@mui/material';\n\nconst IconWrapper: React.FC = ({ ...props }) => ;\n\nexport default IconWrapper;\n","import { IconProps } from '@mui/material';\r\n\r\nimport IconWrapper from '../../wrappers/IconWrapper';\r\n\r\ninterface IIconComponentProps {\r\n id?: string\r\n alt?: string,\r\n src: string;\r\n}\r\n\r\nconst IconComponent: React.FC = ({\r\n id = 'icon_component', alt = 'icon component', src, ...props\r\n}) => (\r\n \r\n {alt}\r\n \r\n);\r\n\r\nexport default IconComponent;\r\n","import i18next from 'i18next';\n\nimport en from './i18n/en';\nimport es from './i18n/es';\n\ni18next.addResourceBundle( 'en', 'NewModalLayoutComponent', en );\ni18next.addResourceBundle( 'es', 'NewModalLayoutComponent', es );\n","const locale = {\n RECOMMENDED_NEW_COURSE: 'Recommend a new course',\n EXPLORE_SKILL: 'Explore skill',\n REMOVE_FROM_TRACKER: 'Remove from tracker',\n CANCEL: 'Cancel',\n SAVE: 'Save',\n LOADER_TEXT: 'Loading',\n};\n\nexport default locale;\n","const locale = {\n EXPLORE_SKILL: 'Explorar Habilidad',\n REMOVE_FROM_TRACKER: 'Eliminar del Monitor de Habilidades',\n EXPLORE_SKILL_MOBILE: 'Explorar',\n REMOVE_FROM_TRACKER_MOBILE: 'Eliminar del Monitor',\n RECOMMENDED_NEW_COURSE: 'Recomandar un nuevo Curso',\n CANCEL: 'Cancelar',\n SAVE: 'Guardar',\n LOADER_TEXT: 'Cargando',\n};\n\nexport default locale;\n","import i18next from 'i18next';\n\nimport en from './i18n/en';\nimport es from './i18n/es';\n\ni18next.addResourceBundle( 'en', 'SkillTrackerStatusSpan', en );\ni18next.addResourceBundle( 'es', 'SkillTrackerStatusSpan', es );\n","const locale = {\n SKILL_TRACKER_TEXT: 'Skill tracker:',\n BACKLOG_LABEL_TEXT: 'Gaps',\n LEARNING_LABEL_TEXT: 'Upskilling objectives',\n COMPLETED_LABEL_TEXT: 'Completed',\n};\n\nexport default locale;\n","const locale = {\n SKILL_TRACKER_TEXT: 'Monitor de habilidades:',\n BACKLOG_LABEL_TEXT: 'Brechas',\n LEARNING_LABEL_TEXT: 'Objetivos de aprendizaje',\n COMPLETED_LABEL_TEXT: 'Completado',\n};\n\nexport default locale;\n","import { useTheme } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nimport palette from '../../../../theme/learnerPalette';\nimport { styleConfigs } from '../../../resources/styleConfigs';\nimport GridWrapper from '../../../wrappers/GridWrapper';\nimport IconComponent from '../../IconComponent/IconComponent';\n\nexport const ContainerStyled = styled( GridWrapper )(() => ({\n display: 'flex',\n alignItems: 'center',\n whiteSpace: 'nowrap',\n fontWeight: styleConfigs.fonts.weight600,\n fontSize: styleConfigs.fonts.fontSize16,\n color: palette.light.text.prussianBlue,\n padding: `${styleConfigs.marginPadding.custom5}px ${styleConfigs.marginPadding.custom12}px`,\n gap: styleConfigs.marginPadding.custom6,\n border: `${styleConfigs.borders.borderLine} ${palette.light.text.prussianBlue}`,\n borderRadius: styleConfigs.borders.radius50,\n [useTheme().breakpoints.down( 'sm' )]: {\n fontSize: styleConfigs.fonts.fontSize12,\n },\n}));\n\nexport const IconStyled = styled( IconComponent )(() => ({\n fontSize: styleConfigs.dimensions.width20,\n [useTheme().breakpoints.down( 'sm' )]: {\n fontSize: styleConfigs.dimensions.width18,\n },\n}));\n","import './SkillTrackerStatusSpanConfig';\nimport { useTranslation } from 'react-i18next';\n\nimport { ContainerStyled, IconStyled } from './styles/SkillTrackerStatusSpanStyles';\nimport { StudentSkillStatus } from '../../../cache/learner/kanbanReactiveVar';\n\nimport icons from '../../../constants/icons';\nimport { skillStatusType } from '../ModalComponent/NewModalLayoutComponent';\n\ninterface ISkillTrackerStatusSpanProps {\n status: skillStatusType;\n}\n\nconst SkillTrackerStatusSpan: React.FC = ({\n status,\n}: ISkillTrackerStatusSpanProps ) => {\n const { t } = useTranslation( 'SkillTrackerStatusSpan' );\n const text = t( 'SKILL_TRACKER_TEXT' );\n\n const skillTrackerText = (): string => {\n switch ( status ) {\n case StudentSkillStatus.TOLEARN:\n return text + ` ${t( 'BACKLOG_LABEL_TEXT' )}`.toLowerCase();\n\n case StudentSkillStatus.LEARNING:\n return text + ` ${t( 'LEARNING_LABEL_TEXT' )}`.toLowerCase();\n\n case StudentSkillStatus.COMPLETED:\n return text + ` ${t( 'COMPLETED_LABEL_TEXT' )}`.toLowerCase();\n\n default:\n return text + ` ${t( 'BACKLOG_LABEL_TEXT' )}`.toLowerCase();\n }\n };\n\n return (\n \n \n {skillTrackerText()}\n \n );\n};\n\nexport default SkillTrackerStatusSpan;\n","import { ReactNode } from 'react';\n\nimport {\n ArrowBackContainerStyled, ArrowBackIconStyled, CloseContainerStyled, CloseIconStyled, DialogTitleStyled,\n StackTitleStatusStyled,\n} from './styles/DefaultModalHeaderStyles';\nimport TypographyWrapper from '../../../../wrappers/TypographyWrapper';\n\nimport SkillTrackerStatusSpan from '../../../SkillTrackerStatusSpan/SkillTrackerStatusSpan';\nimport { skillStatusType } from '../../NewModalLayoutComponent';\n\ninterface IDefaultModalHeaderProps {\n title?: string | ReactNode;\n onBackButton?: VoidFunction;\n skillStatus?: skillStatusType;\n modalClose?: VoidFunction;\n paddingInline?: number;\n paddingBlockStart?: number;\n}\n\nconst DefaultModalHeader: React.FC = ( props ) => {\n const {\n title = '',\n onBackButton,\n skillStatus,\n modalClose,\n paddingInline,\n paddingBlockStart,\n } = props;\n\n return (\n \n {onBackButton ? (\n \n \n \n ) : null}\n \n \n {title}\n \n {skillStatus && (\n \n )}\n \n {title && modalClose && (\n \n \n \n )}\n \n );\n};\n\nexport default DefaultModalHeader;\n","import {\n DialogTitle, DialogContent, DialogActions,\n alpha,\n} from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nimport palette from '../../../../theme/learnerPalette';\nimport { styleConfigs } from '../../../resources/styleConfigs';\n\nexport const HeaderContainerStyled = styled( DialogTitle )(({ hasDivider }: {hasDivider: number}) => ({\n width: styleConfigs.dimensions.percent100,\n padding: styleConfigs.marginPadding.empty,\n backgroundColor: alpha( palette.light.background.black, 0.4 ),\n borderBottom: hasDivider ? `${styleConfigs.borders.borderLine} ${palette.light.background.cadetGrey}` : styleConfigs.borders.none,\n}));\n\nexport const DialogContentStyled = styled( DialogContent )(() => ({\n padding: styleConfigs.marginPadding.empty,\n color: palette.light.text.prussianBlue,\n overflowX: 'hidden',\n '::-webkit-scrollbar': {\n width: styleConfigs.dimensions.width6,\n background: palette.light.background.transparent,\n },\n '::-webkit-scrollbar-thumb': {\n background: palette.light.background.amethyst,\n borderRadius: styleConfigs.borders.radius3,\n },\n '::-webkit-scrollbar-thumb:hover': {\n background: palette.light.background.mistBlue,\n },\n}));\n\nexport const FooterContainerStyled = styled( DialogActions )(({ hasDivider }: {hasDivider: number}) => ({\n width: styleConfigs.dimensions.percent100,\n padding: `${styleConfigs.marginPadding.empty} !important`,\n borderTop: hasDivider ? `${styleConfigs.borders.borderLine} ${palette.light.background.cadetGrey}` : styleConfigs.borders.none,\n}));\n","import './NewModalLayoutComponentConfig';\nimport { useContext, ReactNode, RefObject } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport DefaultModalHeader from './components/DefaultModalHeader/DefaultModalHeader';\nimport {\n DialogContentStyled, HeaderContainerStyled, FooterContainerStyled,\n} from './styles/NewModalLayoutComponentStyles';\nimport { ModalContext } from '../../../contexts/ModalContext';\nimport CircularLoaderComponent from '../CircularLoaderComponent/CircularLoaderComponent';\n\nexport type skillStatusType = 'backlog' | 'learning' | 'completed';\n\ninterface IModalLayoutProps {\n activeHeader?: boolean;\n titleHeader?: ReactNode | string;\n customHeader?: ReactNode;\n skillStatus?: skillStatusType;\n scrollRef?: RefObject;\n loading?: boolean;\n children: ReactNode;\n customFooter?: ReactNode;\n paddingInline?: number,\n paddingBlockStart?: number,\n hasDivider?: boolean;\n onBackButton?: VoidFunction;\n customModalClose?: VoidFunction;\n}\n\nconst NewModalLayoutComponent : React.FC = ( props ) => {\n const {\n activeHeader = true,\n titleHeader = '',\n customHeader,\n skillStatus,\n scrollRef,\n loading,\n children,\n customFooter,\n paddingInline,\n paddingBlockStart,\n hasDivider,\n onBackButton,\n customModalClose,\n } = props;\n const { t } = useTranslation( 'NewModalLayoutComponent' );\n const { modalClose } = useContext( ModalContext );\n\n return (\n <>\n \n { activeHeader && ( customHeader ?? (\n \n ))}\n \n \n \n {children}\n \n { customFooter && (\n \n {customFooter}\n \n )}\n \n );\n};\n\nexport default NewModalLayoutComponent;\n","import ArrowBackIcon from '@mui/icons-material/ArrowBack';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useTheme } from '@mui/material';\nimport { alpha, styled } from '@mui/material/styles';\n\nimport useGetPaletteFromWhiteLabel from '../../../../../../hooks/useGetPaletteFromWhiteLabel';\nimport userAuth from '../../../../../../hooks/userAuth';\nimport palette from '../../../../../../theme/learnerPalette';\nimport { ROLE_ENUM } from '../../../../../../views/Auth/Login/interfaces/IGoogleUser';\nimport { styleConfigs } from '../../../../../resources/styleConfigs';\nimport GridWrapper from '../../../../../wrappers/GridWrapper';\nimport IconButtonWrapper from '../../../../../wrappers/IconButtonWrapper';\n\ninterface IDialogTitleStyledProps {\n paddingInline?: number;\n paddingBlockStart?: number;\n}\n\nexport const DialogTitleStyled = styled( GridWrapper )(\n ({ paddingInline, paddingBlockStart }) => ({\n width: styleConfigs.dimensions.percent100,\n height: styleConfigs.dimensions.percent100,\n display: 'flex',\n alignItems: 'center',\n backgroundColor: palette.light.background.white,\n paddingInline: paddingInline || styleConfigs.marginPadding.custom35,\n paddingBlock: paddingBlockStart || styleConfigs.marginPadding.custom20,\n [useTheme().breakpoints.down( 'sm' )]: {\n paddingInlineEnd: styleConfigs.marginPadding.custom12,\n },\n }),\n);\n\nexport const ArrowBackContainerStyled = styled( IconButtonWrapper )(() => ({\n padding: styleConfigs.marginPadding.empty,\n}));\n\nexport const ArrowBackIconStyled = styled( ArrowBackIcon )(() => {\n const { auth } = userAuth();\n const isLearner: boolean = auth?.userRole === ROLE_ENUM.STUDENT;\n const wlPalette = useGetPaletteFromWhiteLabel();\n const colorPalleteWL = wlPalette?.text?.redViolet ?? palette.light.text.redViolet;\n\n const colorPallete = isLearner ? colorPalleteWL : palette.light.text.prussianBlue;\n\n return ({\n fontSize: styleConfigs.dimensions.width31,\n color: palette.light.text.prussianBlue,\n fill: colorPallete,\n '&:hover': {\n backgroundColor: alpha( colorPallete, 0.1 ),\n borderRadius: styleConfigs.borders.radius50,\n },\n [useTheme().breakpoints.down( 'sm' )]: {\n fontSize: styleConfigs.dimensions.width26,\n },\n });\n});\n\nexport const StackTitleStatusStyled = styled( GridWrapper )(() => ({\n width: styleConfigs.dimensions.percent100,\n display: 'flex',\n flexFlow: 'wrap',\n alignItems: 'center',\n justifyContent: 'space-between',\n columnGap: styleConfigs.marginPadding.custom20,\n rowGap: styleConfigs.marginPadding.custom10,\n [useTheme().breakpoints.down( 'sm' )]: {\n rowGap: styleConfigs.marginPadding.custom17,\n },\n}));\n\nexport const CloseContainerStyled = styled( IconButtonWrapper )(() => ({\n marginInlineStart: styleConfigs.marginPadding.custom25,\n padding: styleConfigs.marginPadding.custom3,\n ':hover': {\n background: alpha( palette.light.icons.ebonyClay, 0.1 ),\n },\n [useTheme().breakpoints.down( 'sm' )]: {\n marginInlineStart: styleConfigs.marginPadding.custom21,\n },\n}));\n\nexport const CloseIconStyled = styled( CloseIcon )(() => ({\n fontSize: styleConfigs.dimensions.width31,\n color: palette.light.icons.ebonyClay,\n [useTheme().breakpoints.down( 'sm' )]: {\n fontSize: styleConfigs.dimensions.width26,\n },\n}));\n","import { Card } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nimport palette from '../../../../theme/learnerPalette';\nimport { styleConfigs } from '../../../resources/styleConfigs';\nimport IconButtonWrapper from '../../../wrappers/IconButtonWrapper';\nimport TypographyWrapper from '../../../wrappers/TypographyWrapper';\n\nexport const RootStyle = styled( Card )((\n { show = 0, theme }: { show: number, theme?: any},\n) => ({\n width: styleConfigs.dimensions.width430,\n display: show > 0 ? 'flex' : 'none',\n flexDirection: 'row',\n padding: styleConfigs.marginPadding.custom16,\n columnGap: styleConfigs.marginPadding.custom16,\n [theme.breakpoints.down( 'md' )]: {\n width: styleConfigs.dimensions.width323,\n },\n}));\n\nexport const BodyStyle = styled( 'div' )(() => ({\n height: styleConfigs.dimensions.percent100,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n flex: 1,\n}));\n\nexport const ContainerIconStyle = styled( 'div' )(() => ({\n height: styleConfigs.dimensions.percent100,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n flex: 0.1,\n}));\n\nexport const IconButtonStyle = styled( IconButtonWrapper )(() => ({\n color: palette.light.icons.ebonyClay,\n margin: styleConfigs.marginPadding.empty,\n padding: styleConfigs.marginPadding.empty,\n}));\n\nexport const CustomSkillStyled = styled( TypographyWrapper )(() => ({\n display: 'inline',\n fontWeight: styleConfigs.fonts.bold,\n color: palette.light.text.prussianBlue,\n margin: `${styleConfigs.marginPadding.empty} ${styleConfigs.marginPadding.custom5}px`,\n}));\n","import { Skeleton, Typography } from '@mui/material';\nimport { Variant } from '@mui/material/styles/createTypography';\n\ninterface IProps {\n sizeSkeleton?: number\n variant?: Variant\n}\n\nconst SkeletonComponent: React.FC = ( props ) => {\n const { sizeSkeleton, variant } = props;\n const range = Array.from( Array( sizeSkeleton ?? 3 ).keys());\n\n return (\n <>\n {\n range.map(( index: number ) => (\n \n \n \n ))\n }\n \n );\n};\n\nexport default SkeletonComponent;\n","import i18next from 'i18next';\n\nimport en from './i18n/en';\nimport es from './i18n/es';\n\ni18next.addResourceBundle( 'en', 'TranslationComponent', en );\ni18next.addResourceBundle( 'es', 'TranslationComponent', es );\n","const locale = {\n CURRENT_LANGUAGE: 'English',\n TITLE_POPOVER: 'Change Language',\n POPOVER_CONTENT: [\n { id: 1, language: 'English', languageId: 'en' },\n { id: 2, language: 'Spanish', languageId: 'es' },\n ],\n};\n\nexport default locale;\n","const locale = {\n CURRENT_LANGUAGE: 'Español',\n TITLE_POPOVER: 'Seleccione Idioma',\n POPOVER_CONTENT: [\n { id: 1, language: 'Inglés', languageId: 'en' },\n { id: 2, language: 'Español', languageId: 'es' },\n ],\n};\n\nexport default locale;\n","import CheckRoundedIcon from '@mui/icons-material/CheckRounded';\nimport ExpandLessRoundedIcon from '@mui/icons-material/ExpandLessRounded';\nimport ExpandMoreRoundedIcon from '@mui/icons-material/ExpandMoreRounded';\nimport { useTheme, alpha } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nimport useGetPaletteFromWhiteLabel from '../../../../hooks/useGetPaletteFromWhiteLabel';\nimport palette from '../../../../theme/learnerPalette';\nimport { styleConfigs } from '../../../resources/styleConfigs';\nimport { MIconButton } from '../../../template-minimal/@material-extend';\nimport MenuPopover from '../../../template-minimal/MenuPopoverComponent/MenuPopover';\nimport ListItemButtonWrapper from '../../../wrappers/ListItemButtonWrapper';\nimport ListSubheaderWrapper from '../../../wrappers/ListSubheaderWrapper';\nimport ListWrapper from '../../../wrappers/ListWrapper';\nimport TypographyWrapper from '../../../wrappers/TypographyWrapper';\nimport IconComponent from '../../IconComponent/IconComponent';\n\nexport const ContainerButtonStyled = styled( MIconButton )(() => {\n const wlPalette = useGetPaletteFromWhiteLabel();\n const backgroundColorPalette = wlPalette?.text?.prussianBlue ?? palette.light.text.prussianBlue;\n\n return ({\n color: backgroundColorPalette,\n padding: styleConfigs.marginPadding.empty,\n borderRadius: styleConfigs.borders.radius16,\n '&:hover': {\n backgroundColor: alpha( backgroundColorPalette, 0.1 ),\n },\n });\n});\n\nexport const WorldIconStyled = styled( IconComponent )(() => ({\n marginBlock: styleConfigs.marginPadding.custom8,\n marginInlineStart: styleConfigs.marginPadding.custom3,\n}));\n\nexport const SelectOptionStyled = styled( TypographyWrapper )(() => ({\n fontWeight: styleConfigs.fonts.bold,\n fontSize: styleConfigs.fonts.fontSize14,\n paddingBlock: styleConfigs.marginPadding.custom11,\n paddingInline: `${styleConfigs.marginPadding.custom8px} ${styleConfigs.marginPadding.custom10px}`,\n}));\n\nexport const MenuPopoverStyled = styled( MenuPopover )(() => ({\n '& .MuiPaper-root': {\n width: styleConfigs.dimensions.width206,\n borderRadius: styleConfigs.borders.radius12,\n [useTheme().breakpoints.down( 'sm' )]: {\n marginBlockStart: styleConfigs.marginPadding.custom15,\n marginInlineStart: styleConfigs.marginPadding.custom10,\n },\n },\n}));\n\nexport const ListStyled = styled( ListWrapper )(() => ({\n padding: styleConfigs.marginPadding.empty,\n}));\n\nexport const ListSubheaderStyled = styled( ListSubheaderWrapper )(() => {\n const wlPalette = useGetPaletteFromWhiteLabel();\n const backgroundColorPalette = wlPalette?.text?.prussianBlue ?? palette.light.text.prussianBlue;\n\n return ({\n fontWeight: styleConfigs.fonts.bold,\n fontSize: styleConfigs.fonts.fontSize16,\n lineHeight: styleConfigs.fonts.lineHeight22,\n color: backgroundColorPalette,\n paddingBlock: styleConfigs.marginPadding.custom14,\n paddingInline: styleConfigs.marginPadding.custom17,\n borderBottom: `${styleConfigs.borders.borderLine} ${palette.light.borders.cadetGrey}`,\n });\n});\n\nexport const ListItemButtonStyled = styled( ListItemButtonWrapper )((\n { activebackground, activeborderradius }: {activebackground: number, activeborderradius: number},\n) => {\n const wlPalette = useGetPaletteFromWhiteLabel();\n const backgroundColorPalette = wlPalette?.text?.mistBlue ?? palette.light.background.mistBlue;\n\n return ({\n justifyContent: 'space-between',\n fontSize: styleConfigs.fonts.fontSize14,\n lineHeight: styleConfigs.fonts.lineHeight22,\n color: palette.light.text.ebonyClay,\n background: activebackground && alpha( backgroundColorPalette, 0.2 ),\n paddingBlock: styleConfigs.marginPadding.custom10,\n paddingInline: `${styleConfigs.marginPadding.custom17px} ${styleConfigs.marginPadding.custom21px}`,\n borderBottom: `${styleConfigs.borders.borderLine} ${palette.light.borders.cadetGrey}`,\n borderEndStartRadius: activeborderradius && styleConfigs.borders.radius12,\n borderEndEndRadius: activeborderradius && styleConfigs.borders.radius12,\n '&:hover': {\n background: alpha( backgroundColorPalette, 0.1 ),\n },\n });\n});\n\nexport const ExpandLessRoundedIconStyled = styled( ExpandLessRoundedIcon )(() => ({\n fill: palette.light.text.ebonyClay,\n}));\n\nexport const ExpandMoreRoundedIconStyled = styled( ExpandMoreRoundedIcon )(() => ({\n fill: palette.light.text.ebonyClay,\n}));\n\nexport const CheckRoundedIconStyled = styled( CheckRoundedIcon )(() => ({\n fill: palette.light.text.ebonyClay,\n}));\n","import './TranslationComponentConfig';\nimport {\n useState, useRef, useEffect, useContext,\n useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n CheckRoundedIconStyled,\n ContainerButtonStyled,\n ExpandLessRoundedIconStyled,\n ExpandMoreRoundedIconStyled,\n ListItemButtonStyled,\n ListStyled,\n ListSubheaderStyled,\n MenuPopoverStyled,\n SelectOptionStyled,\n WorldIconStyled,\n} from './styles/TranslationComponentStyles';\nimport { kanbanJobTitleId, kanbanSkillType, userMajors } from '../../../cache/cache';\nimport { renderNotification } from '../../../cache/learner/homeReactiveVars';\nimport { invalidMajor } from '../../../cache/learner/invalidMajorReactiveVar';\nimport { kanbanDataVar } from '../../../cache/learner/kanbanReactiveVar';\nimport icons from '../../../constants/icons';\nimport { INVALID_MAJOR_ID } from '../../../constants/invalidMajorId';\nimport { FeatureFlagsContext } from '../../../contexts/FeatureFlagsContext';\nimport useKanbanDataHook from '../../../hooks/kanbanDataHook/useKanbanDataHook';\nimport useNotificationsHook from '../../../hooks/notificationsHook/useNotificationsHook';\nimport userAuth from '../../../hooks/userAuth';\nimport useStudentRefetch from '../../../hooks/useStudentRefetch';\nimport { useMutationChangePreferredLanguage } from '../../../operations/mutations/loginUser/changePreferredLanguage';\nimport { useLazyGetStudentMajors } from '../../../operations/query/students/useGetStudentMajors';\nimport { useLazyGetStudentNotification } from '../../../operations/query/students/useGetStudentNotification';\nimport { setCookie, getCookie } from '../../../utils/cookiesUtil';\nimport { tokenDecode } from '../../../utils/jwtUtils';\nimport CircularLoaderComponent from '../CircularLoaderComponent/CircularLoaderComponent';\n\nexport interface IHandleListItems {\n id: number;\n language: string;\n languageId: string;\n}\n\nconst TranslationComponent: React.FC = () => {\n const { t } = useTranslation( 'TranslationComponent' );\n const { features } = useContext( FeatureFlagsContext );\n const { auth, setToken } = userAuth();\n const anchorRef = useRef( null );\n const [open, setOpen] = useState( false );\n const [isLoadingPreferredLanguage, setIsLoadingPreferredLanguage] = useState( false );\n const [selectedItem, setSelectedItem] = useState( t( 'CURRENT_LANGUAGE' ));\n const [selectedLanguageId, setSelectedLanguageId] = useState(\n getCookie( 'preferredLanguage' ) ?? auth?.preferredLanguage ?? features?.qsemLangDefaultlanguage?.language ?? 'en',\n );\n const [activeBackground, setActiveBackground] = useState( null );\n const [changePreferedLanguageHandler] = useMutationChangePreferredLanguage();\n const languageList = t( 'POPOVER_CONTENT', { returnObjects: true });\n const { operations: notificationOps } = useNotificationsHook();\n const { operations } = useKanbanDataHook( kanbanDataVar, kanbanSkillType, kanbanJobTitleId );\n const [getData, { data: majorResponse }] = useLazyGetStudentMajors( true );\n const studentId = auth?.student?.id ?? '';\n const { refetchStudentData, refetchPathways } = useStudentRefetch();\n const { i18n } = useTranslation();\n\n const [\n getDataNotifications,\n {\n data: dataNotifications,\n },\n ] = useLazyGetStudentNotification( false );\n\n const handleOpen = (): void => {\n setOpen( true );\n };\n\n const handleClose = (): void => {\n setOpen( false );\n };\n\n const handleLanguageChangeMutation = async ( preferredLanguage: string ): Promise => {\n setIsLoadingPreferredLanguage( true );\n\n if ( !auth ) {\n const preferredLanguageFromCookie = getCookie( 'preferredLanguage' ) ?? features.qsemLangDefaultlanguage?.language;\n\n i18n.changeLanguage( preferredLanguageFromCookie );\n setSelectedLanguageId( preferredLanguageFromCookie ?? '' );\n setIsLoadingPreferredLanguage( false );\n\n return;\n }\n\n try {\n const { data } = await changePreferedLanguageHandler({\n variables: {\n preferredLanguage,\n },\n });\n\n const token = data?.changePreferredLanguage?.jwtToken ?? '';\n const tokenDecoded = tokenDecode( token );\n\n setToken( tokenDecoded, tokenDecoded.expiresIn, token );\n i18n.changeLanguage( preferredLanguage );\n\n refetchStudentData?.();\n refetchPathways?.();\n\n getData({\n variables: {\n studentId,\n },\n });\n\n operations.refetchKanbanData();\n getDataNotifications({\n variables: {\n studentId,\n },\n fetchPolicy: 'network-only',\n });\n setIsLoadingPreferredLanguage( false );\n } catch ( error ) {\n setIsLoadingPreferredLanguage( false );\n notificationOps.addNotification( 'danger', t( 'SOMETHING_WENT_WRONG' ), t( 'ERROR' ));\n }\n };\n\n const selectedLanguage = useMemo(() => {\n if ( !Array.isArray( languageList )) {\n return t( 'CURRENT_LANGUAGE' );\n }\n\n const languageToShow = ( languageList as IHandleListItems[])?.find(( item ) =>\n item.languageId === selectedLanguageId );\n\n return languageToShow?.language ?? t( 'CURRENT_LANGUAGE' );\n }, [languageList, selectedLanguageId, t]);\n\n useEffect(() => {\n if ( dataNotifications?.getStudentNotification ) {\n renderNotification( dataNotifications?.getStudentNotification );\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dataNotifications]);\n\n useEffect(() => {\n if ( selectedLanguageId !== auth?.preferredLanguage ) {\n handleLanguageChangeMutation( selectedLanguageId );\n }\n\n const languageListNormalized = Array.isArray( languageList )\n ? languageList\n : [];\n\n const languageToShow = ( languageListNormalized as IHandleListItems[])?.find(( item ) =>\n item.languageId === selectedLanguageId );\n\n setSelectedItem( languageToShow?.language ?? t( 'CURRENT_LANGUAGE' ));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedLanguageId]);\n\n const handleListItems = ( listItems: IHandleListItems[]): JSX.Element[] => (\n Array.isArray( listItems ) ? (\n listItems.map(( item ) => (\n {\n handleClose();\n setSelectedItem( item.language );\n setActiveBackground( item.id );\n setSelectedLanguageId( item.languageId );\n setCookie( 'preferredLanguage', item.languageId );\n }}\n activebackground={selectedItem === item.language || activeBackground === item.id ? 1 : 0}\n activeborderradius={item.id === 2 ? 1 : 0}\n >\n {item.language}\n {( selectedItem === item.language || activeBackground === item.id ) && (\n \n )}\n \n ))) : ([])\n );\n\n useEffect(() => {\n if ( majorResponse?.getStudentMajors ) {\n invalidMajor(\n majorResponse?.getStudentMajors[0]?.tblMajor?.id === INVALID_MAJOR_ID\n || !majorResponse?.getStudentMajors[0]?.tblMajor,\n );\n const majors = majorResponse?.getStudentMajors.map(( item ) => ({\n name: item.tblMajor?.name ?? '',\n }));\n\n userMajors( majors );\n }\n }, [majorResponse]);\n\n return (\n <>\n \n {isLoadingPreferredLanguage ? (\n \n ) : (\n \n )}\n \n {selectedLanguage}\n \n {open ? (\n \n ) : (\n \n )}\n \n\n \n \n {t( 'TITLE_POPOVER' )}\n \n )}\n >\n {handleListItems( t( 'POPOVER_CONTENT', { returnObjects: true }) as IHandleListItems[]) }\n \n \n \n );\n};\n\nexport default TranslationComponent;\n","export const fonts = {\r\n empty: 0,\r\n sizeText: 14,\r\n sizeMedium: 16,\r\n sizeTitle: 18,\r\n sizeCardTitle: 20,\r\n sizeCustom10: 10,\r\n sizeCustom11: 11,\r\n sizeCustom12: 12,\r\n sizeCustom15: 15,\r\n sizeCustom16: 16,\r\n sizeCustom17: 17,\r\n sizeCustom18: 18,\r\n sizeCustom19: 19,\r\n sizeCustom32: 32,\r\n sizeCustom22: 22,\r\n sizeCustom24: 24,\r\n sizeCustom28: 28,\r\n sizeCustom74: 74,\r\n sizeCustom42: 42,\r\n sizeCustom100: 100,\r\n sizeCustom150: 150,\r\n weight50: 50,\r\n weight300: 300,\r\n weight400: 400,\r\n regular: 500,\r\n weight500: 500,\r\n weight540: 540,\r\n weight550: 550,\r\n weight600: 600,\r\n bold: 700,\r\n weight700: 700,\r\n weight800: 800,\r\n weightNormal: 'normal',\r\n italic: 'italic',\r\n customFontResponsive: '13px',\r\n customFontNodeResponsive: '12px',\r\n lineHeight240: '240px',\r\n lineHeight220: '220px',\r\n lineHeight160: '160px',\r\n lineHeight126: '126px',\r\n lineHeight85: '85px',\r\n lineHeight80: '80px',\r\n lineHeight70: '70px',\r\n lineHeight64: '64px',\r\n lineHeight60: '60px',\r\n lineHeight58: '58px',\r\n lineHeight56: '56px',\r\n lineHeight52: '52px',\r\n lineHeight51p25: '51.25px',\r\n lineHeight51: '51px',\r\n lineHeight47: '47px',\r\n lineHeight46: '46px',\r\n lineHeight45: '45px',\r\n lineHeight42: '42px',\r\n lineHeight40: '40px',\r\n lineHeight38: '38px',\r\n lineHeight37: '37px',\r\n lineHeight36: '36px',\r\n lineHeight35: '35px',\r\n lineHeight34: '34px',\r\n lineHeight32: '32px',\r\n lineHeight30: '30px',\r\n lineHeight29: '29px',\r\n lineHeight28p7: '28.7px',\r\n lineHeight28: '28px',\r\n lineHeight26p4: '26.4px',\r\n lineHeight26: '26px',\r\n lineHeight25: '25px',\r\n lineHeight24: '24px',\r\n lineHeight22: '22px',\r\n lineHeight21: '21px',\r\n lineHeight20: '20px',\r\n lineHeight19: '19px',\r\n lineHeight19p2: '19.2px',\r\n lineHeight18: '18px',\r\n lineHeight17: '17px',\r\n lineHeight16: '16px',\r\n lineHeight15: '15px',\r\n lineHeight14: '14px',\r\n lineHeight12: '12px',\r\n lineHeight10: '10px',\r\n lineHeight8: '8px',\r\n lineHeight0p8: 0.8,\r\n lineHeight1p5: 1.5,\r\n lineHeight1p1: 1.1,\r\n lineHeightCustom1: 1,\r\n fontSize200: '200px',\r\n fontSize150: '150px',\r\n fontSize105: '105px',\r\n fontSize85: '85px',\r\n fontSize70: '70px',\r\n fontSize64: '64px',\r\n fontSize60: '60px',\r\n fontSize55: '55px',\r\n fontSize54: '54px',\r\n fontSize52: '52px',\r\n fontSize50: '50px',\r\n fontSize48: '48px',\r\n fontSize46: '46px',\r\n fontSize45: '45px',\r\n fontSize42: '42px',\r\n fontSize40: '40px',\r\n fontSize38: '38px',\r\n fontSize36: '36px',\r\n fontSize35: '35px',\r\n fontSize32: '32px',\r\n fontSize30: '30px',\r\n fontSize28: '28px',\r\n fontSize26: '26px',\r\n fontSize25: '25px',\r\n fontSize24: '24px',\r\n fontSize22: '22px',\r\n fontSize20: '20px',\r\n fontSize18: '18px',\r\n fontSize17: '17px',\r\n fontSize16: '16px',\r\n fontSize15: '15px',\r\n fontSize14: '14px',\r\n fontSize13: '13px',\r\n fontSize12: '12px',\r\n fontSize10: '10px',\r\n fontSize11: '11px',\r\n fontSize8: '8px',\r\n fontSizeEmpty: '0px',\r\n styleNormal: 'normal',\r\n fontFamily: '\"HelveticaNeue\", sans-serif',\r\n fontFamilyRoboto: 'Roboto',\r\n fontPercentage: '120px !important',\r\n fontPercentageMobile: '68px !important',\r\n fontPercentageModal: '70px !important',\r\n letterSpacing20: '20px',\r\n letterSpacing1: '1.1px',\r\n letterSpacing2: '2px',\r\n fontPercentageSymbol: '42px',\r\n fontSize07em: '0.7em',\r\n fontSize08em: '0.8em',\r\n fontSize09em: '0.9em',\r\n fontSize12em: '1.2em',\r\n fontSize1p6em: '1.6em',\r\n fontSize225em: '2.25em',\r\n fontSize27em: '2.7em',\r\n fontSize3em: '3em',\r\n fontSize37em: '3.7em',\r\n fontSize0p7rem: '0.7rem',\r\n fontSize0875rem: '0.875rem',\r\n fontSize0p9rem: '0.9rem',\r\n fontSize1rem: '1rem',\r\n fontSize1125rem: '1.125rem',\r\n fontSize125rem: '1.25rem',\r\n fontSize1375rem: '1.375rem',\r\n fontSize15rem: '1.5rem',\r\n fontSize17rem: '1.7rem',\r\n fontSize175rem: '1.75rem',\r\n fontSize1p8rem: '1.8rem',\r\n fontSize19rem: '1.9rem',\r\n fontSize3rem: '3rem',\r\n iconFontSize: '37px',\r\n fontSize101: 101,\r\n threeHalfVmin: '3.5vmin',\r\n};\r\n","export const marginPadding = {\r\n auto: 'auto',\r\n unset: 'unset',\r\n extraSmall: 8,\r\n small: 16,\r\n medium: 24,\r\n large: 32,\r\n extraLarge: 48,\r\n rem0p7: '0.7rem',\r\n rem1: '1rem',\r\n empty: 0,\r\n custom1: 1,\r\n custom1p5: 1.5,\r\n custom2: 2,\r\n custom2p5: 2.5,\r\n custom3: 3,\r\n custom4: 4,\r\n custom5: 5,\r\n custom6: 6,\r\n custom7: 7,\r\n custom7p5: 7.5,\r\n custom8: 8,\r\n custom9: 9,\r\n custom10: 10,\r\n custom11: 11,\r\n custom11p5: 11.5,\r\n custom12: 12,\r\n custom13: 13,\r\n custom14: 14,\r\n custom15: 15,\r\n custom15p53: 15.53,\r\n custom16: 16,\r\n custom17: 17,\r\n custom18: 18,\r\n custom19: 19,\r\n custom20: 20,\r\n custom21: 21,\r\n custom22: 22,\r\n custom23: 23,\r\n custom24: 24,\r\n custom25: 25,\r\n custom26: 26,\r\n custom27: 27,\r\n custom28: 28,\r\n custom29: 29,\r\n custom30: 30,\r\n custom31: 31,\r\n custom32: 32,\r\n custom33: 33,\r\n custom34: 34,\r\n custom35: 35,\r\n custom36: 36,\r\n custom37: 37,\r\n custom38: 38,\r\n custom39: 39,\r\n custom40: 40,\r\n custom41: 41,\r\n custom42: 42,\r\n custom43: 43,\r\n custom44: 44,\r\n custom45: 45,\r\n custom46: 46,\r\n custom47: 47,\r\n custom48: 48,\r\n custom50: 50,\r\n custom49: 49,\r\n custom51: 51,\r\n custom52: 52,\r\n custom53: 53,\r\n custom55: 55,\r\n custom56: 56,\r\n custom57: 57,\r\n custom58: 58,\r\n custom60: 60,\r\n custom62: 62,\r\n custom64: 64,\r\n custom65: 65,\r\n custom66: 66,\r\n custom67: 67,\r\n custom68: 68,\r\n custom69: 69,\r\n custom70: 70,\r\n custom71: 71,\r\n custom75: 75,\r\n custom76: 76,\r\n custom77: 77,\r\n custom78: 78,\r\n custom79: 79,\r\n custom80: 80,\r\n custom81: 81,\r\n custom85: 85,\r\n custom88: 88,\r\n custom89: 89,\r\n custom90: 90,\r\n custom91: 91,\r\n custom92: 92,\r\n custom93: 93,\r\n custom94: 94,\r\n custom96: 96,\r\n custom100: 100,\r\n custom101: 101,\r\n custom102: 102,\r\n custom105: 105,\r\n custom110: 110,\r\n custom112: 112,\r\n custom116: 116,\r\n custom120: 120,\r\n custom121: 121,\r\n custom123: 123,\r\n custom125: 125,\r\n custom128: 128,\r\n custom130: 130,\r\n custom131: 131,\r\n custom137: 137,\r\n custom140: 140,\r\n custom144: 144,\r\n custom150: 150,\r\n custom151: 151,\r\n custom152: 152,\r\n custom154: 154,\r\n custom170: 170,\r\n custom180: 180,\r\n custom190: 190,\r\n custom197: 197,\r\n custom200: 200,\r\n custom210: 210,\r\n custom221: 221,\r\n custom238: 238,\r\n custom240: 240,\r\n custom248: 248,\r\n custom250: 250,\r\n custom270: 270,\r\n custom280: 280,\r\n custom294: 294,\r\n custom299: 299,\r\n custom344: 344,\r\n custom700: 700,\r\n custom902: 902,\r\n custom0px: '0px',\r\n custom1px: '1px',\r\n custom2px: '2px',\r\n custom3px: '3px',\r\n custom4px: '4px',\r\n custom5px: '5px',\r\n custom8px: '8px',\r\n custom10px: '10px',\r\n custom12px: '12px',\r\n custom11px: '11px',\r\n custom15px: '15px',\r\n custom16px: '16px',\r\n custom17px: '17px',\r\n custom20px: '20px',\r\n custom21px: '21px',\r\n custom24px: '24px',\r\n custom26px: '26px',\r\n custom28px: '28px',\r\n custom32px: '32px',\r\n custom40px: '40px',\r\n custom44px: '44px',\r\n custom46px: '46px',\r\n custom100px: '100px',\r\n marginCustom: '1rem',\r\n percentage3: '3%',\r\n percentage4: '4%',\r\n percentage5: '5%',\r\n percentage10: '10%',\r\n percentage12: '12%',\r\n percentage15: '15%',\r\n percentage18: '18%',\r\n percentage22p527: '22.527%',\r\n percentage22p6: '22.6%',\r\n percentage23: '23%',\r\n percentage25: '25%',\r\n percentage25p2: '25.2%',\r\n percentage31p5: '31.5%',\r\n percentage34p203: '34.203%',\r\n percentage34p204: '34.204%',\r\n percentage34p5: '34.5%',\r\n percentage35: '35%',\r\n percentage40: '40%',\r\n percentage45: '45%',\r\n percentage45p2: '45.2%',\r\n percentage46p8: '46.8%',\r\n percentage47p22: '47.22%',\r\n percentage47p42: '47.42%',\r\n percentage50: '50%',\r\n percentage55: '55%',\r\n percentage60: '60%',\r\n percentage90: '90%',\r\n percentage100: '100%',\r\n percentage80: '80%',\r\n percentage85: '85%',\r\n negativePercentage6p8: '-6.8%',\r\n negativePercentage4p5: '-4.5%',\r\n negativePercentage15: '-15%',\r\n negativePercentage60: '-60%',\r\n negativePercentage50: '-50%',\r\n negativePercentage90: '-90%',\r\n relative35: '35px',\r\n relative30: '30px',\r\n relative45: '45px',\r\n drawerWidth: 280,\r\n appBarMobile: 64,\r\n appBarDesktop: 92,\r\n skillCardPadding: '1px 8px',\r\n mainSkillCardPadding: '16px 12px 16px 25px',\r\n skillCardPaddingSecondary: '10px 15px',\r\n commonCardPadding: '15px 25px',\r\n commonCardPaddingSm: '15px 10px',\r\n dataLabelsOffset10: -10,\r\n lineHeight28: '28px',\r\n marginTitle: '30px 0px',\r\n learnerHomeCard: '24px 32px',\r\n emptyStateComponentButton: '6px 16px',\r\n customNegative2: -2,\r\n customNegative3: -3,\r\n customNegative4: -4,\r\n customNegative5: -5,\r\n customNegative7: -7,\r\n customNegative8: -8,\r\n customNegative9: -9,\r\n customNegative10: -10,\r\n customNegative11: -11,\r\n customNegative12: -12,\r\n customNegative15: -15,\r\n customNegative16: -16,\r\n customNegative18: -18,\r\n customNegative20: -20,\r\n customNegative30: -30,\r\n customNegative49: -49,\r\n customNegative55: -55,\r\n customNegative78: -78,\r\n customNegative90: -90,\r\n customNegative105: -105,\r\n customNegative144: -144,\r\n custom4Px: '4px',\r\n custom12Px: '12px',\r\n custom100Px: '100px',\r\n backgroundPaddingBox: 'padding-box',\r\n quarterRem: '0.25rem',\r\n halfRem: '0.5rem',\r\n twoRem: '2rem',\r\n wizardConnector: {\r\n left: 'calc(-50% + 20px)',\r\n right: 'calc(50% + 20px)',\r\n },\r\n loginBoxShadowFirst: '0 0 2px',\r\n loginBoxShadowSecond: '0 16px 32px -4px',\r\n paddingCourseCardsMobile: '24px 0 0 24px',\r\n chipSelectorPadding: '0 16px 15px',\r\n negative11: '-11px',\r\n topListDivRoot: '0px 25px',\r\n topListContainer: '0px 0px 24px',\r\n topListItemFirst: '16px 0px 24px',\r\n roleSelectorPadding: '28px 48px 28px 48px',\r\n topListItem: '5px 0px',\r\n fullNotificationList: '0 !important',\r\n mobileDrawer: '32px !important',\r\n boxShadowItemColumnBoard: '0px 0px 9px',\r\n boxShadowAddOccupationModal: '0px 20px 40px -4px',\r\n floatingErrorWizard: '12px 16px',\r\n custom200px: '200px',\r\n custom400px: '400px',\r\n};\r\n","import { borders } from './borders';\nimport { dimensions } from './dimensions';\nimport { fonts } from './fonts';\nimport { marginPadding } from './marginPadding';\n\nexport const styleConfigs = {\n fonts,\n marginPadding,\n borders,\n dimensions,\n};\n","export const borders = {\r\n none: 'none',\r\n unset: 'unset',\r\n extraSmall: 8,\r\n small: 16,\r\n medium: 24,\r\n large: 32,\r\n border1: 1,\r\n border2: 2,\r\n border4: 4,\r\n border15: 15,\r\n border16: 16,\r\n border3px: '3px',\r\n borderRound: '50%',\r\n borderDotted: 'dotted',\r\n borderLine2pxDotted: '2px dotted',\r\n borderLine1p5dashed: '1.5px dashed',\r\n borderSolid: 'solid',\r\n borderLine: '1px solid',\r\n borderLine1p5px: '1.5px solid',\r\n borderLine1p6px: '1.6px solid',\r\n borderLine2px: '2px solid',\r\n borderLine3px: '3px solid',\r\n borderLine4px: '4px solid',\r\n borderLine5px: '5px solid',\r\n borderLine6px: '6px solid',\r\n borderLine8px: '8px solid',\r\n borderSolidXSmall: '2px solid',\r\n borderSolidSmall: '3px solid',\r\n borderSolidMedium: '4px solid',\r\n borderSolidLarge: '8px solid',\r\n borderSkillInsightsCard: '10px solid ',\r\n borderSolidTransparent: 'solid transparent',\r\n borderLine1Gray: '1px solid #C4CDD5',\r\n width2px: '2px',\r\n width5px: '5px',\r\n empty: 0,\r\n radius2: 2,\r\n radius3: 3,\r\n radius4: 4,\r\n radius5: 5,\r\n radius6: 6,\r\n radius8: 8,\r\n radius10: 10,\r\n radius12: 12,\r\n radius16: 16,\r\n radius24: 24,\r\n radius50: 50,\r\n radius100: 100,\r\n customRadius3: 3,\r\n skillCardBoxShadows: '0 8px 16px',\r\n mainCardBoxShadowFirst: '0px 0px 2px rgba(145, 158, 171, 0.24)',\r\n mainCardBoxShadowSecond: '0px 16px 32px -4px rgba(145, 158, 171, 0.24)',\r\n textWrapperEmptyCard: '0 0 16px 16px',\r\n boxShadow: '0px 8px 16px rgba(145, 158, 171, 0.24)',\r\n boxShadowButtonAddRemoveSkill: '0px 8px 16px',\r\n radiusButtonsLeft: '4px 0 0 4px',\r\n radiusButtonsRight: '0 4px 4px 0',\r\n borderLineDashed: '1px dashed',\r\n backDashboardBoxShadow: '0 8px 16px 0',\r\n boxShadowCardsSkillInsights: '0 4px 8px',\r\n buttonFloatingPathways: '0 4px 4px',\r\n pathwaysBannerSkillSet: '0 2px 4px',\r\n carrouselButtonBoxShadowFirst: '0 24px 48px',\r\n carrouselButtonBoxShadowSecond: '0 0 4px',\r\n BannerSkillCard: '0 4px 8px',\r\n};\r\n","export const dimensions = {\r\n empty: 0,\r\n none: 'none',\r\n auto: 'auto',\r\n unset: 'unset',\r\n inherit: 'inherit',\r\n percent0: '0%',\r\n percent10: '10%',\r\n percent20: '20%',\r\n percent24: '24%',\r\n percent25: '25%',\r\n percent27: '27%',\r\n percent28: '28%',\r\n percent30: '30%',\r\n percent32: '32%',\r\n percent33: '33%',\r\n percent40: '40%',\r\n percent50: '50%',\r\n percent60: '60%',\r\n percent61: '61%',\r\n percent62: '62%',\r\n percent70: '70%',\r\n percent75: '75%',\r\n percent80: '80%',\r\n percent85: '85%',\r\n percent92: '92%',\r\n percent90: '90%',\r\n percent95: '95%',\r\n percent99: '99%',\r\n percent100: '100%',\r\n width0: 0,\r\n width2p5: 2.5,\r\n width3: 3,\r\n width4: 4,\r\n width5: 5,\r\n width6: 6,\r\n width7: 7,\r\n width8: 8,\r\n width9: 9,\r\n width10: 10,\r\n width11: 11,\r\n width12: 12,\r\n width13: 13,\r\n width14: 14,\r\n width15: 15,\r\n width16: 16,\r\n width17: 17,\r\n width18: 18,\r\n width19: 19,\r\n width20: 20,\r\n width21: 21,\r\n width22: 22,\r\n width23: 23,\r\n width24: 24,\r\n width25: 25,\r\n width26: 26,\r\n width27: 27,\r\n width28: 28,\r\n width29: 29,\r\n width30: 30,\r\n width31: 31,\r\n width32: 32,\r\n width33: 33,\r\n width35: 35,\r\n width36: 36,\r\n width37: 37,\r\n width40: 40,\r\n width41: 41,\r\n width42: 42,\r\n width43: 43,\r\n width44: 44,\r\n width45: 45,\r\n width48: 48,\r\n width49: 49,\r\n width50: 50,\r\n width51: 51,\r\n width54: 54,\r\n width55: 55,\r\n width56: 56,\r\n width57: 57,\r\n width58: 58,\r\n width60: 60,\r\n width64: 64,\r\n width65: 65,\r\n width66: 66,\r\n width68: 68,\r\n width70: 70,\r\n width75: 75,\r\n width71: 71,\r\n width80: 80,\r\n width85: 85,\r\n width86: 86,\r\n width87: 87,\r\n width90: 90,\r\n width94: 94,\r\n width95: 95,\r\n width99: 99,\r\n width100: 100,\r\n width102: 102,\r\n width108: 108,\r\n width111: 111,\r\n width112: 112,\r\n width117: 117,\r\n width118: 118,\r\n width120: 120,\r\n width121: 121,\r\n width124: 124,\r\n width129: 129,\r\n width130: 130,\r\n width135: 135,\r\n width136: 136,\r\n width137: 137,\r\n width140: 140,\r\n width142: 142,\r\n width143: 143,\r\n width144: 144,\r\n width145: 145,\r\n width148: 148,\r\n width150: 150,\r\n width152: 152,\r\n width160: 160,\r\n width164: 164,\r\n width165: 165,\r\n width166: 166,\r\n width170: 170,\r\n width175: 175,\r\n width180: 180,\r\n width184: 184,\r\n width185: 185,\r\n width190: 190,\r\n width191: 191,\r\n width200: 200,\r\n width205: 205,\r\n width206: 206,\r\n width211: 211,\r\n width215: 215,\r\n width220: 220,\r\n width225: 225,\r\n width228: 228,\r\n width230: 230,\r\n width232: 232,\r\n width235: 235,\r\n width240: 240,\r\n width244: 244,\r\n width245: 245,\r\n width248: 248,\r\n width250: 250,\r\n width260: 260,\r\n width270: 270,\r\n width275: 275,\r\n width280: 280,\r\n width282: 282,\r\n width284: 284,\r\n width298: 298,\r\n width300: 300,\r\n width303: 303,\r\n width305: 305,\r\n width310: 310,\r\n width312: 312,\r\n width313: 313,\r\n width319: 319,\r\n width320: 320,\r\n width323: 323,\r\n width330: 330,\r\n width335: 335,\r\n width339: 339,\r\n width344: 344,\r\n width350: 350,\r\n width352: 352,\r\n width360: 360,\r\n width364: 364,\r\n width368: 368,\r\n width370: 370,\r\n width380: 380,\r\n width400: 400,\r\n width405: 405,\r\n width425: 425,\r\n width430: 430,\r\n width435: 435,\r\n width440: 440,\r\n width443: 443,\r\n width450: 450,\r\n width457: 457,\r\n width480: 480,\r\n width494: 494,\r\n width500: 500,\r\n width512: 512,\r\n width521: 521,\r\n width528: 528,\r\n width530: 530,\r\n width552: 552,\r\n width544: 544,\r\n width558: 558,\r\n width565: 565,\r\n width600: 600,\r\n width601: 601,\r\n width620: 620,\r\n width630: 630,\r\n width647: 647,\r\n width649: 649,\r\n width652: 652,\r\n width667: 667,\r\n width673: 673,\r\n width700: 700,\r\n width736: 736,\r\n width750: 750,\r\n width752: 752,\r\n width800: 800,\r\n width900: 900,\r\n width1000: 1000,\r\n width1151: 1151,\r\n width1200: 1200,\r\n width1536: 1536,\r\n width50vw: '50vw',\r\n width55vw: '55vw',\r\n width60vw: '60vw',\r\n width66vw: '66vw',\r\n width75vw: '75vw',\r\n width85vw: '85vw',\r\n width90vw: '90vw',\r\n width100vw: '100vw',\r\n height1: 1,\r\n height2: 2,\r\n height3: 3,\r\n height4: 4,\r\n height5: 5,\r\n height6: 6,\r\n height8: 8,\r\n height9: 9,\r\n height10: 10,\r\n height11: 11,\r\n height12: 12,\r\n height13: 13,\r\n height14: 14,\r\n height15: 15,\r\n height16: 16,\r\n height17: 17,\r\n height18: 18,\r\n height19: 19,\r\n height20: 20,\r\n height21: 21,\r\n height22: 22,\r\n height23: 23,\r\n height24: 24,\r\n height25: 25,\r\n height26: 26,\r\n height27: 27,\r\n height28: 28,\r\n height29: 29,\r\n height30: 30,\r\n height31: 31,\r\n height32: 32,\r\n height34: 34,\r\n height35: 35,\r\n height36: 36,\r\n height37: 37,\r\n height38: 38,\r\n height40: 40,\r\n height42: 42,\r\n height43: 43,\r\n height44: 44,\r\n height45: 45,\r\n height46: 46,\r\n height48: 48,\r\n height50: 50,\r\n height51: 51,\r\n height54: 54,\r\n height55: 55,\r\n height56: 56,\r\n height57: 57,\r\n height58: 58,\r\n height60: 60,\r\n height64: 64,\r\n height65: 65,\r\n height66: 66,\r\n height67: 67,\r\n height68: 68,\r\n height69: 69,\r\n height70: 70,\r\n height74: 74,\r\n height75: 75,\r\n height78: 78,\r\n height79: 79,\r\n height80: 80,\r\n height83: 83,\r\n height84: 84,\r\n height85: 85,\r\n height87: 87,\r\n height88: 88,\r\n height90: 90,\r\n height92: 92,\r\n height93: 93,\r\n height95: 95,\r\n height96: 96,\r\n height97: 97,\r\n height98: 98,\r\n height100: 100,\r\n height104: 104,\r\n height105: 105,\r\n height106: 106,\r\n height110: 110,\r\n height112: 112,\r\n height114: 114,\r\n height115: 115,\r\n height117: 117,\r\n height118: 118,\r\n height119: 119,\r\n height120: 120,\r\n height125: 125,\r\n height126: 126,\r\n height127: 127,\r\n height129: 129,\r\n height130: 130,\r\n height131: 131,\r\n height136: 136,\r\n height138: 138,\r\n height140: 140,\r\n height141: 141,\r\n height142: 142,\r\n height144: 144,\r\n height145: 145,\r\n height150: 150,\r\n height153: 153,\r\n height154: 154,\r\n height155: 155,\r\n height156: 156,\r\n height160: 160,\r\n height165: 165,\r\n height166: 166,\r\n height168: 168,\r\n height170: 170,\r\n height175: 175,\r\n height179: 179,\r\n height180: 180,\r\n height182: 182,\r\n height185: 185,\r\n height188: 188,\r\n height192: 192,\r\n height194: 194,\r\n height200: 200,\r\n height201: 201,\r\n height202: 202,\r\n height204: 204,\r\n height205: 205,\r\n height212: 212,\r\n height216: 216,\r\n height219: 219,\r\n height220: 220,\r\n height222: 222,\r\n height224: 224,\r\n height227: 227,\r\n height228: 228,\r\n height230: 230,\r\n height232: 232,\r\n height234: 234,\r\n height238: 238,\r\n height240: 240,\r\n height242: 242,\r\n height244: 244,\r\n height250: 250,\r\n height252: 252,\r\n height254: 254,\r\n height257: 257,\r\n height260: 260,\r\n height264: 264,\r\n height265: 265,\r\n height280: 280,\r\n height282: 282,\r\n height290: 290,\r\n height294: 294,\r\n height300: 300,\r\n height320: 320,\r\n height324: 324,\r\n height335: 335,\r\n height350: 350,\r\n height364: 364,\r\n height326: 326,\r\n height370: 370,\r\n height392: 392,\r\n height400: 400,\r\n height434: 434,\r\n height438: 438,\r\n height450: 450,\r\n height457: 457,\r\n height459: 459,\r\n height460: 460,\r\n height461: 461,\r\n height489: 489,\r\n height500: 500,\r\n height508: 508,\r\n height560: 560,\r\n height640: 640,\r\n height650: 650,\r\n height700: 700,\r\n height748: 748,\r\n height750: 750,\r\n height850: 850,\r\n height1500: 1500,\r\n height1600: 1600,\r\n height1700: 1700,\r\n height1800: 1800,\r\n height28vh: '28vh',\r\n height37vh: '37vh',\r\n height40vh: '40vh',\r\n height50vh: '50vh',\r\n height60vh: '60vh',\r\n height63vh: '63vh',\r\n height70vh: '70vh',\r\n height75vh: '75vh',\r\n height80vh: '80vh',\r\n height85vh: '85vh',\r\n height90vh: '90vh',\r\n height100vh: '100vh',\r\n height30svh: '30svh',\r\n height40svh: '40svh',\r\n height75svh: '75svh',\r\n height100svh: '100svh',\r\n height10dvh: '10dvh',\r\n height30dvh: '30dvh',\r\n height40dvh: '40dvh',\r\n height60dvh: '60dvh',\r\n height70dvh: '70dvh',\r\n height80dvh: '80dvh',\r\n height90dvh: '90dvh',\r\n height100dvh: '100dvh',\r\n iconSize70p31: 70.31,\r\n iconSize145: 145,\r\n listAvatarSize: 24,\r\n minWidthCard: 250,\r\n fieldHightLarger: 56,\r\n selectItemList: 150,\r\n editIcon: 18,\r\n visibilityIcon: 25,\r\n coursesEmptyStateHeight: 300,\r\n firstListCircle: 44,\r\n modalActionButtonContainerBoxShadowLeft: '0px 0px 2px',\r\n modalActionButtonContainerBoxShadowRight: '0px 20px 40px -4px',\r\n skillModal: 480,\r\n buttonBorderWidth: 1.5,\r\n topListRowGap: 10,\r\n fractionColumn3: '1fr 1fr 1fr',\r\n fractionColumn2: '1fr 1fr',\r\n fractionColumn1: '1fr',\r\n oneRem: '1rem',\r\n twoRem: '2rem',\r\n fourRem: '4rem',\r\n modalHeaderLogoMobile: 37,\r\n modalHeaderLogo: 57,\r\n providerLogoW: 75,\r\n providerLogoH: 15,\r\n gap2: 2,\r\n breakpoint1370: 1370,\r\n breakpoint1260: 1260,\r\n breakpoint1100: 1100,\r\n};\r\n","import { IconButton, IconButtonProps } from '@mui/material';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { ButtonAnimate } from '../animate';\r\n\r\nconst MIconButton = forwardRef((\r\n { children, ...other }, ref,\r\n) => (\r\n \r\n \r\n {children}\r\n \r\n \r\n));\r\n\r\nexport default MIconButton;\r\n","import { Breakpoint, Theme, useMediaQuery } from '@mui/material';\r\nimport { ReactNode } from 'react';\r\n\r\ntype MHiddenProps = {\r\n width:\r\n | 'xsDown'\r\n | 'smDown'\r\n | 'mdDown'\r\n | 'lgDown'\r\n | 'xlDown'\r\n | 'xsUp'\r\n | 'smUp'\r\n | 'mdUp'\r\n | 'lgUp'\r\n | 'xlUp'\r\n | 'unset';\r\n children: ReactNode;\r\n};\r\n\r\nconst MHidden = ({ width, children }: MHiddenProps ): JSX.Element | null => {\r\n const breakpoint = width.substring( 0, 2 ) as Breakpoint;\r\n const hiddenUp = useMediaQuery(( theme ) => theme.breakpoints.up( breakpoint ));\r\n const hiddenDown = useMediaQuery(( theme ) => theme.breakpoints.down( breakpoint ));\r\n\r\n if ( width.includes( 'Down' )) {\r\n return hiddenDown ? null : <>{children};\r\n }\r\n\r\n if ( width.includes( 'Up' )) {\r\n return hiddenUp ? null : <>{children};\r\n }\r\n\r\n if ( width.includes( 'unset' )) {\r\n return <>{children};\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport default MHidden;\r\n","import { alpha, styled } from '@mui/material/styles';\r\n\r\nimport palette from '../../../theme/learnerPalette';\r\nimport { styleConfigs } from '../../resources/styleConfigs';\r\n\r\nexport type DirectionType = 'left' | 'right';\r\n\r\nexport const ArrowStyled = styled( 'span' )((\r\n { direction, theme }: { direction: DirectionType, theme?: any},\r\n) => ({\r\n [theme?.breakpoints.up( 'sm' )]: {\r\n width: styleConfigs.dimensions.width13,\r\n height: styleConfigs.dimensions.height13,\r\n transform: 'rotate(45deg)',\r\n background: theme?.palette.background.paper,\r\n borderTop: `${styleConfigs.borders.borderLine} ${alpha( palette.light.borders.amethyst, 0.2 )}`,\r\n borderLeft: `${styleConfigs.borders.borderLine} ${alpha( palette.light.borders.amethyst, 0.2 )}`,\r\n borderRadius: `${styleConfigs.marginPadding.custom2}px ${styleConfigs.marginPadding.empty}`,\r\n position: 'absolute',\r\n [direction]: styleConfigs.marginPadding.custom20,\r\n top: styleConfigs.marginPadding.customNegative7,\r\n zIndex: 1,\r\n },\r\n}));\r\n","import { Popover, PopoverProps } from '@mui/material';\r\n\r\nimport { ArrowStyled, DirectionType } from './MenuPopoverStyles';\r\nimport { styleConfigs } from '../../resources/styleConfigs';\r\n\r\ninterface IPosition {\r\n direction?: DirectionType,\r\n width?: number;\r\n arrowPopover?: boolean;\r\n}\r\n\r\nconst MenuPopover = ({\r\n children, arrowPopover = true, sx, direction = 'right', width, ...other\r\n}: PopoverProps & IPosition ): JSX.Element => (\r\n `${styleConfigs.borders.borderLine} ${theme.palette.grey[500_8]}`,\r\n boxShadow: ( theme ) => theme.customShadows?.z20,\r\n },\r\n }}\r\n {...other}\r\n >\r\n {arrowPopover && (\r\n \r\n )}\r\n {children}\r\n \r\n);\r\n\r\nexport default MenuPopover;\r\n","import { styled } from '@mui/material/styles';\n\nimport { styleConfigs } from '../resources/styleConfigs';\nimport BoxWrapper from '../wrappers/BoxWrapper';\n\nexport const BoxStyled = styled( BoxWrapper )(() => ({\n width: styleConfigs.dimensions.percent100,\n height: styleConfigs.dimensions.percent100,\n}));\n","import icons from '../constants/icons';\n\nexport interface ICustomFavicon {\n url: string;\n}\n\nexport const getCustomFavicon = ({ url }: ICustomFavicon ): string => {\n if ( !url ) {\n return icons.FAVICON as string;\n }\n\n return url === icons.DEFAULT_ICON ? icons.FAVICON : url;\n};\n","import { BoxProps } from '@mui/material';\r\nimport {\r\n forwardRef, ReactNode, useContext, useEffect, useState,\r\n} from 'react';\r\nimport { Helmet } from 'react-helmet-async';\r\n\r\nimport { BoxStyled } from './PageStyles';\r\nimport { useLoadersCache } from '../../cache/common/loadersReactiveVar';\r\nimport icons from '../../constants/icons';\r\nimport { FeatureFlagsContext } from '../../contexts/FeatureFlagsContext';\r\nimport userAuth from '../../hooks/userAuth';\r\nimport { getCustomFavicon } from '../../utils/getCustomFavicon';\r\nimport { ROLE_ENUM } from '../../views/Auth/Login/interfaces/IGoogleUser';\r\n\r\ninterface IPageProps extends BoxProps {\r\n title?: string;\r\n children: ReactNode;\r\n}\r\n\r\nconst Page = forwardRef(({ title = '', children, ...other }, ref ): JSX.Element => {\r\n const { auth } = userAuth();\r\n const { loaders } = useLoadersCache();\r\n const { features } = useContext( FeatureFlagsContext );\r\n const [showFavIcon, setShowFavIcon] = useState( false );\r\n\r\n const getFavIcon = (): string => {\r\n if ( features.qsemDesignCustomfavicon ) {\r\n return getCustomFavicon( features.qsemDesignCustomfavicon );\r\n }\r\n\r\n switch ( auth?.userRole ) {\r\n case ROLE_ENUM.ADMIN:\r\n return icons.FAVICON_ADVISOR;\r\n\r\n case ROLE_ENUM.STUDENT:\r\n return icons.FAVICON_LEARNER;\r\n\r\n default:\r\n return icons.FAVICON;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if ( loaders.length ) {\r\n setShowFavIcon( false );\r\n } else {\r\n setShowFavIcon( true );\r\n }\r\n }, [loaders]);\r\n\r\n return (\r\n \r\n \r\n {title}\r\n { showFavIcon && }\r\n { !showFavIcon && }\r\n \r\n {children}\r\n \r\n );\r\n});\r\n\r\nexport default Page;\r\n","import { BoxProps } from '@mui/material';\r\n\r\nimport palette from '../../theme/learnerPalette';\r\nimport BoxWrapper from '../wrappers/BoxWrapper';\r\n\r\ninterface ISvgIconStyleProps extends BoxProps {\r\n isSpan?: boolean;\r\n width?: number;\r\n height?: number;\r\n src: string;\r\n dataTestId?: string;\r\n}\r\n\r\nconst SvgIconStyle = ({\r\n isSpan = true, width = 24, height = 24, src, color = 'inherit', sx, dataTestId = '',\r\n}: ISvgIconStyleProps ): JSX.Element => (\r\n \r\n);\r\n\r\nexport default SvgIconStyle;\r\n","// ----------------------------------------------------------------------\r\n\r\nexport const varHover = {\r\n hover: { scale: 1.1 },\r\n};\r\n\r\nexport const varSmallClick = {\r\n hover: { scale: 1.04 },\r\n tap: { scale: 0.96 },\r\n};\r\n\r\nexport const varMediumClick = {\r\n hover: { scale: 1.1 },\r\n tap: { scale: 0.9 },\r\n};\r\n","// ----------------------------------------------------------------------\r\n\r\nconst TRANSITION = {\r\n duration: 4,\r\n ease: 'linear',\r\n};\r\n\r\nconst gradient = ( deg: number ): string => `linear-gradient(${deg}deg, #ee7752, #e73c7e, #23a6d5, #23d5ab)`;\r\n\r\nexport const varPanTop = {\r\n animate: {\r\n backgroundImage: [gradient( 0 ), gradient( 0 )],\r\n backgroundPosition: ['center 99%', 'center 1%'],\r\n backgroundSize: ['100% 600%', '100% 600%'],\r\n transition: TRANSITION,\r\n },\r\n};\r\n\r\nexport const varPanBottom = {\r\n animate: {\r\n backgroundImage: [gradient( 0 ), gradient( 0 )],\r\n backgroundPosition: ['center 1%', 'center 99%'],\r\n backgroundSize: ['100% 600%', '100% 600%'],\r\n transition: TRANSITION,\r\n },\r\n};\r\n\r\nexport const varPanLeft = {\r\n animate: {\r\n backgroundPosition: ['99% center', '1% center'],\r\n backgroundImage: [gradient( 270 ), gradient( 270 )],\r\n backgroundSize: ['600% 100%', '600% 100%'],\r\n transition: TRANSITION,\r\n },\r\n};\r\n\r\nexport const varPanRight = {\r\n animate: {\r\n backgroundPosition: ['1% center', '99% center'],\r\n backgroundImage: [gradient( 270 ), gradient( 270 )],\r\n backgroundSize: ['600% 100%', '600% 100%'],\r\n transition: TRANSITION,\r\n },\r\n};\r\n","// ----------------------------------------------------------------------\r\n\r\nconst DISTANCE = 720;\r\nconst IN = { scale: 1, opacity: 1 };\r\nconst OUT = { scale: 0, opacity: 0 };\r\n\r\nconst TRANSITION_ENTER = {\r\n duration: 0.64,\r\n ease: [0.43, 0.13, 0.23, 0.96],\r\n};\r\n\r\nconst TRANSITION_EXIT = {\r\n duration: 0.48,\r\n ease: [0.43, 0.13, 0.23, 0.96],\r\n};\r\n\r\nexport const varZoomIn = {\r\n initial: OUT,\r\n animate: { ...IN, transition: TRANSITION_ENTER },\r\n exit: { ...OUT, transition: TRANSITION_EXIT },\r\n};\r\n\r\nexport const varZoomInUp = {\r\n initial: { ...OUT, translateY: DISTANCE },\r\n animate: { ...IN, translateY: 0, transition: TRANSITION_ENTER },\r\n exit: { ...OUT, translateY: DISTANCE, transition: TRANSITION_EXIT },\r\n};\r\n\r\nexport const varZoomInDown = {\r\n initial: { ...OUT, translateY: -DISTANCE },\r\n animate: { ...IN, translateY: 0, transition: TRANSITION_ENTER },\r\n exit: { ...OUT, translateY: -DISTANCE, transition: TRANSITION_EXIT },\r\n};\r\n\r\nexport const varZoomInLeft = {\r\n initial: { ...OUT, translateX: -DISTANCE },\r\n animate: { ...IN, translateX: 0, transition: TRANSITION_ENTER },\r\n exit: { ...OUT, translateX: -DISTANCE, transition: TRANSITION_EXIT },\r\n};\r\n\r\nexport const varZoomInRight = {\r\n initial: { ...OUT, translateX: DISTANCE },\r\n animate: { ...IN, translateX: 0, transition: TRANSITION_ENTER },\r\n exit: { ...OUT, translateX: DISTANCE, transition: TRANSITION_EXIT },\r\n};\r\n","// ----------------------------------------------------------------------\r\n\r\nconst DISTANCE = 720;\r\nconst IN = { scale: 1, opacity: 1 };\r\nconst OUT = { scale: 0, opacity: 0 };\r\n\r\nconst TRANSITION_ENTER = {\r\n duration: 0.64,\r\n ease: [0.43, 0.13, 0.23, 0.96],\r\n};\r\n\r\nexport const varZoomOut = {\r\n initial: { scale: 1 },\r\n animate: { scale: 0, transition: TRANSITION_ENTER },\r\n};\r\n\r\nexport const varZoomOutUp = {\r\n initial: IN,\r\n animate: { ...OUT, translateY: -DISTANCE, transition: TRANSITION_ENTER },\r\n};\r\n\r\nexport const varZoomOutDown = {\r\n initial: IN,\r\n animate: { ...OUT, translateY: DISTANCE, transition: TRANSITION_ENTER },\r\n};\r\n\r\nexport const varZoomOutLeft = {\r\n initial: IN,\r\n animate: { ...OUT, translateX: -DISTANCE, transition: TRANSITION_ENTER },\r\n};\r\n\r\nexport const varZoomOutRight = {\r\n initial: IN,\r\n animate: { ...OUT, translateX: DISTANCE, transition: TRANSITION_ENTER },\r\n};\r\n","import {\r\n varBounceOut,\r\n varBounceOutUp,\r\n varBounceOutDown,\r\n varBounceOutLeft,\r\n varBounceOutRight,\r\n} from './BounceOut';\r\n\r\nconst TRANSITION_ENTER = {\r\n duration: 0.72,\r\n ease: [0.43, 0.13, 0.23, 0.96],\r\n};\r\n\r\nconst TRANSITION_EXIT = {\r\n duration: 0.48,\r\n ease: [0.43, 0.13, 0.23, 0.96],\r\n};\r\n\r\nexport const varBounceIn = {\r\n animate: {\r\n scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],\r\n opacity: [0, 1, 1, 1, 1, 1],\r\n transition: TRANSITION_ENTER,\r\n },\r\n exit: varBounceOut.animate,\r\n};\r\n\r\nexport const varBounceInUp = {\r\n animate: {\r\n y: [720, -24, 12, -4, 0],\r\n scaleY: [4, 0.9, 0.95, 0.985, 1],\r\n opacity: [0, 1, 1, 1, 1],\r\n transition: { ...TRANSITION_ENTER },\r\n },\r\n exit: { ...varBounceOutDown.animate, transition: TRANSITION_EXIT },\r\n};\r\n\r\nexport const varBounceInDown = {\r\n animate: {\r\n y: [-720, 24, -12, 4, 0],\r\n scaleY: [4, 0.9, 0.95, 0.985, 1],\r\n opacity: [0, 1, 1, 1, 1],\r\n transition: TRANSITION_ENTER,\r\n },\r\n exit: { ...varBounceOutUp.animate, transition: TRANSITION_EXIT },\r\n};\r\n\r\nexport const varBounceInLeft = {\r\n animate: {\r\n x: [-720, 24, -12, 4, 0],\r\n scaleX: [3, 1, 0.98, 0.995, 1],\r\n opacity: [0, 1, 1, 1, 1],\r\n transition: TRANSITION_ENTER,\r\n },\r\n exit: { ...varBounceOutLeft.animate, transition: TRANSITION_EXIT },\r\n};\r\n\r\nexport const varBounceInRight = {\r\n animate: {\r\n x: [720, -24, 12, -4, 0],\r\n scaleX: [3, 1, 0.98, 0.995, 1],\r\n opacity: [0, 1, 1, 1, 1],\r\n transition: TRANSITION_ENTER,\r\n },\r\n exit: { ...varBounceOutRight.animate, transition: TRANSITION_EXIT },\r\n};\r\n","export const varBounceOut = {\r\n animate: {\r\n scale: [0.9, 1.1, 0.3],\r\n opacity: [1, 1, 0],\r\n },\r\n};\r\n\r\nexport const varBounceOutUp = {\r\n animate: {\r\n y: [-12, 24, -720],\r\n scaleY: [0.985, 0.9, 3],\r\n opacity: [1, 1, 0],\r\n },\r\n};\r\n\r\nexport const varBounceOutDown = {\r\n animate: {\r\n y: [12, -24, 720],\r\n scaleY: [0.985, 0.9, 3],\r\n opacity: [1, 1, 0],\r\n },\r\n};\r\n\r\nexport const varBounceOutLeft = {\r\n animate: {\r\n x: [0, 24, -720],\r\n scaleX: [1, 0.9, 2],\r\n opacity: [1, 1, 0],\r\n },\r\n};\r\n\r\nexport const varBounceOutRight = {\r\n animate: {\r\n x: [0, -24, 720],\r\n scaleX: [1, 0.9, 2],\r\n opacity: [1, 1, 0],\r\n },\r\n};\r\n","import { Box, BoxProps } from '@mui/material';\r\nimport { motion } from 'framer-motion';\r\n\r\nimport { varSmallClick, varMediumClick } from './variants';\r\n\r\ninterface IButtonAnimateProps extends BoxProps {\r\n mediumClick?: boolean;\r\n}\r\n\r\nconst ButtonAnimate: React.FC = ({\r\n mediumClick = false, sx, children, ...other\r\n}) => (\r\n \r\n {children}\r\n \r\n);\r\n\r\nexport default ButtonAnimate;\r\n","import { Box, BoxProps } from '@mui/material';\r\nimport { forwardRef } from 'react';\r\n\r\nconst BoxWrapper: React.FC = forwardRef(({ ...props }) => );\r\n\r\nexport default BoxWrapper;\r\n","import { Button, ButtonProps } from '@mui/material';\n\nconst ButtonWrapper: React.FC = ({ ...props }) =>