@clickview/lite 0.69.1-dev.1 → 0.69.1-dev.2

package/dist/scripts/7210-d8fa7ca624-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7210-d8fa7ca624-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/share-v2/flight-requests/ShareRequests.ts","file:///app/packages/libs/shared/src/apps/share-v2/enums/ShareOption.ts","file:///app/packages/libs/shared/src/apps/share-v2/utils/ShareViewHelper.tsx","file:///app/packages/libs/shared/src/apps/share/components/shared-object-image/shared-object-image.scss","file:///app/packages/libs/shared/src/apps/share/components/shared-object-image/SharedObjectImage.tsx","file:///app/packages/libs/shared/src/components/thumbnails/collection/title/collection-thumbnail-title.scss","file:///app/packages/libs/shared/src/components/thumbnails/collection/title/CollectionThumbnailTitle.tsx","file:///app/packages/libs/shared/src/components/thumbnails/collection/collection-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/collection/CollectionThumbnail.tsx","file:///app/packages/libs/shared/src/enums/IntegrationId.ts","file:///app/packages/libs/shared/src/utils/IntegrationHelper.ts","file:///app/packages/projects/lite/src/apps/share-v2/components/section-setting-toggle-item/SectionSettingToggleItem.tsx","file:///app/packages/projects/lite/src/apps/share-v2/enums/SharePrivacy.ts","file:///app/packages/projects/lite/src/apps/share-v2/enums/ShareType.ts","file:///app/packages/projects/lite/src/apps/share-v2/flight-requests/ShareRequests.ts","file:///app/packages/projects/lite/src/apps/share-v2/hooks/useCreateShare.ts","file:///app/packages/projects/lite/src/apps/share-v2/utils/ShareHelper.ts","file:///app/packages/projects/lite/src/apps/share-v2/views/components/flow-selector-options/flow-selector-options.scss","file:///app/packages/projects/lite/src/apps/share-v2/views/components/flow-selector-options/FlowSelectorOptions.tsx","file:///app/packages/projects/lite/src/apps/share-v2/views/components/flow-selector-options/previous-shares/previous-shares.scss","file:///app/packages/projects/lite/src/apps/share-v2/views/components/flow-selector-options/previous-shares/PreviousShares.tsx","file:///app/packages/projects/lite/src/apps/share-v2/components/classroom-selector/classroom-selector.scss","file:///app/packages/projects/lite/src/apps/share-v2/components/classroom-selector/ClassroomSelector.tsx","file:///app/packages/projects/lite/src/apps/share-v2/components/SelectedClassroomHeader.tsx","file:///app/packages/projects/lite/src/apps/share-v2/components/ClassroomSettingsSectioned.tsx","file:///app/packages/projects/lite/src/apps/share-v2/components/narrow-classroom-selection/narrow-classroom-selection.scss","file:///app/packages/projects/lite/src/apps/share-v2/components/narrow-classroom-selection/NarrowClassroomSelection.tsx","file:///app/packages/projects/lite/src/apps/share-v2/views/ClassroomFlowView.tsx","file:///app/packages/projects/lite/src/apps/share-v2/views/FlowSelectorView.tsx","file:///app/packages/projects/lite/src/apps/share-v2/components/SessionSettingsSectioned.tsx","file:///app/packages/projects/lite/src/apps/share-v2/views/SessionFlowView.tsx","file:///app/node_modules/timeago.js/esm/lang/en_US.js","file:///app/node_modules/timeago.js/esm/lang/zh_CN.js","file:///app/node_modules/timeago.js/esm/register.js","file:///app/node_modules/timeago.js/esm/utils/date.js","file:///app/node_modules/timeago.js/esm/format.js","file:///app/node_modules/timeago.js/esm/index.js"],"sourcesContent":["import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { CreateShareRequest } from 'libs/shared/apps/share-v2/interfaces/CreateShareRequest';\nimport { Share } from 'libs/shared/apps/share-v2/interfaces/Share';\nimport { UpdateShareRequest } from 'libs/shared/apps/share-v2/interfaces/UpdateShareRequest';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { BasePaginatedCollection } from 'libs/shared/interfaces';\n\nconst normalizeOptions: Flight.NormalizeOptions = {\n  namespace: 'share-v2'\n};\n\nexport interface GetSentSharesParams {\n  cursor?: string;\n  limit?: number;\n  objectTypeId?: MasterType | MasterType[];\n  recipientUserId?: string | string[];\n  recipientGroupId?: string | string[];\n  start?: string;\n  end?: string;\n}\n\nexport const ShareRequests = {\n  createShare(\n    data: CreateShareRequest,\n    success?: (response: Share) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: '/api/share/v2/shares',\n      key: 'create:share-v2',\n      type: HttpVerbs.POST,\n      data,\n      normalizeOptions,\n      invalidationKeys: ['sent:shares-v2'],\n      success,\n      error,\n      always\n    };\n  },\n\n  updateShare(\n    shareId: string,\n    data: UpdateShareRequest,\n    success?: (response: Share) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/share/v2/shares/${shareId}`,\n      key: `update:share-v2:${shareId}`,\n      type: HttpVerbs.PUT,\n      data,\n      normalizeOptions,\n      invalidationKeys: [ 'share-v2:permanent-link:object', `share-v2:${shareId}` ],\n      success,\n      error,\n      always\n    };\n  },\n\n  getShare(\n    shareId: string,\n    success?: (response: Share) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/share/v2/shares/${shareId}`,\n      key: `share-v2:${shareId}`,\n      bootstrapName: `share-v2:${shareId}`,\n      type: HttpVerbs.GET,\n      normalizeOptions,\n      success,\n      error,\n      always\n    };\n  },\n\n  getSentShares(\n    params: GetSentSharesParams = {},\n    success?: (response: BasePaginatedCollection<Share>[]) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    const key = Object.values(params).join(':');\n\n    return {\n      url:  UrlHelper.urlBuilder('/api/share/v2/shares/sent', params),\n      key: `sent:shares-v2:${key}`,\n      formatData: (response: Share[]) => {\n        return {\n          data: response,\n          count: response.length,\n          pagination: {\n            cursors: {\n              next: null, // TODO: Share V2 - fix hardcoded value\n              previous: params.cursor\n            }\n          }\n        };\n      },\n      type: HttpVerbs.GET,\n      normalize: false,\n      success,\n      error,\n      always\n    };\n  },\n\n  getShareLinkByObjectId(id: string): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder('/api/share/v2/shares/permanent-link', { objectId: id }),\n      key: `share-v2:permanent-link:object:${id}`,\n      type: HttpVerbs.POST,\n      normalizeOptions\n    };\n  },\n\n  getPrivacy(id: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/objects/${id}/access`,\n      key: `privacy:${id}`,\n      normalize: false\n    };\n  }\n};","export enum ShareOption {\n  InstantFeedback = 'instant_feedback',\n  PreventSkipping = 'prevent_skipping'\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, EventVersion, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ShareOption } from 'libs/shared/apps/share-v2/enums/ShareOption';\nimport { ShareRequests } from 'libs/shared/apps/share-v2/flight-requests/ShareRequests';\nimport type { Share } from 'libs/shared/apps/share-v2/interfaces/Share';\nimport type { UpdateShareRequest } from 'libs/shared/apps/share-v2/interfaces/UpdateShareRequest';\nimport { IntegrationId } from 'libs/shared/enums/IntegrationId';\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 { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Alerts } from 'libs/shared/hooks/UseAlerts';\nimport type { Classification, Clip, Interactive, InteractiveMetadata, Playlist, Series, Subject, Video } from 'libs/shared/interfaces';\nimport { IntegrationHelper } from 'libs/shared/utils/IntegrationHelper';\n\nexport type SharableEntityType = 'video' | 'playlist' | 'subject' | 'series' | 'interactive' | 'clip';\nexport type SharableEntity = Video | Playlist | Subject | Series | InteractiveMetadata | Clip;\nexport interface ShareSettingsFormFields {\n  preventSkipping: boolean;\n  instantFeedback: boolean;\n}\n\nconst namespace = 'sharev2.utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const ShareViewHelper = {\n  canEmbed(type: SharableEntityType): boolean {\n    return [ 'video', 'interactive', 'clip' ].includes(type);\n  },\n\n  canAddPolicies(type: SharableEntityType): boolean {\n    return [ 'video', 'interactive', 'clip' ].includes(type);\n  },\n  \n  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  getFetchFunctionByType: (type: SharableEntityType) => {\n    switch (type) {\n      case 'video': {\n        return (id: string) => Flight.useBasicFetch<Video>(VideoRequests.video(id));\n      }\n  \n      case 'playlist': {\n        return (id: string) => Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(id));\n      }\n  \n      case 'subject': {\n        return (id: string, userId: string) => {\n          return Flight.useBasicFetch<Classification>(ClassificationRequests.classification(id, userId));\n        };\n      }\n  \n      case 'series': {\n        return (id: string) => Flight.useBasicFetch<Series>(SeriesRequests.series(id));\n      }\n  \n      case 'interactive': {\n        return (id: string) =>\n          Flight.useBasicFetch<InteractiveMetadata>(InteractiveRequests.interactiveMetadata(id));\n      }\n  \n      case 'clip': {\n        return (id: string) =>\n          Flight.useBasicFetch<Clip>(ClipRequests.clip(id));\n      }\n    }\n  },\n\n  getAnalyticsEntity(entityType: string): EntityType {\n    switch (entityType) {\n      case 'playlist':\n        return EntityType.Playlist;\n      case 'subject':\n        return EntityType.Classification;\n      case 'video':\n        return EntityType.Video;\n      case 'series':\n        return EntityType.Series;\n      case 'interactive':\n        return EntityType.Interactive;\n      case 'clip':\n        return EntityType.Clip;\n    }\n  },\n\n  getAnalyticsOptions(entityType: SharableEntityType): AnalyticsOptions {\n    return {\n      entity: ShareViewHelper.getAnalyticsEntity(entityType),\n      location: LocationContext.Popup,\n      workflowPhase: WorkflowPhase.Complete\n    };\n  },\n\n  updateShareLink(\n    dispatch: Flight.Dispatch,\n    entity: SharableEntity,\n    entityType: SharableEntityType,\n    share: Share,\n    data: UpdateShareRequest,\n    alerts: Alerts,\n    onSuccess?: (data: Share) => void,\n    onError?: () => void\n  ): void {\n    const success = (updatedShare: Share) => {\n      AnalyticsHelper.logUserAction(\n        { ...updatedShare, objectName: entity.name },\n        AnalyticsHelper.mergeOptions(ShareViewHelper.getAnalyticsOptions(entityType), {\n          actionType: UserAction.Edit,\n          entity: EntityType.ShareLink,\n          eventVersion: EventVersion.V3\n        })\n      );\n\n      if (onSuccess)\n        onSuccess(updatedShare);\n\n      alerts.success(getPhrase('editSuccess', { name: entity.name, escapeText: true }));\n    };\n\n    const error = () => {\n      if (onError)\n        onError();\n\n      alerts.error(getPhrase('editError', { name: entity.name, escapeText: true }));\n    };\n\n    Flight.fetch(dispatch, ShareRequests.updateShare(share.shareId, data, success, error));\n  },\n\n  getShareSettingsInitialValues(share: Share, interactive: Interactive | null) {\n    const defaults = {\n      preventSkipping: interactive?.preventScrubbing || false,\n      instantFeedback: interactive?.immediateFeedback || false\n    };\n\n    const ShareOptionKeyMapping: {[key in ShareOption]: keyof typeof defaults} = {\n      [ShareOption.InstantFeedback]: 'instantFeedback',\n      [ShareOption.PreventSkipping]: 'preventSkipping'\n    };\n\n    return share.options.reduce((prev, curr) => {\n      if (!Object.keys(ShareOptionKeyMapping).includes(curr.option))\n        return prev;\n\n      if (curr.value === 'True')\n        prev[ShareOptionKeyMapping[curr.option]] = true;\n      else if (curr.value === 'False')\n        prev[ShareOptionKeyMapping[curr.option]] = false;\n\n      return prev;\n    }, defaults);\n  }\n\n};","// extracted by mini-css-extract-plugin\nexport default {\"thumbnailFallbackSvg\":\"D4JFs\",\"posterFallbackSvg\":\"bjUWl\",\"coverFallbackSvg\":\"kdLpt\",\"thumbnailContainer\":\"d3CKN\",\"insightsMask\":\"KM76U\",\"requireMarking\":\"peLH7\",\"badge\":\"mVu0E\",\"bar\":\"zO3MS\",\"a\":\"K1jW5\",\"expandBar\":\"YITJl\",\"b\":\"tCpLF\",\"c\":\"lC0cq\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CollectionThumbnail } from 'libs/shared/components/thumbnails/collection/CollectionThumbnail';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { BaseObject, Image, Playlist, Series } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './shared-object-image.scss';\n\nconst namespace = 'shared.sharedObjectImage';\n\nconst BASE_IMAGE_CLASS_NAME = 'rounded overflow-hidden';\n\ninterface ImageProps {\n  image: Image;\n  imageType: ImageType;\n  imageClassName?: string;\n  imageFallbackComponent: JSX.Element;\n}\n\nfunction getImageProps(object: BaseObject): ImageProps {\n  const image = ImageHelper.getDisplayImageFromObject(object);\n\n  if (VideoHelper.isVideoType(object))\n    return {\n      image,\n      imageType: ImageType.Thumbnails,\n      imageClassName: BASE_IMAGE_CLASS_NAME,\n      imageFallbackComponent: <ImageFallback type={ImageFallbackType.Video} />\n    };\n\n  switch (object.typeId) {\n    case MasterType.Series:\n      return {\n        image,\n        imageType: ImageType.TallPosters,\n        imageClassName: BASE_IMAGE_CLASS_NAME,\n        imageFallbackComponent:\n          <ImageFallback type={ImageFallbackType.Series} svgContainerClassName={styles.posterFallbackSvg} />\n      };\n\n    case MasterType.Playlist:\n      return {\n        image,\n        imageType: ImageType.Covers,\n        imageClassName: !image?.url\n          ? `${BASE_IMAGE_CLASS_NAME} ${getBgColorClass(object.name, BG_COLOUR_CLASS_NAMES)}`\n          : BASE_IMAGE_CLASS_NAME,\n        imageFallbackComponent: (\n          <ImageFallback\n            type={ImageFallbackType.Playlist}\n            svgContainerClassName={image?.url ? styles.coverFallbackSvg : 'd-none'}\n            extraClasses={!image?.url && 'bg-transparent'}\n          />\n        )\n      };\n  }\n}\n\nfunction InsightsMask() {\n  return (\n    <div className={`d-flex pointer-events-none position-absolute bottom-0 start-0 h-100 w-100 z-1 justify-content-center align-items-center`}>\n      <div className='position-absolute bg-dark bg-gradient opacity-50 w-100 h-100 z-0 rounded-3'></div>\n      <div className='d-flex align-items-end gap-2 h-50 z-1'>\n        <div className='d-flex align-items-end h-50'>\n          <div className={`${styles.bar} ${styles.a} rounded shadow`}></div>\n        </div>\n        <div className='d-flex align-items-end h-75'>\n          <div className={`${styles.bar} ${styles.b} rounded shadow`}></div>\n        </div>\n        <div className='d-flex align-items-end h-100'>\n          <div className={`${styles.bar} ${styles.c} rounded shadow`}></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction getImageRatio(object: BaseObject): ImageFallbackType {\n  if (VideoHelper.isVideoType(object))\n    return 16 / 9;\n\n  if (object.typeId === MasterType.Playlist)\n    return 1;\n\n  if (object.typeId === MasterType.Series)\n    return 9 / 16;\n}\n\nSharedObjectImage.defaultProps = {\n  imageOptions: { size: ImageSize.Small }\n};\n\ninterface SharedObjectImageProps {\n  object: BaseObject;\n  locationContext: LocationContext;\n  appLink?: Core.AppLink;\n  showVideoMetadata?: boolean;\n  fixedHeight?: boolean;\n  requireMarking?: number;\n  imageOptions?: ImageOptions;\n  showInsightsMask?: boolean;\n  showCollectionMask?: boolean;\n  showVideoCount?: boolean;\n}\n\nexport function SharedObjectImage(props: SharedObjectImageProps): JSX.Element {\n  const ref = React.useCallback((el: HTMLDivElement) => {\n    if (!el || !props.fixedHeight)\n      return;\n\n    el.style.width = `${el.offsetHeight * getImageRatio(props.object)}px`;\n  }, []);\n\n  const useVideoThumbnail = VideoHelper.isVideoType(props.object);\n\n  const {\n    image,\n    imageType,\n    imageClassName,\n    imageFallbackComponent\n  } = getImageProps(props.object);\n\n  return (\n    <div className='d-flex align-items-center justify-content-center w-100 h-100'>\n      <div ref={ref} className={props.fixedHeight ? 'h-100' : 'w-100'}>\n        {useVideoThumbnail &&\n          <div className={`${styles.thumbnailContainer} position-relative`}>\n            {props.showInsightsMask && <InsightsMask />}\n            <AppLink appLink={props.appLink}>\n              <VideoThumbnail\n                video={props.object}\n                imageOptions={props.imageOptions}\n                textPosition={ThumbnailTextPosition.Independent}\n                type='cosmetic'\n                hideDuration\n                hideMask\n              />\n            </AppLink>\n            {!!props.requireMarking && (\n              <div className={`${props.showInsightsMask && styles.requireMarking} position-absolute bottom-0 end-0 z-1 m-2`}>\n                <div className={`${styles.badge} d-flex align-items-center bg-light-ultramarine text-ultramarine fw-semibold rounded-pill w-fit mt-1 px-2`}>\n                  <Text namespace={namespace} phrase='requireMarking' options={{ smartCount: props.requireMarking }} />\n                </div>\n              </div>\n            )}\n          </div>\n        }\n        {!useVideoThumbnail &&\n          <>\n            {'videos' in (props.object as Playlist | Series) ? (\n              <CollectionThumbnail\n                collection={props.object}\n                imageOptions={props.imageOptions}\n                appLink={props.appLink}\n                analyticsData={{\n                  id: props.object.id,\n                  name: props.object.name\n                }}\n                analyticsOptions={{\n                  entity: ShareViewHelper.getAnalyticsEntity(props.object.type),\n                  actionType: UserAction.Click,\n                  location: props.locationContext\n                }}\n                showMask={props.showCollectionMask}\n                showVideoCount={props.showVideoCount}\n              />\n            ) : (\n              <BaseImage\n                data={image?.url}\n                imageType={imageType}\n                imageOptions={props.imageOptions}\n                appLink={props.appLink}\n                className={imageClassName}\n                analyticsData={{\n                  id: props.object.id,\n                  name: props.object.name\n                }}\n                analyticsOptions={{\n                  entity: ShareViewHelper.getAnalyticsEntity(props.object.type),\n                  actionType: UserAction.Click,\n                  location: props.locationContext\n                }}\n              >\n                {imageFallbackComponent}\n              </BaseImage>\n            )}\n          </>\n        }\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"thumbnailTitle\":\"OsWjL\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './collection-thumbnail-title.scss';\n\ninterface BaseCollectionThumbnailTitleProps {\n  title: string;\n}\n\nfunction BaseCollectionThumbnailTitle(props: BaseCollectionThumbnailTitleProps): JSX.Element {\n  return (\n    <h3 title={props.title} className='h6'>{props.title}</h3>\n  );\n}\n\ninterface CollectionThumbnailTitleProps extends BaseCollectionThumbnailTitleProps {\n  appLink: Core.AppLink;\n}\n\nexport function CollectionThumbnailTitle(props: CollectionThumbnailTitleProps) {\n  if (!props.appLink) {\n    return (\n      <BaseCollectionThumbnailTitle {...props} />\n    );\n  }\n  \n  return (\n    <AppLink appLink={props.appLink} className={`${styles.thumbnailTitle}`}>\n      <BaseCollectionThumbnailTitle {...props} />\n    </AppLink>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"badge\":\"M4zat\",\"mask\":\"r0Ztg\",\"thumbnailContainer\":\"uD9dz\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsOptions, EntityType, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CollectionThumbnailTitle } from 'libs/shared/components/thumbnails/collection/title/CollectionThumbnailTitle';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { TitleSubText } from 'libs/shared/components/title-sub-text/TitleSubText';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { Playlist, Series } from 'libs/shared/interfaces';\nimport { ImageOptions } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './collection-thumbnail.scss';\n\nconst namespace = 'shared.collectionThumbnail';\n\ntype SupportedContentType = Playlist | Series;\n\ninterface CollectionThumbnailProps {\n  appLink?: Core.AppLink\n  collection: SupportedContentType;\n  imageOptions?: ImageOptions;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  showMask?: boolean;\n  showVideoCount?: boolean;\n  title?: string;\n  titleAppLink?: Core.AppLink;\n  subText?: string;\n  subTextAppLink?: Core.AppLink;\n  hoverText?: string;\n}\n\nexport function CollectionThumbnail(props: CollectionThumbnailProps) {\n  function getFirstVideo() {\n    let collectionVideos = props.collection?.videos;\n\n    if (!collectionVideos)\n      return;\n\n    if (!collectionVideos.count && props.collection.typeId === MasterType.Playlist) {\n      const playlist = props.collection as Playlist;\n\n      if (playlist.clips.count)\n        collectionVideos = playlist.clips;\n\n      if (playlist.interactives.count)\n        collectionVideos = playlist.interactives;\n    }\n\n    return ArrayHelper.first(collectionVideos.data);\n  }\n\n  function getVideoCount() {\n    let totalCount = 0;\n\n    if (props.collection.videos && props.collection.videos.count) {\n      totalCount += props.collection.videos.count;\n    }\n\n    if (props.collection.typeId === MasterType.Playlist) {\n      const playlist = props.collection as Playlist;\n\n      if (playlist.interactives?.count)\n        totalCount += playlist.interactives.count;\n\n      if (playlist.clips?.count)\n        totalCount += playlist.clips.count;\n    }\n\n    return totalCount;\n  }\n\n  function getEntityType(collection: SupportedContentType) {\n    if (MasterTypeHelper.isType<Playlist>(collection, MasterType.Playlist)) {\n      return EntityType.Playlist;\n    }\n\n    if (MasterTypeHelper.isType<Series>(collection, MasterType.Series)) {\n      return EntityType.Series;\n    }\n  }\n\n  const firstVideo = getFirstVideo();\n  const videoCount = getVideoCount();\n  const showTexts = props.title?.length || props.subText?.length;\n\n  const analyticsData = {\n    id: props.collection.id.toString(),\n    name: props.collection.name,\n\n    ...props.analyticsData\n  };\n\n  const analyticsOptions = {\n    actionType: UserAction.Click,\n    entity: getEntityType(props.collection),\n    \n    ...props.analyticsOptions\n  };\n\n  return (\n    <div>\n      <div className={`position-relative ${styles.thumbnailContainer} z-1`}>\n        <AppLink\n          appLink={props.appLink}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus\n        >\n          {props.showMask &&\n            <div className={`${styles.mask} position-absolute w-100 h-100 rounded-3 bg-dark bg-gradient z-1 bg-opacity-50 pointer-events-none`}>\n              <div className={`${styles.badge} d-flex align-items-center w-fit flex-grow-0 bg-dark rounded-pill ps-1 m-2`}>\n                <SvgContainer svgName={cvSvgLibrary.Play} className='svg-container text-white' />\n                <p className='d-inline fw-medium text-white mb-0'>\n                  {props.hoverText?.length ?\n                    <span>{props.hoverText}</span> :\n                    <Text namespace={namespace} phrase='playAll' />\n                  }\n                </p>\n              </div>\n            </div>\n          }\n\n          {firstVideo &&\n            <VideoThumbnail\n              video={firstVideo}\n              imageOptions={props.imageOptions}\n              textPosition={ThumbnailTextPosition.Independent}\n              type='cosmetic'\n              hideMask\n              hideRating\n              hideDuration\n              hideVideoTypeBadge\n            />\n          }\n\n          {!firstVideo &&\n            <div className='ratio ratio-16x9 bg-light rounded-3'>\n              <div className='d-flex justify-content-center align-items-center'>\n                <SvgContainer svgName={cvSvgLibrary.Play} className='w-33 opacity-25 text-gray-400' />\n              </div>\n            </div>\n          }\n\n          {props.showVideoCount &&\n            <div className={`${styles.badge} d-flex align-items-center w-fit bg-dark bg-opacity-75 rounded-pill position-absolute bottom-0 end-0 ps-1 m-2`}>\n              <SvgContainer svgName={cvSvgLibrary.Series} className='svg-container text-white me-1' />\n              <p className='d-inline fw-semibold text-white mb-0'>\n                <Text namespace={namespace} phrase='videos' options={{ count: videoCount, smartCount: videoCount }} />\n              </p>\n            </div>\n          }\n        </AppLink>\n\n      </div>\n      \n      {showTexts &&\n        <div className='mt-2 d-flex flex-column'>\n          {props.subText &&\n            <TitleSubText title={props.subText} appLink={props.subTextAppLink}>\n              {props.subText}\n            </TitleSubText>\n          }\n          {props.title &&\n            <CollectionThumbnailTitle\n              title={props.collection.name}\n              appLink={props.titleAppLink}\n            />\n          }\n        </div>\n      }\n    </div>\n  );\n}","export enum IntegrationId {\n  GoogleClassroom = 'google-classroom',\n  MicrosoftTeams = 'microsoft-teams',\n  Vivi = 'vivi',\n  AppleTv = 'apply-tv'\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { IntegrationId } from 'libs/shared/enums/IntegrationId';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { Integration } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.shared-utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const IntegrationHelper = {\n  getShareIntegrations(googleClassroomSetting: boolean, msftTeamsSetting: boolean): Integration[] {\n    return [\n      {\n        id: IntegrationId.GoogleClassroom,\n        name: getPhrase('googleClassroom'),\n        enabled: googleClassroomSetting,\n        settingName: SettingName.ShareToGoogleClassroom\n      },\n      {\n        id: IntegrationId.MicrosoftTeams,\n        name: getPhrase('msftTeams'),\n        enabled: msftTeamsSetting,\n        settingName: SettingName.ShareToMicrosoftTeams\n      }\n    ];\n  }\n};\n","import React from 'react';\n\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\ninterface SectionSettingToggleItemProps {\n  title: string;\n  description: string;\n  toggled: boolean;\n  onClick: () => void;\n}\n\nexport function SectionSettingToggleItem(props: SectionSettingToggleItemProps): JSX.Element {\n  return (\n    <div className='d-flex justify-content-between align-items-start'>\n      <div>\n        <label className='m-0' htmlFor=''>{props.title}</label>\n        <p className='m-0 text-secondary'>{props.description}</p>\n      </div>\n      <div>\n        <ToggleSwitch\n          onClick={props.onClick}\n          on={props.toggled}\n        />\n      </div>\n    </div>\n  );\n}\n","export enum SharePrivacy {\n  Public = 'Public',\n  PinCode = 'PinCode',\n  PasswordProtected = 'PasswordProtected',\n  ProtectedOverrideRestriction = 'ProtectedOverrideRestriction',\n  JustMySchoolOverrideRestriction = 'JustMySchoolOverrideRestriction',\n  Protected = 'Protected',\n  JustMySchool = 'JustMySchool',\n  Direct = 'Direct'\n}","export enum ShareType {\n  Link = 'Link',\n  Classroom = 'Classroom',\n  Open = 'Open',\n  Live = 'Live'\n}","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { CreateShareLinkRequest } from 'apps/share-v2/interfaces/CreateShareLinkRequest';\nimport { ShareLink } from 'apps/share-v2/interfaces/ShareLink';\n\nconst normalizeOptions: Flight.NormalizeOptions = {\n  namespace: 'share-v2'\n};\n\nexport interface GetSentSharesParams {\n  cursor?: string;\n  limit?: number;\n  objectTypeId?: MasterType | MasterType[];\n  recipientUserId?: string | string[];\n  recipientGroupId?: string | string[];\n  start?: string;\n  end?: string;\n  scopeId?: string;\n}\n\nexport const ShareRequests = {\n  createShareLink(\n    data: CreateShareLinkRequest,\n    success?: (shareLink: ShareLink) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: '/api/share/v2/shares',\n      key: 'create:share-v2:link',\n      type: HttpVerbs.POST,\n      data,\n      normalizeOptions,\n      invalidationKeys: [\n        `share:link:object:${data.objectId}`,\n        `privacy:${data.objectId}`,\n        'sent:shares',\n        'get:share-v2:shares:object'\n      ],\n      success,\n      error,\n      always\n    };\n  },\n\n  getShareLink(\n    shareId: string,\n    success?: (shareLink: ShareLink) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/share/v2/shares/${shareId}`,\n      key: `get:share-v2:link:${shareId}`,\n      type: HttpVerbs.GET,\n      normalizeOptions,\n      success,\n      error,\n      always\n    };\n  },\n\n  getSharesByObjectId(\n    objectId: string | number,\n    success?: (shares: ShareLink[]) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/share/v2/shares/objects/${objectId}`,\n      key: `get:share-v2:shares:object:${objectId}`,\n      type: HttpVerbs.GET,\n      normalizeOptions,\n      success,\n      error,\n      always\n    };\n  },\n\n  getSentShares(\n    params: GetSentSharesParams = {},\n    success?: (response: BasePaginatedCollection<ShareLink>[]) => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    const adaptedParams = {\n      scopeId: params.scopeId,\n      limit: params.limit || 25,\n      offset: parseInt(params.cursor) || 0\n    };\n\n    const key = Object.values(adaptedParams).join(':');\n\n    return {\n      url:  UrlHelper.urlBuilder('/api/share/v2/shares/sent', adaptedParams),\n      key: `sent:shares-v2:${key}`,\n      formatData: (response: ShareLink[]) => {\n        return {\n          data: response,\n          count: response.length,\n          pagination: {\n            cursors: {\n              next: adaptedParams.offset + response.length\n            }\n          }\n        };\n      },\n      type: HttpVerbs.GET,\n      normalize: false,\n      success,\n      error,\n      always\n    };\n  },\n\n  createPincode(shareId: string): Flight.Request {\n    return {\n      url: `/api/share/v2/shares/${shareId}/pincode`,\n      key: 'create:share-v2:pincode',\n      type: HttpVerbs.POST\n    };\n  },\n\n  getPincode(code: string): Flight.Request {\n    return {\n      url: `/api/share/v2/shares/pincode?code=${code}`,\n      key: `get:share-v2:pincode:${code}`\n    };\n  },\n\n  getPincodeByShareId(shareId: string): Flight.Request {\n    return {\n      url: `/api/share/v2/shares/${shareId}/pincode`,\n      key: `get:share-v2:${shareId}:pincode`\n    };\n  }\n};","import { Flight } from 'libs/common/react/index';\n\nimport { ShareRequests as ShareRequestsV1 } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { SharePrivacyResponse } from 'libs/shared/apps/share/interfaces/responses/SharePrivacyResponse';\n\nimport { SharePrivacy } from 'apps/share-v2/enums/SharePrivacy';\nimport { ShareType } from 'apps/share-v2/enums/ShareType';\nimport { ShareRequests as ShareRequestsV2 } from 'apps/share-v2/flight-requests/ShareRequests';\nimport { ShareLink } from 'apps/share-v2/interfaces/ShareLink';\n\ninterface CreateShareLinkOptions {\n  objectId: string;\n  privacy: SharePrivacy;\n  preventSkipping: boolean;\n  instantFeedback: boolean;\n}\n\ninterface CreateDirectShareOptions {\n  objectId: string;\n  preventShipping: boolean;\n  instantFeedback: boolean;\n  requireSignIn: boolean;\n  message?: string;\n  recipients: string[];\n  scopeId: string | number;\n}\n\ninterface CreateOpenSessionOptions {\n  objectId: string;\n  preventSkipping: boolean;\n  instantFeedback: boolean;\n  requireSignIn: boolean;\n  respectRatingsAndRestrictions: boolean;\n}\n\nexport function useCreateShare(objectId: string) {\n  const accessPermissions = Flight.useBasicFetch<SharePrivacyResponse>(ShareRequestsV1.getPrivacy(objectId));\n  const fetchAsync = Flight.useGetFetchAsync();\n  const canManageAccess = accessPermissions.data?.canManageAccess;\n\n  async function createShareLink(options: CreateShareLinkOptions) {\n    if (!accessPermissions.data) return;\n\n    const shareLink = await fetchAsync<ShareLink>(ShareRequestsV2.createShareLink({\n      objectId: options.objectId,\n      type: ShareType.Link,\n      privacy: options.privacy,\n      optionRequest: {\n        preventSkipping: options.preventSkipping,\n        instantFeedback: options.instantFeedback\n      }\n    }));\n\n    return shareLink;\n  }\n\n  async function createDirectShare(options: CreateDirectShareOptions) {\n    if (!accessPermissions.data) return;\n\n    const privacy = options.requireSignIn ? SharePrivacy.Direct : SharePrivacy.PinCode;\n\n    const shareLink = await fetchAsync<ShareLink>(ShareRequestsV2.createShareLink({\n      objectId: options.objectId,\n      type: ShareType.Classroom,\n      privacy,\n      optionRequest: {\n        preventSkipping: options.preventShipping,\n        instantFeedback: options.instantFeedback\n      },\n      recipientRequest: options\n        .recipients\n        .map(recipientId => ({ recipientId, message: options.message, scopeId: options.scopeId }))\n    }));\n\n    if (privacy === SharePrivacy.PinCode)\n      await fetchAsync(ShareRequestsV2.createPincode(shareLink.shareId));\n\n    return shareLink;\n  }\n\n  async function createOpenSession(options: CreateOpenSessionOptions) {\n    if (!accessPermissions.data) return;\n\n    let privacy = SharePrivacy.PinCode;\n\n    if (options.requireSignIn) {\n      if (options.respectRatingsAndRestrictions) {\n        privacy = canManageAccess ? SharePrivacy.JustMySchool : SharePrivacy.Protected;\n      } else {\n        privacy = canManageAccess\n          ? SharePrivacy.JustMySchoolOverrideRestriction\n          : SharePrivacy.ProtectedOverrideRestriction;\n      }\n    }\n\n    const shareLink = await fetchAsync<ShareLink>(ShareRequestsV2.createShareLink({\n      objectId: options.objectId,\n      type: ShareType.Open,\n      privacy,\n      optionRequest: {\n        preventSkipping: options.preventSkipping,\n        instantFeedback: options.instantFeedback\n      }\n    }));\n\n    if (privacy === SharePrivacy.PinCode)\n      await fetchAsync(ShareRequestsV2.createPincode(shareLink.shareId));\n\n    return shareLink;\n  }\n\n  return {\n    createShareLink,\n    createDirectShare,\n    createOpenSession,\n    canManageAccess,\n    hasCompleted: accessPermissions.hasCompleted\n  };\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { Classroom } from 'libs/shared/interfaces';\n\nimport { ShareLink, ShareRecipient } from '../interfaces/ShareLink';\n\nexport const ShareHelper = {\n  getFlattenedRecipients(shares: ShareLink[]): ShareRecipient[] {\n    return ArrayHelper.flatten(shares.map(s => s.recipients ?? []));\n  },\n\n  getClassoomIds(shares: ShareLink[]): string[] {\n    const recipients = ShareHelper.getFlattenedRecipients(shares);\n\n    const classroomIds = recipients.map(r => {\n      if (r.scopeId)\n        return r.scopeId.toString();\n\n      if (r.recipientId && r.recipientTypeId === MasterType.Classroom)\n        return r.recipientId.toString();\n    });\n\n    return ArrayHelper.uniq(classroomIds.filter(x => !!x));\n  },\n\n  getClassroomIdFromShare(share: ShareLink): string | undefined {\n    const firstRecipient = share.recipients?.[0];\n          \n    if (!firstRecipient) return;\n  \n    if (firstRecipient.scopeId)\n      return firstRecipient.scopeId.toString();\n  \n    if (firstRecipient.recipientId && firstRecipient.recipientTypeId === MasterType.Classroom)\n      return firstRecipient.recipientId.toString();\n  },\n  \n  getClassroomForShare(share: ShareLink, classrooms: Classroom[]): Classroom | undefined {\n    const classroomId = ShareHelper.getClassroomIdFromShare(share);\n  \n    if (!classroomId) return;\n  \n    return classrooms.find(classroom => classroom.id.toString() === classroomId.toString());\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"optionImage\":\"_uLZl\"};","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport styles from './flow-selector-options.scss';\n\nexport interface FlowSelectorOption {\n  id: string;\n  image: string;\n  title: string;\n  description: string;\n}\n\ninterface FlowSelectorOptionsProps {\n  options: [FlowSelectorOption, FlowSelectorOption];\n  onClick: (option: FlowSelectorOption) => void;\n}\n\nexport function FlowSelectorOptions(props: FlowSelectorOptionsProps): JSX.Element {\n  return (\n    <div className='bg-white rounded-bottom-3 p-3'>\n      <div className='d-flex justify-content-center align-items-center gap-3'>\n        {props.options.map(option => (\n          <DivButton onClick={() => props.onClick(option)} className='text-center cursor-pointer p-3 border rounded-3 user-select-none w-50' key={option.id}>\n            <img src={option.image} className={`img-fluid my-3 w-75 ${styles.optionImage}`} draggable={false} />\n            <h2 className='h3'>{option.title}</h2>\n            <p className='mb-0'>{option.description}</p>\n          </DivButton>\n        ))}\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"previousSharesList\":\"LZvYG\",\"previousSharesListItem\":\"LEwrl\"};","import React from 'react';\nimport { format as formatDate } from 'timeago.js';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { SharedObjectImage } from 'libs/shared/apps/share/components/shared-object-image/SharedObjectImage';\nimport { SharableEntity } from 'libs/shared/apps/share-v2/utils/ShareViewHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classroom } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ShareLink } from 'apps/share-v2/interfaces/ShareLink';\nimport { ShareHelper } from 'apps/share-v2/utils/ShareHelper';\n\nimport styles from './previous-shares.scss';\n\ninterface PreviousSharesProps {\n  data: {\n    shares: ShareLink[]\n    classrooms: Classroom[];\n    entity: SharableEntity;\n  };\n  onClick: (item: ShareLink) => void;\n}\n\nexport function PreviousShares(props: PreviousSharesProps) {\n  return (\n    <div className={`d-flex flex-column mt-3 border rounded overflow-hidden ${styles.previousSharesList}`}>\n      {props.data.shares.reverse().map(share => {\n        return (\n          <DivButton\n            key={share.shareId}\n            onClick={props.onClick}\n            className={`p-3 ${styles.previousSharesListItem}`}\n          >\n            <div className='row'>\n              <div className='col-1'>\n                <SharedObjectImage\n                  locationContext={LocationContext.PlayPage}\n                  object={props.data.entity}\n                  imageOptions={{ size: ImageSize.Small }}\n                />\n              </div>\n              <div className='col-3 d-flex align-items-center'>\n                <span className='clamp-2 align-self-center'>\n                  {props.data.entity.name}\n                </span>\n              </div>\n              <div className='col-3 d-flex align-items-center'>\n                <div className='d-flex flex-row gap-1 align-items-center'>\n                  <div>\n                    <IconCircle\n                      variant='teal'\n                      textVariant='white'\n                      svgName={cvSvgLibrary.Classrooms}\n                      svgSize={SvgContainerSize.Standard}\n                    />\n                  </div>\n                  <span>\n                    {ShareHelper.getClassroomForShare(share, props.data.classrooms)?.name ?? 'Unknown'}\n                  </span>\n                </div>\n              </div>\n              <p className='mb-0 col-2 d-flex align-items-center'>{share.viewCount || 0} views</p>\n              <p className='mb-0 col-2 d-flex align-items-center'>{formatDate(share.dateCreated)}</p>\n              <div className='col-1 d-flex align-items-center'>\n                <a onClick={() => props.onClick(share)} className='cursor-pointer text-info'>View</a>\n              </div>\n            </div>\n          </DivButton>\n        );\n      })}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"searchInput\":\"udDMG\"};","import React from 'react';\nimport { Form } from 'react-bootstrap';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Classroom } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './classroom-selector.scss';\n\ninterface ClassroomSelectorProps {\n  classrooms: Classroom[];\n  selectedClassroom?: Classroom;\n  className?: string;\n  onClassroomSelected: (classroom: Classroom | undefined) => void;\n  onSelectGroupsOrStudents: () => void;\n  onClickCreateOpenClassroom: () => void;\n}\n\ninterface ClassroomSelectorListProps {\n  searchQuery: string;\n  classrooms: Classroom[];\n  selectedClassroom?: Classroom;\n  onSelectGroupsOrStudents: () => void;\n  onClassroomSelected: (classroom: Classroom) => void;\n  onClickCreateOpenClassroom: () => void;\n}\n\nfunction ClassroomSelectorList(props: ClassroomSelectorListProps): JSX.Element {\n  if (!props.classrooms.length) {\n    return (\n      <div className='d-flex flex-column gap-2 justify-content-center align-items-center'>\n        <img src={ImageUrls.EmptyStates.Search.RESULTS} width='30%' alt='No results found' />\n        <h4 className='h6 m-0'>No results found for \"{props.searchQuery}\"</h4>\n        <p className='mb-0'>\n          Contact your school administrator to assign you to a classroom or <a className='p-0 text-info cursor-pointer' onClick={props.onClickCreateOpenClassroom} >create an Open classroom.</a>\n        </p>\n      </div>\n    );\n  }\n  \n  return (\n    <div className='d-flex flex-column gap-2'>\n      <h3 className='h6 m-0'>My Classrooms</h3>\n      <div>\n        {props.classrooms.map(classroom => {\n          const studentsCount = classroom.enrolments?.count ?? 0;\n          return (\n            <div className='d-flex align-items-center' key={classroom.id} onClick={() => props.onClassroomSelected(classroom)}>\n              <div className={`d-flex align-items-center bg-light-hover px-2 py-1 w-100 rounded gap-2 cursor-pointer justify-content-between`}>\n                <div className='w-100 d-flex align-items-center gap-2'>\n                  <Form.Check\n                    type='radio'\n                    name='classroom-radio'\n                    id='classroom-radio'\n                    value={classroom.id}\n                    onChange={() => props.onClassroomSelected(classroom)}\n                    checked={classroom.id === props.selectedClassroom?.id}\n                  />\n                  <div className='d-flex align-items-center gap-2'>\n                    <div>\n                      <IconCircle\n                        svgName={cvSvgLibrary.Classrooms}\n                        svgSize={SvgContainerSize.Standard}\n                        variant='teal'\n                        textVariant='white'\n                        svgWrapperClassName='p-1'\n                      />\n                    </div>\n                    <div className='w-100'>\n                      <label className='m-0'>{classroom?.name}</label>\n                      <p className='m-0 text-muted font-size-sm'>{studentsCount} {studentsCount > 1 ? 'students' : 'student'}</p>\n                    </div>\n                  </div>\n                </div>\n                {props.selectedClassroom?.id === classroom.id && (\n                  <div className='d-flex align-items-center justify-content-end w-100'>\n                    <a\n                      className='cursor-pointer text-info'\n                      onClick={props.onSelectGroupsOrStudents}\n                    >\n                  Select specific groups or students\n                    </a>\n                  </div>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function ClassroomSelector(props: ClassroomSelectorProps): JSX.Element {\n  const [ search, setSearch ] = React.useState('');\n  const filteredClassrooms = search\n    ? props.classrooms.filter(x => x.name.toLowerCase().includes(search.toLowerCase()))\n    : props.classrooms;\n\n  return (\n    <div className={`d-flex flex-column gap-3 ${props.className} mb-3`}>\n      <div className='position-relative'>\n        <div className={`position-absolute top-50 start-0 translate-middle-y p-1`}>\n          <SvgContainer svgName={cvSvgLibrary.Search} size={SvgContainerSize.Standard} />\n        </div>\n        <input\n          type='text'\n          placeholder='Search for a classroom you teach'\n          value={search}\n          onChange={e => setSearch(e.target.value)}\n          className={`form-control pe-1 py-2 border-dark ${styles.searchInput}`}\n        />\n      </div>\n\n      <ClassroomSelectorList\n        searchQuery={search}\n        classrooms={filteredClassrooms}\n        selectedClassroom={props.selectedClassroom}\n        onSelectGroupsOrStudents={props.onSelectGroupsOrStudents}\n        onClassroomSelected={props.onClassroomSelected}\n        onClickCreateOpenClassroom={props.onClickCreateOpenClassroom}\n      />\n      \n    </div>\n  );\n}","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Classroom } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\ninterface SelectedClassroomHeaderProps {\n  selectedClassroom: Classroom;\n  onChangeClassroom: () => void;\n}\n\nexport function SelectedClassroomHeader(props: SelectedClassroomHeaderProps): JSX.Element {\n  const studentsCount = props.selectedClassroom.enrolments?.count || 0;\n  return (\n    <div className={`d-flex align-items-center w-100 rounded gap-2 justify-content-between`}>\n      <div className='d-flex align-items-center gap-2 w-100'>\n        <div>\n          <IconCircle\n            svgName={cvSvgLibrary.Classrooms}\n            svgSize={SvgContainerSize.Standard}\n            variant='teal'\n            textVariant='white'\n            svgWrapperClassName='p-1'\n          />\n        </div>\n        <div className='w-100'>\n          <label className='m-0'>{props.selectedClassroom.name}</label>\n          <p className='m-0 text-muted font-size-sm'>{studentsCount} {studentsCount > 1 ? 'students' : 'student'}</p>\n        </div>\n      </div>\n      <div className='d-flex align-items-center justify-content-end w-100'>\n        <a\n          className='cursor-pointer text-info'\n          onClick={props.onChangeClassroom}\n        >\n        Change classroom\n        </a>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Classroom } from 'libs/shared/interfaces';\n\nimport { SectionSettingToggleItem } from './section-setting-toggle-item/SectionSettingToggleItem';\nimport { SelectedClassroomHeader } from './SelectedClassroomHeader';\n\ninterface ClassroomSettingsSectionedProps {\n  requireSignIn: boolean;\n  preventSkippingAhead: boolean;\n  enableInstantFeedback: boolean;\n  className?: string;\n  selectedClassroom: Classroom;\n  message?: string;\n  onToggleRequireSignIn: () => void;\n  onTogglePreventSkippingAhead: () => void;\n  onToggleEnableInstantFeedback: () => void;\n  onChangeClassroom: () => void;\n  onChangeMessage: (message: string) => void;\n}\n\n\nexport function ClassroomSettingsSectioned(props: ClassroomSettingsSectionedProps): JSX.Element {\n  return (\n    <div className={`d-flex flex-column gap-4 ${props.className}`}>\n      <SelectedClassroomHeader\n        selectedClassroom={props.selectedClassroom}\n        onChangeClassroom={props.onChangeClassroom}\n      />\n\n      <div className='d-flex flex-column gap-2'>\n        <h4 className='h6 m-0'>Access</h4>\n        <div className='d-flex flex-column gap-3'>\n          <SectionSettingToggleItem\n            title='Classroom students select their name when accessing video'\n            description='Collect student data without the fuss of signing in.'\n            toggled={!props.requireSignIn}\n            onClick={props.onToggleRequireSignIn}\n          />\n        </div>\n      </div>\n\n      <div className='d-flex flex-column gap-2'>\n        <h4 className='h6 m-0'>Settings</h4>\n        <div className='d-flex flex-column gap-3'>\n          <SectionSettingToggleItem\n            title='Prevent skipping ahead'\n            description='Students cannot skip ahead to parts of the video they have not watched'\n            toggled={props.preventSkippingAhead}\n            onClick={props.onTogglePreventSkippingAhead}\n          />\n        </div>\n        <div className='d-flex flex-column gap-3'>\n          <SectionSettingToggleItem\n            title='Enable instant feedback'\n            description='Allow students to see feedback on their answers before continuing'\n            toggled={props.enableInstantFeedback}\n            onClick={props.onToggleEnableInstantFeedback}\n          />\n        </div>\n      </div>\n\n      <div>\n        <label>Add a message (optional)</label>\n        <br />\n        <textarea className='form-control' placeholder='Type a message...' value={props.message} onChange={e => props.onChangeMessage(e.target.value)} />\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"avatarContainer\":\"CEbd9\"};","import React from 'react';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { BaseObject, Classroom, ClassroomGroup, User } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport { SelectedClassroomHeader } from '../SelectedClassroomHeader';\n\nimport styles from './narrow-classroom-selection.scss';\n\ninterface NarrowClassroomSelectionProps {\n  imageCdnUrl: string;\n  classroom: Classroom;\n  groups: ClassroomGroup[];\n  students: User[];\n  onChangeClassroom: () => void;\n}\n\ninterface ClassroomEntityListProps<T> {\n  entities: T[];\n  selectedEntities: T[];\n  onSelectEntity: (entity: T) => void;\n  emptyState: JSX.Element;\n  renderTitle?: (entity: T) => JSX.Element;\n  renderIcon?: (entity: T) => JSX.Element;\n}\n\nfunction ClassroomEntityList<T extends BaseObject>(\n  props: ClassroomEntityListProps<T>\n): JSX.Element {\n  if (!props.entities.length) {\n    return <>{props.emptyState}</>;\n  }\n\n  return (\n    <div className='d-flex flex-column'>\n      {props.entities.map(entity => {\n        const isSelected = props.selectedEntities.includes(entity);\n        return (\n          <DivButton\n            key={entity.id}\n            className={`d-flex align-items-center bg-light-hover px-2 py-1 w-100 rounded gap-2 cursor-pointer justify-content-between`}\n            onClick={() => props.onSelectEntity(entity)}\n          >\n            <div className='w-100 d-flex align-items-center'>\n              <Checkbox\n                name='classroom-group'\n                id='classroom-group'\n                onChange={() => props.onSelectEntity(entity)}\n                checked={isSelected}\n              />\n              <div className='d-flex align-items-center gap-2'>\n                <div>\n                  {props.renderIcon\n                    ? props.renderIcon(entity)\n                    : <IconCircle\n                      svgName={cvSvgLibrary.Group}\n                      svgSize={SvgContainerSize.Standard}\n                      variant={'pink'}\n                      textVariant={'white'}\n                      svgWrapperClassName='p-1'\n                    />\n                  }\n                </div>\n                <div className='w-100'>\n                  {props.renderTitle\n                    ? props.renderTitle(entity)\n                    : <label className='m-0'>{entity.name}</label>\n                  }\n                </div>\n              </div>\n            </div>\n          </DivButton>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function NarrowClassroomSelection(props: NarrowClassroomSelectionProps): JSX.Element {\n  const [ selectionType, setSelectionType ] = React.useState<'all' | 'groups' | 'students'>('all');\n  const [ selectedGroups, setSelectedGroups ] = React.useState<ClassroomGroup[]>([]);\n  const [ selectedStudents, setSelectedStudents ] = React.useState<User[]>([]);\n  const [ showGroups, setShowGroups ] = React.useState(false);\n  const [ showStudents, setShowStudents ] = React.useState(false);\n\n  function onSelectGroup(group: ClassroomGroup) {\n    setSelectedStudents([]);\n    let newSelectedGroups = [...selectedGroups];\n\n    if (selectedGroups.includes(group)) {\n      newSelectedGroups = selectedGroups.filter(g => g !== group);\n    } else {\n      newSelectedGroups.push(group);\n    }\n\n    if (!newSelectedGroups.length) {\n      setSelectionType('all');\n    } else {\n      setSelectionType('groups');\n    }\n\n    setSelectedGroups(newSelectedGroups);\n  }\n\n  function onSelectStudent(student: User) {\n    setSelectedGroups([]);\n    let newSelectedStudents = [...selectedStudents];\n\n    if (selectedStudents.includes(student)) {\n      newSelectedStudents = selectedStudents.filter(s => s !== student);\n    } else {\n      newSelectedStudents.push(student);\n    }\n\n    if (!newSelectedStudents.length) {\n      setSelectionType('all');\n    } else {\n      setSelectionType('students');\n    }\n\n    setSelectedStudents(newSelectedStudents);\n  }\n  \n  const studentsCount = props.students.length;\n  const studentCountText = `${studentsCount} ${studentsCount > 1 ? 'students' : 'student'}`;\n  \n  return (\n    <div className={`d-flex flex-column gap-3`}>\n      <SelectedClassroomHeader\n        onChangeClassroom={props.onChangeClassroom}\n        selectedClassroom={props.classroom}\n      />\n      <div className='d-flex flex-column gap-3'>\n        <h3 className='h6 m-0'>Share to {studentCountText}:</h3>\n        <div>\n          <Checkbox id='all' checked={selectionType === 'all'} label={`All ${studentCountText}`} onChange={() => { setSelectionType('all'); }} />\n        </div>\n      </div>\n\n      <div className='d-flex flex-column gap-2'>\n        <div>\n          <div className='d-flex align-items-center justify-content-between'>\n            <h3 className='h6 m-0 p-0'>Groups ({props.groups.length})</h3>\n            <IconButton\n              svgName={showGroups ? cvSvgLibrary.ChevronUp : cvSvgLibrary.ChevronDown}\n              onClick={() => setShowGroups(!showGroups)}\n            />\n          </div>\n          {showGroups && (\n            <ClassroomEntityList\n              entities={props.groups}\n              selectedEntities={selectedGroups}\n              onSelectEntity={onSelectGroup}\n              emptyState={<div>No groups found.</div>}\n            />\n          )}\n        </div>\n\n        <div>\n          <div className='d-flex align-items-center justify-content-between'>\n            <h3 className='h6 m-0 p-0'>Students ({props.students.length})</h3>\n            <IconButton\n              svgName={showStudents ? cvSvgLibrary.ChevronUp : cvSvgLibrary.ChevronDown}\n              onClick={() => setShowStudents(!showStudents)}\n            />\n          </div>\n          {showStudents && (\n            <ClassroomEntityList\n              entities={props.students}\n              selectedEntities={selectedStudents}\n              onSelectEntity={onSelectStudent}\n              emptyState={<div>No students found.</div>}\n              renderTitle={student => (\n                <label className='m-0'>{UserHelper.getFullName(student)}</label>\n              )}\n              renderIcon={student => (\n                <div className={styles.avatarContainer}>\n                  <Avatar\n                    imageCdnUrl={props.imageCdnUrl}\n                    initials={UserHelper.getInitials(student.name, student.surname)}\n                    imageUrl={student.avatar?.url}\n                  />\n                </div>\n              )}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { Classroom, ClassroomGroupCollection, Config, CurrentUser, UserCollection } from 'libs/shared/interfaces';\nimport { PopupViewProps } from 'libs/shared/interfaces';\nimport { BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { ClassroomSelector } from 'apps/share-v2/components/classroom-selector/ClassroomSelector';\nimport { ClassroomSettingsSectioned } from 'apps/share-v2/components/ClassroomSettingsSectioned';\nimport { useCreateShare } from 'apps/share-v2/hooks/useCreateShare';\n\nimport { NarrowClassroomSelection } from '../components/narrow-classroom-selection/NarrowClassroomSelection';\n\ninterface ClassroomFlowViewProps extends PopupViewProps {\n  objectId: string;\n  entityType: 'video' | 'clip' | 'interactive' | 'series' | 'playlist';\n}\n\nexport function ClassroomFlowView(props: ClassroomFlowViewProps): JSX.Element {\n  const [ step, setStep ] = React.useState<'select-classroom' | 'narrow-selection' | 'settings'>('select-classroom');\n  const [ selectedClassroom, setSelectedClassroom ] = React.useState<Classroom>();\n  const [ preventSkippingAhead, setPreventSkippingAhead ] = React.useState(false);\n  const [ enableInstantFeedback, setEnableInstantFeedback ] = React.useState(false);\n  const [ requireSignIn, setRequireSignIn ] = React.useState(true);\n  const [ message, setMessage ] = React.useState('');\n  const [ working, setWorking ] = React.useState(false);\n\n  const { createDirectShare } = useCreateShare(props.objectId);\n  \n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const classrooms = Flight.useBasicFetch<BasePaginatedCollection<Classroom>>(\n    currentUser.data && ClassroomRequests.getPublishedWithStudents(currentUser.data.id)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const learners = Flight.useBasicFetch<UserCollection>(\n    step === 'narrow-selection' && selectedClassroom && ClassroomRequests.getClassroomStudents(selectedClassroom.id)\n  );\n  const groups = Flight.useBasicFetch<ClassroomGroupCollection>(\n    step === 'narrow-selection' && selectedClassroom && ClassroomRequests.getClassroomGroups(selectedClassroom.id)\n  );\n\n  function onSelectGroupsOrStudents() {\n    console.log('Selecting groups or students..');\n    setStep('narrow-selection');\n  }\n\n  function onCreateNewClassroom() {\n    console.log('Creating a new classroom..');\n  }\n\n  function onBack() {\n    if (step === 'select-classroom') {\n      props.closePopup();\n      return;\n    }\n\n    if ([ 'narrow-selection', 'settings' ].includes(step)) {\n      setStep('select-classroom');\n      return;\n    }\n  }\n\n  function onClickNext() {\n    if (!selectedClassroom)\n      return;\n\n    if ([ 'select-classroom', 'narrow-selection' ].includes(step)) {\n      setStep('settings');\n      return;\n    }\n\n    if (step === 'settings') {\n      onShare();\n      return;\n    }\n  }\n\n  function onClickCreateOpenClassroom() {\n    AppLinkHelper.trigger({\n      application: AppChannels.SHARE_V2,\n      action: Actions.ShareV2.OPEN_CLASSROOM,\n      args: [props.objectId],\n      params: {\n        objectId: props.objectId,\n        entityType: props.entityType\n      }\n    });\n  }\n\n  async function onShare() {\n    if (!selectedClassroom) return;\n\n    setWorking(true);\n\n    const shareLink = await createDirectShare({\n      objectId: props.objectId,\n      preventShipping: preventSkippingAhead,\n      instantFeedback: enableInstantFeedback,\n      requireSignIn,\n      message,\n      recipients: [selectedClassroom?.id],\n      scopeId: selectedClassroom?.id\n    });\n\n    const actions = {\n      video: Actions.Insights.VIDEO_SHARE_OPTIONS,\n      clip: Actions.Insights.CLIP_SHARE_OPTIONS,\n      interactive: Actions.Insights.INTERACTIVE_SHARE_OPTIONS,\n      series: Actions.Insights.SERIES_SHARE_OPTIONS,\n      playlist: Actions.Insights.PLAYLIST_SHARE_OPTIONS\n    };\n\n    AppLinkHelper.trigger({\n      application: AppChannels.INSIGHTS,\n      action: actions[props.entityType],\n      args: [props.objectId],\n      params: {\n        shareId: shareLink.shareId\n      }\n    });\n\n    setWorking(false);\n  }\n\n  const dataLoaded = (\n    !! currentUser.data &&\n    !! classrooms.data &&\n    !! config.data\n  );\n\n  const additionalDataLoaded = (\n    !! groups.data &&\n    !! learners.data\n  );\n\n  const loaded = step === 'narrow-selection'\n    ? dataLoaded && additionalDataLoaded\n    : dataLoaded;\n\n  return (\n    <Popup\n      title={'Assign to ClickView classroom'}\n      showLoadingSpinner={!loaded}\n      size='lg'\n      bodyClassName='d-flex flex-column gap-3'\n      {...props}\n    >\n      {(() => {\n        if (!dataLoaded) return null;\n        \n        switch (step) {\n          case 'select-classroom':\n            return (\n              <ClassroomSelector\n                classrooms={classrooms.data?.data ?? []}\n                selectedClassroom={selectedClassroom}\n                onClassroomSelected={setSelectedClassroom}\n                onSelectGroupsOrStudents={onSelectGroupsOrStudents}\n                onClickCreateOpenClassroom={onClickCreateOpenClassroom}\n              />\n            );\n          case 'narrow-selection':\n            return (\n              <NarrowClassroomSelection\n                imageCdnUrl={config.data.imageCdnUrl}\n                students={learners?.data?.data ?? []}\n                groups={groups?.data?.data ?? []}\n                classroom={selectedClassroom}\n                onChangeClassroom={() => setStep('select-classroom')}\n              />\n            );\n          case 'settings':\n            return (\n              <ClassroomSettingsSectioned\n                selectedClassroom={selectedClassroom}\n                requireSignIn={requireSignIn}\n                enableInstantFeedback={enableInstantFeedback}\n                preventSkippingAhead={preventSkippingAhead}\n                message={message}\n                onToggleRequireSignIn={() => setRequireSignIn(!requireSignIn)}\n                onTogglePreventSkippingAhead={() => setPreventSkippingAhead(!preventSkippingAhead)}\n                onToggleEnableInstantFeedback={() => setEnableInstantFeedback(!enableInstantFeedback)}\n                onChangeClassroom={() => setStep('select-classroom')}\n                onChangeMessage={setMessage}\n              />\n            );\n        }\n      })()}\n      \n      <PopupButtons className={step === 'settings' ? 'justify-content-end' : 'justify-content-between'}>\n        {step !== 'settings' &&\n          <PopupButtons.Submit variant='link' onClick={onCreateNewClassroom} text='Create a new classroom' className='text-info p-0' />\n        }\n        <div>\n          <PopupButtons.Cancel variant='link' onClick={onBack} text='Back' />\n          <PopupButtons.Submit variant='dark' onClick={onClickNext} text={step === 'settings' ? 'Assign' : 'Next'} disabled={!selectedClassroom} showSpinner={working} />\n        </div>\n      </PopupButtons>\n    </Popup>\n  );\n}\n","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { Flight } from 'libs/common/react/index';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ShareViewHelper } from 'libs/shared/apps/share-v2/utils/ShareViewHelper';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { Classroom, CurrentUser, PopupViewProps } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\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';\n\nimport { ShareType } from '../enums/ShareType';\nimport { ShareRequests } from '../flight-requests/ShareRequests';\nimport { ShareLink } from '../interfaces/ShareLink';\nimport { ShareHelper } from '../utils/ShareHelper';\n\nimport { FlowSelectorOption, FlowSelectorOptions } from './components/flow-selector-options/FlowSelectorOptions';\nimport { PreviousShares } from './components/flow-selector-options/previous-shares/PreviousShares';\nimport { ClassroomFlowView } from './ClassroomFlowView';\nimport { SessionFlowView } from './SessionFlowView';\n\ninterface FlowSelectorViewProps extends PopupViewProps {\n  objectId: string;\n  entityType: 'video' | 'clip' | 'interactive' | 'series' | 'playlist';\n}\n\nexport function FlowSelectorView(props: FlowSelectorViewProps): JSX.Element {\n  const [ selectedFlow, setSelectedFlow ] = React.useState('');\n  const [ showPreviousAssignments, setShowPreviousAssignments ] = React.useState(true);\n\n  const previousShares = Flight.useBasicFetch<ShareLink[]>(ShareRequests.getSharesByObjectId(props.objectId));\n  const previousClassroomShares = previousShares.data?.filter(share => share.type === ShareType.Classroom) || [];\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const entity = ShareViewHelper.getFetchFunctionByType(props.entityType)(props.objectId, currentUser.data?.id);\n\n  const classroomIds = ArrayHelper.uniq(\n    previousClassroomShares\n      .map(ShareHelper.getClassroomIdFromShare)\n      .filter(x => !!x)\n  );\n  const classrooms = Flight.useBasicFetch<Classroom[]>(\n    previousShares.hasCompleted && ClassroomRequests.getClassroomsByIds(classroomIds)\n  );\n\n  if (selectedFlow === 'classroom') {\n    return <ClassroomFlowView {...props} closePopup={() => setSelectedFlow('')} />;\n  }\n\n  if (selectedFlow === 'session') {\n    return <SessionFlowView {...props} closePopup={() => setSelectedFlow('')} />;\n  }\n\n  function onViewReport(share: ShareLink) {\n    const actions = {\n      video: Actions.Insights.VIDEO_SHARE_OPTIONS,\n      clip: Actions.Insights.CLIP_SHARE_OPTIONS,\n      interactive: Actions.Insights.INTERACTIVE_SHARE_OPTIONS,\n      series: Actions.Insights.SERIES_SHARE_OPTIONS,\n      playlist: Actions.Insights.PLAYLIST_SHARE_OPTIONS\n    };\n\n    AppLinkHelper.trigger({\n      application: AppChannels.INSIGHTS,\n      action: actions[props.entityType],\n      args: [props.objectId],\n      params: {\n        shareId: share.shareId\n      }\n    });\n  }\n\n  const choices: [FlowSelectorOption, FlowSelectorOption] = [{\n    id: 'classroom',\n    title: 'ClickView classroom',\n    description: 'Only students from your chosen classroom can view the video.',\n    image: ImageUrls.Share.CLASSROOM_SHARE\n  }, {\n    id: 'session',\n    title: 'Open classroom',\n    description: 'Allow any students who have the PIN, QR code or link to access the video for 30 days.',\n    image: ImageUrls.Share.OPEN_CLASSROOM\n  }];\n\n  const dataLoaded = (\n    !! currentUser.data &&\n    !! entity.data &&\n    !! previousShares.data &&\n    !! classrooms.data\n  );\n\n  return (\n    <Popup\n      size='lg'\n      title='Assign'\n      showLoadingSpinner={!dataLoaded}\n      closePopup={props.closePopup}\n      contentClassName={dataLoaded ? 'bg-transparent border-0' : ''}\n      bodyClassName='p-0 d-flex flex-column gap-3'\n\n    >\n      {(() => {\n        if (!dataLoaded)\n          return null;\n\n        return (\n          <>\n            <FlowSelectorOptions\n              options={choices}\n              onClick={option => setSelectedFlow(option.id)}\n            />\n          \n            {previousClassroomShares.length ? (\n              <div className='bg-white rounded-3 p-3'>\n                <div className='d-flex align-items-center justify-content-between'>\n                  <h3 className='h6 m-0 p-0'>Previous assignments ({previousClassroomShares.length})</h3>\n                  <IconButton\n                    svgName={showPreviousAssignments ? cvSvgLibrary.ChevronUp : cvSvgLibrary.ChevronDown}\n                    onClick={() => setShowPreviousAssignments(!showPreviousAssignments)}\n                  />\n                </div>\n                {showPreviousAssignments && (\n                  <PreviousShares\n                    data={{\n                      shares: previousClassroomShares,\n                      classrooms: classrooms.data,\n                      entity: entity.data\n                    }}\n                    onClick={onViewReport}\n                  />\n                )}\n              </div>\n            ) : null}\n          </>\n        );\n      })()}\n    </Popup>\n  );\n}","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SectionSettingToggleItem } from './section-setting-toggle-item/SectionSettingToggleItem';\n\ninterface SessionSettingsSectionedProps {\n  requireSignIn: boolean;\n  respectRatingsAndRestrictions: boolean;\n  preventSkippingAhead: boolean;\n  enableInstantFeedback: boolean;\n  className?: string;\n  message?: string;\n  onToggleRequireSignIn: () => void;\n  onToggleRespectRatingsAndRestrictions: () => void;\n  onTogglePreventSkippingAhead: () => void;\n  onToggleEnableInstantFeedback: () => void;\n  onChangeMessage: (message: string) => void;\n}\n\nexport function SessionSettingsSectioned({\n  requireSignIn,\n  respectRatingsAndRestrictions,\n  preventSkippingAhead,\n  enableInstantFeedback,\n  className,\n  message,\n  onToggleRequireSignIn,\n  onToggleRespectRatingsAndRestrictions,\n  onTogglePreventSkippingAhead,\n  onToggleEnableInstantFeedback,\n  onChangeMessage\n}: SessionSettingsSectionedProps): JSX.Element {\n  return (\n    <div className={`d-flex flex-column gap-4 ${className}`}>\n      <div className='d-flex align-items-center'>\n        <div className='d-flex align-items-center justify-content-center'>\n          <div>\n            <IconCircle\n              svgName={cvSvgLibrary.VisibleOn}\n              variant='blue'\n              textVariant='white'\n              svgWrapperClassName='p-1'\n            />\n          </div>\n          <div className='d-flex flex-column ms-2'>\n            <label className='m-0'>Open Session</label>\n            <span className='text-secondary'>Anyone can view for 30 days</span>\n          </div>\n        </div>\n      </div>\n      <div className='d-flex flex-column gap-2'>\n        <h4 className='h6 m-0'>Access</h4>\n        <div className='d-flex flex-column gap-3'>\n          <SectionSettingToggleItem\n            title='Require students to sign in'\n            description='Best way to gather student data linked to their ClickView accounts'\n            toggled={requireSignIn}\n            onClick={onToggleRequireSignIn}\n          />\n          <SectionSettingToggleItem\n            title='Respect ratings and restrictions of video'\n            description='Only students from Year 4 and above can view this video. Will require students to sign in.'\n            toggled={respectRatingsAndRestrictions}\n            onClick={onToggleRespectRatingsAndRestrictions}\n          />\n        </div>\n      </div>\n      <div className='d-flex flex-column gap-2'>\n        <h4 className='h6 m-0'>Settings</h4>\n        <div className='d-flex flex-column gap-3'>\n          <SectionSettingToggleItem\n            title='Prevent skipping ahead'\n            description='Students cannot skip ahead to parts of the video they have not watched'\n            toggled={preventSkippingAhead}\n            onClick={onTogglePreventSkippingAhead}\n          />\n          <SectionSettingToggleItem\n            title='Enable instant feedback'\n            description='Allow students to see feedback on their answers before continuing'\n            toggled={enableInstantFeedback}\n            onClick={onToggleEnableInstantFeedback}\n          />\n        </div>\n      </div>\n      <div className='d-flex flex-column gap-2'>\n        <label className='m-0'>Add a message (optional)</label>\n        <textarea\n          value={message}\n          className='form-control rounded w-100 h-100'\n          placeholder='Type a message...'\n          onChange={e => onChangeMessage(e.target.value)}\n        />\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { SessionSettingsSectioned } from 'apps/share-v2/components/SessionSettingsSectioned';\nimport { useCreateShare } from 'apps/share-v2/hooks/useCreateShare';\n\ninterface SessionFlowViewProps extends PopupViewProps {\n  objectId: string;\n  entityType: 'video' | 'clip' | 'interactive' | 'series' | 'playlist';\n}\n\nexport function SessionFlowView(props: SessionFlowViewProps): JSX.Element {\n  const { createOpenSession } = useCreateShare(props.objectId);\n  const [ preventSkippingAhead, setPreventSkippingAhead ] = React.useState(false);\n  const [ enableInstantFeedback, setEnableInstantFeedback ] = React.useState(false);\n  const [ requireSignIn, setRequireSignIn ] = React.useState(false);\n  const [ respectRatingsAndRestrictions, setRespectRatingsAndRestrictions ] = React.useState(false);\n  const [ message, setMessage ] = React.useState('');\n  const [ working, setWorking ] = React.useState(false);\n\n  function onBack() {\n    props.closePopup();\n  }\n\n  async function onCreate() {\n    setWorking(true);\n\n    const shareLink = await createOpenSession({\n      instantFeedback: enableInstantFeedback,\n      preventSkipping: preventSkippingAhead,\n      requireSignIn,\n      respectRatingsAndRestrictions,\n      objectId: props.objectId\n    });\n\n    const actions = {\n      video: Actions.Insights.VIDEO_SHARE_OPTIONS,\n      clip: Actions.Insights.CLIP_SHARE_OPTIONS,\n      interactive: Actions.Insights.INTERACTIVE_SHARE_OPTIONS,\n      series: Actions.Insights.SERIES_SHARE_OPTIONS,\n      playlist: Actions.Insights.PLAYLIST_SHARE_OPTIONS\n    };\n\n    AppLinkHelper.trigger({\n      application: AppChannels.INSIGHTS,\n      action: actions[props.entityType],\n      args: [props.objectId],\n      params: {\n        shareId: shareLink.shareId\n      }\n    });\n  }\n\n  return (\n    <Popup\n      title={'Assign to an Open classroom'}\n      showLoadingSpinner={false}\n      size='lg'\n      bodyClassName='d-flex flex-column gap-3'\n      {...props}\n    >\n      <SessionSettingsSectioned\n        requireSignIn={requireSignIn}\n        respectRatingsAndRestrictions={respectRatingsAndRestrictions}\n        enableInstantFeedback={enableInstantFeedback}\n        preventSkippingAhead={preventSkippingAhead}\n        message={message}\n        onToggleRequireSignIn={() => setRequireSignIn(!requireSignIn)}\n        onToggleRespectRatingsAndRestrictions={() => setRespectRatingsAndRestrictions(!respectRatingsAndRestrictions)}\n        onTogglePreventSkippingAhead={() => setPreventSkippingAhead(!preventSkippingAhead)}\n        onToggleEnableInstantFeedback={() => setEnableInstantFeedback(!enableInstantFeedback)}\n        onChangeMessage={setMessage}\n      />\n      <PopupButtons>\n        <PopupButtons.Cancel variant='link' onClick={onBack} />\n        <PopupButtons.Submit variant='dark' onClick={onCreate} showSpinner={working} text='Assign' />\n      </PopupButtons>\n    </Popup>\n  );\n}","var EN_US = ['second', 'minute', 'hour', 'day', 'week', 'month', 'year'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['just now', 'right now'];\n    var unit = EN_US[Math.floor(idx / 2)];\n    if (diff > 1)\n        unit += 's';\n    return [diff + \" \" + unit + \" ago\", \"in \" + diff + \" \" + unit];\n}\n//# sourceMappingURL=en_US.js.map","var ZH_CN = ['秒', '分钟', '小时', '天', '周', '个月', '年'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['刚刚', '片刻后'];\n    var unit = ZH_CN[~~(idx / 2)];\n    return [diff + \" \" + unit + \"\\u524D\", diff + \" \" + unit + \"\\u540E\"];\n}\n//# sourceMappingURL=zh_CN.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\n/**\n * All supported locales\n */\nvar Locales = {};\n/**\n * register a locale\n * @param locale\n * @param func\n */\nexport var register = function (locale, func) {\n    Locales[locale] = func;\n};\n/**\n * get a locale, default is en_US\n * @param locale\n * @returns {*}\n */\nexport var getLocale = function (locale) {\n    return Locales[locale] || Locales['en_US'];\n};\n//# sourceMappingURL=register.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nvar SEC_ARRAY = [\n    60,\n    60,\n    24,\n    7,\n    365 / 7 / 12,\n    12,\n];\n/**\n * format Date / string / timestamp to timestamp\n * @param input\n * @returns {*}\n */\nexport function toDate(input) {\n    if (input instanceof Date)\n        return input;\n    // @ts-ignore\n    if (!isNaN(input) || /^\\d+$/.test(input))\n        return new Date(parseInt(input));\n    input = (input || '')\n        // @ts-ignore\n        .trim()\n        .replace(/\\.\\d+/, '') // remove milliseconds\n        .replace(/-/, '/')\n        .replace(/-/, '/')\n        .replace(/(\\d)T(\\d)/, '$1 $2')\n        .replace(/Z/, ' UTC') // 2017-2-5T3:57:52Z -> 2017-2-5 3:57:52UTC\n        .replace(/([+-]\\d\\d):?(\\d\\d)/, ' $1$2'); // -04:00 -> -0400\n    return new Date(input);\n}\n/**\n * format the diff second to *** time ago, with setting locale\n * @param diff\n * @param localeFunc\n * @returns\n */\nexport function formatDiff(diff, localeFunc) {\n    /**\n     * if locale is not exist, use defaultLocale.\n     * if defaultLocale is not exist, use build-in `en`.\n     * be sure of no error when locale is not exist.\n     *\n     * If `time in`, then 1\n     * If `time ago`, then 0\n     */\n    var agoIn = diff < 0 ? 1 : 0;\n    /**\n     * Get absolute value of number (|diff| is non-negative) value of x\n     * |diff| = diff if diff is positive\n     * |diff| = -diff if diff is negative\n     * |0| = 0\n     */\n    diff = Math.abs(diff);\n    /**\n     * Time in seconds\n     */\n    var totalSec = diff;\n    /**\n     * Unit of time\n     */\n    var idx = 0;\n    for (; diff >= SEC_ARRAY[idx] && idx < SEC_ARRAY.length; idx++) {\n        diff /= SEC_ARRAY[idx];\n    }\n    /**\n     * Math.floor() is alternative of ~~\n     *\n     * The differences and bugs:\n     * Math.floor(3.7) -> 4 but ~~3.7 -> 3\n     * Math.floor(1559125440000.6) -> 1559125440000 but ~~1559125440000.6 -> 52311552\n     *\n     * More information about the performance of algebraic:\n     * https://www.youtube.com/watch?v=65-RbBwZQdU\n     */\n    diff = Math.floor(diff);\n    idx *= 2;\n    if (diff > (idx === 0 ? 9 : 1))\n        idx += 1;\n    return localeFunc(diff, idx, totalSec)[agoIn].replace('%s', diff.toString());\n}\n/**\n * calculate the diff second between date to be formatted an now date.\n * @param date\n * @param relativeDate\n * @returns {number}\n */\nexport function diffSec(date, relativeDate) {\n    var relDate = relativeDate ? toDate(relativeDate) : new Date();\n    return (+relDate - +toDate(date)) / 1000;\n}\n/**\n * nextInterval: calculate the next interval time.\n * - diff: the diff sec between now and date to be formatted.\n *\n * What's the meaning?\n * diff = 61 then return 59\n * diff = 3601 (an hour + 1 second), then return 3599\n * make the interval with high performance.\n **/\nexport function nextInterval(diff) {\n    var rst = 1, i = 0, d = Math.abs(diff);\n    for (; diff >= SEC_ARRAY[i] && i < SEC_ARRAY.length; i++) {\n        diff /= SEC_ARRAY[i];\n        rst *= SEC_ARRAY[i];\n    }\n    d = d % rst;\n    d = d ? rst - d : rst;\n    return Math.ceil(d);\n}\n//# sourceMappingURL=date.js.map","import { formatDiff, diffSec } from './utils/date';\nimport { getLocale } from './register';\n/**\n * format a TDate into string\n * @param date\n * @param locale\n * @param opts\n */\nexport var format = function (date, locale, opts) {\n    // diff seconds\n    var sec = diffSec(date, opts && opts.relativeDate);\n    // format it with locale\n    return formatDiff(sec, getLocale(locale));\n};\n//# sourceMappingURL=format.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nimport en_US from './lang/en_US';\nimport zh_CN from './lang/zh_CN';\nimport { register } from './register';\nregister('en_US', en_US);\nregister('zh_CN', zh_CN);\nexport { format } from './format';\nexport { render, cancel } from './realtime';\nexport { register };\n//# sourceMappingURL=index.js.map"],"names":["normalizeOptions","namespace","ShareRequests","createShare","data","success","error","always","url","key","type","invalidationKeys","updateShare","shareId","getShare","bootstrapName","getSentShares","params","Object","values","join","formatData","response","count","length","pagination","cursors","next","previous","cursor","normalize","getShareLinkByObjectId","id","objectId","getPrivacy","ShareOption","getPhrase","LanguageService","ShareViewHelper","canEmbed","includes","canAddPolicies","getEnabledIntegrations","googleClassroomSetting","msftTeamsSetting","IntegrationHelper","filter","i","enabled","map","getFetchFunctionByType","VideoRequests","PlaylistRequests","userId","ClassificationRequests","SeriesRequests","InteractiveRequests","ClipRequests","getAnalyticsEntity","entityType","getAnalyticsOptions","entity","location","workflowPhase","updateShareLink","dispatch","share","alerts","onSuccess","onError","updatedShare","AnalyticsHelper","objectName","name","actionType","eventVersion","escapeText","getShareSettingsInitialValues","interactive","defaults","preventSkipping","preventScrubbing","instantFeedback","immediateFeedback","ShareOptionKeyMapping","InstantFeedback","PreventSkipping","options","reduce","prev","curr","keys","option","value","BASE_IMAGE_CLASS_NAME","InsightsMask","className","SharedObjectImage","props","ref","el","object","fixedHeight","style","width","offsetHeight","VideoHelper","typeId","MasterType","useVideoThumbnail","image","ImageHelper","imageType","imageClassName","imageFallbackComponent","ImageFallback","svgContainerClassName","getBgColorClass","extraClasses","getImageProps","showInsightsMask","AppLink","appLink","VideoThumbnail","video","imageOptions","textPosition","ThumbnailTextPosition","hideDuration","hideMask","requireMarking","Text","phrase","smartCount","CollectionThumbnail","collection","analyticsData","analyticsOptions","locationContext","showMask","showCollectionMask","showVideoCount","BaseImage","defaultProps","size","BaseCollectionThumbnailTitle","title","CollectionThumbnailTitle","firstVideo","collectionVideos","videos","playlist","clips","interactives","ArrayHelper","getFirstVideo","videoCount","totalCount","getVideoCount","showTexts","subText","toString","MasterTypeHelper","preventFocus","SvgContainer","svgName","hoverText","hideRating","hideVideoTypeBadge","TitleSubText","subTextAppLink","titleAppLink","IntegrationId","getShareIntegrations","settingName","SectionSettingToggleItem","htmlFor","description","onClick","on","toggled","SharePrivacy","ShareType","createShareLink","getShareLink","getSharesByObjectId","adaptedParams","scopeId","limit","offset","parseInt","createPincode","getPincode","code","getPincodeByShareId","useCreateShare","accessPermissions","fetchAsync","canManageAccess","privacy","optionRequest","shareLink","createDirectShare","requireSignIn","preventShipping","recipientRequest","recipients","recipientId","message","createOpenSession","respectRatingsAndRestrictions","hasCompleted","ShareHelper","getFlattenedRecipients","shares","s","getClassoomIds","classroomIds","r","recipientTypeId","x","getClassroomIdFromShare","firstRecipient","getClassroomForShare","classrooms","classroomId","find","classroom","FlowSelectorOptions","DivButton","src","draggable","PreviousShares","reverse","IconCircle","variant","textVariant","svgSize","S","viewCount","dateCreated","ClassroomSelectorList","studentsCount","enrolments","onClassroomSelected","Form","onChange","checked","selectedClassroom","svgWrapperClassName","onSelectGroupsOrStudents","ImageUrls","alt","searchQuery","onClickCreateOpenClassroom","ClassroomSelector","search","setSearch","filteredClassrooms","toLowerCase","placeholder","e","target","SelectedClassroomHeader","onChangeClassroom","ClassroomSettingsSectioned","onToggleRequireSignIn","preventSkippingAhead","onTogglePreventSkippingAhead","enableInstantFeedback","onToggleEnableInstantFeedback","onChangeMessage","ClassroomEntityList","entities","isSelected","selectedEntities","onSelectEntity","Checkbox","renderIcon","renderTitle","emptyState","NarrowClassroomSelection","selectionType","setSelectionType","selectedGroups","setSelectedGroups","selectedStudents","setSelectedStudents","showGroups","setShowGroups","showStudents","setShowStudents","students","studentCountText","label","groups","IconButton","group","newSelectedGroups","g","push","student","newSelectedStudents","UserHelper","Avatar","imageCdnUrl","initials","surname","imageUrl","avatar","ClassroomFlowView","step","setStep","setSelectedClassroom","setPreventSkippingAhead","setEnableInstantFeedback","setRequireSignIn","setMessage","working","setWorking","currentUser","UserRequests","ClassroomRequests","config","ConfigRequests","learners","console","log","application","action","args","dataLoaded","additionalDataLoaded","loaded","Popup","showLoadingSpinner","bodyClassName","PopupButtons","text","closePopup","actions","clip","series","onShare","disabled","showSpinner","FlowSelectorView","selectedFlow","setSelectedFlow","showPreviousAssignments","setShowPreviousAssignments","previousShares","previousClassroomShares","SessionFlowView","choices","contentClassName","SessionSettingsSectioned","onToggleRespectRatingsAndRestrictions","setRespectRatingsAndRestrictions","EN_US","ZH_CN","Locales","register","locale","func","SEC_ARRAY","toDate","input","Date","isNaN","test","trim","replace","format","date","opts","sec","relativeDate","diff","localeFunc","agoIn","totalSec","Math","abs","idx","floor","unit"],"sourceRoot":""}

