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

package/dist/scripts/9264-750b3d6ea0-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/9264-750b3d6ea0-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/forms/form-feedback/FormFeedback.tsx","file:///app/packages/libs/common/src/react/utils/ClassNameHelper.ts","file:///app/packages/libs/shared/src/components/launchpad/v2/launchpad-v2.scss","file:///app/packages/libs/shared/src/components/launchpad/v2/LaunchpadV2.tsx","file:///app/packages/projects/lite/src/apps/share/hooks/useFetchSharedResource.ts","file:///app/packages/projects/lite/src/apps/share/views/password-protected-share-link/password-protected-share-link.scss","file:///app/packages/projects/lite/src/apps/share/views/password-protected-share-link/PasswordProtectedShareLinkView.tsx","file:///app/packages/projects/lite/src/shared/components/launchpad/launchpad.scss","file:///app/packages/projects/lite/src/shared/components/launchpad/Launchpad.tsx"],"sourcesContent":["import React from 'react';\n\ninterface FormFeedbackProps extends React.PropsWithChildren {\n  name: string;\n  className?: string;\n}\n\nexport function FormFeedback(props: FormFeedbackProps) {\n  return (\n    <span id={`${props.name}Error`} className={`${props.className} invalid-feedback d-block`} role='status'>{props.children}</span>\n  );\n}","type ValidParams = string | boolean | undefined | null;\n\n/**\n * Helper to append classNames.\n * Filters any falsy values before returning classNames.\n * \n * @param ...classNames Array<string | boolean | undefined | null>\n * @returns string\n */\nexport function classNames(...classNames: Array<ValidParams>): string {\n  if (!classNames.length) return '';\n\n  const filteredClassNames = classNames.filter(className => !!className);\n  \n  if (!filteredClassNames.length) return '';\n  \n  return filteredClassNames.join(' ');\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"s6wnJ\",\"leftWithImage\":\"UFQ2T\",\"bgCover\":\"Tp9_3\",\"bgFull\":\"AlF2T\",\"right\":\"eoZzJ\",\"rightContent\":\"RVyLM\",\"narrowContent\":\"INvJ0\",\"logo\":\"YHNgA\",\"buttonContainer\":\"ZW85Q\",\"blur\":\"Mtlg9\",\"imageContainer\":\"NxEjh\",\"imagePosition\":\"NN9cV\",\"image\":\"PkJ8J\",\"thumbnail\":\"y0V3Z\",\"tallposter\":\"Wrg5x\",\"cover\":\"x3h8F\",\"contentBody\":\"aLd5V\",\"contentBodyBase\":\"uQ2rm\"};","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { MasterType } from 'libs/shared/enums/MasterType';\n\nimport styles from './launchpad-v2.scss';\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadV2Props {\n}\n\nexport function LaunchpadV2(props: React.PropsWithChildren<LaunchpadV2Props>): JSX.Element {\n  return (\n    <div className='d-flex'>\n      {props.children}\n    </div>\n  );\n}\n\ninterface LeftPanelProps {\n  className?: string;\n}\n\n\nfunction LeftPanel(props: React.PropsWithChildren<LeftPanelProps>): JSX.Element {\n  return (\n    <div className={`${styles.left} ${props.className ? props.className : ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface LeftImageProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  fallbackImages: LaunchImage[];\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n}\n\nfunction LeftImage(props: LeftImageProps): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n\n  React.useEffect(() => {\n    if (!props.imageUrl) {\n      const image = props.fallbackImages[Math.floor(Math.random() * props.fallbackImages.length)];\n      setImage(image.bgUrl);\n      return;\n    }\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = props.imageUrl;\n    return () => img.onload = null;\n  }, [props.imageUrl]);\n\n  return (\n    <div\n      className={`${styles.left} ${styles.leftWithImage} ${styles.bgCover} bg-light`}\n      style={{ backgroundImage: `url('${image}')` }}\n    >\n      {showImage &&\n        <>\n          <div className={styles.blur} style={{ backgroundImage: `url('${props.imageUrl}')` }} />\n          <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n            <div className={styles.imagePosition}>\n              <img className={styles.image} src={props.imageUrl} alt={props.title} />\n            </div>\n          </div>\n        </>\n      }\n    </div>\n  );\n}\n\ntype ImageSizeType = 'cover' | 'full';\n\ninterface LeftImageWithBackgroundProps {\n  imageUrl: string;\n  imageSize?: ImageSizeType;\n  backgroundColor?: string;\n  title?: string;\n}\n\nconst imageSizeMap: {[key in ImageSizeType]: string} = {\n  cover: styles.bgCover,\n  full: styles.bgFull\n};\n\nfunction LeftImageWithBackground(props: LeftImageWithBackgroundProps): JSX.Element {\n  const bgStyles: React.CSSProperties = {\n    backgroundImage: `url(\"${props.imageUrl}\")`\n  };\n\n  if (props.backgroundColor)\n    bgStyles.backgroundColor = props.backgroundColor;\n  \n  return (\n    <div\n      className={`${styles.left} ${styles.leftWithImage} ${imageSizeMap[props.imageSize || 'cover']} d-flex align-items-center`}\n      style={bgStyles}\n      title={props.title}\n    />\n  );\n}\n\ninterface RightPanelProps {\n  className?: string;\n}\n\nexport function RightPanel(props: React.PropsWithChildren<RightPanelProps>): JSX.Element {\n  return (\n    <div className={`${styles.right} ${props.className ? props.className : ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface HeaderProps {\n  logoComponent?: () => JSX.Element;\n}\n\n\nfunction Header(props: React.PropsWithChildren<HeaderProps>): JSX.Element {\n  const LogoComponent = props?.logoComponent || ClickViewLogo;\n  \n  return (\n    <div className='position-relative'>\n      <div className={`${styles.logo} position-absolute`}>\n        <LogoComponent />\n      </div>\n      {props.children}\n    </div>\n  );\n}\n\ninterface ContentProps {\n  className?: string;\n}\n\nfunction Content(props: React.PropsWithChildren<ContentProps>): JSX.Element {\n  return (\n    <div className={classNames(styles.rightContent, 'd-flex flex-column justify-content-center h-100', props?.className)}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface ContentBodyProps {\n  className?: string;\n  width?: 'base' | 'full';\n}\n\nconst widthClassNameMap: {[key in ContentBodyProps['width']]: string} = {\n  base: styles.contentBodyBase,\n  full: ''\n};\n\nfunction ContentBody(props: React.PropsWithChildren<ContentBodyProps>): JSX.Element {\n  const widthClassName = widthClassNameMap[props.width || 'base'];\n  return (\n    <div className={classNames(styles.contentBody, widthClassName, 'm-auto p-3', props.className)}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface NarrowContentProps {\n  className?: string;\n}\n\nLaunchpadV2.NarrowContent = NarrowContent;\nfunction NarrowContent(props: React.PropsWithChildren<NarrowContentProps>): JSX.Element {\n  return (\n    <div className={`${styles.narrowContent} mx-auto w-100 ${props.className ? props.className : ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface ButtonsProps {\n  className?: string;\n}\n\nfunction Buttons(props: React.PropsWithChildren<ButtonsProps>): JSX.Element {\n  return (\n    <div className={classNames('position-fixed bg-white d-flex align-items-center', styles.buttonContainer, props?.className)}>\n      {props.children}\n    </div>\n  );\n}\n\n/**\n * Intended ussage below:\n * \n * <LaunchpadV2>\n *   <LaunchpadV2.Left>\n *     // Your LHS content here\n *   </LaunchpadV2.Left>\n *   <LaunchpadV2.Right>\n *     <LaunchpadV2.Header />\n *     <LaunchpadV2.Content>\n *       // Can omit this if it needs to be full width\n *       <LaunchpadV2.ContentBody width=\"...\">\n *        // Your main content here\n *       </LaunchpadV2.ContentBody>\n *     </LaunchpadV2.Content>\n * \n *     // Omit this and put your buttons in content\n *     // if you want your buttons immediately under your content rather \n *     // than at the bottom of the screen\n *     <LaunchpadV2.Buttons />\n * \n *   </LaunchpadV2.Right>\n * </LaunchpadV2>\n * \n * - Sha\n */\n\nLaunchpadV2.Left = LeftPanel;\nLaunchpadV2.LeftImage = LeftImage;\nLaunchpadV2.LeftImageWithBackground = LeftImageWithBackground;\nLaunchpadV2.Right = RightPanel;\nLaunchpadV2.Header = Header;\nLaunchpadV2.Content = Content;\nLaunchpadV2.ContentBody = ContentBody;\nLaunchpadV2.Buttons = Buttons;\n","import { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { SeriesRequests } from 'libs/shared/flight-requests/SeriesRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, ShareLink } from 'libs/shared/interfaces';\n\nexport function useFetchSharedResource<T>(shareId: string): T {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const shareLink = Flight.useBasicFetch<ShareLink>(ShareRequests.getShareObject(shareId));\n\n  function getResourceRequest(): Flight.Request {\n    if (!shareLink.data || !currentUser.data)\n      return null;\n\n    switch (shareLink.data.objectTypeId) {\n      case MasterType.Video:\n        return VideoRequests.publicVideo(shareLink.data.objectId, shareId);\n      case MasterType.Clip:\n        return ClipRequests.publicClip(shareLink.data.objectId, shareId);\n      case MasterType.Interactive:\n        return InteractiveRequests.publicInteractiveMetadata(shareLink.data.objectId, shareId);\n      case MasterType.Playlist:\n        return PlaylistRequests.getSharedPlaylist(shareLink.data.objectId, shareId);\n      case MasterType.Subject:\n        return ClassificationRequests.classification(shareLink.data.objectId, currentUser.data.id);\n      case MasterType.Series:\n        return SeriesRequests.sharedSeries(shareLink.data.objectId, shareId);\n    }\n  }\n\n  const resourceRequest = getResourceRequest();\n  const resource = Flight.useBasicFetch<T>(resourceRequest);\n\n  return resource.data;\n}","// extracted by mini-css-extract-plugin\nexport default {\"formContainer\":\"ByuHb\",\"toggleEye\":\"t0aye\",\"input\":\"uEjp5\"};","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { SessionStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { SharableEntity, ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { FormFeedback } from 'libs/shared/components/forms/form-feedback/FormFeedback';\nimport { LaunchpadV2 } from 'libs/shared/components/launchpad/v2/LaunchpadV2';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { LAUNCHPAD_FALLBACK_IMAGES } from 'shared/components/launchpad/Launchpad';\n\nimport { useFetchSharedResource } from 'apps/share/hooks/useFetchSharedResource';\n\nimport styles from './password-protected-share-link.scss';\n\nconst namespace = 'share.passwordProtectedShareLink';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PasswordProtectedShareLinkViewProps {\n  shareId: string;\n  appLink: Core.AppLink;\n}\n\n// Metadata handled by C# share endpoint\n// eslint-disable-next-line rulesdir/require-view-title\nexport function PasswordProtectedShareLinkView(props: PasswordProtectedShareLinkViewProps): JSX.Element {\n  const [ password, setPassword ] = React.useState('');\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n  const [ passwordVisible, setPasswordVisible ] = React.useState(false);\n  const [ errorMessage, setErrorMessage ] = React.useState('');\n\n  const sharedResource = useFetchSharedResource<SharableEntity>(props.shareId);\n\n  const dispatch = useDispatch();\n\n  function onSubmit(e: React.FormEvent): void {\n    e.preventDefault();\n\n    if (!password)\n      return;\n\n    setShowSpinner(true);\n\n    Flight.fetch(dispatch, ShareRequests.checkPassword(props.shareId, password, res => {\n      if (res.success) {\n        SessionStorageHelper.set(props.shareId, password);\n        const href = Core.AppLinkHelper.getHref(props.appLink);\n        Core.LocationUtils.PageLoad(href);\n        return;\n      }\n\n      setErrorMessage(getPhrase('incorrectPasswordErrorMessage'));\n      setShowSpinner(false);\n    }, () => {\n      setErrorMessage(getPhrase('ajaxErrorMessage'));\n      setShowSpinner(false);\n    }));\n  }\n  \n\n  if (!sharedResource)\n    return <></>;\n\n  const leftImageUrl = ImageHelper.createUrl(ShareViewHelper.getImageUrl(sharedResource), { size: ImageSize.Large });\n\n  return (\n    <LaunchpadV2>\n      <LaunchpadV2.LeftImage\n        title={sharedResource.name}\n        imageUrl={leftImageUrl}\n        objectType={sharedResource.typeId}\n        fallbackImages={LAUNCHPAD_FALLBACK_IMAGES}\n      />\n      <LaunchpadV2.Right>\n        <LaunchpadV2.Header />\n        <LaunchpadV2.Content>\n          <LaunchpadV2.NarrowContent>\n            <p className='h2'>\n              <Text namespace={namespace} phrase='info' />\n            </p>\n            <form onSubmit={onSubmit} className='position-relative'>\n              <div className='form-group'>\n                <label className='h6' htmlFor='link-password'>\n                  <Text namespace={namespace} phrase='prompt' />\n                </label>\n                <div className='position-relative'>\n                  <input\n                    id='link-password'\n                    type={passwordVisible ? 'text' : 'password'}\n                    className={`form-control form-control-lg ${styles.input} ${errorMessage ? 'is-invalid' : ''}`}\n                    placeholder={getPhrase('placeholder')}\n                    onChange={e => setPassword(e.target.value)}\n                    value={password}\n                    autoComplete='off'\n                    aria-errormessage='linkPasswordError'\n                  />\n                  <DivButton\n                    className={`btn ${styles.toggleEye}`}\n                    onClick={() => setPasswordVisible(state => !state)}\n                  >\n                    <SvgContainer svgName={passwordVisible ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff} />\n                  </DivButton>\n                </div>\n\n                {errorMessage && (\n                  <FormFeedback className='mb-3' name='linkPassword'>{errorMessage}</FormFeedback>\n                )}\n              </div>\n\n              <SpinnerButton\n                variant='dark'\n                showSpinner={showSpinner}\n                type='submit'\n                className='w-100 mt-3 btn-lg'\n                disabled={showSpinner || !password}\n              >\n                <Text namespace={namespace} phrase='confirm' />\n              </SpinnerButton>\n            </form>\n          </LaunchpadV2.NarrowContent>\n        </LaunchpadV2.Content>\n      </LaunchpadV2.Right>\n    </LaunchpadV2>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"vIypY\",\"leftTextImage\":\"YViNj\",\"right\":\"MkD4u\",\"blur\":\"X6mCh\",\"imageContainer\":\"bc7kz\",\"imagePosition\":\"JOhEj\",\"image\":\"Ef2QR\",\"thumbnail\":\"Gdurb\",\"tallposter\":\"fjVNK\",\"cover\":\"o3j31\",\"linksContainer\":\"AT9Dk\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './launchpad.scss';\n\nexport const LAUNCHPAD_FALLBACK_IMAGES = [\n  { bgUrl: ImageUrls.LaunchPad.BG_1 },\n  { bgUrl: ImageUrls.LaunchPad.BG_2 },\n  { bgUrl: ImageUrls.LaunchPad.BG_3 },\n  { bgUrl: ImageUrls.LaunchPad.BG_4 },\n  { bgUrl: ImageUrls.LaunchPad.BG_5 }\n];\n\nexport const LAUNCHPAD_PRODUCT_FALLBACK_IMAGES = [\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_1 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_2 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_3 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_4 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_5 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_6 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_7 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_8 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_9 }\n];\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst XMAS_URLS: LaunchImage[] = [\n  { bgUrl: '/images/launchpad/xmas/2024-promo1-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo2-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo3-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo4-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo5-bg.png' }\n];\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadLink {\n  url: string;\n  text: string;\n  onClick?: () => void;\n  hide?: boolean;\n}\n\ninterface LaunchpadProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  links?: LaunchpadLink[];\n  leftComponent?: () => JSX.Element;\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n}\n\nfunction getRandomImage(urlLists: LaunchImage[]): LaunchImage {\n  return urlLists[Math.floor(Math.random() * urlLists.length)];\n}\n\nexport function Launchpad(props: React.PropsWithChildren<LaunchpadProps>): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n\n  const imageUrl = ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Large });\n  const IMAGE_URLS = LAUNCHPAD_PRODUCT_FALLBACK_IMAGES;\n\n  React.useEffect(() => {\n    if (imageUrl || !IMAGE_URLS || IMAGE_URLS.length === 0)\n      return;\n\n    const image = getRandomImage(IMAGE_URLS);\n\n    if (image.bgUrl) {\n      setImage(image.bgUrl);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = imageUrl;\n    return () => img.onload = null;\n  }, []);\n\n  return (\n    <div className='d-flex'>\n      { props.leftComponent ?\n        props.leftComponent()\n        :\n        <div\n          className={`${styles.left} ${image ? 'bg-blue d-flex align-items-center' : 'bg-light'}`}\n        >\n          {image ?\n            <img className='img-fluid' src={image} draggable={false} /> :\n            (showImage &&\n              <>\n                <div className={styles.blur} style={{ backgroundImage: `url('${imageUrl}')` }} />\n                <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n                  <div className={styles.imagePosition}>\n                    <img className={styles.image} src={imageUrl} alt={props.title} />\n                  </div>\n                </div>\n              </>\n            )\n          }\n        </div>\n      }\n      <div className={`${styles.right} bg-white d-flex flex-column`}>\n        <div className={`position-absolute d-flex align-items-center ${styles.linksContainer}`}>\n          {props.links?.map((link, key) => {\n            if (link.hide)\n              return <React.Fragment key={key}></React.Fragment>;\n\n            return (\n              <a key={key} href={link.url} className='info-link fw-semibold' onClick={link.onClick}>\n                {link.text}\n              </a>\n            );\n          })}\n        </div>\n\n        {props.children}\n      </div>\n    </div>\n  );\n}"],"names":["FormFeedback","props","id","name","className","role","children","classNames","length","filteredClassNames","filter","join","mapObjectTypeToImageClass","objectType","MasterType","LaunchpadV2","imageSizeMap","cover","full","widthClassNameMap","base","NarrowContent","Left","LeftImage","showImage","setShowImage","image","setImage","imageUrl","img","Image","onload","src","fallbackImages","Math","floor","random","bgUrl","style","backgroundImage","alt","title","LeftImageWithBackground","bgStyles","backgroundColor","imageSize","Right","Header","LogoComponent","logoComponent","ClickViewLogo","Content","ContentBody","widthClassName","width","Buttons","useFetchSharedResource","shareId","currentUser","shareLink","resourceRequest","data","objectTypeId","objectId","getResourceRequest","namespace","getPhrase","LanguageService","PasswordProtectedShareLinkView","password","setPassword","showSpinner","setShowSpinner","passwordVisible","setPasswordVisible","errorMessage","setErrorMessage","sharedResource","dispatch","leftImageUrl","ImageHelper","ShareViewHelper","size","typeId","Text","phrase","onSubmit","e","preventDefault","ShareRequests","res","success","href","appLink","htmlFor","type","placeholder","onChange","target","value","autoComplete","DivButton","onClick","state","SvgContainer","svgName","SpinnerButton","variant","disabled","LAUNCHPAD_FALLBACK_IMAGES","ImageUrls","LAUNCHPAD_PRODUCT_FALLBACK_IMAGES","Launchpad","IMAGE_URLS","urlLists","leftComponent","draggable","links","map","link","key","hide","url","text"],"sourceRoot":""}

