npm - @clickview/lite - Versions diffs - 0.50.1-rc.0 → 0.50.1-rc.2 - Mend

@clickview/lite 0.50.1-rc.0 → 0.50.1-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (201) hide show

package/dist/scripts/{2724-ee3a51e0c9-lite.chunk.js.map → 2724-060fdde41c-lite.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scripts/2724-ee3a51e0c9-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/onboarding/hooks/useOnboardingPathway.ts","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/videos-loader/getOnboardingLoaderVideos.ts","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/videos-loader/videos-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/playlist/mock-playlist.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/playlist/MockPlaylist.tsx","file:///app/packages/projects/lite/src/apps/onboarding/hooks/useConfetti.ts","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/creating-playlist-loader/creating-playlist-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/creating-playlist-loader/CreatingPlaylistLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/default/default-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/default/DefaultLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/preferences-loader/preferences-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/preferences-loader/PreferencesLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/completed-loader/OnboardingCompletedLoaderView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingScreenAppLinks } from 'libs/shared/apps/onboarding/interfaces/OnboardingScreenAppLinks';\nimport { OnboardingPathway, OnboardingPathwayHelper } from 'libs/shared/apps/onboarding/utils/OnboardingPathwayHelper';\nimport { JobTitles } from 'libs/shared/apps/sign-up/interfaces/JobTitles';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser, PlaylistCollection, Presentation, User } from 'libs/shared/interfaces';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nimport { PlaylistCollectionIdentifier } from '../../playlists/interfaces';\n\nexport interface GetPathwayOptions {\n jobTitleOverride?: JobTitles;\n preferredPresentationOverride?: Presentation;\n}\n\nexport function useOnboardingPathway(appLinks: OnboardingScreenAppLinks) {\n const [ hasPlaylist, setHasPlaylist ] = useViewModel<boolean>('has:playlist', null);\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const user = Flight.useBasicFetch<User>(currentUser.data?.isAuthenticated && UserRequests.user(currentUser.data.id));\n\n const presentations = Flight.useBasicFetch<Presentation[]>(\n ClassificationRequests.availablePresentations(PresentationType.Subject)\n );\n const preferredPresentation = Flight.useBasicFetch<Presentation>(\n ClassificationRequests.presentation(PresentationType.Subject)\n );\n const curriculums = Flight.useBasicFetch<Presentation[]>(\n ClassificationRequests.availablePresentations(PresentationType.Curriculum)\n );\n const playlists = Flight.useBasicFetch<PlaylistCollection>(\n PlaylistRequests.getUserPlaylists(new PlaylistCollectionIdentifier())\n );\n const preferredSubjects = Flight.useBasicFetch<Classification[]>(\n PreferenceRequests.mySubjectPreferences()\n );\n const { hasPermissions } = usePermissions();\n\n React.useEffect(() => {\n if (!playlists.hasCompleted)\n return;\n\n if (hasPlaylist !== !!playlists.data?.data?.length)\n setHasPlaylist(!!playlists.data?.data?.length);\n }, [playlists.hasCompleted]);\n\n const hasLoadedPathway = (\n currentUser.hasCompleted &&\n user.hasCompleted &&\n presentations.hasCompleted &&\n curriculums.hasCompleted &&\n preferredPresentation.hasCompleted &&\n playlists.hasCompleted &&\n preferredSubjects.hasCompleted &&\n hasPlaylist !== null\n );\n\n const { userSettings } = useSettings(null);\n\n function getPathway(options: GetPathwayOptions = {}): OnboardingPathway {\n const jobTitle = options.jobTitleOverride \|\| user.data?.userProfile?.metadata?.jobTitle;\n const presentation = options.preferredPresentationOverride \|\| preferredPresentation.data;\n\n if (!hasLoadedPathway) {\n return {\n screens: {},\n currentScreen: null,\n totalScreens: 0,\n totalScreensInProgressBar: 0,\n hasCompletedAllSteps: false\n };\n }\n\n return OnboardingPathwayHelper.getOnboardingPathway({\n jobTitle,\n userSettings: userSettings.data,\n presentations: presentations.data,\n curriculums: curriculums.data,\n preferredSubjects: preferredSubjects.data,\n preferredPresentation: presentation,\n appLink: ContextService.getCurrentRoute().appLink,\n appLinks,\n masterUser: user.data,\n hasPlaylist,\n hasPermissions,\n currentUser: currentUser.data\n });\n }\n\n return {\n getPathway,\n hasLoadedPathway\n };\n}","import React from 'react';\n\ninterface OnboardingLoaderContainerProps {\n variant: 'blue' \| 'dark-blue'\n}\n\nexport function OnboardingLoaderContainer(props: React.PropsWithChildren<OnboardingLoaderContainerProps>): JSX.Element {\n return (\n <div className={`w-100 h-100 position-fixed bg-${props.variant}`}>\n {props.children}\n </div>\n );\n}","function mobile(index: number): React.CSSProperties {\n const indexPositionId = index % 10;\n\n const styles: React.CSSProperties = { top: `${index * 4}%` };\n\n /*\n This is pretty much random to make the loader look nicer.\n /\n switch (indexPositionId) {\n case 0: {\n styles.left = '12.5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 1: {\n styles.right = '7.5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 2: {\n styles.left = '10%';\n return styles;\n }\n\n case 3: {\n styles.right = '2.5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 4: {\n styles.left = '2.5%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 5: {\n styles.right = '10%';\n return styles;\n }\n\n case 6: {\n styles.left = '12.5%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 7: {\n styles.right = '7.5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 8: {\n styles.left = '5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 9: {\n styles.right = '2.5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n default: {\n styles.left = '10%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n }\n}\n\nfunction halfScreen(index: number): React.CSSProperties {\n const indexPositionId = index % 10;\n\n const styles: React.CSSProperties = { top: `${index 4}%` };\n\n /*\n This is pretty much random to make the loader look nicer.\n /\n switch (indexPositionId) {\n case 0: {\n styles.left = '25%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 1: {\n styles.right = '15%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 2: {\n styles.left = '20%';\n return styles;\n }\n\n case 3: {\n styles.right = '5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 4: {\n styles.left = '5%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 5: {\n styles.right = '20%';\n return styles;\n }\n\n case 6: {\n styles.left = '25%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 7: {\n styles.right = '15%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 8: {\n styles.left = '10%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 9: {\n styles.right = '5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n default: {\n styles.left = '20%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n }\n}\n\nfunction fullScreen(index: number): React.CSSProperties {\n const indexPositionId = index % 10;\n\n const styles: React.CSSProperties = { top: `${index 4}%` };\n\n /*\n This is pretty much random to make the loader look nicer.\n /\n switch (indexPositionId) {\n case 0: {\n styles.left = '25%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 1: {\n styles.right = '30%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 2: {\n styles.left = '40%';\n return styles;\n }\n\n case 3: {\n styles.right = '10%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 4: {\n styles.left = '10%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 5: {\n styles.right = '40%';\n return styles;\n }\n\n case 6: {\n styles.left = '30%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 7: {\n styles.right = '30%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 8: {\n styles.left = '10%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 9: {\n styles.right = '10%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n default: {\n styles.left = '40%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n }\n}\n\n// 2 columns means the images are more off to the sides\n// 3 columns means they approach the center more\nexport function getOnboardingLoaderVideoStyles(index: number, screenSize: '50%' \| '100%' \| 'mobile'): React.CSSProperties {\n if (screenSize === 'mobile')\n return mobile(index);\n\n if (screenSize === '50%')\n return halfScreen(index);\n\n return fullScreen(index);\n}","import React from 'react';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { getOnboardingLoaderVideoStyles } from 'apps/onboarding/components/loaders/videos-loader/getOnboardingLoaderVideos';\n\nimport styles from './videos-loader.scss';\n\ninterface OnboardingVideosLoaderProps {\n screenSize: '50%' \| '100%';\n variant: 'dark-blue' \| 'blue';\n hideThumbnailMask?: boolean;\n}\n\nexport const OnboardingVideosLoader = React.memo((props: OnboardingVideosLoaderProps) => {\n const thumbnails = ArrayHelper.shuffle(HardCoded.Onboarding.LOADING_THUMBNAILS);\n\n const breakpoints = useBreakpoints();\n\n function getScreenSize(): 'mobile' \| OnboardingVideosLoaderProps['screenSize'] {\n if (breakpoints.xs) {\n return 'mobile';\n }\n\n return props.screenSize;\n }\n\n return (\n <div className={`${styles.loading} ${props.screenSize === '50%' ? 'w-50' : 'w-100'}`}>\n {thumbnails.map((thumbnail, index) => {\n return (\n <div\n key={index}\n className={`${styles.loadingImageContainer} position-absolute rounded-3 overflow-hidden`}\n style={getOnboardingLoaderVideoStyles(index, getScreenSize())}\n >\n {!props.hideThumbnailMask && (\n <div className={`${styles.loadingImageMask} ${props.variant === 'blue' ? styles.blue : styles.darkBlue}`} />\n )}\n <img className='img-fluid' src={ImageHelper.createUrl(thumbnail, { size: ImageSize.Small })} />\n </div>\n );\n })}\n </div>\n );\n});","// extracted by mini-css-extract-plugin\nexport default {\"loadingImageContainer\":\"ZlA2t\",\"fadeIn\":\"YmTa1\",\"loadingImageMask\":\"jNop3\",\"darkBlue\":\"YNfFq\",\"blue\":\"jVOWE\",\"loading\":\"n2Qe4\",\"loader\":\"BqV36\"};","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n return (\n <li className='col-4'>\n <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n {props.coverUrl ? (\n <div className={styles.placeholderCover}>\n <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n </div>\n ) : (\n <div className={`${styles.placeholderCover} bg-light-blue`} />\n )}\n </div>\n </li>\n );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n return (\n <li className='col-4'>\n <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n </li>\n );\n}\n\ninterface MockDiscoverProps {\n subjects?: Classification[];\n presentation?: Presentation;\n curriculum?: Presentation;\n editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n return (\n <MockLayout\n presentation={props.presentation}\n curriculum={props.curriculum}\n editingCurriculum={props.editingCurriculum}\n >\n <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n {/ Magic tabs /}\n <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n <div className={`bg-light ${styles.magicTab}`} />\n <div className={`${styles.magicTab}`} />\n </div>\n\n {/ Subjects /}\n <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n {props.subjects?.map(subject => {\n return (\n <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n );\n })}\n {new Array(placeholderSubjects).fill(0).map((_, index) => {\n return (\n <SubjectPlaceholder key={index} />\n );\n })}\n </ul>\n\n {/ Promoted topics /}\n <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n </ul>\n </div>\n </MockLayout>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n return (\n <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n <div className={`${styles.leftNavIcon} rounded-circle`} />\n <div className={`${styles.leftNavText} rounded-pill`} />\n </div>\n );\n}\n\ninterface MockLayoutProps {\n editingCurriculum?: boolean;\n curriculum?: Presentation;\n presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n const breakpoints = useBreakpoints();\n \n function getPresentationClass(): string {\n if (!props.presentation)\n return styles.presentationPlaceholderIcon;\n\n switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n case PresentationLearningLevel.Level_1:\n return `bg-indigo ${styles.presentationIcon}`;\n\n case PresentationLearningLevel.Level_3:\n return `bg-blue ${styles.presentationIcon}`;\n\n default:\n case PresentationLearningLevel.Level_2:\n return `bg-green ${styles.presentationIcon}`;\n }\n }\n\n return (\n <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n {!!props.editingCurriculum && (\n <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n <div className='bg-white rounded-3 border p-3 w-100'>\n <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n {props.curriculum ? (\n <div className='d-flex align-items-center'>\n <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n <IconCircle imageUrl={props.curriculum.cover?.url} />\n </div>\n <div className='text-start'>{props.curriculum.name}</div>\n </div>\n ) : (\n <div className='d-flex align-items-center text-secondary'>\n <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n </div>\n <Text namespace={namespace} phrase='selectCurriculum' />\n </div>\n )}\n </div>\n </div>\n </div>\n )}\n\n {/ Black bar /}\n <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n <div className={`rounded-circle me-2 ${styles.dot}`} />\n <div className={`rounded-circle me-2 ${styles.dot}`} />\n <div className={`rounded-circle ${styles.dot}`} />\n </div>\n\n {/ Header /}\n <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n <div className={`${styles.logo} me-4`}>\n {breakpoints.xs ? (\n <ClickViewPrimaryLogo />\n ) : (\n <ClickViewLogo />\n )}\n </div>\n <div className='form-control w-75 d-flex justify-content-start'>\n <SvgContainer svgName={cvSvgLibrary.Search} />\n </div>\n {!!props.curriculum && (\n <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n <IconCircle imageUrl={props.curriculum.cover?.url} />\n </div>\n )}\n </div>\n\n <div className={`d-flex ${styles.belowHeader}`}>\n {/ Left nav /}\n <div className={`${styles.leftNav} border-end`}>\n <div className='d-flex flex-column pt-3 h-100'>\n <LeftNavItem />\n <LeftNavItem />\n <LeftNavItem />\n <LeftNavItem />\n <LeftNavItem />\n\n {/ Presentation /}\n <div className='d-flex align-items-end h-100 w-100'>\n <div className='border-top p-3 w-100'>\n <div className='d-flex align-items-center'>\n <div className={`${getPresentationClass()} text-white rounded`}>\n <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n </div>\n\n {!props.presentation ? (\n <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n <Text namespace={namespace} phrase='schoolLevel' />\n </div>\n ) : (\n <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n\n {/ Main content /}\n <div className={`w-100 h-100 overflow-hidden`}>\n {props.children}\n </div>\n </div>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"banner\":\"CQxNy\",\"title\":\"NzV5V\",\"description1\":\"kjCZi\",\"description2\":\"cBeyJ\",\"placeholder\":\"Ks_Tl\",\"playlistName\":\"eFPqz\",\"thumbnailCol\":\"dgCQ7\",\"videoInfoCol\":\"pzfE2\"};","import React from 'react';\n\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation, Video } from 'libs/shared/interfaces';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-playlist.scss';\n\ninterface VideoPlaceholderProps {\n video?: Video;\n}\n\nfunction VideoPlaceholder(props: VideoPlaceholderProps): JSX.Element {\n return (\n <li className='row mb-2'>\n <div className={`col-lg-4 col-5 ${styles.thumbnailCol}`}>\n {props.video ? (\n <VideoThumbnail video={props.video} type='cosmetic' hideDuration imageOptions={{ size: ImageSize.Medium }} />\n ) : (\n <ImageFallback type={ImageFallbackType.Video} extraClasses={`position-relative rounded-3 ${styles.placeholder}`} />\n )}\n </div>\n\n <div className={`col-lg-8 col-7 ${styles.videoInfoCol}`}>\n <div className={`${styles.title} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description1} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description2} rounded-pill bg-grey mb-1`} />\n </div>\n </li>\n );\n}\n\ninterface MockPlaylistProps {\n name?: string;\n presentation?: Presentation;\n curriculum?: Presentation;\n videos: Video[];\n hidePlaceholders?: boolean;\n}\n\nexport function MockPlaylist(props: MockPlaylistProps): JSX.Element {\n const placeholderVideos = props.hidePlaceholders ? 0 : Math.max(6 - (props.videos?.length ?? 0), 0);\n\n return (\n <MockLayout presentation={props.presentation} curriculum={props.curriculum}>\n {/ Banner /}\n <div className={`bg-teal ${styles.banner} position-relative`}>\n {props.name && (\n <div className={`h5 text-white mb-0 ${styles.playlistName}`}>{props.name}</div>\n )}\n </div>\n\n {/ Videos */}\n <ul className='list-unstyled mb-0 w-100 p-2'>\n {props.videos?.map(video => {\n return (\n <VideoPlaceholder key={video.id} video={video} />\n );\n })}\n {new Array(placeholderVideos).fill(0).map((_, index) => {\n return (\n <VideoPlaceholder key={index} />\n );\n })}\n </ul>\n </MockLayout>\n );\n}","import React from 'react';\nimport { confetti } from 'tsparticles-confetti';\n\nexport function useConfetti(): void {\n React.useEffect(() => {\n confetti('tsparticles', {\n count: 500,\n drift: 25,\n origin: { x: 50, y: 100 },\n position: { x: 50, y: 100 },\n startVelocity: 100,\n ticks: 100,\n gravity: 3\n });\n }, []);\n}","// extracted by mini-css-extract-plugin\nexport default {\"playlistContainer\":\"J5iom\",\"confetti\":\"Ja1bk\",\"discover\":\"njFgx\"};","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Presentation, Video } from 'libs/shared/interfaces';\n\nimport { OnboardingLoaderContainer } from 'apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer';\nimport { OnboardingVideosLoader } from 'apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader';\nimport { MockPlaylist } from 'apps/onboarding/components/mock-views/playlist/MockPlaylist';\nimport { useConfetti } from 'apps/onboarding/hooks/useConfetti';\nimport { onFinishOnboarding } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './creating-playlist-loader.scss';\n\nconst namespace = 'onboarding.creatingPlaylistLoader';\n\nconst FAKE_LOADER = 5000;\n\ninterface CreatingPlaylistLoaderProps {\n name: string;\n presentation: Presentation;\n curriculum: Presentation;\n videos: Video[];\n redirectUrl: string;\n}\n\nexport function CreatingPlaylistLoader(props: CreatingPlaylistLoaderProps): JSX.Element {\n const [ showTakingToDiscover, setShowTakingToDiscover ] = React.useState(false);\n\n useConfetti();\n\n React.useEffect(() => {\n const timeout = window.setTimeout(() => {\n setShowTakingToDiscover(true);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, []);\n\n React.useEffect(() => {\n if (!showTakingToDiscover)\n return;\n\n const timeout = window.setTimeout(() => {\n onFinishOnboarding(props.redirectUrl);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [showTakingToDiscover]);\n\n if (showTakingToDiscover) {\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.playlistContainer} ${styles.discover}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='takingYouToDiscover' />\n </h1>\n <MockPlaylist\n presentation={props.presentation}\n curriculum={props.curriculum}\n videos={props.videos}\n name={props.name}\n hidePlaceholders\n />\n </div>\n <OnboardingVideosLoader screenSize='100%' variant='dark-blue' />\n </OnboardingLoaderContainer>\n );\n }\n\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.playlistContainer} ${styles.confetti}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='greatJob' /><br />\n <Text namespace={namespace} phrase='creatingPlaylist' />\n </h1>\n <MockPlaylist\n presentation={props.presentation}\n curriculum={props.curriculum}\n videos={props.videos}\n name={props.name}\n hidePlaceholders\n />\n </div>\n </OnboardingLoaderContainer>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"GVDR9\"};","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\n\nimport { OnboardingLoaderContainer } from 'apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer';\nimport { OnboardingVideosLoader } from 'apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useConfetti } from 'apps/onboarding/hooks/useConfetti';\nimport { onFinishOnboarding } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './default-loader.scss';\n\nconst namespace = 'onboarding.defaultLoader';\n\nconst FAKE_LOADER = 5000;\n\ninterface DefaultLoaderProps {\n presentation: Presentation;\n curriculum: Presentation;\n subjects: Classification[];\n redirectUrl: string;\n}\n\nexport function DefaultLoader(props: DefaultLoaderProps): JSX.Element {\n const [ showTakingToDiscover, setShowTakingToDiscover ] = React.useState(false);\n\n useConfetti();\n\n React.useEffect(() => {\n const timeout = window.setTimeout(() => {\n setShowTakingToDiscover(true);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, []);\n\n React.useEffect(() => {\n if (!showTakingToDiscover)\n return;\n\n const timeout = window.setTimeout(() => {\n onFinishOnboarding(props.redirectUrl);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [showTakingToDiscover]);\n\n if (showTakingToDiscover) {\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.container}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='takingYouToDiscover' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n curriculum={props.curriculum}\n subjects={props.subjects}\n />\n </div>\n <OnboardingVideosLoader screenSize='100%' variant='dark-blue' />\n </OnboardingLoaderContainer>\n );\n }\n\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.container}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='allDone' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n subjects={props.subjects}\n curriculum={props.curriculum}\n />\n </div>\n </OnboardingLoaderContainer>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"discoverContainer\":\"u6Ak8\",\"confetti\":\"BVY_E\",\"discover\":\"yYZ_G\"};","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\n\nimport { OnboardingLoaderContainer } from 'apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer';\nimport { OnboardingVideosLoader } from 'apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader';\nimport { useConfetti } from 'apps/onboarding/hooks/useConfetti';\nimport { onFinishOnboarding } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport { MockDiscover } from '../../mock-views/discover/MockDiscover';\n\nimport styles from './preferences-loader.scss';\n\nconst namespace = 'onboarding.preferencesLoader';\n\nconst FAKE_LOADER = 5000;\n\ninterface PreferencesLoaderProps {\n presentation: Presentation;\n curriculum: Presentation;\n subjects: Classification[];\n redirectUrl: string;\n}\n\nexport function PreferencesLoader(props: PreferencesLoaderProps): JSX.Element {\n const [ showTakingToDiscover, setShowTakingToDiscover ] = React.useState(false);\n\n useConfetti();\n\n React.useEffect(() => {\n const timeout = window.setTimeout(() => {\n setShowTakingToDiscover(true);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, []);\n\n React.useEffect(() => {\n if (!showTakingToDiscover)\n return;\n\n const timeout = window.setTimeout(() => {\n onFinishOnboarding(props.redirectUrl);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [showTakingToDiscover]);\n\n if (showTakingToDiscover) {\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.discoverContainer} ${styles.discover}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='takingYouToDiscover' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n curriculum={props.curriculum}\n subjects={props.subjects}\n />\n </div>\n <OnboardingVideosLoader screenSize='100%' variant='dark-blue' />\n </OnboardingLoaderContainer>\n );\n }\n\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.discoverContainer} ${styles.confetti}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='greatJob' /><br />\n <Text namespace={namespace} phrase='loadingPreferences' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n curriculum={props.curriculum}\n subjects={props.subjects}\n />\n </div>\n </OnboardingLoaderContainer>\n );\n}","import React from 'react';\n\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { useOnboardingPathway } from 'libs/shared/apps/onboarding/hooks/useOnboardingPathway';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { Classification } from 'libs/shared/interfaces';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { CreatingPlaylistLoader } from 'apps/onboarding/components/loaders/creating-playlist-loader/CreatingPlaylistLoader';\nimport { DefaultLoader } from 'apps/onboarding/components/loaders/default/DefaultLoader';\nimport { PreferencesLoader } from 'apps/onboarding/components/loaders/preferences-loader/PreferencesLoader';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport { SavedOnboardingVideo } from '../select-videos/OnboardingSelectVideosView';\n\ntype LoaderType = 'create-playlist' \| 'preferences' \| 'default';\n\nexport interface OnboardingLoaderViewModel {\n playlistName?: string;\n}\n\nexport function OnboardingCompletedLoaderView(props: OnboardingViewProps): JSX.Element {\n const appLinks = getOnboardingAppLinks();\n const { getPathway } = useOnboardingPathway(appLinks);\n\n const [loaderViewModel] = useViewModel<OnboardingLoaderViewModel>(ViewModelKeys.ONBOARDING_LOADER, {});\n\n const [videos] = useViewModel<SavedOnboardingVideo[]>(\n ViewModelKeys.ONBOARDING_VIDEOS_V2,\n [],\n { storage: StorageType.LocalStorage }\n );\n\n const { preferredPresentation } = usePresentation();\n const { preferredCurriculum } = useCurriculums();\n const subjects = Flight.useBasicFetch<Classification[]>(ClassificationRequests.classifications());\n\n const loaderType: LoaderType = React.useMemo(() => {\n const pathway = getPathway();\n\n switch (pathway.currentScreen) {\n case 'create-playlist':\n return 'create-playlist';\n \n case 'subjects-summary':\n case 'subjects':\n case 'school-level':\n case 'select-curriculum':\n return 'preferences';\n\n default:\n return 'default';\n }\n }, []);\n\n if (loaderType === 'default') {\n return (\n <DefaultLoader\n subjects={subjects.data}\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n redirectUrl={props.redirectUrl}\n />\n );\n }\n\n if (loaderType === 'create-playlist') {\n return (\n <CreatingPlaylistLoader\n name={loaderViewModel.playlistName}\n videos={videos.map(v => v.data)}\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n redirectUrl={props.redirectUrl}\n />\n );\n }\n\n if (loaderType === 'preferences') {\n return (\n <PreferencesLoader\n subjects={subjects.data}\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n redirectUrl={props.redirectUrl}\n />\n );\n }\n\n return <></>;\n}"],"names":["useOnboardingPathway","appLinks","hasPlaylist","setHasPlaylist","currentUser","user","data","isAuthenticated","id","presentations","preferredPresentation","curriculums","playlists","preferredSubjects","hasPermissions","hasCompleted","length","hasLoadedPathway","userSettings","getPathway","options","jobTitle","jobTitleOverride","userProfile","metadata","presentation","preferredPresentationOverride","appLink","masterUser","screens","currentScreen","totalScreens","totalScreensInProgressBar","hasCompletedAllSteps","OnboardingLoaderContainer","props","className","variant","children","getOnboardingLoaderVideoStyles","index","screenSize","indexPositionId","styles","top","left","animationDelay","right","mobile","halfScreen","fullScreen","OnboardingVideosLoader","thumbnails","ArrayHelper","HardCoded","breakpoints","useBreakpoints","map","thumbnail","key","style","xs","hideThumbnailMask","src","ImageHelper","size","SubjectPlaceholder","coverUrl","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","subjects","MockLayout","curriculum","editingCurriculum","subject","cover","url","Array","fill","_","namespace","LeftNavItem","Text","phrase","IconCircle","imageUrl","name","svgSize","SvgContainer","S","textVariant","svgName","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","VideoPlaceholder","video","VideoThumbnail","type","hideDuration","imageOptions","ImageFallback","extraClasses","MockPlaylist","placeholderVideos","hidePlaceholders","videos","useConfetti","confetti","count","drift","origin","x","y","position","startVelocity","ticks","gravity","FAKE_LOADER","CreatingPlaylistLoader","showTakingToDiscover","setShowTakingToDiscover","timeout","window","setTimeout","clearTimeout","redirectUrl","DefaultLoader","PreferencesLoader","OnboardingCompletedLoaderView","loaderViewModel","storage","usePresentation","preferredCurriculum","useCurriculums","ClassificationRequests","loaderType","playlistName","v"],"sourceRoot":""}
1	+ {"version":3,"file":"scripts/2724-060fdde41c-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/onboarding/hooks/useOnboardingPathway.ts","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/videos-loader/getOnboardingLoaderVideos.ts","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/videos-loader/videos-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/playlist/mock-playlist.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/playlist/MockPlaylist.tsx","file:///app/packages/projects/lite/src/apps/onboarding/hooks/useConfetti.ts","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/creating-playlist-loader/creating-playlist-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/creating-playlist-loader/CreatingPlaylistLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/default/default-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/default/DefaultLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/preferences-loader/preferences-loader.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/loaders/preferences-loader/PreferencesLoader.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/completed-loader/OnboardingCompletedLoaderView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingScreenAppLinks } from 'libs/shared/apps/onboarding/interfaces/OnboardingScreenAppLinks';\nimport { OnboardingPathway, OnboardingPathwayHelper } from 'libs/shared/apps/onboarding/utils/OnboardingPathwayHelper';\nimport { JobTitles } from 'libs/shared/apps/sign-up/interfaces/JobTitles';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser, PlaylistCollection, Presentation, User } from 'libs/shared/interfaces';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nimport { PlaylistCollectionIdentifier } from '../../playlists/interfaces';\n\nexport interface GetPathwayOptions {\n jobTitleOverride?: JobTitles;\n preferredPresentationOverride?: Presentation;\n}\n\nexport function useOnboardingPathway(appLinks: OnboardingScreenAppLinks) {\n const [ hasPlaylist, setHasPlaylist ] = useViewModel<boolean>('has:playlist', null);\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const user = Flight.useBasicFetch<User>(currentUser.data?.isAuthenticated && UserRequests.user(currentUser.data.id));\n\n const presentations = Flight.useBasicFetch<Presentation[]>(\n ClassificationRequests.availablePresentations(PresentationType.Subject)\n );\n const preferredPresentation = Flight.useBasicFetch<Presentation>(\n ClassificationRequests.presentation(PresentationType.Subject)\n );\n const curriculums = Flight.useBasicFetch<Presentation[]>(\n ClassificationRequests.availablePresentations(PresentationType.Curriculum)\n );\n const playlists = Flight.useBasicFetch<PlaylistCollection>(\n PlaylistRequests.getUserPlaylists(new PlaylistCollectionIdentifier())\n );\n const preferredSubjects = Flight.useBasicFetch<Classification[]>(\n PreferenceRequests.mySubjectPreferences()\n );\n const { hasPermissions } = usePermissions();\n\n React.useEffect(() => {\n if (!playlists.hasCompleted)\n return;\n\n if (hasPlaylist !== !!playlists.data?.data?.length)\n setHasPlaylist(!!playlists.data?.data?.length);\n }, [playlists.hasCompleted]);\n\n const hasLoadedPathway = (\n currentUser.hasCompleted &&\n user.hasCompleted &&\n presentations.hasCompleted &&\n curriculums.hasCompleted &&\n preferredPresentation.hasCompleted &&\n playlists.hasCompleted &&\n preferredSubjects.hasCompleted &&\n hasPlaylist !== null\n );\n\n const { userSettings } = useSettings(null);\n\n function getPathway(options: GetPathwayOptions = {}): OnboardingPathway {\n const jobTitle = options.jobTitleOverride \|\| user.data?.userProfile?.metadata?.jobTitle;\n const presentation = options.preferredPresentationOverride \|\| preferredPresentation.data;\n\n if (!hasLoadedPathway) {\n return {\n screens: {},\n currentScreen: null,\n totalScreens: 0,\n totalScreensInProgressBar: 0,\n hasCompletedAllSteps: false\n };\n }\n\n return OnboardingPathwayHelper.getOnboardingPathway({\n jobTitle,\n userSettings: userSettings.data,\n presentations: presentations.data,\n curriculums: curriculums.data,\n preferredSubjects: preferredSubjects.data,\n preferredPresentation: presentation,\n appLink: ContextService.getCurrentRoute().appLink,\n appLinks,\n masterUser: user.data,\n hasPlaylist,\n hasPermissions,\n currentUser: currentUser.data\n });\n }\n\n return {\n getPathway,\n hasLoadedPathway\n };\n}","import React from 'react';\n\ninterface OnboardingLoaderContainerProps {\n variant: 'blue' \| 'dark-blue'\n}\n\nexport function OnboardingLoaderContainer(props: React.PropsWithChildren<OnboardingLoaderContainerProps>): JSX.Element {\n return (\n <div className={`w-100 h-100 position-fixed bg-${props.variant}`}>\n {props.children}\n </div>\n );\n}","function mobile(index: number): React.CSSProperties {\n const indexPositionId = index % 10;\n\n const styles: React.CSSProperties = { top: `${index * 4}%` };\n\n /*\n This is pretty much random to make the loader look nicer.\n /\n switch (indexPositionId) {\n case 0: {\n styles.left = '12.5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 1: {\n styles.right = '7.5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 2: {\n styles.left = '10%';\n return styles;\n }\n\n case 3: {\n styles.right = '2.5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 4: {\n styles.left = '2.5%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 5: {\n styles.right = '10%';\n return styles;\n }\n\n case 6: {\n styles.left = '12.5%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 7: {\n styles.right = '7.5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 8: {\n styles.left = '5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 9: {\n styles.right = '2.5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n default: {\n styles.left = '10%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n }\n}\n\nfunction halfScreen(index: number): React.CSSProperties {\n const indexPositionId = index % 10;\n\n const styles: React.CSSProperties = { top: `${index 4}%` };\n\n /*\n This is pretty much random to make the loader look nicer.\n /\n switch (indexPositionId) {\n case 0: {\n styles.left = '25%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 1: {\n styles.right = '15%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 2: {\n styles.left = '20%';\n return styles;\n }\n\n case 3: {\n styles.right = '5%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 4: {\n styles.left = '5%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 5: {\n styles.right = '20%';\n return styles;\n }\n\n case 6: {\n styles.left = '25%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 7: {\n styles.right = '15%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 8: {\n styles.left = '10%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 9: {\n styles.right = '5%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n default: {\n styles.left = '20%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n }\n}\n\nfunction fullScreen(index: number): React.CSSProperties {\n const indexPositionId = index % 10;\n\n const styles: React.CSSProperties = { top: `${index 4}%` };\n\n /*\n This is pretty much random to make the loader look nicer.\n /\n switch (indexPositionId) {\n case 0: {\n styles.left = '25%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 1: {\n styles.right = '30%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 2: {\n styles.left = '40%';\n return styles;\n }\n\n case 3: {\n styles.right = '10%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 4: {\n styles.left = '10%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 5: {\n styles.right = '40%';\n return styles;\n }\n\n case 6: {\n styles.left = '30%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n\n case 7: {\n styles.right = '30%';\n styles.animationDelay = '0.5s';\n return styles;\n }\n\n case 8: {\n styles.left = '10%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n case 9: {\n styles.right = '10%';\n styles.animationDelay = '1s';\n return styles;\n }\n\n default: {\n styles.left = '40%';\n styles.animationDelay = '1.5s';\n return styles;\n }\n }\n}\n\n// 2 columns means the images are more off to the sides\n// 3 columns means they approach the center more\nexport function getOnboardingLoaderVideoStyles(index: number, screenSize: '50%' \| '100%' \| 'mobile'): React.CSSProperties {\n if (screenSize === 'mobile')\n return mobile(index);\n\n if (screenSize === '50%')\n return halfScreen(index);\n\n return fullScreen(index);\n}","import React from 'react';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { getOnboardingLoaderVideoStyles } from 'apps/onboarding/components/loaders/videos-loader/getOnboardingLoaderVideos';\n\nimport styles from './videos-loader.scss';\n\ninterface OnboardingVideosLoaderProps {\n screenSize: '50%' \| '100%';\n variant: 'dark-blue' \| 'blue';\n hideThumbnailMask?: boolean;\n}\n\nexport const OnboardingVideosLoader = React.memo((props: OnboardingVideosLoaderProps) => {\n const thumbnails = ArrayHelper.shuffle(HardCoded.Onboarding.LOADING_THUMBNAILS);\n\n const breakpoints = useBreakpoints();\n\n function getScreenSize(): 'mobile' \| OnboardingVideosLoaderProps['screenSize'] {\n if (breakpoints.xs) {\n return 'mobile';\n }\n\n return props.screenSize;\n }\n\n return (\n <div className={`${styles.loading} ${props.screenSize === '50%' ? 'w-50' : 'w-100'}`}>\n {thumbnails.map((thumbnail, index) => {\n return (\n <div\n key={index}\n className={`${styles.loadingImageContainer} position-absolute rounded-3 overflow-hidden`}\n style={getOnboardingLoaderVideoStyles(index, getScreenSize())}\n >\n {!props.hideThumbnailMask && (\n <div className={`${styles.loadingImageMask} ${props.variant === 'blue' ? styles.blue : styles.darkBlue}`} />\n )}\n <img className='img-fluid' src={ImageHelper.createUrl(thumbnail, { size: ImageSize.Small })} />\n </div>\n );\n })}\n </div>\n );\n});","// extracted by mini-css-extract-plugin\nexport default {\"loadingImageContainer\":\"ZlA2t\",\"fadeIn\":\"YmTa1\",\"loadingImageMask\":\"jNop3\",\"darkBlue\":\"YNfFq\",\"blue\":\"jVOWE\",\"loading\":\"n2Qe4\",\"loader\":\"BqV36\"};","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n return (\n <li className='col-4'>\n <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n {props.coverUrl ? (\n <div className={styles.placeholderCover}>\n <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n </div>\n ) : (\n <div className={`${styles.placeholderCover} bg-light-blue`} />\n )}\n </div>\n </li>\n );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n return (\n <li className='col-4'>\n <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n </li>\n );\n}\n\ninterface MockDiscoverProps {\n subjects?: Classification[];\n presentation?: Presentation;\n curriculum?: Presentation;\n editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n return (\n <MockLayout\n presentation={props.presentation}\n curriculum={props.curriculum}\n editingCurriculum={props.editingCurriculum}\n >\n <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n {/ Magic tabs /}\n <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n <div className={`bg-light ${styles.magicTab}`} />\n <div className={`${styles.magicTab}`} />\n </div>\n\n {/ Subjects /}\n <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n {props.subjects?.map(subject => {\n return (\n <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n );\n })}\n {new Array(placeholderSubjects).fill(0).map((_, index) => {\n return (\n <SubjectPlaceholder key={index} />\n );\n })}\n </ul>\n\n {/ Promoted topics /}\n <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n <PromotedTopicPlaceholder />\n </ul>\n </div>\n </MockLayout>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n return (\n <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n <div className={`${styles.leftNavIcon} rounded-circle`} />\n <div className={`${styles.leftNavText} rounded-pill`} />\n </div>\n );\n}\n\ninterface MockLayoutProps {\n editingCurriculum?: boolean;\n curriculum?: Presentation;\n presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n const breakpoints = useBreakpoints();\n \n function getPresentationClass(): string {\n if (!props.presentation)\n return styles.presentationPlaceholderIcon;\n\n switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n case PresentationLearningLevel.Level_1:\n return `bg-indigo ${styles.presentationIcon}`;\n\n case PresentationLearningLevel.Level_3:\n return `bg-blue ${styles.presentationIcon}`;\n\n default:\n case PresentationLearningLevel.Level_2:\n return `bg-green ${styles.presentationIcon}`;\n }\n }\n\n return (\n <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n {!!props.editingCurriculum && (\n <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n <div className='bg-white rounded-3 border p-3 w-100'>\n <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n {props.curriculum ? (\n <div className='d-flex align-items-center'>\n <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n <IconCircle imageUrl={props.curriculum.cover?.url} />\n </div>\n <div className='text-start'>{props.curriculum.name}</div>\n </div>\n ) : (\n <div className='d-flex align-items-center text-secondary'>\n <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n </div>\n <Text namespace={namespace} phrase='selectCurriculum' />\n </div>\n )}\n </div>\n </div>\n </div>\n )}\n\n {/ Black bar /}\n <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n <div className={`rounded-circle me-2 ${styles.dot}`} />\n <div className={`rounded-circle me-2 ${styles.dot}`} />\n <div className={`rounded-circle ${styles.dot}`} />\n </div>\n\n {/ Header /}\n <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n <div className={`${styles.logo} me-4`}>\n {breakpoints.xs ? (\n <ClickViewPrimaryLogo />\n ) : (\n <ClickViewLogo />\n )}\n </div>\n <div className='form-control w-75 d-flex justify-content-start'>\n <SvgContainer svgName={cvSvgLibrary.Search} />\n </div>\n {!!props.curriculum && (\n <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n <IconCircle imageUrl={props.curriculum.cover?.url} />\n </div>\n )}\n </div>\n\n <div className={`d-flex ${styles.belowHeader}`}>\n {/ Left nav /}\n <div className={`${styles.leftNav} border-end`}>\n <div className='d-flex flex-column pt-3 h-100'>\n <LeftNavItem />\n <LeftNavItem />\n <LeftNavItem />\n <LeftNavItem />\n <LeftNavItem />\n\n {/ Presentation /}\n <div className='d-flex align-items-end h-100 w-100'>\n <div className='border-top p-3 w-100'>\n <div className='d-flex align-items-center'>\n <div className={`${getPresentationClass()} text-white rounded`}>\n <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n </div>\n\n {!props.presentation ? (\n <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n <Text namespace={namespace} phrase='schoolLevel' />\n </div>\n ) : (\n <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n\n {/ Main content /}\n <div className={`w-100 h-100 overflow-hidden`}>\n {props.children}\n </div>\n </div>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"banner\":\"CQxNy\",\"title\":\"NzV5V\",\"description1\":\"kjCZi\",\"description2\":\"cBeyJ\",\"placeholder\":\"Ks_Tl\",\"playlistName\":\"eFPqz\",\"thumbnailCol\":\"dgCQ7\",\"videoInfoCol\":\"pzfE2\"};","import React from 'react';\n\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation, Video } from 'libs/shared/interfaces';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-playlist.scss';\n\ninterface VideoPlaceholderProps {\n video?: Video;\n}\n\nfunction VideoPlaceholder(props: VideoPlaceholderProps): JSX.Element {\n return (\n <li className='row mb-2'>\n <div className={`col-lg-4 col-5 ${styles.thumbnailCol}`}>\n {props.video ? (\n <VideoThumbnail video={props.video} type='cosmetic' hideDuration imageOptions={{ size: ImageSize.Medium }} />\n ) : (\n <ImageFallback type={ImageFallbackType.Video} extraClasses={`position-relative rounded-3 ${styles.placeholder}`} />\n )}\n </div>\n\n <div className={`col-lg-8 col-7 ${styles.videoInfoCol}`}>\n <div className={`${styles.title} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description1} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description2} rounded-pill bg-grey mb-1`} />\n </div>\n </li>\n );\n}\n\ninterface MockPlaylistProps {\n name?: string;\n presentation?: Presentation;\n curriculum?: Presentation;\n videos: Video[];\n hidePlaceholders?: boolean;\n}\n\nexport function MockPlaylist(props: MockPlaylistProps): JSX.Element {\n const placeholderVideos = props.hidePlaceholders ? 0 : Math.max(6 - (props.videos?.length ?? 0), 0);\n\n return (\n <MockLayout presentation={props.presentation} curriculum={props.curriculum}>\n {/ Banner /}\n <div className={`bg-teal ${styles.banner} position-relative`}>\n {props.name && (\n <div className={`h5 text-white mb-0 ${styles.playlistName}`}>{props.name}</div>\n )}\n </div>\n\n {/ Videos */}\n <ul className='list-unstyled mb-0 w-100 p-2'>\n {props.videos?.map(video => {\n return (\n <VideoPlaceholder key={video.id} video={video} />\n );\n })}\n {new Array(placeholderVideos).fill(0).map((_, index) => {\n return (\n <VideoPlaceholder key={index} />\n );\n })}\n </ul>\n </MockLayout>\n );\n}","import React from 'react';\nimport { confetti } from 'tsparticles-confetti';\n\nexport function useConfetti(): void {\n React.useEffect(() => {\n confetti('tsparticles', {\n count: 500,\n drift: 25,\n origin: { x: 50, y: 100 },\n position: { x: 50, y: 100 },\n startVelocity: 100,\n ticks: 100,\n gravity: 3\n });\n }, []);\n}","// extracted by mini-css-extract-plugin\nexport default {\"playlistContainer\":\"J5iom\",\"confetti\":\"Ja1bk\",\"discover\":\"njFgx\"};","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Presentation, Video } from 'libs/shared/interfaces';\n\nimport { OnboardingLoaderContainer } from 'apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer';\nimport { OnboardingVideosLoader } from 'apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader';\nimport { MockPlaylist } from 'apps/onboarding/components/mock-views/playlist/MockPlaylist';\nimport { useConfetti } from 'apps/onboarding/hooks/useConfetti';\nimport { onFinishOnboarding } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './creating-playlist-loader.scss';\n\nconst namespace = 'onboarding.creatingPlaylistLoader';\n\nconst FAKE_LOADER = 5000;\n\ninterface CreatingPlaylistLoaderProps {\n name: string;\n presentation: Presentation;\n curriculum: Presentation;\n videos: Video[];\n redirectUrl: string;\n}\n\nexport function CreatingPlaylistLoader(props: CreatingPlaylistLoaderProps): JSX.Element {\n const [ showTakingToDiscover, setShowTakingToDiscover ] = React.useState(false);\n\n useConfetti();\n\n React.useEffect(() => {\n const timeout = window.setTimeout(() => {\n setShowTakingToDiscover(true);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, []);\n\n React.useEffect(() => {\n if (!showTakingToDiscover)\n return;\n\n const timeout = window.setTimeout(() => {\n onFinishOnboarding(props.redirectUrl);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [showTakingToDiscover]);\n\n if (showTakingToDiscover) {\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.playlistContainer} ${styles.discover}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='takingYouToDiscover' />\n </h1>\n <MockPlaylist\n presentation={props.presentation}\n curriculum={props.curriculum}\n videos={props.videos}\n name={props.name}\n hidePlaceholders\n />\n </div>\n <OnboardingVideosLoader screenSize='100%' variant='dark-blue' />\n </OnboardingLoaderContainer>\n );\n }\n\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.playlistContainer} ${styles.confetti}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='greatJob' /><br />\n <Text namespace={namespace} phrase='creatingPlaylist' />\n </h1>\n <MockPlaylist\n presentation={props.presentation}\n curriculum={props.curriculum}\n videos={props.videos}\n name={props.name}\n hidePlaceholders\n />\n </div>\n </OnboardingLoaderContainer>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"GVDR9\"};","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\n\nimport { OnboardingLoaderContainer } from 'apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer';\nimport { OnboardingVideosLoader } from 'apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useConfetti } from 'apps/onboarding/hooks/useConfetti';\nimport { onFinishOnboarding } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './default-loader.scss';\n\nconst namespace = 'onboarding.defaultLoader';\n\nconst FAKE_LOADER = 5000;\n\ninterface DefaultLoaderProps {\n presentation: Presentation;\n curriculum: Presentation;\n subjects: Classification[];\n redirectUrl: string;\n}\n\nexport function DefaultLoader(props: DefaultLoaderProps): JSX.Element {\n const [ showTakingToDiscover, setShowTakingToDiscover ] = React.useState(false);\n\n useConfetti();\n\n React.useEffect(() => {\n const timeout = window.setTimeout(() => {\n setShowTakingToDiscover(true);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, []);\n\n React.useEffect(() => {\n if (!showTakingToDiscover)\n return;\n\n const timeout = window.setTimeout(() => {\n onFinishOnboarding(props.redirectUrl);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [showTakingToDiscover]);\n\n if (showTakingToDiscover) {\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.container}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='takingYouToDiscover' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n curriculum={props.curriculum}\n subjects={props.subjects}\n />\n </div>\n <OnboardingVideosLoader screenSize='100%' variant='dark-blue' />\n </OnboardingLoaderContainer>\n );\n }\n\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.container}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='allDone' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n subjects={props.subjects}\n curriculum={props.curriculum}\n />\n </div>\n </OnboardingLoaderContainer>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"discoverContainer\":\"u6Ak8\",\"confetti\":\"BVY_E\",\"discover\":\"yYZ_G\"};","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\n\nimport { OnboardingLoaderContainer } from 'apps/onboarding/components/loaders/primitives/OnboardingLoaderContainer';\nimport { OnboardingVideosLoader } from 'apps/onboarding/components/loaders/videos-loader/OnboardingVideosLoader';\nimport { useConfetti } from 'apps/onboarding/hooks/useConfetti';\nimport { onFinishOnboarding } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport { MockDiscover } from '../../mock-views/discover/MockDiscover';\n\nimport styles from './preferences-loader.scss';\n\nconst namespace = 'onboarding.preferencesLoader';\n\nconst FAKE_LOADER = 5000;\n\ninterface PreferencesLoaderProps {\n presentation: Presentation;\n curriculum: Presentation;\n subjects: Classification[];\n redirectUrl: string;\n}\n\nexport function PreferencesLoader(props: PreferencesLoaderProps): JSX.Element {\n const [ showTakingToDiscover, setShowTakingToDiscover ] = React.useState(false);\n\n useConfetti();\n\n React.useEffect(() => {\n const timeout = window.setTimeout(() => {\n setShowTakingToDiscover(true);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, []);\n\n React.useEffect(() => {\n if (!showTakingToDiscover)\n return;\n\n const timeout = window.setTimeout(() => {\n onFinishOnboarding(props.redirectUrl);\n }, FAKE_LOADER);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [showTakingToDiscover]);\n\n if (showTakingToDiscover) {\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.discoverContainer} ${styles.discover}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='takingYouToDiscover' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n curriculum={props.curriculum}\n subjects={props.subjects}\n />\n </div>\n <OnboardingVideosLoader screenSize='100%' variant='dark-blue' />\n </OnboardingLoaderContainer>\n );\n }\n\n return (\n <OnboardingLoaderContainer variant='dark-blue'>\n <div className={`${styles.discoverContainer} ${styles.confetti}`}>\n <h1 className='text-white h3 text-center mb-3'>\n <Text namespace={namespace} phrase='greatJob' /><br />\n <Text namespace={namespace} phrase='loadingPreferences' />\n </h1>\n <MockDiscover\n presentation={props.presentation}\n curriculum={props.curriculum}\n subjects={props.subjects}\n />\n </div>\n </OnboardingLoaderContainer>\n );\n}","import React from 'react';\n\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { useOnboardingPathway } from 'libs/shared/apps/onboarding/hooks/useOnboardingPathway';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { Classification } from 'libs/shared/interfaces';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { CreatingPlaylistLoader } from 'apps/onboarding/components/loaders/creating-playlist-loader/CreatingPlaylistLoader';\nimport { DefaultLoader } from 'apps/onboarding/components/loaders/default/DefaultLoader';\nimport { PreferencesLoader } from 'apps/onboarding/components/loaders/preferences-loader/PreferencesLoader';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport { SavedOnboardingVideo } from '../select-videos/OnboardingSelectVideosView';\n\ntype LoaderType = 'create-playlist' \| 'preferences' \| 'default';\n\nexport interface OnboardingLoaderViewModel {\n playlistName?: string;\n}\n\nexport function OnboardingCompletedLoaderView(props: OnboardingViewProps): JSX.Element {\n const appLinks = getOnboardingAppLinks();\n const { getPathway } = useOnboardingPathway(appLinks);\n\n const [loaderViewModel] = useViewModel<OnboardingLoaderViewModel>(ViewModelKeys.ONBOARDING_LOADER, {});\n\n const [videos] = useViewModel<SavedOnboardingVideo[]>(\n ViewModelKeys.ONBOARDING_VIDEOS_V2,\n [],\n { storage: StorageType.LocalStorage }\n );\n\n const { preferredPresentation } = usePresentation();\n const { preferredCurriculum } = useCurriculums();\n const subjects = Flight.useBasicFetch<Classification[]>(ClassificationRequests.classifications());\n\n const loaderType: LoaderType = React.useMemo(() => {\n const pathway = getPathway();\n\n switch (pathway.currentScreen) {\n case 'create-playlist':\n return 'create-playlist';\n \n case 'subjects-summary':\n case 'subjects':\n case 'school-level':\n case 'select-curriculum':\n return 'preferences';\n\n default:\n return 'default';\n }\n }, []);\n\n if (loaderType === 'default') {\n return (\n <DefaultLoader\n subjects={subjects.data}\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n redirectUrl={props.redirectUrl}\n />\n );\n }\n\n if (loaderType === 'create-playlist') {\n return (\n <CreatingPlaylistLoader\n name={loaderViewModel.playlistName}\n videos={videos.map(v => v.data)}\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n redirectUrl={props.redirectUrl}\n />\n );\n }\n\n if (loaderType === 'preferences') {\n return (\n <PreferencesLoader\n subjects={subjects.data}\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n redirectUrl={props.redirectUrl}\n />\n );\n }\n\n return <></>;\n}"],"names":["useOnboardingPathway","appLinks","hasPlaylist","setHasPlaylist","currentUser","user","data","isAuthenticated","id","presentations","preferredPresentation","curriculums","playlists","preferredSubjects","hasPermissions","hasCompleted","length","hasLoadedPathway","userSettings","getPathway","options","jobTitle","jobTitleOverride","userProfile","metadata","presentation","preferredPresentationOverride","appLink","masterUser","screens","currentScreen","totalScreens","totalScreensInProgressBar","hasCompletedAllSteps","OnboardingLoaderContainer","props","className","variant","children","getOnboardingLoaderVideoStyles","index","screenSize","indexPositionId","styles","top","left","animationDelay","right","mobile","halfScreen","fullScreen","OnboardingVideosLoader","thumbnails","ArrayHelper","HardCoded","breakpoints","useBreakpoints","map","thumbnail","key","style","xs","hideThumbnailMask","src","ImageHelper","size","SubjectPlaceholder","coverUrl","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","subjects","MockLayout","curriculum","editingCurriculum","subject","cover","url","Array","fill","_","namespace","LeftNavItem","Text","phrase","IconCircle","imageUrl","name","svgSize","SvgContainer","S","textVariant","svgName","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","VideoPlaceholder","video","VideoThumbnail","type","hideDuration","imageOptions","ImageFallback","extraClasses","MockPlaylist","placeholderVideos","hidePlaceholders","videos","useConfetti","confetti","count","drift","origin","x","y","position","startVelocity","ticks","gravity","FAKE_LOADER","CreatingPlaylistLoader","showTakingToDiscover","setShowTakingToDiscover","timeout","window","setTimeout","clearTimeout","redirectUrl","DefaultLoader","PreferencesLoader","OnboardingCompletedLoaderView","loaderViewModel","storage","usePresentation","preferredCurriculum","useCurriculums","ClassificationRequests","loaderType","playlistName","v"],"sourceRoot":""}