package/dist/scripts/7480-02bc4e08a3-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7480],{9806:(e,t,n)=>{n.d(t,{k:()=>x});var a=n(32735),i=n(65858),l=n(64249),o=n(15611),r=n(7432),c=n(11834),s=n(83345),u=n(56754),m=n(86348),d=n(7733),p=n(54610),v=n(4594),g=n(68626),h=n(9085),f=n(67453),b=n(31908);const y={thumbnailFallbackSvg:"D4JFs",posterFallbackSvg:"bjUWl",coverFallbackSvg:"kdLpt",thumbnailContainer:"d3CKN",insightsMask:"KM76U",requireMarking:"peLH7",badge:"mVu0E",bar:"zO3MS",a:"K1jW5",expandBar:"YITJl",b:"tCpLF",c:"lC0cq"};var E="shared.sharedObjectImage",k="rounded overflow-hidden";function C(){return a.createElement("div",{className:"d-flex pointer-events-none position-absolute bottom-0 start-0 h-100 w-100 z-1 justify-content-center align-items-center"},a.createElement("div",{className:"position-absolute bg-dark bg-gradient opacity-50 w-100 h-100 z-0 rounded-3"}),a.createElement("div",{className:"d-flex align-items-end gap-2 h-50 z-1"},a.createElement("div",{className:"d-flex align-items-end h-50"},a.createElement("div",{className:"".concat(y.bar," ").concat(y.a," rounded shadow")})),a.createElement("div",{className:"d-flex align-items-end h-75"},a.createElement("div",{className:"".concat(y.bar," ").concat(y.b," rounded shadow")})),a.createElement("div",{className:"d-flex align-items-end h-100"},a.createElement("div",{className:"".concat(y.bar," ").concat(y.c," rounded shadow")}))))}function x(e){var t=a.useCallback((function(t){var n;t&&e.fixedHeight&&(t.style.width="".concat(t.offsetHeight*(n=e.object,b.M.isVideoType(n)?16/9:n.typeId===v.E.Playlist?1:n.typeId===v.E.Series?9/16:void 0),"px"))}),[]),n=b.M.isVideoType(e.object),x=function(e){var t=f.j.getDisplayImageFromObject(e);if(b.M.isVideoType(e))return{image:t,imageType:p.__.Thumbnails,imageClassName:k,imageFallbackComponent:a.createElement(c.oy,{type:c.mS.Video})};switch(e.typeId){case v.E.Series:return{image:t,imageType:p.__.TallPosters,imageClassName:k,imageFallbackComponent:a.createElement(c.oy,{type:c.mS.Series,svgContainerClassName:y.posterFallbackSvg})};case v.E.Playlist:return{image:t,imageType:p.__.Covers,imageClassName:(null==t?void 0:t.url)?k:"".concat(k," ").concat((0,h.x)(e.name,d.o)),imageFallbackComponent:a.createElement(c.oy,{type:c.mS.Playlist,svgContainerClassName:(null==t?void 0:t.url)?y.coverFallbackSvg:"d-none",extraClasses:!(null==t?void 0:t.url)&&"bg-transparent"})}}}(e.object),w=x.image,N=x.imageType,T=x.imageClassName,S=x.imageFallbackComponent;return a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100 h-100"},a.createElement("div",{ref:t,className:e.fixedHeight?"h-100":"w-100"},n&&a.createElement("div",{className:"".concat(y.thumbnailContainer," position-relative")},e.showInsightsMask&&a.createElement(C,null),a.createElement(o.F,{appLink:e.appLink},a.createElement(m.u,{video:e.object,imageOptions:e.imageOptions,textPosition:g.z.Independent,type:"cosmetic",hideDuration:!0,hideMask:!0})),!!e.requireMarking&&a.createElement("div",{className:"".concat(e.showInsightsMask&&y.requireMarking," position-absolute bottom-0 end-0 z-1 m-2")},a.createElement("div",{className:"".concat(y.badge," d-flex align-items-center bg-light-ultramarine text-ultramarine fw-semibold rounded-pill w-fit mt-1 px-2")},a.createElement(s.x,{namespace:E,phrase:"requireMarking",options:{smartCount:e.requireMarking}})))),!n&&a.createElement(a.Fragment,null,"videos"in e.object?a.createElement(u.I,{collection:e.object,imageOptions:e.imageOptions,appLink:e.appLink,analyticsData:{id:e.object.id,name:e.object.name},analyticsOptions:{entity:l.I.getAnalyticsEntity(e.object.type),actionType:i.Vw.Click,location:e.locationContext},showMask:e.showCollectionMask,showVideoCount:e.showVideoCount}):a.createElement(r.Z,{data:null==w?void 0:w.url,imageType:N,imageOptions:e.imageOptions,appLink:e.appLink,className:T,analyticsData:{id:e.object.id,name:e.object.name},analyticsOptions:{entity:l.I.getAnalyticsEntity(e.object.type),actionType:i.Vw.Click,location:e.locationContext}},S))))}x.defaultProps={imageOptions:{size:p.h2.Small}}},31754:(e,t,n)=>{n.d(t,{x:()=>r});var a=n(82602),i=n(75896),l=n(41859),o=n(11576),r={groupByDateShared:function(e){var t=i.m.groupBy(e,"dateShared");return Object.keys(t).sort().reverse().reduce((function(e,n){var i=(0,a.WU)(n);return e[i]||(e[i]=[]),e[i]=e[i].concat(t[n]),e}),{})},mapActivityStatusToCheckMarkStatus:function(e){switch(e){case o.T.Complete:return l.h.Complete;case o.T.Incomplete:return l.h.Incomplete;case o.T.None:return l.h.None}},mapCheckMarkStatusToActivityStatus:function(e){switch(e){case l.h.Complete:return o.T.Complete;case l.h.Incomplete:return o.T.Incomplete;case l.h.None:return o.T.None}}}},56754:(e,t,n)=>{n.d(t,{I:()=>E});var a=n(32735),i=n(75896),l=n(65858),o=n(15611),r=n(83914),c=n(83345);const s={thumbnailTitle:"OsWjL"};function u(e){return a.createElement("h3",{title:e.title,className:"h6"},e.title)}function m(e){return e.appLink?a.createElement(o.F,{appLink:e.appLink,className:"".concat(s.thumbnailTitle)},a.createElement(u,Object.assign({},e))):a.createElement(u,Object.assign({},e))}var d=n(86348),p=n(62335),v=n(4594),g=n(68626),h=n(45778),f=n(35223);const b={badge:"M4zat",mask:"r0Ztg",thumbnailContainer:"uD9dz"};var y="shared.collectionThumbnail";function E(e){var t,n,s,u,E=function(){var t,n=null===(t=e.collection)||void 0===t?void 0:t.videos;if(n){if(!n.count&&e.collection.typeId===v.E.Playlist){var a=e.collection;a.clips.count&&(n=a.clips),a.interactives.count&&(n=a.interactives)}return i.m.first(n.data)}}(),k=function(){var t,n,a=0;if(e.collection.videos&&e.collection.videos.count&&(a+=e.collection.videos.count),e.collection.typeId===v.E.Playlist){var i=e.collection;(null===(t=i.interactives)||void 0===t?void 0:t.count)&&(a+=i.interactives.count),(null===(n=i.clips)||void 0===n?void 0:n.count)&&(a+=i.clips.count)}return a}(),C=(null===(t=e.title)||void 0===t?void 0:t.length)||(null===(n=e.subText)||void 0===n?void 0:n.length),x=Object.assign({id:e.collection.id.toString(),name:e.collection.name},e.analyticsData),w=Object.assign({actionType:l.Vw.Click,entity:(u=e.collection,h.G.isType(u,v.E.Playlist)?l.py.Playlist:h.G.isType(u,v.E.Series)?l.py.Series:void 0)},e.analyticsOptions);return a.createElement("div",null,a.createElement("div",{className:"position-relative ".concat(b.thumbnailContainer," z-1")},a.createElement(o.F,{appLink:e.appLink,analyticsData:x,analyticsOptions:w,preventFocus:!0},e.showMask&&a.createElement("div",{className:"".concat(b.mask," position-absolute w-100 h-100 rounded-3 bg-dark bg-gradient z-1 bg-opacity-50 pointer-events-none")},a.createElement("div",{className:"".concat(b.badge," d-flex align-items-center w-fit flex-grow-0 bg-dark rounded-pill ps-1 m-2")},a.createElement(r.x,{svgName:f.vn.Play,className:"svg-container text-white"}),a.createElement("p",{className:"d-inline fw-medium text-white mb-0"},(null===(s=e.hoverText)||void 0===s?void 0:s.length)?a.createElement("span",null,e.hoverText):a.createElement(c.x,{namespace:y,phrase:"playAll"})))),E&&a.createElement(d.u,{video:E,imageOptions:e.imageOptions,textPosition:g.z.Independent,type:"cosmetic",hideMask:!0,hideRating:!0,hideDuration:!0,hideVideoTypeBadge:!0}),!E&&a.createElement("div",{className:"ratio ratio-16x9 bg-light rounded-3"},a.createElement("div",{className:"d-flex justify-content-center align-items-center"},a.createElement(r.x,{svgName:f.vn.Play,className:"w-33 opacity-25 text-gray-400"}))),e.showVideoCount&&a.createElement("div",{className:"".concat(b.badge," d-flex align-items-center w-fit bg-dark bg-opacity-75 rounded-pill position-absolute bottom-0 end-0 ps-1 m-2")},a.createElement(r.x,{svgName:f.vn.Series,className:"svg-container text-white me-1"}),a.createElement("p",{className:"d-inline fw-semibold text-white mb-0"},a.createElement(c.x,{namespace:y,phrase:"videos",options:{count:k,smartCount:k}}))))),C&&a.createElement("div",{className:"mt-2 d-flex flex-column"},e.subText&&a.createElement(p.m,{title:e.subText,appLink:e.subTextAppLink},e.subText),e.title&&a.createElement(m,{title:e.collection.name,appLink:e.titleAppLink})))}},60115:(e,t,n)=>{n.d(t,{K:()=>s});var a=n(32735),i=n(50242),l=n(91967),o=400,r=n(45719);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function s(e,t,n,s,u,m){var d,p,v,g,h=(d=(0,a.useState)(0),p=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,l,o,r=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=l.call(n)).done)&&(r.push(a.value),r.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw i}}return r}}(d,p)||function(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}(d,p)||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.")}()),f=h[0],b=h[1],y=t,E=(0,r.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),s,u);return v={fetchNextPage:function(){if(t&&e&&E)return b((function(e){return e+1})),y(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:m},g=function(){if(!v.isFetching){if(v.scrollContainer){var e=v.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;v.fetchNextPage()}},(0,a.useEffect)((function(){var e=l.q.throttle(g,200),t=v.scrollContainer||window;return v.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[v.hasMore,v.fetchNextPage,v.scrollContainer]),(0,a.useEffect)((function(){E&&E.shouldInitialFetch&&t&&(y(),b((function(e){return e+1})))}),[null==E?void 0:E.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==E?void 0:E.statusCode)&&l.q.isFunction(n)){var a=+(null===(t=null===(e=E.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==i.k.ClientError&&a!==i.k.ServerError||n(f,E.statusCode)}}),[null==E?void 0:E.statusCode]),{items:null==E?void 0:E.items,hasMore:!!(null==E?void 0:E.nextCursor),nextCursor:null==E?void 0:E.nextCursor,isFetching:null==E?void 0:E.isFetching,totalItems:null==E?void 0:E.totalItems,hasFirstPageCompleted:null==E?void 0:E.hasFirstPageCompleted}}},82602:(e,t,n)=>{n.d(t,{WU:()=>s});var a=["second","minute","hour","day","week","month","year"],i=["秒","分钟","小时","天","周","个月","年"],l={},o=function(e,t){l[e]=t},r=[60,60,24,7,365/7/12,12];function c(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var s=function(e,t,n){var a=function(e,t){return(+(t?c(t):new Date)-+c(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),i=0;e>=r[i]&&i<r.length;i++)e/=r[i];return(e=Math.floor(e))>(0==(i*=2)?9:1)&&(i+=1),t(e,i,a)[n].replace("%s",e.toString())}(a,function(e){return l[e]||l.en_US}(t))};o("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=a[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),o("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=i[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}))}}]);
-//# sourceMappingURL=7480-02bc4e08a3-lite.chunk.js.map

