@clickview/lite 0.49.6 → 0.49.8

package/dist/scripts/8243-e9d7716ffe-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/8243-e9d7716ffe-lite.chunk.js","mappings":"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","sources":["file:///Users/joshua.taylor/Projects/clickview/packages/projects/lite/src/apps/classrooms/views/generate-join-link/empty-state/JoinLinkEmptyState.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/projects/lite/src/apps/classrooms/views/generate-join-link/student-pill/student-pill.scss","file:///Users/joshua.taylor/Projects/clickview/packages/projects/lite/src/apps/classrooms/views/generate-join-link/student-pill/StudentPill.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/projects/lite/src/apps/classrooms/views/generate-join-link/generate-join-link.scss","file:///Users/joshua.taylor/Projects/clickview/packages/projects/lite/src/apps/classrooms/views/generate-join-link/GenerateJoinLinkView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'classrooms.joinLinkEmptyState';\n\nexport function JoinLinkEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Classrooms.NO_STUDENTS_IN_CLASSROOM} size='small'/>\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"avatarContainer\":\"NSuhj\"};","import React from 'react';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { User } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport styles from './student-pill.scss';\n\ninterface StudentPillProps {\n  user: User;\n  imageCdnUrl: string;\n}\n\nexport function StudentPill(props: StudentPillProps): React.ReactElement {\n  return (\n    <div className='col-3 mb-3'>\n      <div className='border border-secondary rounded-3 d-flex p-2 align-items-center'>\n        <div className={`${styles.avatarContainer} flex-shrink-0`}>\n          <Avatar\n            imageUrl={props.user.avatar?.url}\n            imageCdnUrl={props.imageCdnUrl}\n            initials={UserHelper.getInitials(props.user.name, props.user.surname)}\n          />\n        </div>\n        <div className='text-truncate ms-2'>{props.user.name} {props.user.surname}</div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"orderedListWithBackground\":\"Qp_SN\",\"number\":\"inFpq\",\"joinLinkCode\":\"ZzTdG\",\"horizontalLineWithText\":\"GwGiF\",\"primary\":\"S4GPx\"};","import React from 'react';\nimport { Button } from 'react-bootstrap';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareIntegrations } from 'libs/shared/apps/share/views/share/components/share-integrations/ShareIntegrations';\nimport { CopyInput } from 'libs/shared/components/copy-input/CopyInput';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { IntegrationId } from 'libs/shared/enums/IntegrationId';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { useFetchAll } from 'libs/shared/hooks/UseFetchAll';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, User } from 'libs/shared/interfaces';\nimport { IntegrationHelper } from 'libs/shared/utils/IntegrationHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { GenerateClassroomLinkResponse } from 'apps/classrooms/interfaces/GenerateClassroomLinkResponse';\nimport { JoinLinkEmptyState } from 'apps/classrooms/views/generate-join-link/empty-state/JoinLinkEmptyState';\nimport { StudentPill } from 'apps/classrooms/views/generate-join-link/student-pill/StudentPill';\n\nimport styles from './generate-join-link.scss';\n\nconst namespace = 'classrooms.generateJoinLink';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst POLLING_INTERVAL = 15000; // 15s\n\nexport interface GenerateJoinLinkViewQueryParams {\n  source?: 'list';\n}\n\ninterface GenerateJoinLinkViewProps extends GenerateJoinLinkViewQueryParams{\n  classroomId: string;\n}\n\nexport function GenerateJoinLinkView(props: GenerateJoinLinkViewProps): React.ReactElement {\n  const dispatch = useDispatch();\n  const fetchAsync = Flight.useGetFetchAsync();\n\n  const { hasPermissions } = usePermissions();\n  const hasManageIntegrationsPermission = hasPermissions(PermissionName.ManageIntegrations);\n\n  const joinLink = Flight.useBasicFetch<GenerateClassroomLinkResponse>(\n    ClassroomRequests.generateJoinLink(props.classroomId)\n  );\n\n  function getRequest(cursor?: string): Flight.Request {\n    return ClassroomRequests.getClassroomStudents(props.classroomId, cursor);\n  }\n\n  function fetchNext(cursor?: string): void {\n    fetchAsync(getRequest(cursor));\n  }\n\n  const students = useFetchAll<User>(getRequest, fetchNext);\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const { shareToGoogleClassroom, shareToMicrosoftTeams, isLoadingSettings } = useSettings(null);\n\n  const isFromList = props.source === 'list';\n\n  function backToClassroom(): void {\n    if (isFromList) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.CLASSROOMS,\n        action: Actions.Classrooms.HOME\n      });\n      return;\n    }\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.CLASSROOMS,\n      // TODO: Change to classroom overview\n      action: Actions.Classrooms.CLASSROOM_STUDENTS,\n      args: [props.classroomId]\n    });\n  }\n  \n  function getEnabledIntegrations(googleClassroomSetting: boolean, msftTeamsSetting: boolean): IntegrationId[] {\n    const integrations = IntegrationHelper.getShareIntegrations(googleClassroomSetting, msftTeamsSetting);\n    return integrations.filter(i => i.enabled).map(i => i.id);\n  }\n\n  React.useEffect(() => {\n    const interval = window.setInterval(() => {\n      Flight.fetch(dispatch, getRequest());\n    }, POLLING_INTERVAL);\n    \n    return () => window.clearInterval(interval);\n  }, []);\n\n  function getJoinUrl(): string {\n    const url = new URL(config.data.primaryUrl).hostname;\n\n    return UrlHelper.safeUrlConcat(url, '/join');\n  }\n\n  if (!joinLink.data || !students.items || !config.data || isLoadingSettings)\n    return <></>;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='d-flex px-3 '>\n        <h1 className='h3 mb-3 flex-fill'><Text phrase='title' /></h1>\n        <div className='flex-fill text-end'>\n          <Button variant='dark' onClick={backToClassroom}>\n            {getPhrase(isFromList ? 'backToList' : 'backToClassroom')}\n          </Button>\n        </div>\n      </div>\n      <div className='px-3'>\n        <div className='row mt-1'>\n          <div className='col-md-6 col-12'>\n            <ol className={`mb-4 ${styles.orderedListWithBackground}`}>\n              <li className='mb-2'>\n                <span className={styles.number}>1</span>\n                {getPhrase('goToUrl')}\n                <span className={styles.primary}>{getJoinUrl()}</span>\n              </li>\n              <li>\n                <span className={styles.number}>2</span>\n                {getPhrase('enterCode')}\n                <div className={`pt-3 pb-4 ms-4 mt-2 border rounded-3 text-center overflow-hidden fw-semibold ${styles.joinLinkCode}`}>\n                  {joinLink.data.code}\n                </div>\n              </li>\n            </ol>\n            <h2 className={`border-bottom text-center w-100 mb-4 ${styles.horizontalLineWithText}`}>\n              <span className='px-2 fw-normal'>{getPhrase('or')}</span>\n            </h2>\n            <ol className={styles.orderedListWithBackground}>\n              <li className='mb-3'>\n                <span className={styles.number}>1</span>\n                {getPhrase('copyLinkAndShare')}\n                <div className='d-flex flex-column gap-2 mt-2 ms-4'>\n                  <CopyInput value={joinLink.data.link} />\n                  <ShareIntegrations\n                    integrations={getEnabledIntegrations(shareToGoogleClassroom, shareToMicrosoftTeams)}\n                    url={joinLink.data.link}\n                    appLink={hasManageIntegrationsPermission ? {\n                      application: AppChannels.SETTINGS,\n                      action: Actions.Settings.INTEGRATIONS\n                    } : {\n                      application: AppChannels.DEFAULT,\n                      action: Actions.Default.INTEGRATIONS_INFO\n                    }}\n                  />\n                </div>\n              </li>\n            </ol>\n          </div>\n          <div className='col-md-6 col-12 text-center'>\n            <img src={ImageUrls.AddStudents.JOIN_LINK} className='rounded-3 w-75 box-shadow img-fluid my-3' />\n          </div>\n        </div>\n        <hr />\n        <div>\n          {getPhrase('studentsWillAppear')}\n          {!students.items.length && <JoinLinkEmptyState />}\n          <div className='row mt-3'>\n            {students.items.map(s => <StudentPill user={s} key={s.id} imageCdnUrl={config.data.imageCdnUrl} />)}\n          </div>\n        </div>\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}"],"names":["namespace","JoinLinkEmptyState","value","EmptyState","src","ImageUrls","size","Text","phrase","StudentPill","props","className","Avatar","imageUrl","user","avatar","url","imageCdnUrl","initials","UserHelper","name","surname","getPhrase","LanguageService","POLLING_INTERVAL","GenerateJoinLinkView","dispatch","fetchAsync","hasManageIntegrationsPermission","hasPermissions","usePermissions","PermissionName","joinLink","ClassroomRequests","classroomId","getRequest","cursor","googleClassroomSetting","msftTeamsSetting","students","config","ConfigRequests","useSettings","shareToGoogleClassroom","shareToMicrosoftTeams","isLoadingSettings","isFromList","source","interval","window","setInterval","clearInterval","data","items","Button","variant","onClick","application","action","args","URL","primaryUrl","hostname","UrlHelper","code","CopyInput","link","ShareIntegrations","integrations","IntegrationHelper","filter","i","enabled","map","id","appLink","length","s","key"],"sourceRoot":""}