package/dist/scripts/{2795-0616748349-lite.chunk.js → 2795-eb3a51adc2-lite.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2795],{92869:(e,t,a)=>{a.d(t,{t:()=>c});var n=a(48088),r=a(95846),c={preventScrollTop:function(){n.Radio.channel(r.G.SHELL).trigger("prevent:scroll:top")}}},75097:(e,t,a)=>{a.d(t,{U:()=>c});var n=a(32735),r=a(95245);function c(e){var t=e.count,a=void 0===t?6:t;return n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"d-flex ps-1"},Array(a).fill(null).map((function(e,t){return n.createElement("div",{key:t,className:"".concat(r.Z.partialButton," partial-loading-background mx-1")})}))))}},49935:(e,t,a)=>{a.d(t,{Oo:()=>m,b2:()=>d});var n=a(32735),r=a(36848),c=a(86764),l=a(3747),o=a(5859),i=a(35223),s=a(83914),u=function(e){var t=e.breadcrumb,a=t.name,c=t.appLink,l=t.active,o=e.withBackIcon;return n.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?n.createElement("strong",null,a):n.createElement(r.F,{appLink:c},o&&n.createElement(s.x,{svgName:i.vn.ChevronLeft,size:s.S.Small}),n.createElement("span",{className:o?"ms-2":""},a)))},m=function(e){var t=e.breadcrumbs,a=(0,l.a)(c.r.XS),r=null==t?void 0:t.length;return!r||a&&r<2?n.createElement(n.Fragment,null):a?n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},n.createElement(u,{breadcrumb:t[r-2],withBackIcon:!0}))):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return n.createElement(u,{key:t,breadcrumb:e})}))))},d=n.memo((function(e){var t=e.numItems,a=void 0===t?3:t;return(0,l.a)(c.r.XS)?n.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},o.u.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return n.createElement("li",{key:t,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},37395:(e,t,a)=>{a.d(t,{t:()=>m});var n=a(32735),r=a(98269),c=a(92869),l=a(49985),o=a(65858),i=a(36848),s=a(83345);function u(e,t,a){var n;if(!t)return null;var r=null!==(n=e.params)&&void 0!==n?n:{};return a?(null==r?void 0:r.previous)?{application:e.application,action:e.action,args:e.args,params:Object.assign(Object.assign({},r),{cursor:null==r?void 0:r.previous,previous:null})}:{application:e.application,action:e.action,args:e.args,params:Object.assign(Object.assign({},r),{cursor:null,previous:null})}:{application:e.application,action:e.action,args:e.args,params:Object.assign(Object.assign({},r),{cursor:t,previous:r.cursor})}}function m(e){var t=e.appLink,a=e.cursors,m=e.className,d=e.buttonVariant,p=e.prevHack,g=e.scrollTop,v=e.onClick;function b(e){t&&!g&&c.t.preventScrollTop(),l.k.logUserAction({page:e},{location:o.LZ.Pagination,entity:o.py.Pagination,actionType:o.Vw.Navigate}),v&&v(a[e])}return t?n.createElement(s.D.Provider,{value:"shared.pagination"},n.createElement("div",{className:m},n.createElement(i.F,{appLink:u(t,a.previous,p),className:"btn btn-".concat(d," me-1 ").concat(a.previous?"":"disabled"),onClick:function(){return b("previous")},style:{display:"inline-block"}},n.createElement(s.x,{phrase:"previous"})),n.createElement(i.F,{appLink:u(t,a.next),className:"btn btn-".concat(d," ").concat(a.next?"":"disabled"),onClick:function(){return b("next")},style:{display:"inline-block"}},n.createElement(s.x,{phrase:"next"})))):n.createElement(s.D.Provider,{value:"shared.pagination"},n.createElement("div",{className:m},n.createElement(r.Z,{variant:d,className:"me-1 ".concat(a.previous?"":"disabled"),onClick:function(){return b("previous")}},n.createElement(s.x,{phrase:"previous"})),n.createElement(r.Z,{variant:d,className:"btn ".concat(a.next?"":"disabled"),onClick:function(){return b("next")}},n.createElement(s.x,{phrase:"next"}))))}m.defaultProps={className:"py-2",buttonVariant:"secondary"}},81514:(e,t,a)=>{a.d(t,{V:()=>c});var n=a(86764),r=a(3747);function c(){var e=(0,r.a)(n.r.XS),t=(0,r.a)(n.r.SM),a=(0,r.a)(n.r.MD),c=(0,r.a)(n.r.LG),l=(0,r.a)(n.r.XL),o=(0,r.a)(n.r.XXL),i=n.r.LG;return e&&(i=n.r.XS),t&&(i=n.r.SM),a&&(i=n.r.MD),c&&(i=n.r.LG),l&&(i=n.r.XL),o&&(i=n.r.XXL),i}},91286:(e,t,a)=>{a.d(t,{v:()=>l});var n=a(32735),r=a(94644);function c(e){return e.map((function(e){return e.statusCode})).join(":")}function l(e,t,a){var l=Array.isArray(e)?e:[e];(0,n.useEffect)((function(){l.forEach((function(e){(0,r.r)(e.statusCode,t,a)}))}),[c(l),t,a])}},299:(e,t,a)=>{a.d(t,{X:()=>l});var n=a(32735),r=a(69217),c=a(94631),l=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t.idField,l=void 0===a?"id":a,o=t.persistNamespace,i=t.initialState?t.initialState:new Map,s=n.useRef(i),u=(0,r.N)(),m=(0,c.D)(e),d=(0,c.D)(o);function p(){s.current.clear(),u()}function g(e){return"number"==typeof e?e=e.toString():"string"!=typeof e&&(e=e[l].toString()),s.current.get(e)}function v(){return!!(null==e?void 0:e.length)&&e.every(g)}function b(e){e.forEach((function(e){s.current.set(e,!0)})),u()}return n.useEffect((function(){t.initialState||o&&d===o||(null==m?void 0:m.map((function(e){return e[l]})).join())!==(null==e?void 0:e.map((function(e){return e[l]})).join())&&p()}),[m,d,e,t.initialState]),n.useEffect((function(){var e;(null===(e=t.preselectedIds)||void 0===e?void 0:e.length)&&b(t.preselectedIds)}),[]),{onToggleBulk:function(){var t=!v();e.forEach((function(e){t?s.current.set(e[l].toString(),!0):s.current.delete(e[l].toString())})),u()},onToggleItem:function(e){var t=!s.current.get(e.toString());t?s.current.set(e.toString(),t):s.current.delete(e.toString()),u()},getSelected:function(){return Array.from(s.current.keys())},isChecked:g,bulkChecked:v(),deselectAll:function(){(null==e?void 0:e.length)&&(e.forEach((function(e){s.current.delete(e[l].toString())})),u())},hasSomeSelections:function(){return!!(null==e?void 0:e.length)&&!!e.find((function(e){return g(e)}))},setSelected:b,getSelectedCount:function(){return s.current.size},reset:p,getMap:function(){return s.current}}}},94631:(e,t,a)=>{a.d(t,{D:()=>r});var n=a(32735);function r(e){var t=n.useRef();return n.useEffect((function(){t.current=e})),t.current}},58418:(e,t,a)=>{a.r(t),a.d(t,{UserAuditLogView:()=>te});var n=a(32735),r=a(23481),c=a(57900),l=a(20354),o=a(75097),i=a(49935);const s={partialHeading:"rfiJl",partialJobCount:"h8k_u",partialCheckbox:"HkuOS",partialExportButton:"Iul7S",row:"mwigG",checkboxColumn:"Z5jLG",actionColumn:"rLxYh",usersColumn:"QZzab",dateColumn:"Wf_Jp",performedByColumn:"Ubtmj",seeMoreColumn:"XdP6u",heading:"kRMMH",action:"DvDvW",users:"goKpg",date:"ejYGb",performedBy:"NhjyL"};function u(){return n.createElement("div",{className:"d-flex striped-row rounded py-3 ".concat(s.row)},n.createElement("div",{className:"".concat(s.checkboxColumn," d-flex justify-content-center")},n.createElement("div",{className:"partial-loading-background ".concat(s.partialCheckbox," ms-0")})),n.createElement("div",{className:"".concat(s.actionColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.action)})),n.createElement("div",{className:"".concat(s.usersColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.users)})),n.createElement("div",{className:"".concat(s.dateColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.date)})),n.createElement("div",{className:"".concat(s.performedByColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.performedBy)})),n.createElement("div",{className:"".concat(s.seeMoreColumn)}," "))}function m(){return n.createElement("div",{className:"d-flex py-2 mb-1"},n.createElement("div",{className:"".concat(s.checkboxColumn)}," "),n.createElement("div",{className:"".concat(s.actionColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.heading)})),n.createElement("div",{className:"".concat(s.usersColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.heading)})),n.createElement("div",{className:"".concat(s.dateColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.heading)})),n.createElement("div",{className:"".concat(s.performedByColumn)},n.createElement("div",{className:"partial-loading-background ".concat(s.heading)})),n.createElement("div",{className:"".concat(s.seeMoreColumn)}," "))}function d(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"mb-3 mt-n1"},n.createElement(m,null),n.createElement("div",{className:"striped-list no-full-width"},n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null))))}function p(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"partial-loading-background mb-2 ".concat(s.partialHeading)}),n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(i.b2,null),n.createElement("div",{className:"partial-loading-background ".concat(s.partialJobCount)}))),n.createElement("div",{className:"d-flex align-items-center pb-2"},n.createElement("div",{className:"partial-loading-background ".concat(s.partialCheckbox)}),n.createElement("div",{className:"ms-4 ps-3"},n.createElement(o.U,{count:3})),n.createElement("div",{className:"ms-auto partial-loading-background ".concat(s.partialExportButton)})),n.createElement(d,null))}var g=a(89422),v=a(89965),b=a(37395),f=a(2102),E=a(83345),y=a(76881),h=a(69883),k=a(299),N=a(75795),S=a(65858),C=a(93251),x=a(97514),w="userManager.userAuditLogFilters";function j(e){var t=[x.x$.SortBy([{id:"newest",name:r.T.getPhrase(w,"newest"),default:!0},{id:"oldest",name:r.T.getPhrase(w,"oldest")}]),x.x$.BulkActionType(),x.x$.UserType()];return n.createElement(C.J,{queryParams:e.queryParams,mainFilters:t,appLink:e.appLinks.auditLog,analyticsOptions:{entity:S.py.BatchJob,location:S.LZ.UserAuditLog},hideHeading:!0,hideDivider:!0,constantIndices:[]})}var L=a(69674),T=a(110),A=a(149),M=a(36848),B=a(89725),I=a(83914),O=a(86794);const P={seeMore:"uymuO"};function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var U="userManager.userAuditLogTable",J=r.T.encloseNamespace(U),D={table:"striped-list no-full-width pb-3",header:"fw-semibold pb-1",headerCell:"px-2 py-1",row:"striped-row rounded audit-log-row",cell:"d-flex align-items-center py-3 px-2"};function F(e){var t,a,r,c,l=(t=e.jobs.data,a=e.isChecked,t.map((function(e){var t=T.O.format(e.dateCreated,"DD/MM/YYYY, hh:mmA");return{id:e.id,checked:a(e.id),actionType:A.b.mapJobTypeToName(e.type),userType:A.b.mapDataTypeToUserType(e.dataType),date:t,performedBy:{name:e.submitterName,submittedByClickView:e.submittedByClickView}}})));return n.createElement(L.i,{columns:(r=e.appLinks.bulkActionSummary,c=e.onToggleCheckbox,[{Header:"",id:"checkboxes",accessor:function(e){return{id:e.id,checked:e.checked}},Cell:function(e){return n.createElement("div",{className:"text-center mx-auto"},n.createElement(v.X,{id:e.value.id,checked:e.value.checked,onChange:function(){return c(e.value.id)}}))},width:10},{Header:J("action"),accessor:"actionType",id:"actionType",Cell:function(e){var t=e.value;return n.createElement("div",{className:"w-100"},t)},width:20},{Header:J("users"),accessor:"userType",id:"userType",Cell:function(e){var t=e.value;return n.createElement("div",{className:"w-100"},function(){switch(t){case y.Y.Learner:return J("students");case y.Y.Staff:return J("staff");case y.Y.Unknown:default:return J("unknown")}}())},width:10},{Header:J("date"),accessor:"date",id:"date",Cell:function(e){var t=e.value;return n.createElement("div",{className:"w-100"},t)},width:20},{Header:J("performedBy"),accessor:"performedBy",id:"performedBy",Cell:function(e){return n.createElement("div",{className:"w-100 d-flex align-items-center"},e.value.submittedByClickView&&n.createElement(O.b,{className:"me-1",size:I.S.Small},n.createElement(B.F,null)),e.value.name)},width:20},{Header:"",accessor:"id",id:"seeMore",Cell:function(e){var t,a,c=e.value;return n.createElement("div",{className:"w-100 d-flex justify-content-end"},n.createElement(M.F,{className:"info-link text-end me-3 ms-auto ".concat(P.seeMore),appLink:Object.assign(Object.assign({},r),{args:(null===(t=r.args)||void 0===t?void 0:t.length)?[].concat((a=r.args,function(e){if(Array.isArray(e))return R(e)}(a)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,t){if(e){if("string"==typeof e)return R(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?R(e,t):void 0}}(a)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),[c]):[c]})},n.createElement(E.x,{namespace:U,phrase:"seeMore"})))},width:30}]),data:l,theme:D})}var _=a(23232),H="userManager.auditLogEmptyState";function X(e){return n.createElement(_.u,null,n.createElement(_.u.Image,{src:e.imageUrl}),n.createElement(_.u.Heading,null,n.createElement(E.x,{namespace:H,phrase:"heading"})),n.createElement(_.u.Info,null,n.createElement(E.x,{namespace:H,phrase:"info"})))}const Y={bulkCheckbox:"NMw5T"};function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var q="userManager.auditLog",V=r.T.encloseNamespace(q);function Z(e){var t,a,r,l,o=c.SG.get(g.K.AUDIT_LOG_REFERRER_KEY),s=(r=n.useState(!1),l=2,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,c,l,o=[],i=!0,s=!1;try{if(c=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;i=!1}else for(;!(i=(n=c.call(a)).done)&&(o.push(n.value),o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{if(!i&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(r,l)||function(e,t){if(e){if("string"==typeof e)return G(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?G(e,t):void 0}}(r,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],m=s[1],d=(0,k.X)(e.jobs.data),p=(0,h.Z)();return n.createElement(n.Fragment,null,n.createElement("h1",{className:"h2"},n.createElement(E.x,{namespace:q,phrase:"heading"})),n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(i.Oo,{breadcrumbs:[{name:V("settingsBreadcrumb"),appLink:e.appLinks.settings},{name:V(o===y.Y.Learner?"studentManager":"staffManager"),appLink:e.appLinks.userManager},{name:V("heading"),active:!0}]}),n.createElement("p",{className:"mb-0 fw-semibold"},n.createElement(E.x,{namespace:q,phrase:"totalJobs",options:{showing:e.jobs.data.length,smartCount:e.jobs.count}})))),n.createElement("div",{className:"d-flex align-items-center pb-2"},n.createElement(v.X,{className:Y.bulkCheckbox,id:"bulk-audit-log-checkbox",checked:d.bulkChecked,onChange:d.onToggleBulk,indeterminate:d.hasSomeSelections()}),n.createElement("div",{className:"ms-4 ps-1"},n.createElement(j,{queryParams:e.queryParams,appLinks:e.appLinks})),n.createElement(f.m,{variant:"dark",className:"ms-auto",onClick:function(){if(!u){m(!0);var t=d.getSelected();e.onClickExport(t).then((function(){return p.success(V("exportSuccess"))})).catch((function(){return p.error(V("exportError"))})).finally((function(){return m(!1)}))}},disabled:!d.hasSomeSelections()||u,showSpinner:u},n.createElement(E.x,{namespace:q,phrase:"export"}))),(null===(t=e.jobs.data)||void 0===t?void 0:t.length)?n.createElement(F,{jobs:e.jobs,appLinks:e.appLinks,onToggleCheckbox:d.onToggleItem,isChecked:d.isChecked}):n.createElement(X,{imageUrl:e.emptyStateImageUrl}),!!(null===(a=e.jobs.pagination)||void 0===a?void 0:a.cursors)&&n.createElement(b.t,{className:"p-0 text-end pb-3",cursors:e.jobs.pagination.cursors,appLink:N.O.getCurrentRoute().appLink,buttonVariant:"outline-dark"}))}var K=a(91286),$=a(79612),z=a(99742),W=a(29613),Q=a(18087),ee="userManager.userAuditLogView";function te(e){var t=c.SG.get(g.K.AUDIT_LOG_REFERRER_KEY),a=l.a.useBasicFetch(W.q.getJobs(e.queryParams));(0,K.v)(a),(0,$.M)({title:r.T.getPhrase(ee,"pageTitle")});var o=l.a.useGetFetchAsync(),i=(0,Q.Y)(t);return a.hasCompleted?n.createElement("div",{className:"px-3"},n.createElement(Z,{jobs:a.data,appLinks:i,queryParams:e.queryParams,onClickExport:function(e){return o(W.q.sendJobReports(e))},emptyStateImageUrl:z.W.EmptyStates.Search.RESULTS})):n.createElement("div",{className:"px-3"},n.createElement(p,null))}},29613:(e,t,a)=>{a.d(t,{q:()=>l});var n=a(99940),r=a(97395),c=a(149),l={createJob:function(e,t,a){return{url:"{gateway}/v1/batch/jobs",key:"create:job",type:n.k.POST,data:e,success:t,error:a}},getJobs:function(e){var t={},a=[],n=[];return e.cursor&&(t.cursor=e.cursor),e.sort&&("oldest"===e.sort?t.order="ASC":t.order="DESC"),e.bulkActionType?(a=Array.isArray(e.bulkActionType)?e.bulkActionType:[e.bulkActionType],t.type=a):t.type=c.O,e.userType&&(n=Array.isArray(e.userType)?e.userType:[e.userType],t.dataType=n),{url:r._.urlBuilder("{gateway}/v1/batch/jobs",t),key:"batch:jobs:".concat(e.cursor,":").concat(e.sort,":").concat(a.sort().join(":"),":").concat(n.sort().join(":"))}},getJob:function(e){return{url:"{gateway}/v1/batch/jobs/".concat(e),key:"job:".concat(e)}},getJobProgress:function(e,t,a){return{url:"{gateway}/v1/batch/jobs/".concat(e,"/progress"),key:"job:".concat(e,":progress"),invalidationKeys:"job:".concat(e,":progress"),success:t,error:a}},getJobResults:function(e,t,a,n,c){var l={status:t};return a&&(l.cursor=a),{url:r._.urlBuilder("{gateway}/v1/batch/jobs/".concat(e,"/results"),l),key:"job:".concat(e,":results:").concat(t,":").concat(a),success:n,error:c}},getYearGroupRolloverStatus:function(e){return{url:"{gateway}/v1/batch/validations/customers/".concat(e,"/year-group-roll-over"),key:"year:group:rollover:status"}},sendJobReports:function(e){return{url:"{gateway}/v1/batch/results/export",key:"send:job:reports:".concat(e.sort().join(":")),type:n.k.POST,data:{jobIds:e}}},getJobSummary:function(e){return{url:"{gateway}/v1/batch/jobs/".concat(e,"/summary"),key:"job:summary:".concat(e)}}}}}]);
-//# sourceMappingURL=2795-0616748349-lite.chunk.js.map
+//# sourceMappingURL=2795-eb3a51adc2-lite.chunk.js.map