package/dist/scripts/7480-02bc4e08a3-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7480-02bc4e08a3-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/share/components/shared-object-image/shared-object-image.scss","file:///app/packages/libs/shared/src/apps/share/components/shared-object-image/SharedObjectImage.tsx","file:///app/packages/libs/shared/src/apps/share/utils/ShareHelper.ts","file:///app/packages/libs/shared/src/components/thumbnails/collection/title/collection-thumbnail-title.scss","file:///app/packages/libs/shared/src/components/thumbnails/collection/title/CollectionThumbnailTitle.tsx","file:///app/packages/libs/shared/src/components/thumbnails/collection/collection-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/collection/CollectionThumbnail.tsx","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/node_modules/timeago.js/esm/lang/en_US.js","file:///app/node_modules/timeago.js/esm/lang/zh_CN.js","file:///app/node_modules/timeago.js/esm/register.js","file:///app/node_modules/timeago.js/esm/utils/date.js","file:///app/node_modules/timeago.js/esm/format.js","file:///app/node_modules/timeago.js/esm/index.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"thumbnailFallbackSvg\":\"D4JFs\",\"posterFallbackSvg\":\"bjUWl\",\"coverFallbackSvg\":\"kdLpt\",\"thumbnailContainer\":\"d3CKN\",\"insightsMask\":\"KM76U\",\"requireMarking\":\"peLH7\",\"badge\":\"mVu0E\",\"bar\":\"zO3MS\",\"a\":\"K1jW5\",\"expandBar\":\"YITJl\",\"b\":\"tCpLF\",\"c\":\"lC0cq\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CollectionThumbnail } from 'libs/shared/components/thumbnails/collection/CollectionThumbnail';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { BaseObject, Image, Playlist, Series } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './shared-object-image.scss';\n\nconst namespace = 'shared.sharedObjectImage';\n\nconst BASE_IMAGE_CLASS_NAME = 'rounded overflow-hidden';\n\ninterface ImageProps {\n  image: Image;\n  imageType: ImageType;\n  imageClassName?: string;\n  imageFallbackComponent: JSX.Element;\n}\n\nfunction getImageProps(object: BaseObject): ImageProps {\n  const image = ImageHelper.getDisplayImageFromObject(object);\n\n  if (VideoHelper.isVideoType(object))\n    return {\n      image,\n      imageType: ImageType.Thumbnails,\n      imageClassName: BASE_IMAGE_CLASS_NAME,\n      imageFallbackComponent: <ImageFallback type={ImageFallbackType.Video} />\n    };\n\n  switch (object.typeId) {\n    case MasterType.Series:\n      return {\n        image,\n        imageType: ImageType.TallPosters,\n        imageClassName: BASE_IMAGE_CLASS_NAME,\n        imageFallbackComponent:\n          <ImageFallback type={ImageFallbackType.Series} svgContainerClassName={styles.posterFallbackSvg} />\n      };\n\n    case MasterType.Playlist:\n      return {\n        image,\n        imageType: ImageType.Covers,\n        imageClassName: !image?.url\n          ? `${BASE_IMAGE_CLASS_NAME} ${getBgColorClass(object.name, BG_COLOUR_CLASS_NAMES)}`\n          : BASE_IMAGE_CLASS_NAME,\n        imageFallbackComponent: (\n          <ImageFallback\n            type={ImageFallbackType.Playlist}\n            svgContainerClassName={image?.url ? styles.coverFallbackSvg : 'd-none'}\n            extraClasses={!image?.url && 'bg-transparent'}\n          />\n        )\n      };\n  }\n}\n\nfunction InsightsMask() {\n  return (\n    <div className={`d-flex pointer-events-none position-absolute bottom-0 start-0 h-100 w-100 z-1 justify-content-center align-items-center`}>\n      <div className='position-absolute bg-dark bg-gradient opacity-50 w-100 h-100 z-0 rounded-3'></div>\n      <div className='d-flex align-items-end gap-2 h-50 z-1'>\n        <div className='d-flex align-items-end h-50'>\n          <div className={`${styles.bar} ${styles.a} rounded shadow`}></div>\n        </div>\n        <div className='d-flex align-items-end h-75'>\n          <div className={`${styles.bar} ${styles.b} rounded shadow`}></div>\n        </div>\n        <div className='d-flex align-items-end h-100'>\n          <div className={`${styles.bar} ${styles.c} rounded shadow`}></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction getImageRatio(object: BaseObject): ImageFallbackType {\n  if (VideoHelper.isVideoType(object))\n    return 16 / 9;\n\n  if (object.typeId === MasterType.Playlist)\n    return 1;\n\n  if (object.typeId === MasterType.Series)\n    return 9 / 16;\n}\n\nSharedObjectImage.defaultProps = {\n  imageOptions: { size: ImageSize.Small }\n};\n\ninterface SharedObjectImageProps {\n  object: BaseObject;\n  locationContext: LocationContext;\n  appLink?: Core.AppLink;\n  showVideoMetadata?: boolean;\n  fixedHeight?: boolean;\n  requireMarking?: number;\n  imageOptions?: ImageOptions;\n  showInsightsMask?: boolean;\n  showCollectionMask?: boolean;\n  showVideoCount?: boolean;\n}\n\nexport function SharedObjectImage(props: SharedObjectImageProps): JSX.Element {\n  const ref = React.useCallback((el: HTMLDivElement) => {\n    if (!el || !props.fixedHeight)\n      return;\n\n    el.style.width = `${el.offsetHeight * getImageRatio(props.object)}px`;\n  }, []);\n\n  const useVideoThumbnail = VideoHelper.isVideoType(props.object);\n\n  const {\n    image,\n    imageType,\n    imageClassName,\n    imageFallbackComponent\n  } = getImageProps(props.object);\n\n  return (\n    <div className='d-flex align-items-center justify-content-center w-100 h-100'>\n      <div ref={ref} className={props.fixedHeight ? 'h-100' : 'w-100'}>\n        {useVideoThumbnail &&\n          <div className={`${styles.thumbnailContainer} position-relative`}>\n            {props.showInsightsMask && <InsightsMask />}\n            <AppLink appLink={props.appLink}>\n              <VideoThumbnail\n                video={props.object}\n                imageOptions={props.imageOptions}\n                textPosition={ThumbnailTextPosition.Independent}\n                type='cosmetic'\n                hideDuration\n                hideMask\n              />\n            </AppLink>\n            {!!props.requireMarking && (\n              <div className={`${props.showInsightsMask && styles.requireMarking} position-absolute bottom-0 end-0 z-1 m-2`}>\n                <div className={`${styles.badge} d-flex align-items-center bg-light-ultramarine text-ultramarine fw-semibold rounded-pill w-fit mt-1 px-2`}>\n                  <Text namespace={namespace} phrase='requireMarking' options={{ smartCount: props.requireMarking }} />\n                </div>\n              </div>\n            )}\n          </div>\n        }\n        {!useVideoThumbnail &&\n          <>\n            {'videos' in (props.object as Playlist | Series) ? (\n              <CollectionThumbnail\n                collection={props.object}\n                imageOptions={props.imageOptions}\n                appLink={props.appLink}\n                analyticsData={{\n                  id: props.object.id,\n                  name: props.object.name\n                }}\n                analyticsOptions={{\n                  entity: ShareViewHelper.getAnalyticsEntity(props.object.type),\n                  actionType: UserAction.Click,\n                  location: props.locationContext\n                }}\n                showMask={props.showCollectionMask}\n                showVideoCount={props.showVideoCount}\n              />\n            ) : (\n              <BaseImage\n                data={image?.url}\n                imageType={imageType}\n                imageOptions={props.imageOptions}\n                appLink={props.appLink}\n                className={imageClassName}\n                analyticsData={{\n                  id: props.object.id,\n                  name: props.object.name\n                }}\n                analyticsOptions={{\n                  entity: ShareViewHelper.getAnalyticsEntity(props.object.type),\n                  actionType: UserAction.Click,\n                  location: props.locationContext\n                }}\n              >\n                {imageFallbackComponent}\n              </BaseImage>\n            )}\n          </>\n        }\n      </div>\n    </div>\n  );\n}","import { format } from 'timeago.js';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { CheckMarkStatus } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';\n\ninterface ObjectWithDateShared {\n  dateShared: string;\n}\n\ntype GroupedByDate<T extends ObjectWithDateShared> = { [date: string]: T[] };\n\nexport const ShareHelper = {\n  groupByDateShared<T extends ObjectWithDateShared>(data: T[]): GroupedByDate<T> {\n    const dateToObjectMapping: GroupedByDate<T> = ArrayHelper.groupBy(data, 'dateShared');\n\n    const sortedDates = Object.keys(dateToObjectMapping).sort().reverse();\n\n    // Create a sorted mapping between dates and the \"ObjectWithDateShared\" objects\n    return sortedDates.reduce((acc: GroupedByDate<T>, date) => {\n      const heading = format(date);\n\n      if (!acc[heading])\n        acc[heading] = [];\n\n      acc[heading] = acc[heading].concat(dateToObjectMapping[date]);\n      return acc;\n    }, {});\n  },\n\n  mapActivityStatusToCheckMarkStatus(activityStatus: ShareActivityStatus): CheckMarkStatus {\n    switch (activityStatus) {\n      case ShareActivityStatus.Complete:\n        return CheckMarkStatus.Complete;\n      case ShareActivityStatus.Incomplete:\n        return CheckMarkStatus.Incomplete;\n      case ShareActivityStatus.None:\n        return CheckMarkStatus.None;\n    }\n  },\n\n  mapCheckMarkStatusToActivityStatus(checkMarkStatus: CheckMarkStatus): ShareActivityStatus {\n    switch (checkMarkStatus) {\n      case CheckMarkStatus.Complete:\n        return ShareActivityStatus.Complete;\n      case CheckMarkStatus.Incomplete:\n        return ShareActivityStatus.Incomplete;\n      case CheckMarkStatus.None:\n        return ShareActivityStatus.None;\n    }\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"thumbnailTitle\":\"OsWjL\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './collection-thumbnail-title.scss';\n\ninterface BaseCollectionThumbnailTitleProps {\n  title: string;\n}\n\nfunction BaseCollectionThumbnailTitle(props: BaseCollectionThumbnailTitleProps): JSX.Element {\n  return (\n    <h3 title={props.title} className='h6'>{props.title}</h3>\n  );\n}\n\ninterface CollectionThumbnailTitleProps extends BaseCollectionThumbnailTitleProps {\n  appLink: Core.AppLink;\n}\n\nexport function CollectionThumbnailTitle(props: CollectionThumbnailTitleProps) {\n  if (!props.appLink) {\n    return (\n      <BaseCollectionThumbnailTitle {...props} />\n    );\n  }\n  \n  return (\n    <AppLink appLink={props.appLink} className={`${styles.thumbnailTitle}`}>\n      <BaseCollectionThumbnailTitle {...props} />\n    </AppLink>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"badge\":\"M4zat\",\"mask\":\"r0Ztg\",\"thumbnailContainer\":\"uD9dz\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsOptions, EntityType, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CollectionThumbnailTitle } from 'libs/shared/components/thumbnails/collection/title/CollectionThumbnailTitle';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { TitleSubText } from 'libs/shared/components/title-sub-text/TitleSubText';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { Playlist, Series } from 'libs/shared/interfaces';\nimport { ImageOptions } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './collection-thumbnail.scss';\n\nconst namespace = 'shared.collectionThumbnail';\n\ntype SupportedContentType = Playlist | Series;\n\ninterface CollectionThumbnailProps {\n  appLink?: Core.AppLink\n  collection: SupportedContentType;\n  imageOptions?: ImageOptions;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  showMask?: boolean;\n  showVideoCount?: boolean;\n  title?: string;\n  titleAppLink?: Core.AppLink;\n  subText?: string;\n  subTextAppLink?: Core.AppLink;\n  hoverText?: string;\n}\n\nexport function CollectionThumbnail(props: CollectionThumbnailProps) {\n  function getFirstVideo() {\n    let collectionVideos = props.collection?.videos;\n\n    if (!collectionVideos)\n      return;\n\n    if (!collectionVideos.count && props.collection.typeId === MasterType.Playlist) {\n      const playlist = props.collection as Playlist;\n\n      if (playlist.clips.count)\n        collectionVideos = playlist.clips;\n\n      if (playlist.interactives.count)\n        collectionVideos = playlist.interactives;\n    }\n\n    return ArrayHelper.first(collectionVideos.data);\n  }\n\n  function getVideoCount() {\n    let totalCount = 0;\n\n    if (props.collection.videos && props.collection.videos.count) {\n      totalCount += props.collection.videos.count;\n    }\n\n    if (props.collection.typeId === MasterType.Playlist) {\n      const playlist = props.collection as Playlist;\n\n      if (playlist.interactives?.count)\n        totalCount += playlist.interactives.count;\n\n      if (playlist.clips?.count)\n        totalCount += playlist.clips.count;\n    }\n\n    return totalCount;\n  }\n\n  function getEntityType(collection: SupportedContentType) {\n    if (MasterTypeHelper.isType<Playlist>(collection, MasterType.Playlist)) {\n      return EntityType.Playlist;\n    }\n\n    if (MasterTypeHelper.isType<Series>(collection, MasterType.Series)) {\n      return EntityType.Series;\n    }\n  }\n\n  const firstVideo = getFirstVideo();\n  const videoCount = getVideoCount();\n  const showTexts = props.title?.length || props.subText?.length;\n\n  const analyticsData = {\n    id: props.collection.id.toString(),\n    name: props.collection.name,\n\n    ...props.analyticsData\n  };\n\n  const analyticsOptions = {\n    actionType: UserAction.Click,\n    entity: getEntityType(props.collection),\n    \n    ...props.analyticsOptions\n  };\n\n  return (\n    <div>\n      <div className={`position-relative ${styles.thumbnailContainer} z-1`}>\n        <AppLink\n          appLink={props.appLink}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus\n        >\n          {props.showMask &&\n            <div className={`${styles.mask} position-absolute w-100 h-100 rounded-3 bg-dark bg-gradient z-1 bg-opacity-50 pointer-events-none`}>\n              <div className={`${styles.badge} d-flex align-items-center w-fit flex-grow-0 bg-dark rounded-pill ps-1 m-2`}>\n                <SvgContainer svgName={cvSvgLibrary.Play} className='svg-container text-white' />\n                <p className='d-inline fw-medium text-white mb-0'>\n                  {props.hoverText?.length ?\n                    <span>{props.hoverText}</span> :\n                    <Text namespace={namespace} phrase='playAll' />\n                  }\n                </p>\n              </div>\n            </div>\n          }\n\n          {firstVideo &&\n            <VideoThumbnail\n              video={firstVideo}\n              imageOptions={props.imageOptions}\n              textPosition={ThumbnailTextPosition.Independent}\n              type='cosmetic'\n              hideMask\n              hideRating\n              hideDuration\n              hideVideoTypeBadge\n            />\n          }\n\n          {!firstVideo &&\n            <div className='ratio ratio-16x9 bg-light rounded-3'>\n              <div className='d-flex justify-content-center align-items-center'>\n                <SvgContainer svgName={cvSvgLibrary.Play} className='w-33 opacity-25 text-gray-400' />\n              </div>\n            </div>\n          }\n\n          {props.showVideoCount &&\n            <div className={`${styles.badge} d-flex align-items-center w-fit bg-dark bg-opacity-75 rounded-pill position-absolute bottom-0 end-0 ps-1 m-2`}>\n              <SvgContainer svgName={cvSvgLibrary.Series} className='svg-container text-white me-1' />\n              <p className='d-inline fw-semibold text-white mb-0'>\n                <Text namespace={namespace} phrase='videos' options={{ count: videoCount, smartCount: videoCount }} />\n              </p>\n            </div>\n          }\n        </AppLink>\n\n      </div>\n      \n      {showTexts &&\n        <div className='mt-2 d-flex flex-column'>\n          {props.subText &&\n            <TitleSubText title={props.subText} appLink={props.subTextAppLink}>\n              {props.subText}\n            </TitleSubText>\n          }\n          {props.title &&\n            <CollectionThumbnailTitle\n              title={props.collection.name}\n              appLink={props.titleAppLink}\n            />\n          }\n        </div>\n      }\n    </div>\n  );\n}","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n  fetchNextPage: () => void;\n  hasMore: boolean;\n  isFetching: boolean;\n  scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n  const handleScroll = (): void => {\n    if (options.isFetching)\n      return;\n\n    if (!options.scrollContainer) {\n      const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n  \n      const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    } else {\n      const { scrollContainer } = options;\n      const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n  \n      const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    }\n\n    options.fetchNextPage();\n  };\n\n  useEffect(() => {\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n    const scrollContainer = options.scrollContainer || window;\n\n    if (options.hasMore)\n      scrollContainer.addEventListener('scroll', onScroll);\n\n    return () => scrollContainer.removeEventListener('scroll', onScroll);\n  }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n  items: T[];\n  hasMore: boolean;\n  isFetching: boolean;\n  nextCursor: string;\n  totalItems?: number;\n  hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false,\n  onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n  getItems?: (responseData: TResponse) => TObject[],\n  getCursor?: (responseData: TResponse) => string,\n  scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n  const [ pagesFetched, setPagesFetched ] = useState(0);\n\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  function getKey(cursor?: string): string {\n    if (!getRequest)\n      return null;\n\n    const request = getRequest(cursor);\n\n    if (!request)\n      return null;\n\n    return request.key;\n  }\n\n  const response = useSelectAllPages<TObject, TResponse>(\n    getKey,\n    getItems,\n    getCursor\n  );\n\n  function fetchNextPage(): void {\n    if (!fetchNext || !getRequest || !response)\n      return;\n\n    setPagesFetched(currentVal => currentVal + 1);\n    return fetchNextFn(response.nextCursor);\n  }\n\n  useInfiniteScroll({\n    fetchNextPage,\n    hasMore: !!response?.nextCursor,\n    isFetching: response?.isFetching,\n    scrollContainer\n  });\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext) {\n      fetchNextFn();\n      setPagesFetched(currentVal => currentVal + 1);\n    }\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n      return;\n\n    const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n    if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n      return;\n\n    onError(pagesFetched, response.statusCode);\n  }, [response?.statusCode]);\n\n  return {\n    items: response?.items,\n    hasMore: !!response?.nextCursor,\n    nextCursor: response?.nextCursor,\n    isFetching: response?.isFetching,\n    totalItems: response?.totalItems,\n    hasFirstPageCompleted: response?.hasFirstPageCompleted\n  };\n}","var EN_US = ['second', 'minute', 'hour', 'day', 'week', 'month', 'year'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['just now', 'right now'];\n    var unit = EN_US[Math.floor(idx / 2)];\n    if (diff > 1)\n        unit += 's';\n    return [diff + \" \" + unit + \" ago\", \"in \" + diff + \" \" + unit];\n}\n//# sourceMappingURL=en_US.js.map","var ZH_CN = ['秒', '分钟', '小时', '天', '周', '个月', '年'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['刚刚', '片刻后'];\n    var unit = ZH_CN[~~(idx / 2)];\n    return [diff + \" \" + unit + \"\\u524D\", diff + \" \" + unit + \"\\u540E\"];\n}\n//# sourceMappingURL=zh_CN.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\n/**\n * All supported locales\n */\nvar Locales = {};\n/**\n * register a locale\n * @param locale\n * @param func\n */\nexport var register = function (locale, func) {\n    Locales[locale] = func;\n};\n/**\n * get a locale, default is en_US\n * @param locale\n * @returns {*}\n */\nexport var getLocale = function (locale) {\n    return Locales[locale] || Locales['en_US'];\n};\n//# sourceMappingURL=register.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nvar SEC_ARRAY = [\n    60,\n    60,\n    24,\n    7,\n    365 / 7 / 12,\n    12,\n];\n/**\n * format Date / string / timestamp to timestamp\n * @param input\n * @returns {*}\n */\nexport function toDate(input) {\n    if (input instanceof Date)\n        return input;\n    // @ts-ignore\n    if (!isNaN(input) || /^\\d+$/.test(input))\n        return new Date(parseInt(input));\n    input = (input || '')\n        // @ts-ignore\n        .trim()\n        .replace(/\\.\\d+/, '') // remove milliseconds\n        .replace(/-/, '/')\n        .replace(/-/, '/')\n        .replace(/(\\d)T(\\d)/, '$1 $2')\n        .replace(/Z/, ' UTC') // 2017-2-5T3:57:52Z -> 2017-2-5 3:57:52UTC\n        .replace(/([+-]\\d\\d):?(\\d\\d)/, ' $1$2'); // -04:00 -> -0400\n    return new Date(input);\n}\n/**\n * format the diff second to *** time ago, with setting locale\n * @param diff\n * @param localeFunc\n * @returns\n */\nexport function formatDiff(diff, localeFunc) {\n    /**\n     * if locale is not exist, use defaultLocale.\n     * if defaultLocale is not exist, use build-in `en`.\n     * be sure of no error when locale is not exist.\n     *\n     * If `time in`, then 1\n     * If `time ago`, then 0\n     */\n    var agoIn = diff < 0 ? 1 : 0;\n    /**\n     * Get absolute value of number (|diff| is non-negative) value of x\n     * |diff| = diff if diff is positive\n     * |diff| = -diff if diff is negative\n     * |0| = 0\n     */\n    diff = Math.abs(diff);\n    /**\n     * Time in seconds\n     */\n    var totalSec = diff;\n    /**\n     * Unit of time\n     */\n    var idx = 0;\n    for (; diff >= SEC_ARRAY[idx] && idx < SEC_ARRAY.length; idx++) {\n        diff /= SEC_ARRAY[idx];\n    }\n    /**\n     * Math.floor() is alternative of ~~\n     *\n     * The differences and bugs:\n     * Math.floor(3.7) -> 4 but ~~3.7 -> 3\n     * Math.floor(1559125440000.6) -> 1559125440000 but ~~1559125440000.6 -> 52311552\n     *\n     * More information about the performance of algebraic:\n     * https://www.youtube.com/watch?v=65-RbBwZQdU\n     */\n    diff = Math.floor(diff);\n    idx *= 2;\n    if (diff > (idx === 0 ? 9 : 1))\n        idx += 1;\n    return localeFunc(diff, idx, totalSec)[agoIn].replace('%s', diff.toString());\n}\n/**\n * calculate the diff second between date to be formatted an now date.\n * @param date\n * @param relativeDate\n * @returns {number}\n */\nexport function diffSec(date, relativeDate) {\n    var relDate = relativeDate ? toDate(relativeDate) : new Date();\n    return (+relDate - +toDate(date)) / 1000;\n}\n/**\n * nextInterval: calculate the next interval time.\n * - diff: the diff sec between now and date to be formatted.\n *\n * What's the meaning?\n * diff = 61 then return 59\n * diff = 3601 (an hour + 1 second), then return 3599\n * make the interval with high performance.\n **/\nexport function nextInterval(diff) {\n    var rst = 1, i = 0, d = Math.abs(diff);\n    for (; diff >= SEC_ARRAY[i] && i < SEC_ARRAY.length; i++) {\n        diff /= SEC_ARRAY[i];\n        rst *= SEC_ARRAY[i];\n    }\n    d = d % rst;\n    d = d ? rst - d : rst;\n    return Math.ceil(d);\n}\n//# sourceMappingURL=date.js.map","import { formatDiff, diffSec } from './utils/date';\nimport { getLocale } from './register';\n/**\n * format a TDate into string\n * @param date\n * @param locale\n * @param opts\n */\nexport var format = function (date, locale, opts) {\n    // diff seconds\n    var sec = diffSec(date, opts && opts.relativeDate);\n    // format it with locale\n    return formatDiff(sec, getLocale(locale));\n};\n//# sourceMappingURL=format.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nimport en_US from './lang/en_US';\nimport zh_CN from './lang/zh_CN';\nimport { register } from './register';\nregister('en_US', en_US);\nregister('zh_CN', zh_CN);\nexport { format } from './format';\nexport { render, cancel } from './realtime';\nexport { register };\n//# sourceMappingURL=index.js.map"],"names":["namespace","BASE_IMAGE_CLASS_NAME","InsightsMask","className","SharedObjectImage","props","ref","el","object","fixedHeight","style","width","offsetHeight","VideoHelper","typeId","MasterType","useVideoThumbnail","image","ImageHelper","imageType","imageClassName","imageFallbackComponent","ImageFallback","type","svgContainerClassName","url","getBgColorClass","name","extraClasses","getImageProps","showInsightsMask","AppLink","appLink","VideoThumbnail","video","imageOptions","textPosition","ThumbnailTextPosition","hideDuration","hideMask","requireMarking","Text","phrase","options","smartCount","CollectionThumbnail","collection","analyticsData","id","analyticsOptions","entity","ShareViewHelper","actionType","location","locationContext","showMask","showCollectionMask","showVideoCount","BaseImage","data","defaultProps","size","ShareHelper","groupByDateShared","dateToObjectMapping","Object","keys","sort","reverse","reduce","acc","date","heading","concat","mapActivityStatusToCheckMarkStatus","activityStatus","mapCheckMarkStatusToActivityStatus","checkMarkStatus","BaseCollectionThumbnailTitle","title","CollectionThumbnailTitle","firstVideo","collectionVideos","videos","count","playlist","clips","interactives","ArrayHelper","getFirstVideo","videoCount","totalCount","getVideoCount","showTexts","length","subText","toString","MasterTypeHelper","preventFocus","SvgContainer","svgName","hoverText","hideRating","hideVideoTypeBadge","TitleSubText","subTextAppLink","titleAppLink","SCROLL_TOLERANCE","useInfiniteList","getRequest","fetchNext","onError","getItems","getCursor","scrollContainer","handleScroll","useState","pagesFetched","setPagesFetched","fetchNextFn","response","cursor","request","key","fetchNextPage","currentVal","nextCursor","hasMore","isFetching","getBoundingClientRect","height","scrollTop","scrollHeight","window","innerHeight","document","documentElement","useEffect","onScroll","FunctionHelper","addEventListener","removeEventListener","shouldInitialFetch","statusCode","httpStatusClass","substr","HttpStatus","items","totalItems","hasFirstPageCompleted","EN_US","ZH_CN","Locales","register","locale","func","SEC_ARRAY","toDate","input","Date","isNaN","test","parseInt","trim","replace","format","opts","sec","relativeDate","diff","localeFunc","agoIn","totalSec","Math","abs","idx","floor","unit"],"sourceRoot":""}