package/dist/scripts/9894-bc34edcd67-lite.chunk.js

@@ -1,3 +0,0 @@
-/*! For license information please see 9894-bc34edcd67-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9894],{49602:(e,t,n)=>{var r;n.d(t,{b:()=>c}),function(e){e[e.None=0]="None",e[e.AllSubjects=1]="AllSubjects",e[e.AllLevels=2]="AllLevels",e[e.AllSubjectsAndAllLevels=3]="AllSubjectsAndAllLevels"}(r||(r={}));var a=n(25925),c={hasManyPresentationTypes:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=0,n=0;return null==e||e.forEach((function(e){e.type===a.R.Subject?t++:e.type===a.R.Curriculum&&n++})),{hasManySubjectPresentations:t>1,hasManyCurriculumPresentations:n>1}},getBulkPreferencesState:function(e){return e===r.AllSubjectsAndAllLevels?{levels:!0,subjects:!0}:{levels:e===r.AllLevels,subjects:e===r.AllSubjects}},hasBulkSelectedLevels:function(e){return e===r.AllLevels||e===r.AllSubjectsAndAllLevels},hasBulkSelectedTopics:function(e){return e===r.AllSubjects||e===r.AllSubjectsAndAllLevels},getNextBulkState:function(e,t){var n=r.None,a=r.AllSubjects,c=r.AllLevels,l=r.AllSubjectsAndAllLevels,o="topics"===t;switch(e){case n:default:return o?a:c;case a:return o?n:l;case c:return o?l:n;case l:return o?c:a}}}},2192:(e,t,n)=>{n.d(t,{M:()=>b,Q:()=>y});var r=n(32735),a=n(45157),c=n(36848),l=n(60376),o=n(5465),i=n(83914),s=n(83345),u=n(54610),m=n(67453),d=n(45778),f=n(35223),h=n(92038),v="shared.subjectWidgetItem",p=function(e){var t=e.name,n=e.multiline,a=e.noUnderLine,c="".concat(h.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),l="";return n?l+=" ".concat(h.Z.clamped," clamp-2"):(c+=" text-nowrap",l+=" text-truncate"),r.createElement("div",{className:c},r.createElement("small",{className:"text-secondary"},r.createElement(s.x,{namespace:v,phrase:"comingSoon"})),r.createElement("p",{className:"".concat(a?"":h.Z.name," h6")},r.createElement("span",{className:l},t)))},g=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c=e.noUnderLine,l=e.newVideosCount,o="px-3 d-flex flex-column justify-content-center",i="".concat(c?"":h.Z.name," h6");return n?i+=" ".concat(l?"clamp-2":"clamp-3"," text-start"):(o+=" text-nowrap text-truncate",i+=" text-truncate mb-0"),r.createElement("div",{className:o},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(h.Z.text)},a),r.createElement("div",{className:i,title:t},t),!!l&&r.createElement("div",{className:"fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ".concat(h.Z.newVideos)},r.createElement(s.x,{namespace:v,phrase:"newVideos",options:{smartCount:l}})))};function b(e){var t,n=m.j.createUrl(e.coverUrl,{size:e.isLarge?u.h2.Medium:u.h2.Small}),c=void 0;d.G.isClassification(e.data)&&(c=e.data);var s={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle,noUnderLine:e.highlightOnHover,newVideosCount:e.showNewVideosCount?null===(t=null==c?void 0:c.externalMetadata)||void 0===t?void 0:t.childDashboardNewVideoCount:0};return r.createElement("div",{className:"".concat(e.themeColor?h.Z.hasThemeColor:"border"," d-flex position-relative ").concat(e.className," ").concat(h.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""," ").concat(e.highlightOnHover&&!e.themeColor?"bg-light-blue-hover":""),style:e.themeColor?{"--themeColor":e.themeColor}:{},id:"".concat(e.data.id,"-").concat(a.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(h.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(h.Z.imagePanel," ").concat(e.isLarge?h.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:h.Z.selected},r.createElement(l.f,{svgName:f.vn.Check,svgSize:i.S.Large,textVariant:"white",variant:"green"})),r.createElement("div",{className:"".concat(h.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(n,"')")}:{}}),!e.hideFallback&&r.createElement(o.oy,{type:o.mS.Subject,extraClasses:e.isLarge?h.Z.large:""})),e.isComingSoon?r.createElement(p,Object.assign({},s)):r.createElement(g,Object.assign({},s)))}function y(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(c.F,{className:h.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(b,Object.assign({},e))):r.createElement(b,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),l=n(2248);const o={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(o.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:o.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(o.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(o.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(l.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(o.magicTab)}),r.createElement("div",{className:"".concat(o.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>g});var r=n(32735),a=n(60376),c=n(83914),l=n(2786),o=n(83345),i=n(54610),s=n(72639),u=n(79967),m=n(67453),d=n(35223),f=n(87114);const h={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"};var v="onboarding.mockLayout";function p(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(h.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(h.leftNavText," rounded-pill")}))}function g(e){var t,n,g=(0,u.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(h.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(h.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(o.x,{namespace:v,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(h.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:m.j.createUrl(null===(t=e.curriculum.cover)||void 0===t?void 0:t.url,{size:i.h2.Small})})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(h.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:d.vn.GraduationCap})),r.createElement(o.x,{namespace:v,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(h.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(h.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(h.dot)}),r.createElement("div",{className:"rounded-circle ".concat(h.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(h.topNav)},r.createElement("div",{className:"".concat(h.logo," me-4")},g.xs?r.createElement(l.bc,null):r.createElement(l.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:d.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(h.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(h.belowHeader)},r.createElement("div",{className:"".concat(h.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(p,null),r.createElement(p,null),r.createElement(p,null),r.createElement(p,null),r.createElement(p,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return h.presentationPlaceholderIcon;switch(f.i.getMappedPresentationLevel(e.presentation.learningLevel)){case s.p.Level_1:return"bg-indigo ".concat(h.presentationIcon);case s.p.Level_3:return"bg-blue ".concat(h.presentationIcon);default:case s.p.Level_2:return"bg-green ".concat(h.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:d.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(h.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(h.presentationPlaceholderText," fw-semibold")},r.createElement(o.x,{namespace:v,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},59158:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSubjectsView:()=>G});var r=n(32735),a=n(23481),c=n(20354),l=n(65858),o=n(60736),i=n(45716),s=n(2158),u=n(49602),m=n(11607),d=n(83345),f=n(2192),h=n(54610),v=n(77963),p=n(65728),g=n(61699),b=n(31949),y=n(84703),E=n(79612),x=n(37802),N=n(67453),w=n(87114),S=n(99742),L=n(82817),j=n(86698),k=n(75359),C=n(12058),A=n(56080),P=n(75919),I=n(39375),O=n(73190),T=n(90815),_=n(67963);const U={selected:"igx0Y",disabled:"nDUWB",annotation:"IN0vA"};function Z(e){return Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Z(e)}function B(){B=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},c="function"==typeof Symbol?Symbol:{},l=c.iterator||"@@iterator",o=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var c=t&&t.prototype instanceof g?t:g,l=Object.create(c.prototype),o=new P(r||[]);return a(l,"_invoke",{value:j(e,n,o)}),l}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",h="executing",v="completed",p={};function g(){}function b(){}function y(){}var E={};s(E,l,(function(){return this}));var x=Object.getPrototypeOf,N=x&&x(x(I([])));N&&N!==n&&r.call(N,l)&&(E=N);var w=y.prototype=g.prototype=Object.create(E);function S(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function L(e,t){function n(a,c,l,o){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==Z(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,l,o)}),(function(e){n("throw",e,l,o)})):t.resolve(u).then((function(e){s.value=e,l(s)}),(function(e){return n("throw",e,l,o)}))}o(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function j(t,n,r){var a=d;return function(c,l){if(a===h)throw Error("Generator is already running");if(a===v){if("throw"===c)throw l;return{value:e,done:!0}}for(r.method=c,r.arg=l;;){var o=r.delegate;if(o){var i=k(o,r);if(i){if(i===p)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=v,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=h;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?v:f,s.arg===p)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=v,r.method="throw",r.arg=s.arg)}}}function k(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,k(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),p;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,p;var l=c.arg;return l?l.done?(n[t.resultName]=l.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,p):l:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function C(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function A(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function I(t){if(t||""===t){var n=t[l];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return c.next=c}}throw new TypeError(Z(t)+" is not iterable")}return b.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=s(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,i,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},S(L.prototype),s(L.prototype,o,(function(){return this})),t.AsyncIterator=L,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var l=new L(u(e,n,r,a),c);return t.isGeneratorFunction(n)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},S(w),s(w,i,"Generator"),s(w,l,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=I,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(A),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return o.type="throw",o.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var l=this.tryEntries[c],o=l.completion;if("root"===l.tryLoc)return a("end");if(l.tryLoc<=this.prev){var i=r.call(l,"catchLoc"),s=r.call(l,"finallyLoc");if(i&&s){if(this.prev<l.catchLoc)return a(l.catchLoc,!0);if(this.prev<l.finallyLoc)return a(l.finallyLoc)}else if(i){if(this.prev<l.catchLoc)return a(l.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<l.finallyLoc)return a(l.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var l=c?c.completion:{};return l.type=e,l.arg=t,c?(this.method="next",this.next=c.finallyLoc,p):this.complete(l)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),A(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;A(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:I(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),p}},t}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,c,l,o=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return V(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?V(e,t):void 0}}(e,t)||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.")}()}function V(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var z=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function l(e){try{i(r.next(e))}catch(e){c(e)}}function o(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,o)}i((r=r.apply(e,t||[])).next())}))},M="onboarding.subjects";function G(e){var t,n,Z,V=(0,_.u)(),G=(0,s.T)(V).getPathway,D=c.a.useBasicFetch(b.N.currentUser()),H=(0,j.y)().preferredPresentation,R=c.a.useGetFetchAsync(),Y=(0,O.Q)(e.redirectUrl),W=Y.onClickBack,J=Y.exitOnboarding,Q=Y.onSaveError,X=Y.completeStepAsync,q=(0,L.M)().preferredCurriculum,K=(0,T.H)().logEvent,$=G(),ee=i.H[$.currentScreen],te=(0,x.r)(null==ee?void 0:ee.analyticsLocation),ne=te.updateSettingAsync,re=te.bulkOnboardingPreferencesState;(0,E.M)({title:null!==(n=null===(t=null==ee?void 0:ee.getPageTitle)||void 0===t?void 0:t.call(ee))&&void 0!==n?n:""});var ae=c.a.useBasicFetch(g.o.allSubjectPreferences()),ce=c.a.useBasicFetch(g.o.mySubjectPreferences()),le=u.b.hasBulkSelectedTopics(re),oe=F(r.useState([]),2),ie=oe[0],se=oe[1],ue=F(r.useState(le),2),me=ue[0],de=ue[1],fe=(0,y.n)(),he=null===(Z=ae.data)||void 0===Z?void 0:Z.filter((function(e){var t;return!o.A[e.presentationId]||!!(null===(t=o.A[e.presentationId])||void 0===t?void 0:t[e.id])}));return r.useEffect((function(){var e;ce.hasCompleted&&(null===(e=ce.data)||void 0===e?void 0:e.length)&&(me||se(ce.data))}),[ce.hasCompleted]),r.createElement(A.z,{namespace:M},r.createElement(A.z.Left,{className:"bg-ultramarine d-flex flex-column align-items-end justify-content-center"},r.createElement(P.N,{annotationUrl:S.W.OnboardingV2.Subjects.ANNOTATION,annotationPosition:"top-right",annotationClassName:"me-5 ".concat(U.annotation)},r.createElement(I.Y,{presentation:H,subjects:me?he:ie,curriculum:q}))),r.createElement(A.z.Right,{hasCustomButtons:!1,onClickNext:function(){return z(this,void 0,void 0,B().mark((function e(){var t,n,r;return B().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return K(l.Vw.Click,l.Ix.Next,{subjects:ie.map((function(e){return{subjectId:e.id,subjectName:e.name}})),allSubjectsSelected:me,presentationId:H.id,presentationName:H.name,presentationDescription:H.description}),e.prev=1,t=[],me!==le&&t.push(ne(D.data.id,{name:p.E.BulkOnboardingPreferencesState,value:u.b.getNextBulkState(re,"topics"),kind:v.g.Permanent})),me||(n=ie.filter((function(e){return!ce.data.find((function(t){return t.id===e.id}))})),r=ce.data.filter((function(e){return!ie.find((function(t){return t.id===e.id}))})),(null==n?void 0:n.length)&&t.push(R(g.o.followSubjects(n.map((function(e){return e.id}))))),(null==r?void 0:r.length)&&t.push(R(g.o.unfollowSubjects(r.map((function(e){return e.id})))))),e.next=7,Promise.all(t);case 7:return e.next=9,X();case 9:e.next=15;break;case 11:return e.prev=11,e.t0=e.catch(1),Q(),e.abrupt("return",Promise.reject());case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))},onClickBack:W,onClickComeBackLater:J,disableNext:!ie.length&&!me},r.createElement(k.W,null,r.createElement(d.x,{phrase:fe?"headingKdm":"heading"})),r.createElement(C.X,null,r.createElement(d.x,{phrase:"info"})),r.createElement(m.L,{onClick:function(){K(l.Vw.Select,l.Ix.SelectAllSubjects,{presentationId:H.id,presentationName:H.name,presentationDescription:H.description}),me||se([]),de(!me)}},r.createElement(f.M,{data:{name:a.T.getPhrase(M,"allSubjects")},coverUrl:w.i.getPresentationLevelImage(H.learningLevel,"cover"),isSelected:me,multiline:!0})),r.createElement("div",{className:"d-flex align-items-center justify-content-between py-3"},r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"}),r.createElement("p",{className:"mb-0 px-3"},r.createElement(d.x,{phrase:"orSelectSubjects"})),r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"})),r.createElement("ul",{className:"list-unstyled row g-2 mb-0"},null==he?void 0:he.map((function(e){var t,n=!!ie.find((function(t){return t.id===e.id})),a="";return me?a+="cursor-default ".concat(U.disabled):n&&(a+=U.selected),r.createElement("li",{key:e.id,className:"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6"},r.createElement(m.L,{onClick:function(){return function(e){me||(K(l.Vw.Select,l.Ix.SelectSubject,{subjectId:e.id,subjectName:e.name,presentationId:H.id,presentationName:H.name,presentationDescription:H.description}),ie.find((function(t){return t.id===e.id}))?se(ie.filter((function(t){return t.id!==e.id}))):se(ie.concat(e)))}(e)},disabled:me,className:a},r.createElement(f.M,{data:e,coverUrl:N.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:h.h2.Small}),isSelected:n,multiline:!0})))}))),r.createElement(C.X,{className:"mt-2"},r.createElement(d.x,{phrase:"addMoreLater"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",hasThemeColor:"DX2ua",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",newVideos:"s61h8",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
-//# sourceMappingURL=9894-bc34edcd67-lite.chunk.js.map

package/dist/scripts/9894-bc34edcd67-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/9894-bc34edcd67-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/enums/BulkOnboardingPreferencesState.ts","file:///app/packages/libs/shared/src/apps/subjects/utils/OnboardingHelper.ts","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","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/views/subjects/subjects.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/OnboardingSubjectsView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss"],"sourcesContent":["export enum BulkOnboardingPreferencesState {\n  None = 0,\n  AllSubjects = 1,\n  AllLevels = 2,\n  AllSubjectsAndAllLevels = 3\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { Presentation } from 'libs/shared/interfaces';\n\n/**\n * These are all the valid preference steps in the onboarding worflow\n * Steps are displayed in full workflow order from left to right.\n * \n * Important: Not all customers/users will be required to compelete all steps.\n * \n * School-level = presentation selection for K12\n */\nexport type OnboardingStep = 'welcome' | 'school-level' | 'curriculum' | 'audiences' | 'topics' | 'summary' ;\n\nexport const OnboardingHelper = {\n  hasManyPresentationTypes(presentations: Presentation[] = []): HashObject {\n    let totalAvailableSubjectPresentations = 0;\n    let totalAvailableCurriculumPresentations = 0;\n\n    presentations?.forEach(p => {\n      if (p.type === PresentationType.Subject)\n        totalAvailableSubjectPresentations++;\n\n      else if (p.type === PresentationType.Curriculum)\n        totalAvailableCurriculumPresentations++;\n    });\n\n    /**\n     * The checks for \"> 1\" are done because we _only_ want to display presentation selectors\n     * if the user has more than 1 presentation to select from. If they only have 1 available,\n     * then that will always be used by default and they don't have to make any decisions.\n     */\n    return {\n      hasManySubjectPresentations: totalAvailableSubjectPresentations > 1,\n      hasManyCurriculumPresentations: totalAvailableCurriculumPresentations > 1\n    };\n  },\n\n  getBulkPreferencesState(state: BulkOnboardingPreferencesState): { [key in 'levels' | 'subjects']: boolean } {\n    if (state === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels)\n      return {\n        levels: true,\n        subjects: true\n      };\n\n    return {\n      levels: state === BulkOnboardingPreferencesState.AllLevels,\n      subjects: state === BulkOnboardingPreferencesState.AllSubjects\n    };\n  },\n\n  hasBulkSelectedLevels(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllLevels ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  hasBulkSelectedTopics(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllSubjects ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  getNextBulkState(current: BulkOnboardingPreferencesState, managing: 'topics' | 'audiences'): BulkOnboardingPreferencesState {\n    const { None, AllSubjects, AllLevels, AllSubjectsAndAllLevels } = BulkOnboardingPreferencesState;\n\n    const isManagingTopics = managing === 'topics';\n\n    switch (current) {\n      case None:\n      default:\n        return isManagingTopics ? AllSubjects : AllLevels;\n      case AllSubjects:\n        return isManagingTopics ? None : AllSubjectsAndAllLevels;\n      case AllLevels:\n        return isManagingTopics ? AllSubjectsAndAllLevels : None;\n      case AllSubjectsAndAllLevels:\n        return isManagingTopics ? AllLevels : AllSubjects;\n    }\n  }\n};\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { BaseObject, Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\nconst namespace = 'shared.subjectWidgetItem';\n\ninterface NamePanelProps {\n  name: string;\n  multiline?: boolean;\n  subtitle?: string;\n  noUnderLine?: boolean;\n  newVideosCount?: number;\n}\n\nconst ComingSoonNamePanel = ({ name, multiline, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = `${styles.comingSoonPanel} \n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\n\n  let textClassName = '';\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap';\n    textClassName += ' text-truncate';\n  } else {\n    textClassName += ` ${styles.clamped} clamp-2`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      <small className='text-secondary'><Text namespace={namespace} phrase='comingSoon' /></small>\n      <p className={`${noUnderLine ? '' : styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle, noUnderLine, newVideosCount }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${noUnderLine ? '' : styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0';\n  } else {\n    textClassName += ` ${newVideosCount ? 'clamp-2' : 'clamp-3'} text-start`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      {subtitle && <div className={`text-secondary clamp-1 ${styles.text}`}>{subtitle}</div>}\n      <div className={textClassName} title={name}>{name}</div>\n      {!!newVideosCount && (\n        <div className={`fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${styles.newVideos}`}>\n          <Text namespace={namespace} phrase='newVideos' options={{ smartCount: newVideosCount }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface CoverPillWidgetItemProps<T extends BaseObject> {\n  data: T;\n  getChildAppLink?: (data: T) => Core.AppLink;\n  getChildAppLinkOptions?: () => Core.AppLinkOptions;\n  isLarge?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  availablePresentations?: Presentation[];\n  getSubtitle?: (data: T) => string;\n  multiline?: boolean;\n  // set to true it will highlight on hover and also remove the hover text underline\n  highlightOnHover?: boolean;\n  showNewVideosCount?: boolean;\n  shouldHighlight?: (data: T) => boolean;\n}\n\ninterface CoverPillWidgetContentProps<T> extends CoverPillWidgetItemProps<T> {\n  coverUrl?: string;\n  subtitle?: string;\n  isComingSoon?: boolean;\n  className?: string;\n  imageClassName?: string;\n  isSelected?: boolean;\n  hideFallback?: boolean;\n  hideCheckmark?: boolean;\n  themeColor?: string;\n}\n\nexport function CoverPillWidgetContent(props: CoverPillWidgetContentProps<BaseObject>): JSX.Element {\n  const coverUrl = ImageHelper.createUrl(props.coverUrl, { size: props.isLarge ? ImageSize.Medium : ImageSize.Small });\n\n  let classification: Classification | undefined = undefined;\n  if (MasterTypeHelper.isClassification(props.data)) {\n    classification = props.data;\n  }\n\n  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle,\n    noUnderLine: props.highlightOnHover,\n    newVideosCount: props.showNewVideosCount ? classification?.externalMetadata?.childDashboardNewVideoCount : 0\n  };\n\n  return (\n    <div\n      className={`${props.themeColor ? styles.hasThemeColor : 'border'} d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''} ${props.highlightOnHover && !props.themeColor ? 'bg-light-blue-hover' : ''}`}\n      style={props.themeColor ? { '--themeColor': props.themeColor } as unknown as React.CSSProperties : {}}\n      id={`${props.data.id}-${RandomHelper.getRandomInt()}`}\n    >\n      {props.isSelected && (\n        <div className={`${styles.selectedMask} border-2`} />\n      )}\n\n      <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\n        {props.isSelected && !props.hideCheckmark && (\n          <div className={styles.selected}>\n            <IconCircle svgName={cvSvgLibrary.Check} svgSize={SvgContainerSize.Large} textVariant='white' variant='green' />\n          </div>\n        )}\n\n        <div\n          className={`${styles.image} ${props.imageClassName}`}\n          style={props.coverUrl ? { backgroundImage: `url('${coverUrl}')` } : {}}\n        />\n        {!props.hideFallback && (\n          <ImageFallback\n            type={ImageFallbackType.Subject}\n            extraClasses={props.isLarge ? styles.large : ''}\n          />\n        )}\n      </div>\n\n      {props.isComingSoon\n        ? <ComingSoonNamePanel {...childProps} />\n        : <NormalNamePanel {...childProps} />\n      }\n    </div>\n  );\n}\n\nexport function CoverPillWidgetContentWrapper(props: CoverPillWidgetContentProps<BaseObject>) {\n  const appLink = props.getChildAppLink ? props.getChildAppLink(props.data) : null;\n\n  return (\n    <>\n      {appLink ? (\n        <AppLink\n          className={styles.appLink}\n          appLink={appLink}\n          analyticsData={props.analyticsData}\n          analyticsOptions={props.analyticsOptions}\n          appLinkOptions={props.getChildAppLinkOptions?.()}\n        >\n          <CoverPillWidgetContent {...props} />\n        </AppLink>\n      ) : (<CoverPillWidgetContent {...props} />)\n      }\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\nexport interface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// 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 { ImageSize } from 'libs/shared/enums/Images';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\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\n                      imageUrl={ImageHelper.createUrl(props.curriculum.cover?.url, { size: ImageSize.Small })}\n                    />\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 {\"selected\":\"igx0Y\",\"disabled\":\"nDUWB\",\"annotation\":\"IN0vA\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { ClassificationVideosMap } from 'libs/shared/apps/onboarding/constants/ClassificationVideos';\nimport { OnboardingScreenConfigs } from 'libs/shared/apps/onboarding/constants/OnboardingScreenConfigs';\nimport { useOnboardingPathway } from 'libs/shared/apps/onboarding/hooks/useOnboardingPathway';\nimport { OnboardingHelper } from 'libs/shared/apps/subjects/utils/OnboardingHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverPillWidgetContent } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useIsKDM } from 'libs/shared/hooks/UseIsKdm';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './subjects.scss';\n\nconst namespace = 'onboarding.subjects';\n\nexport function OnboardingSubjectsView(props: OnboardingViewProps): JSX.Element {\n  const appLinks = getOnboardingAppLinks();\n  const { getPathway } = useOnboardingPathway(appLinks);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const { preferredPresentation } = usePresentation();\n  const fetchAsync = Flight.useGetFetchAsync();\n  const {\n    onClickBack,\n    exitOnboarding,\n    onSaveError,\n    completeStepAsync\n  } = useOnboardingCallbacks(props.redirectUrl);\n  const { preferredCurriculum } = useCurriculums();\n  const { logEvent } = useOnboardingEventLogger();\n\n  const pathway = getPathway();\n  const screenConfig = OnboardingScreenConfigs[pathway.currentScreen];\n\n  const { updateSettingAsync, bulkOnboardingPreferencesState } = useSettings(screenConfig?.analyticsLocation);\n  useSetPageMetadata({ title: screenConfig?.getPageTitle?.() ?? '' });\n\n  const subjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.allSubjectPreferences());\n  const initialSelectedSubjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\n  const initialBulkState = OnboardingHelper.hasBulkSelectedTopics(bulkOnboardingPreferencesState);\n\n  const [ selectedSubjects, setSelectedSubjects ] = React.useState<Classification[]>([]);\n  const [ allSubjectsSelected, setAllSubjectsSelected ] = React.useState(initialBulkState);\n\n  const isKDM = useIsKDM();\n\n  const selectableSubjects = subjects.data?.filter(subject => {\n    if (!ClassificationVideosMap[subject.presentationId])\n      return true;\n\n    return !!ClassificationVideosMap[subject.presentationId]?.[subject.id];\n  });\n\n  React.useEffect(() => {\n    if (!initialSelectedSubjects.hasCompleted || !initialSelectedSubjects.data?.length)\n      return;\n\n    if (allSubjectsSelected)\n      return;\n\n    setSelectedSubjects(initialSelectedSubjects.data);\n  }, [initialSelectedSubjects.hasCompleted]);\n\n  function onSelectSubject(subject: Classification): void {\n    if (allSubjectsSelected)\n      return;\n\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectSubject, {\n      subjectId: subject.id,\n      subjectName: subject.name,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (selectedSubjects.find(s => s.id === subject.id)) {\n      setSelectedSubjects(selectedSubjects.filter(s => s.id !== subject.id));\n      return;\n    }\n\n    setSelectedSubjects(selectedSubjects.concat(subject));\n  }\n\n  function onClickAllSubjects(): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectAllSubjects, {\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (!allSubjectsSelected)\n      setSelectedSubjects([]);\n\n    setAllSubjectsSelected(!allSubjectsSelected);\n  }\n\n  async function onClickNext(): Promise<void> {\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      subjects: selectedSubjects.map(s => ({\n        subjectId: s.id,\n        subjectName: s.name\n      })),\n      allSubjectsSelected,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    try {\n      const requests: Promise<void>[] = [];\n\n      if (allSubjectsSelected !== initialBulkState) {\n        requests.push(\n          updateSettingAsync(currentUser.data.id, {\n            name: SettingName.BulkOnboardingPreferencesState,\n            value: OnboardingHelper.getNextBulkState(bulkOnboardingPreferencesState, 'topics'),\n            kind: SettingKind.Permanent\n          })\n        );\n      }\n\n      if (!allSubjectsSelected) {\n        const addedSubjects = selectedSubjects.filter(selection => {\n          return !initialSelectedSubjects.data.find(p => p.id === selection.id);\n        });\n        const removedSubjects = initialSelectedSubjects.data.filter(p => !selectedSubjects.find(s => s.id === p.id));\n  \n        if (addedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.followSubjects(addedSubjects.map(s => s.id))));\n  \n        if (removedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.unfollowSubjects(removedSubjects.map(s => s.id))));\n      }\n\n      await Promise.all(requests);\n      await completeStepAsync();\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-ultramarine d-flex flex-column align-items-end justify-content-center'>\n        <LeftPanelItem\n          annotationUrl={ImageUrls.OnboardingV2.Subjects.ANNOTATION}\n          annotationPosition='top-right'\n          annotationClassName={`me-5 ${styles.annotation}`}\n        >\n          <MockDiscover\n            presentation={preferredPresentation}\n            subjects={allSubjectsSelected ? selectableSubjects : selectedSubjects}\n            curriculum={preferredCurriculum}\n          />\n        </LeftPanelItem>\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selectedSubjects.length && !allSubjectsSelected}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase={isKDM ? 'headingKdm' : 'heading'} />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase='info' />\n        </OnboardingScreenInfo>\n\n        <DivButton onClick={onClickAllSubjects}>\n          <CoverPillWidgetContent\n            data={{ name: LanguageService.getPhrase(namespace, 'allSubjects') }}\n            coverUrl={TopicsHelper.getPresentationLevelImage(preferredPresentation.learningLevel, 'cover')}\n            isSelected={allSubjectsSelected}\n            multiline\n          />\n        </DivButton>\n\n        <div className='d-flex align-items-center justify-content-between py-3'>\n          <hr className='m-0 flex-grow-1 border-dark' />\n\n          <p className='mb-0 px-3'><Text phrase='orSelectSubjects' /></p>\n\n          <hr className='m-0 flex-grow-1 border-dark' />\n        </div>\n\n        <ul className='list-unstyled row g-2 mb-0'>\n          {selectableSubjects?.map(subject => {\n            const isSelected = !!selectedSubjects.find(s => s.id === subject.id);\n\n            let className = '';\n\n            if (allSubjectsSelected)\n              className += `cursor-default ${styles.disabled}`;\n            else if (isSelected)\n              className += styles.selected;\n            \n            return (\n              <li key={subject.id} className='col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6'>\n                <DivButton\n                  onClick={() => onSelectSubject(subject)}\n                  disabled={allSubjectsSelected}\n                  className={className}\n                >\n                  <CoverPillWidgetContent\n                    data={subject}\n                    coverUrl={ImageHelper.createUrl(subject.cover?.url, {\n                      size: ImageSize.Small\n                    })}\n                    isSelected={isSelected}\n                    multiline\n                  />\n                </DivButton>\n              </li>\n            );\n          })}\n        </ul>\n\n        <OnboardingScreenInfo className='mt-2'>\n          <Text phrase='addMoreLater' />\n        </OnboardingScreenInfo>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"hasThemeColor\":\"DX2ua\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"newVideos\":\"s61h8\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};"],"names":["BulkOnboardingPreferencesState","OnboardingHelper","hasManyPresentationTypes","presentations","totalAvailableSubjectPresentations","totalAvailableCurriculumPresentations","forEach","p","type","PresentationType","hasManySubjectPresentations","hasManyCurriculumPresentations","getBulkPreferencesState","state","AllSubjectsAndAllLevels","levels","subjects","AllLevels","AllSubjects","hasBulkSelectedLevels","bulkState","hasBulkSelectedTopics","getNextBulkState","current","managing","None","isManagingTopics","namespace","ComingSoonNamePanel","name","multiline","noUnderLine","wrapperClassName","textClassName","className","phrase","NormalNamePanel","subtitle","newVideosCount","title","options","smartCount","CoverPillWidgetContent","props","coverUrl","size","isLarge","classification","undefined","data","childProps","highlightOnHover","showNewVideosCount","externalMetadata","childDashboardNewVideoCount","themeColor","isSelected","style","id","hideCheckmark","svgName","svgSize","S","textVariant","variant","imageClassName","backgroundImage","hideFallback","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","appLink","getChildAppLink","analyticsData","analyticsOptions","appLinkOptions","getChildAppLinkOptions","LeftPanelItem","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","ImageHelper","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","cover","url","Array","fill","_","index","LeftNavItem","breakpoints","useBreakpoints","Text","IconCircle","imageUrl","SvgContainer","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","OnboardingSubjectsView","appLinks","getPathway","useOnboardingPathway","currentUser","UserRequests","preferredPresentation","usePresentation","fetchAsync","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","onSaveError","completeStepAsync","preferredCurriculum","useCurriculums","logEvent","useOnboardingEventLogger","pathway","screenConfig","OnboardingScreenConfigs","currentScreen","useSettings","analyticsLocation","updateSettingAsync","bulkOnboardingPreferencesState","useSetPageMetadata","getPageTitle","PreferenceRequests","initialSelectedSubjects","initialBulkState","selectedSubjects","setSelectedSubjects","allSubjectsSelected","setAllSubjectsSelected","isKDM","selectableSubjects","filter","ClassificationVideos","presentationId","hasCompleted","OnboardingLayout","ImageUrls","hasCustomButtons","onClickNext","s","subjectId","subjectName","presentationName","presentationDescription","description","requests","push","SettingName","value","kind","SettingKind","addedSubjects","selection","find","removedSubjects","Promise","all","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","DivButton","onClick","CoverPill","LanguageService","concat","onSelectSubject","disabled"],"sourceRoot":""}