package/dist/scripts/9985-c488ab5f65-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9985],{26025:(e,a,t)=>{t.d(a,{B:()=>c});var r=t(1048),n=t(75795),c={getAudienceAppLinkParams:function(){var e=n.O.getCurrentRoute().appLink,a=r.t.isObject(e.params)?e.params:{},t=a.users,c=a.classrooms,l=a.classroomGroups,s=function(e){var t=a[e];if(t)return Array.isArray(t)?t:[t]},i={};return t&&(i.users=s("users")),c&&(i.classrooms=s("classrooms")),l&&(i.classroomGroups=s("classroomGroups")),i},getDateRangeAppLinkParams:function(){var e=n.O.getCurrentRoute().appLink,a=r.t.isObject(e.params)?e.params:{},t=a.from,c=a.to,l=a.rangeName,s={};return t&&(s.from=t),c&&(s.to=c),l&&(s.rangeName=l),s}}},36511:(e,a,t)=>{t.d(a,{I:()=>n});var r=t(40424);function n(e){switch(e){case r.R.Pink:return"pink";case r.R.Orange:return"orange";case r.R.Green:return"green";case r.R.Blue:return"blue";case r.R.Purple:return"purple";case r.R.Indigo:return"indigo";default:return"pink"}}},35115:(e,a,t)=>{t.d(a,{p:()=>m});var r=t(32735),n=t(49935),c=t(95278);const l="pJf6R",s="MSvzY",i="IFmvc",o="pOcvk";var m=r.memo((function(){return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"mb-1 partial-loading-background ".concat("YrP_G")}),r.createElement("div",{className:"pb-3"},r.createElement(n.b2,{numItems:2})),r.createElement("div",{className:"pb-2"},r.createElement(c.Z,null)),r.createElement("div",{className:"d-flex align-items-center py-2"},r.createElement("div",{className:"mx-4 partial-loading-background ".concat(l)}),r.createElement("div",{className:"me-2 partial-loading-background ".concat(s)}),r.createElement("div",{className:"me-auto partial-loading-background ".concat(s)}),r.createElement("div",{className:"partial-loading-background ".concat("j62jt")})),r.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return r.createElement("li",{key:a},r.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.createElement("div",{className:"me-2 partial-loading-background ".concat(l)}),r.createElement("div",{className:"me-2 partial-loading-background ".concat("droqZ")}),r.createElement("div",{className:"w-25"},r.createElement("div",{className:"partial-loading-background ".concat("gorcb")})),r.createElement("div",{className:"me-auto d-flex"},Math.random()>.5?r.createElement(r.Fragment,null,r.createElement("div",{className:"partial-loading-background rounded-pill me-1 ".concat(i," ").concat("SdQ90")}),r.createElement("div",{className:"partial-loading-background rounded-pill ".concat(i," ").concat(o)})):r.createElement("div",{className:"partial-loading-background rounded-pill ".concat(i," ").concat(o)})),r.createElement("div",{className:"me-2 partial-loading-background ".concat(s)}),r.createElement("div",{className:"partial-loading-background ".concat("S7p4K")})))}))))}))},69583:(e,a,t)=>{t.r(a),t.d(a,{ClassroomReportsView:()=>S});var r=t(32735),n=t(23481),c=t(20354),l=t(87801),s=t(83523),i=t(1666),o=t(31949),m=t(79967),u=t(79612),d=t(99742),p=t(86099),g=t(35115),v=t(88630),f=t(31491),b=t(22602),E=t(67467),h=t(5056),k=t(28001),N=t(45231),y=t(69003);function R(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=Array(a);t<a;t++)r[t]=e[t];return r}var A=n.T.encloseNamespace("classrooms.classroomStudents");function S(e){var a,t,n,S,w,O,j=(w=r.useState(!1),O=2,function(e){if(Array.isArray(e))return e}(w)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,n,c,l,s=[],i=!0,o=!1;try{if(c=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;i=!1}else for(;!(i=(r=c.call(t)).done)&&(s.push(r.value),s.length!==a);i=!0);}catch(e){o=!0,n=e}finally{try{if(!i&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(o)throw n}}return s}}(w,O)||function(e,a){if(e){if("string"==typeof e)return R(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(e,a):void 0}}(w,O)||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.")}()),C=j[0],x=j[1],F=c.a.useBasicFetch(o.N.currentUser()),I=c.a.useBasicFetch(F.data&&v.F.getClassroom(e.id,F.data.id)),P=(0,m.k)(),L=c.a.useBasicFetch((null===(a=F.data)||void 0===a?void 0:a.isAuthenticated)&&i.h.yearGroups(F.data.customerId)),_=(0,y.cl)([]),G=(0,N.a)({scopeId:e.id},!0,!0),B=null===(n=null===(t=I.data)||void 0===t?void 0:t._integrations)||void 0===n?void 0:n.rostered;return(0,u.M)({title:A("pageTitle",{classroomName:null===(S=I.data)||void 0===S?void 0:S.name})}),(0,f._)(I),I.data?r.createElement(b.R,{classroom:I.data,currentUser:F.data,onTogglePin:console.log,activeTab:"reports",isRostered:B},r.createElement("div",{className:"d-flex gap-3 m-3 justify-content-end"},r.createElement("label",{className:"mb-0"},"View as student feed"),r.createElement(s.Z,{on:C,onClick:function(){return x(!C)}})),C&&r.createElement("img",{src:d.W.CLASSROM_FEED}),!C&&(G.showPartialLoading?r.createElement(k.L,null):G.sentShares.length?r.createElement(r.Fragment,null,r.createElement(h.R,{sentShares:G.sentShares,sharedObjects:G.sharedObjects.items,shareRecipients:G.shareRecipients.items,interactivesPendingReview:G.interactivesPendingReview.itemsArr,getObjectAppLink:p.Qh,getObjectActions:function(e,a){return(0,y.sD)(e,a,_.audienceAppLinkParams,!0,!1,P)},imageCdnUrl:G.imageCdnUrl,groupByDateShared:!0,breakpoints:P,yearGroups:L.data,hasDemoInsights:!1}),(G.hasMore||G.isFetching)&&r.createElement(l._,{isFetching:G.isFetching,fetchNext:G.fetchNext,nextCursor:G.nextCursor})):r.createElement(E.o,null))):r.createElement(g.p,null)}}}]);
-//# sourceMappingURL=9985-c488ab5f65-lite.chunk.js.map

package/dist/scripts/9985-c488ab5f65-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/9985-c488ab5f65-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/analytics/utils/AnalyticsFilterUtils.ts","file:///app/packages/libs/shared/src/utils/GroupHelper.ts","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx","file:///app/packages/projects/lite/src/apps/classrooms/views/classroom-reports/ClassroomReportsView.tsx"],"sourcesContent":["import { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nexport const AnalyticsFilterHelper = {\n  getAudienceAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { users, classrooms, classroomGroups } = params;\n\n    const getParam = (key: keyof AudienceQueryParams) => {\n      const param = params[key];\n\n      if (!param)\n        return;\n\n      return Array.isArray(param) ? param : [param];\n    };\n\n    const audienceFilters: AudienceQueryParams = {};\n\n    if (users)\n      audienceFilters.users = getParam('users');\n\n    if (classrooms)\n      audienceFilters.classrooms = getParam('classrooms');\n\n    if (classroomGroups)\n      audienceFilters.classroomGroups = getParam('classroomGroups');\n\n    return audienceFilters;\n  },\n  getDateRangeAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { from, to, rangeName } = params;\n\n    const dateRangeFilters: DateRangeQueryParams = {};\n\n    if (from)\n      dateRangeFilters.from = from;\n\n    if (to)\n      dateRangeFilters.to = to;\n\n    if (rangeName)\n      dateRangeFilters.rangeName = rangeName;\n\n    return dateRangeFilters;\n  }\n};","import { ButtonProps } from 'react-bootstrap';\n\nimport { ClassroomGroupColour } from 'libs/shared/interfaces';\n\nexport function mapColourToBsVariant(groupColour: ClassroomGroupColour): ButtonProps['variant'] {\n  switch (groupColour) {\n    case ClassroomGroupColour.Pink:\n      return 'pink';\n    case ClassroomGroupColour.Orange:\n      return 'orange';\n    case ClassroomGroupColour.Green:\n      return 'green';\n    case ClassroomGroupColour.Blue:\n      return 'blue';\n    case ClassroomGroupColour.Purple:\n      return 'purple';\n    case ClassroomGroupColour.Indigo:\n      return 'indigo';\n    default:\n      return 'pink';\n  }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"heading\":\"YrP_G\",\"avatar\":\"droqZ\",\"checkbox\":\"pJf6R\",\"actionIcon\":\"MSvzY\",\"addStudents\":\"j62jt\",\"studentName\":\"gorcb\",\"group\":\"IFmvc\",\"sm\":\"pOcvk\",\"lg\":\"SdQ90\",\"moreActions\":\"S7p4K\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialPillTabSelector } from 'libs/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector';\n\nimport styles from './partial-manage-classroom-students.scss';\n\nexport const PartialManageClassroomStudents = React.memo(function(): JSX.Element {\n  return (\n    <div className='px-3'>\n      {/* Heading */}\n      <div className={`mb-1 partial-loading-background ${styles.heading}`} />\n\n      {/* Breadcrumbs */}\n      <div className='pb-3'>\n        <PartialBreadcrumbs numItems={2} />\n      </div>\n\n      {/* Pill tab selector */}\n      <div className='pb-2'>\n        <PartialPillTabSelector />\n      </div>\n\n      <div className='d-flex align-items-center py-2'>\n        {/* Checkbox */}\n        <div className={`mx-4 partial-loading-background ${styles.checkbox}`} />\n        {/* Group selector */}\n        <div className={`me-2 partial-loading-background ${styles.actionIcon}`} />\n        {/* Delete action */}\n        <div className={`me-auto partial-loading-background ${styles.actionIcon}`} />\n\n        {/* Add new students button */}\n        <div className={`partial-loading-background ${styles.addStudents}`} />\n      </div>\n\n      {/* Students list */}\n      <ul className='striped-list list-unstyled'>\n        {Array(20).fill(null).map((student, i) => (\n          <li key={i}>\n            <div className='d-flex align-items-center py-1 px-4'>\n              {/* Checkbox */}\n              <div className={`me-2 partial-loading-background ${styles.checkbox}`} />\n\n              {/* Avatar */}\n              <div className={`me-2 partial-loading-background ${styles.avatar}`} />\n\n              {/* Student name */}\n              <div className='w-25'>\n                <div className={`partial-loading-background ${styles.studentName}`} />\n              </div>\n\n              {/* Groups list. Randomly renders either 1 or 2 groups. Group widths are randomly generated */}\n              <div className='me-auto d-flex'>\n                {Math.random() > 0.5\n                  ? (\n                    <>\n                      <div className={`partial-loading-background rounded-pill me-1 ${styles.group} ${styles.lg}`} />\n                      <div className={`partial-loading-background rounded-pill ${styles.group} ${styles.sm}`} />\n                    </>\n                  ) : <div className={`partial-loading-background rounded-pill ${styles.group} ${styles.sm}`} />\n                }\n              </div>\n\n              {/* Group selector */}\n              <div className={`me-2 partial-loading-background ${styles.actionIcon}`} />\n              {/* More actions */}\n              <div className={`partial-loading-background ${styles.moreActions}`} />\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n});","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, CurrentUser, YearGroup } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { getObjectAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nimport { PartialManageClassroomStudents } from 'apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents';\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { useHandleClassroomErrors } from 'apps/classrooms/hooks/useHandleClassroomErrors';\nimport { ClassroomLayout } from 'apps/classrooms/layouts/ClassroomLayout';\nimport { MySharesTableEmptyState } from 'apps/my-shares/components/my-shares-table/empty-state/MySharesTableEmptyState';\nimport { MySharesTable } from 'apps/my-shares/components/my-shares-table/MySharesTable';\nimport { PartialMySharesTable } from 'apps/my-shares/components/my-shares-table/partial-loading/PartialMySharesTable';\nimport { useMySharesTable } from 'apps/my-shares/hooks/useMySharesTable';\nimport { getShareObjectActions, getSharesParams } from 'apps/my-shares/views/my-shares/MySharesViewUtils';\n\nconst namespace = 'classrooms.classroomStudents';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassroomReportsViewProps {\n  id: string;\n  cursor: string;\n}\n\nexport function ClassroomReportsView(props: ClassroomReportsViewProps): JSX.Element {\n  const [ showFeed, setShowFeed ] = React.useState(false);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const classroom = Flight.useBasicFetch<Classroom>(currentUser.data &&\n    ClassroomRequests.getClassroom(props.id, currentUser.data.id));\n  const breakpoints = useBreakpoints();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const sharesParams = getSharesParams([]);\n\n  const shareData = useMySharesTable({\n    scopeId: props.id\n  }, true, true);\n\n  const isRostered = classroom.data?._integrations?.rostered;\n\n  useSetPageMetadata({\n    title: getPhrase('pageTitle', { classroomName: classroom.data?.name })\n  });\n\n  useHandleClassroomErrors(classroom);\n\n  function renderTable() {\n    if (shareData.showPartialLoading)\n      return <PartialMySharesTable />;\n    \n    if (!shareData.sentShares.length)\n      return <MySharesTableEmptyState />;\n\n    return (\n      <>\n        <MySharesTable\n          sentShares={shareData.sentShares}\n          sharedObjects={shareData.sharedObjects.items}\n          shareRecipients={shareData.shareRecipients.items}\n          interactivesPendingReview={shareData.interactivesPendingReview.itemsArr}\n          getObjectAppLink={getObjectAppLink}\n          getObjectActions={(obj, shareId) => getShareObjectActions(\n            obj,\n            shareId,\n            sharesParams.audienceAppLinkParams,\n            true,\n            false,\n            breakpoints\n          )}\n          imageCdnUrl={shareData.imageCdnUrl}\n          groupByDateShared\n          breakpoints={breakpoints}\n          yearGroups={yearGroups.data}\n          hasDemoInsights={false}\n        />\n        {(shareData.hasMore || shareData.isFetching) &&\n          <InfiniteScrollFooter\n            isFetching={shareData.isFetching}\n            fetchNext={shareData.fetchNext}\n            nextCursor={shareData.nextCursor}\n          />\n        }\n      </>\n    );\n  }\n\n  if (!classroom.data)\n    return <PartialManageClassroomStudents />;\n\n  return (\n    <ClassroomLayout\n      classroom={classroom.data}\n      currentUser={currentUser.data}\n      onTogglePin={console.log}\n      activeTab='reports'\n      isRostered={isRostered}\n    >\n      <div className='d-flex gap-3 m-3 justify-content-end'>\n        <label className='mb-0'>View as student feed</label>\n        <ToggleSwitch on={showFeed} onClick={() => setShowFeed(!showFeed)} />\n      </div>\n\n      {showFeed && <img src={ImageUrls.CLASSROM_FEED} />}\n      {!showFeed && renderTable()}\n    </ClassroomLayout>\n  );\n}\n"],"names":["AnalyticsFilterHelper","getAudienceAppLinkParams","appLink","params","users","classrooms","classroomGroups","getParam","key","param","Array","isArray","audienceFilters","getDateRangeAppLinkParams","from","to","rangeName","dateRangeFilters","mapColourToBsVariant","groupColour","PartialManageClassroomStudents","className","numItems","PartialPillTabSelector","fill","map","student","i","Math","random","getPhrase","ClassroomReportsView","props","showFeed","setShowFeed","currentUser","classroom","data","id","breakpoints","yearGroups","isAuthenticated","customerId","sharesParams","shareData","scopeId","isRostered","_integrations","rostered","title","classroomName","name","onTogglePin","console","log","activeTab","on","onClick","src","showPartialLoading","sentShares","length","sharedObjects","items","shareRecipients","interactivesPendingReview","itemsArr","getObjectAppLink","getObjectActions","obj","shareId","audienceAppLinkParams","imageCdnUrl","groupByDateShared","hasDemoInsights","hasMore","isFetching","fetchNext","nextCursor"],"sourceRoot":""}