@clickview/lite 0.0.25 → 0.0.26-dev.0

package/dist/scripts/26.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/sort-select/PlaylistSortSelect.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/Actions.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/actions.scss?ab20","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/empty-state/EmptyState.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss?cf3d","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/AudienceRequests.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/views/playlists/PlaylistsView.tsx"],"names":[],"mappings":"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","file":"scripts/26.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\n\r\nimport { ImageUrlService } from 'libs/shared/services/ImageUrlService';\r\nimport { EmptyState } from 'libs/shared/components/empty-state/EmptyState';\r\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('playlists.emptyState');\r\n\r\nexport function EmptyPlaylistList(): React.ReactElement {\r\n  const imageUrlService = useService<ImageUrlService>(SharedServices.ImageUrl);\r\n  const imageUrls = imageUrlService.getImageUrls();\r\n\r\n  return (\r\n    <EmptyState\r\n      imageUrl={imageUrls.EmptyStates.VIDEOS}\r\n      heading={getPhrase('noPlaylistsHeading')}\r\n      description={getPhrase('noPlaylistsInfo')}\r\n    />\r\n  );\r\n}","import * as React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport styles from './playlist.scss';\r\n\r\ninterface PartialPlaylistListProps {\r\n  numItems?: number;\r\n  itemClassName?: string;\r\n  showHeading?: boolean;\r\n}\r\n\r\nPartialPlaylistList.defaultProps = {\r\n  numItems: 8\r\n};\r\n\r\nexport function PartialPlaylistList(props: PartialPlaylistListProps): JSX.Element {\r\n  const PARTIAL_PLAYLISTS = [...Array(props.numItems)];\r\n\r\n  const className = props.itemClassName || '';\r\n\r\n  return (\r\n    <>\r\n      {props.showHeading && <div className={`${styles.partialHeading} partial-loading-background`} />}\r\n      <Row>\r\n        {PARTIAL_PLAYLISTS.map((p, idx) =>\r\n          <Col key={idx} xs={6} sm={4} lg={3} className={className}>\r\n            <div className='py-2'>\r\n              <div className={`${styles.playlistItem} partial-loading-background`} />\r\n            </div>\r\n          </Col>\r\n        )}\r\n      </Row>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Playlist, PresentationAudience, CurrentUser } from 'libs/shared/interfaces';\r\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\r\n\r\nimport { PlaylistItem } from './PlaylistItem';\r\n\r\ninterface PlaylistListProps {\r\n  playlists: Playlist[];\r\n  getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;\r\n  currentUser?: CurrentUser;\r\n  presentationAudiences?: PresentationAudience[];\r\n  itemContainerClassName?: string;\r\n  bgColourClassNames?: string[];\r\n  imageCdnUrl?: string;\r\n  showCount?: boolean;\r\n  showOwner?: boolean;\r\n  showFallbackImage?: boolean;\r\n  showLastUpdated?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nconst analyticsOptions: AnalyticsOptions = {\r\n  actionType: UserAction.Click,\r\n  entity: EntityType.Playlist,\r\n  location: LocationContext.PlaylistListItem,\r\n  descriptor: ClickDescriptor.Cover\r\n};\r\n\r\nexport function PlaylistList(props: PlaylistListProps): JSX.Element {\r\n  return (\r\n    <Row>\r\n      {props.playlists.map(p =>\r\n        <Col key={p.id} xs={6} sm={4} lg={3} className={`mb-3 ${props.itemContainerClassName ? props.itemContainerClassName : ''}`}>\r\n          <PlaylistItem\r\n            data={p}\r\n            appLink={props.getPlaylistAppLink(p)}\r\n            imageCdnUrl={props.imageCdnUrl}\r\n            currentUser={props.currentUser}\r\n            presentationAudiences={props.presentationAudiences}\r\n            bgColourClassNames={props.bgColourClassNames}\r\n            showCount={props.showCount}\r\n            showOwner={props.showOwner}\r\n            showFallbackImage={props.showFallbackImage}\r\n            showLastUpdated={props.showLastUpdated}\r\n            analyticsData={props.analyticsData}\r\n            analyticsOptions={{ ...props.analyticsOptions, ...analyticsOptions }}\r\n           />\r\n        </Col>\r\n      )}\r\n    </Row>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { Core } from 'libs/common/core';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.playlistSortSelect';\r\n\r\nconst getSortTypes = FunctionHelper.memoize(() => {\r\n  return {\r\n    [PlaylistSortType.RecentlyUpdated]: {\r\n      name: LanguageService.getPhrase(namespace, 'recentlyUpdated')\r\n    },\r\n    [PlaylistSortType.AtoZ]: {\r\n      name: LanguageService.getPhrase(namespace, 'atoz')\r\n    },\r\n    [PlaylistSortType.ZtoA]: {\r\n      name: LanguageService.getPhrase(namespace, 'ztoa')\r\n    },\r\n    [PlaylistSortType.Newest]: {\r\n      name: LanguageService.getPhrase(namespace, 'newest')\r\n    },\r\n    [PlaylistSortType.Oldest]: {\r\n      name: LanguageService.getPhrase(namespace, 'oldest')\r\n    }\r\n  };\r\n});\r\n\r\ninterface PlaylistSortSelectProps {\r\n  type: PlaylistSortType;\r\n  getSortAppLink: (sort: PlaylistSortType) => Core.AppLink;\r\n}\r\n\r\nexport function PlaylistSortSelect(props: PlaylistSortSelectProps): JSX.Element {\r\n  const { type, getSortAppLink } = props;\r\n  const sortTypes = getSortTypes();\r\n\r\n  return (\r\n    <Dropdown alignRight>\r\n      <Dropdown.Toggle as='a' variant='light' id='sort-select' className='ml-2 btn btn-light'>\r\n        {sortTypes[type].name}\r\n      </Dropdown.Toggle>\r\n      <Dropdown.Menu>\r\n        {Object.values(PlaylistSortType).filter(k => k !== type).map(k => {\r\n          return (\r\n            <AppLink key={k} className={'dropdown-item'} appLink={getSortAppLink(k)}>{sortTypes[k].name}</AppLink>\r\n          );\r\n        })}\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Spinner } from 'react-bootstrap';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\ninterface ActionButtonProps {\r\n  appLink?: Core.AppLink;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  svgName?: string;\r\n  className?: string;\r\n  tooltip?: string;\r\n  showSpinner?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport function ActionButton(props: React.PropsWithChildren<ActionButtonProps>): JSX.Element {\r\n  let className = 'ml-2';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  const buttonContent = props.showSpinner\r\n    ? <Spinner as='span' animation='border' role='status' size='sm' />\r\n    : props.children;\r\n\r\n  if (props.tooltip) {\r\n    return (\r\n      <Tooltip title={props.tooltip}>\r\n        <span>\r\n          <IconButton\r\n            appLink={props.appLink}\r\n            svgName={props.svgName}\r\n            onClick={props.onClick}\r\n            className={className}\r\n            analyticsData={props.analyticsData}\r\n            analyticsOptions={props.analyticsOptions}\r\n            >\r\n            {buttonContent}\r\n          </IconButton>\r\n        </span>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  if (props.svgName) {\r\n    return (\r\n      <IconButton\r\n        onClick={props.onClick}\r\n        appLink={props.appLink}\r\n        svgName={props.svgName}\r\n        className={className}\r\n        analyticsData={props.analyticsData}\r\n        analyticsOptions={props.analyticsOptions}\r\n      >\r\n        {buttonContent}\r\n      </IconButton>\r\n    );\r\n  }\r\n\r\n  if (props.appLink)\r\n    return (\r\n      <AppLink\r\n        onClick={props.onClick}\r\n        appLink={props.appLink}\r\n        className={className}\r\n        analyticsData={props.analyticsData}\r\n        analyticsOptions={props.analyticsOptions}\r\n      >\r\n        {buttonContent}\r\n      </AppLink>\r\n    );\r\n\r\n  function onClickButton(e: React.MouseEvent): void {\r\n    if (props.analyticsData && props.analyticsOptions)\r\n      AnalyticsHelper.logUserAction(props.analyticsData, props.analyticsOptions);\r\n\r\n    if (FunctionHelper.isFunction(props.onClick))\r\n      props.onClick(e);\r\n  }\r\n\r\n  return (\r\n    <button onClick={onClickButton} className={className}>\r\n      {buttonContent}\r\n    </button>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\n\r\nimport { ActionsDropdown } from './ActionsDropdown';\r\nimport { ActionButton } from './ActionButton';\r\n\r\nimport styles from './actions.scss';\r\nimport { IconButton } from '../icon-button/IconButton';\r\n\r\nexport interface ActionOptions {\r\n  label: string;\r\n  appLink?: Core.AppLink;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  svgName?: string;\r\n  className?: string;\r\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\r\n  tooltip?: string;\r\n  showSpinner?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\r\n\r\ninterface ActionsProps {\r\n  actions: ActionOptions[];\r\n  className?: string;\r\n  actionsDropdownClassName?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport function Actions(props: ActionsProps): JSX.Element {\r\n  const buttonActions: ActionOptions[] = [];\r\n  const moreActions: ActionOptions[] = [];\r\n\r\n  props.actions.forEach(a => {\r\n    if (a.button)\r\n      buttonActions.push(a);\r\n    else\r\n      moreActions.push(a);\r\n  });\r\n\r\n  let className = 'd-flex';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      <>\r\n        {!!buttonActions.length &&\r\n          <span className={styles.buttonList}>\r\n            {buttonActions.map((a, idx) => (\r\n              <React.Fragment key={idx}>\r\n                {a.label ? (\r\n                  <ActionButton\r\n                    appLink={a.appLink}\r\n                    onClick={a.onClick}\r\n                    svgName={a.svgName}\r\n                    className={a.className}\r\n                    tooltip={a.tooltip}\r\n                    showSpinner={a.showSpinner}\r\n                    analyticsData={a.analyticsData}\r\n                    analyticsOptions={a.analyticsOptions}\r\n                  >\r\n                    {a.label}\r\n                  </ActionButton>\r\n                ) : (\r\n                  <IconButton\r\n                    appLink={a.appLink}\r\n                    onClick={a.onClick}\r\n                    svgName={a.svgName}\r\n                    className={a.className}\r\n                    analyticsData={a.analyticsData}\r\n                    analyticsOptions={a.analyticsOptions}\r\n                  />\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n          </span>\r\n        }\r\n        {props.sortComponent ? props.sortComponent : '' }\r\n        {!!moreActions.length &&\r\n          <ActionsDropdown\r\n            actions={moreActions}\r\n            className={!!buttonActions.length && 'ml-2'}\r\n            dropdownToggleClassName={props.actionsDropdownClassName}\r\n          />\r\n        }\r\n      </>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './actions.scss';\r\n\r\nimport { ActionOptions } from './Actions';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nfunction getDropdownItemClassName(actionClassName?: string): string {\r\n  let className = 'dropdown-item';\r\n\r\n  if (actionClassName)\r\n    className += ` ${actionClassName}`;\r\n\r\n  return className;\r\n}\r\n\r\ntype DropdownActionOptions = Omit<ActionOptions, 'button' | 'tooltip'>;\r\n\r\ninterface ActionsDropdownItemProps {\r\n  action: DropdownActionOptions;\r\n}\r\n\r\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\r\n  if (props.action.appLink)\r\n    return (\r\n      <AppLink\r\n        appLink={props.action.appLink}\r\n        onClick={props.action.onClick}\r\n        className={getDropdownItemClassName(props.action.className)}\r\n        analyticsData={props.action.analyticsData}\r\n        analyticsOptions={props.action.analyticsOptions}\r\n      >\r\n        {props.action.label}\r\n      </AppLink>\r\n    );\r\n\r\n  function onClick(e: React.MouseEvent): void {\r\n    if (props.action.analyticsData && props.action.analyticsOptions)\r\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\r\n\r\n    if (FunctionHelper.isFunction(props.action.onClick))\r\n      props.action.onClick(e);\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\r\n      onClick={onClick}\r\n    >\r\n      {props.action.label}\r\n    </span>\r\n  );\r\n}\r\n\r\ninterface ActionsDropdownProps {\r\n  actions: DropdownActionOptions[];\r\n  className?: string;\r\n  dropdownToggleClassName?: string;\r\n}\r\n\r\nActionsDropdown.defaultProps = {\r\n  dropdownToggleClassName: 'btn btn-light'\r\n};\r\n\r\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\r\n  if (!props.actions || !props.actions.length)\r\n    return <></>;\r\n\r\n  // Generate unique id to avoid collisions.\r\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\r\n\r\n  let dropdownToggleClassName = `px-0 ${styles.dropdownToggle}`;\r\n\r\n  if (props.dropdownToggleClassName)\r\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\r\n\r\n  return (\r\n    <Dropdown className={props.className ? props.className : ''} alignRight>\r\n      <Dropdown.Toggle as='button' type='button' id={dropdownToggleId} className={dropdownToggleClassName}>\r\n        <SvgContainer svgName={cvSvgLibrary.More} size={SvgContainerSize.Small} />\r\n      </Dropdown.Toggle>\r\n      <Dropdown.Menu>\r\n        {props.actions.map((a, idx) =>\r\n          <ActionsDropdownItem key={idx} action={a} />\r\n        )}\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonList\":\"cv--buttonList--2v9CT\",\"dropdownToggle\":\"cv--dropdownToggle--AYBvQ\"};","import * as React from 'react';\r\n\r\ninterface EmptyStateProps {\r\n  imageUrl: string;\r\n  heading: string;\r\n  description?: string;\r\n}\r\n\r\nexport function EmptyState(props: EmptyStateProps): React.ReactElement {\r\n  const { imageUrl, heading, description } = props;\r\n\r\n  return (\r\n    <div className='empty-state-container'>\r\n      <div className='content-container'>\r\n        {imageUrl && <img src={imageUrl} />}\r\n        <h1>{heading}</h1>\r\n        {description && <p dangerouslySetInnerHTML={{ __html: description }}/>}\r\n      </div>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Spinner } from 'react-bootstrap';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './infinite-scroll-footer.scss';\r\n\r\ninterface InfiniteScrollFooterProps {\r\n  isFetching: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\r\n  return (\r\n    <div className={`p-3 text-center ${styles.container}`}>\r\n      {props.isFetching\r\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\r\n        : <SvgContainer\r\n            svgName={cvSvgLibrary.ChevronDown}\r\n            className='svg-container cursor-pointer'\r\n            size={SvgContainerSize.Large}\r\n            onClick={props.onClick}\r\n          />\r\n      }\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"cv--container--1_KC6\",\"spinner\":\"cv--spinner--VXlcl\"};","import { Flight } from 'libs/common/flight';\r\n\r\nconst endpoints = {\r\n  presentationAudiences: () => `/api/domain/v1/subjects/audiences?type=subject`\r\n};\r\n\r\nexport const AudienceRequests = {\r\n  presentationAudiences(): Flight.Request {\r\n    return {\r\n      bootstrapName: 'presentationAudiences',\r\n      url: endpoints.presentationAudiences(),\r\n      key: `presentation:audiences`,\r\n      normalize: false\r\n    };\r\n  }\r\n};","import { useEffect } from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nconst SCROLL_TOLERANCE = 400; // value in px\r\n\r\nexport function useInfiniteScroll(fetchNextPage: () => void, hasMore: boolean, isFetching: boolean): void {\r\n  const handleScroll = (): void => {\r\n    if (isFetching)\r\n      return;\r\n\r\n    const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\r\n\r\n    const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\r\n\r\n    if (currentScrollHeight < totalHeight)\r\n      return;\r\n\r\n    fetchNextPage();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\r\n\r\n    if (hasMore)\r\n      window.addEventListener('scroll', onScroll);\r\n\r\n    return () => window.removeEventListener('scroll', onScroll);\r\n  }, [hasMore]);\r\n}","import { useMemo } from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BasePaginatedCollection } from 'libs/shared/interfaces';\r\n\r\nconst safeGetCursor = (request: Flight.Response<any>): string => {\r\n  return request\r\n    && request.data\r\n    && request.data.pagination\r\n    && request.data.pagination.cursors\r\n    && request.data.pagination.cursors.next;\r\n};\r\n\r\ninterface SelectAllPagesResult<T> {\r\n  items: T[];\r\n  shouldInitialFetch: boolean;\r\n  nextCursor: string;\r\n  isFetching: boolean;\r\n}\r\n\r\n/**\r\n * Hook to select all pages of a collection from the store and flatten them.\r\n * It will not trigger any fetches.\r\n * \r\n * @param getKey - callback function to get the key for each page.\r\n * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.\r\n */\r\nexport function useSelectAllPages<T>(getKey: ((cursor?: string) => string) | false): SelectAllPagesResult<T> {\r\n  return useSelector(useMemo(() => (state: ApplicationState) => {\r\n    const getKeyFn = (getKey as Function);\r\n\r\n    let request = FunctionHelper.isFunction(getKey) &&\r\n      Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn());\r\n\r\n    let isFetching = request && request.isFetching;\r\n    const shouldInitialFetch = request && request.shouldFetch;\r\n\r\n    let items = request && request.data && request.data.data;\r\n    let nextCursor = safeGetCursor(request);\r\n\r\n    // Retrieve all pages that are currently in the store.\r\n    while (nextCursor) {\r\n      request = Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn(nextCursor));\r\n\r\n      isFetching = request.isFetching;\r\n\r\n      // If next page hasn't been fetched, break.\r\n      if (request.shouldFetch)\r\n        break;\r\n\r\n      let newItems = request.data && request.data.data;\r\n      newItems && items.push(...newItems);\r\n\r\n      nextCursor = safeGetCursor(request);\r\n    }\r\n\r\n    return {\r\n      shouldInitialFetch,\r\n      items,\r\n      nextCursor,\r\n      isFetching,\r\n    };\r\n  }, [getKey]));\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Playlist, Config, PresentationAudience, CurrentUser } from 'libs/shared/interfaces';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { useInfiniteScroll } from 'libs/shared/hooks/UseInfiniteScroll';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { useSelectAllPages } from 'libs/shared/hooks/UseSelectAllPages';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\nimport { PlaylistList } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistList';\r\nimport { PartialPlaylistList } from 'libs/shared/apps/playlists/components/playlist-list/PartialPlaylistList';\r\nimport { EmptyPlaylistList } from 'libs/shared/apps/playlists/components/empty-state/EmptyPlaylistList';\r\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\r\nimport { PlaylistCollectionIdentifier } from 'libs/shared/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier';\r\nimport { PlaylistType } from 'libs/shared/apps/playlists/enums/PlaylistType';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PlaylistSortSelect } from 'libs/shared/apps/playlists/components/sort-select/PlaylistSortSelect';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nconst namespace = 'playlists.playlists';\r\n\r\nconst BG_CLASS_NAMES = [\r\n  'bg-froly', 'bg-pizazz', 'bg-emerald', 'bg-puerto-rico', 'bg-pelorous', 'bg-picton-blue', 'bg-portage', 'bg-east-side'\r\n];\r\n\r\nfunction getSortAppLink(sort: PlaylistSortType): Core.AppLink {\r\n  return {\r\n    application: AppChannels.PLAYLISTS,\r\n    action: Actions.Playlists.HOME,\r\n    params: {\r\n      sort: sort\r\n    }\r\n  };\r\n}\r\n\r\ninterface PlaylistsViewProps {\r\n  sort: PlaylistSortType;\r\n  getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;\r\n}\r\n\r\nexport function PlaylistsView(props: PlaylistsViewProps): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config);\r\n  const user = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(AudienceRequests.presentationAudiences());\r\n\r\n  const getPlaylistRequest = (cursor?: string) =>\r\n    PlaylistRequests.getUserPlaylists(new PlaylistCollectionIdentifier(props.sort, cursor, PlaylistType.All));\r\n\r\n  const fetchNext = (cursor?: string) => {\r\n    Flight.getFetch(dispatch, getPlaylistRequest(cursor))();\r\n  };\r\n\r\n  const playlists = useSelectAllPages((cursor?: string) => getPlaylistRequest(cursor).key);\r\n\r\n  useSetPageTitle(LanguageService.getPhrase(namespace, 'title'));\r\n\r\n  useInfiniteScroll(() => fetchNext(playlists.nextCursor), !!playlists.nextCursor, playlists.isFetching);\r\n\r\n  React.useEffect(() => {\r\n    if (playlists.shouldInitialFetch)\r\n      fetchNext();\r\n  }, [playlists.shouldInitialFetch]);\r\n\r\n  const actions = [\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'newPlaylist'),\r\n      appLink: { application: AppChannels.PLAYLISTS, action: Actions.Playlists.NEW_PLAYLIST },\r\n      svgName: cvSvgLibrary.Plus,\r\n      className: 'btn btn-light',\r\n      button: true\r\n    }\r\n  ];\r\n\r\n  if (ArrayHelper.isEmpty(playlists.items))\r\n    return <EmptyPlaylistList />;\r\n\r\n  return (\r\n    <div className='bg-white px-3'>\r\n      <div className='d-flex justify-content-between'>\r\n        <h1><Text namespace={namespace} phrase='title' /></h1>\r\n        <div>\r\n          <ActionsComponent\r\n            actions={actions}\r\n            sortComponent={<PlaylistSortSelect type={props.sort} getSortAppLink={getSortAppLink} />}\r\n          />\r\n        </div>\r\n      </div>\r\n      {(!!playlists.items && !!user.data && !!config.data && (!!audiences.data || audiences.hasError))\r\n        ? <PlaylistList\r\n            playlists={playlists.items}\r\n            getPlaylistAppLink={props.getPlaylistAppLink}\r\n            imageCdnUrl={config.data.imageCdnUrl}\r\n            currentUser={user.data}\r\n            presentationAudiences={audiences.data || []}\r\n            bgColourClassNames={BG_CLASS_NAMES}\r\n            showCount\r\n            showOwner\r\n            showLastUpdated\r\n          />\r\n        : <PartialPlaylistList />\r\n      }\r\n      {!!playlists.items && !!(playlists.nextCursor || playlists.isFetching) &&\r\n        <InfiniteScrollFooter\r\n          isFetching={playlists.isFetching}\r\n          onClick={() => fetchNext(playlists.nextCursor)}\r\n        />\r\n      }\r\n    </div>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/27-35820f00f1.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[27],{1013:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(831),c=n(885),i=n(7),l=n(884),u=i.a.encloseNamespace("classrooms.classroomValidation"),s=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return u("nameExceeds")})).required((function(){return u("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return u("colourRequired")})).default(l.a.White)}),m=n(825),d=n(850),f=n(851),p=n(73),b=n(924),v=n(987),h=n.n(v),y="classrooms.classroomGroupDetailsForm",g=i.a.encloseNamespace(y);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:g("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(b.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(p.b,{namespace:y,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function E(e){var t,n,a,c=e.group,i=e.saveGroup,l=e.onClickCancel,u={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:u,validationSchema:s,onSubmit:i},r.a.createElement(O,{isNew:!c,onClickCancel:l}))}n.d(t,"a",(function(){return E}))},1274:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return b}));var a=n(0),r=n.n(a),o=n(61),c=n(7),i=n(14),l=n(238),u=n(823),s=n(241),m=n(1013),d=n(40),f=n(3),p=c.a.encloseNamespace("classrooms.createClassroomGroup");function b(e){var t=i.a.useBasicFetch(s.a.getClassroom(e.classroomId)),n=Object(u.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(p("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(l.a,{title:p("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){i.a.fetch(a,s.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){i.a.fetch(a,s.a.addStudentsToGroup(e.studentIds,t.id,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Associate,descriptor:f.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(p("error"))})))},onClickCancel:e.closePopup}))}},823:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(153),r=n(48),o=n(52),c=function(){var e=Object(a.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},824:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},831:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(825),o=n(35),c=n(57),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){s&&o(),r(!1)}))},initialStatus:f}),o.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},841:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(825),r={getCustomFormControlClassName:function(e,t,n,r){var o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},850:function(e,t,n){"use strict";var a=n(0),r=n(825),o=n(33),c=n(35),i=n(841);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),p=f.errors,b=f.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:u.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(p,b,u.name,n)},u)),!!c&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},851:function(e,t,n){"use strict";var a=n(0),r=n(825);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=n(246),l=n(73);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},884:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},898:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},924:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(33),c=n(824),i=n(55),l=n(13),u=n(884),s=n(898),m=n(925),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===u.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(s.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(s.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(u.a).map((function(n){var a=u.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===u.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:u.a.White,onSelect:function(){}}},925:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},987:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}}}]);

package/dist/scripts/27-400831ca44.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[27],{1014:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(832),c=n(886),i=n(7),l=n(885),u=i.a.encloseNamespace("classrooms.classroomValidation"),s=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return u("nameExceeds")})).required((function(){return u("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return u("colourRequired")})).default(l.a.White)}),m=n(826),d=n(851),f=n(852),p=n(73),b=n(925),v=n(988),h=n.n(v),y="classrooms.classroomGroupDetailsForm",g=i.a.encloseNamespace(y);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:g("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(b.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(p.b,{namespace:y,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function E(e){var t,n,a,c=e.group,i=e.saveGroup,l=e.onClickCancel,u={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:u,validationSchema:s,onSubmit:i},r.a.createElement(O,{isNew:!c,onClickCancel:l}))}n.d(t,"a",(function(){return E}))},1274:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return b}));var a=n(0),r=n.n(a),o=n(61),c=n(7),i=n(14),l=n(238),u=n(824),s=n(241),m=n(1014),d=n(40),f=n(3),p=c.a.encloseNamespace("classrooms.createClassroomGroup");function b(e){var t=i.a.useBasicFetch(s.a.getClassroom(e.classroomId)),n=Object(u.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(p("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(l.a,{title:p("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){i.a.fetch(a,s.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){i.a.fetch(a,s.a.addStudentsToGroup(e.studentIds,t.id,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Associate,descriptor:f.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(p("error"))})))},onClickCancel:e.closePopup}))}},824:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(153),r=n(48),o=n(52),c=function(){var e=Object(a.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},825:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},832:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(826),o=n(35),c=n(57),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){s&&o(),r(!1)}))},initialStatus:f}),o.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},842:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(826),r={getCustomFormControlClassName:function(e,t,n,r){var o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},851:function(e,t,n){"use strict";var a=n(0),r=n(826),o=n(33),c=n(35),i=n(842);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),p=f.errors,b=f.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:u.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(p,b,u.name,n)},u)),!!c&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},852:function(e,t,n){"use strict";var a=n(0),r=n(826);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=n(246),l=n(73);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},885:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},899:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},925:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(33),c=n(825),i=n(55),l=n(13),u=n(885),s=n(899),m=n(926),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===u.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(s.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(s.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(u.a).map((function(n){var a=u.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===u.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:u.a.White,onSelect:function(){}}},926:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},988:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}}}]);

package/dist/scripts/27-8a4d69f288.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[27],{1004:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(822),c=n(877),i=n(7),l=n(876),u=i.a.encloseNamespace("classrooms.classroomValidation"),s=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return u("nameExceeds")})).required((function(){return u("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return u("colourRequired")})).default(l.a.White)}),m=n(817),d=n(839),f=n(840),p=n(76),b=n(913),v=n(980),h=n.n(v),g="classrooms.classroomGroupDetailsForm",y=i.a.encloseNamespace(g);function E(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(p.b,{namespace:g,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(p.b,{namespace:g,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:y("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(b.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(p.b,{namespace:g,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function O(e){var t,n,a,c=e.group,i=e.saveGroup,l=e.onClickCancel,u={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:u,validationSchema:s,onSubmit:i},r.a.createElement(E,{isNew:!c,onClickCancel:l}))}n.d(t,"a",(function(){return O}))},1262:function(e,t,n){"use strict";n.r(t),n.d(t,"EditClassroomGroupView",(function(){return p}));var a=n(0),r=n.n(a),o=n(60),c=n(14),i=n(7),l=n(233),u=n(815),s=n(237),m=n(1004),d=n(40),f=i.a.encloseNamespace("classrooms.editClassroomGroup");function p(e){var t=c.a.useBasicFetch(s.a.getClassroom(e.classroomId)),n=Object(u.a)(),a=Object(o.useDispatch)(),i=t.data?t.data.groups.find((function(t){return t.id===e.groupId})):null;return r.a.createElement(l.a,{title:f("title"),closePopup:e.closePopup,showLoadingSpinner:!i},r.a.createElement(m.a,{saveGroup:function(r){c.a.fetch(a,s.a.editGroup(r,t.data,(function(){n.success(f("success",{groupName:r.name})),d.a.logUserAction(r,e.analyticsOptions),e.closePopup()}),(function(){n.error(f("error",{groupName:i.name}))})))},group:i,onClickCancel:e.closePopup}))}},815:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(152),r=n(46),o=n(55),c=function(){var e=Object(a.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},816:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},822:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(817),o=n(34),c=n(54),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){s&&o(),r(!1)}))},initialStatus:f}),o.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},833:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(817),r={getCustomFormControlClassName:function(e,t,n,r){var o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},839:function(e,t,n){"use strict";var a=n(0),r=n(817),o=n(36),c=n(34),i=n(833);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),p=f.errors,b=f.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:u.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(p,b,u.name,n)},u)),!!c&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},840:function(e,t,n){"use strict";var a=n(0),r=n(817);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=n(242),l=n(76);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},876:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},891:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},913:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(36),c=n(816),i=n(52),l=n(13),u=n(876),s=n(891),m=n(914),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===u.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(s.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(s.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(u.a).map((function(n){var a=u.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===u.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:u.a.White,onSelect:function(){}}},914:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},980:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}}}]);

package/dist/scripts/27-e844268f38.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[27],{1014:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(832),c=n(886),i=n(7),l=n(885),u=i.a.encloseNamespace("classrooms.classroomValidation"),s=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return u("nameExceeds")})).required((function(){return u("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return u("colourRequired")})).default(l.a.White)}),m=n(826),d=n(851),f=n(852),p=n(73),b=n(925),v=n(988),h=n.n(v),y="classrooms.classroomGroupDetailsForm",g=i.a.encloseNamespace(y);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:g("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(b.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(p.b,{namespace:y,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function E(e){var t,n,a,c=e.group,i=e.saveGroup,l=e.onClickCancel,u={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:u,validationSchema:s,onSubmit:i},r.a.createElement(O,{isNew:!c,onClickCancel:l}))}n.d(t,"a",(function(){return E}))},1275:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return b}));var a=n(0),r=n.n(a),o=n(61),c=n(7),i=n(14),l=n(238),u=n(824),s=n(241),m=n(1014),d=n(40),f=n(3),p=c.a.encloseNamespace("classrooms.createClassroomGroup");function b(e){var t=i.a.useBasicFetch(s.a.getClassroom(e.classroomId)),n=Object(u.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(p("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(l.a,{title:p("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){i.a.fetch(a,s.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){i.a.fetch(a,s.a.addStudentsToGroup(e.studentIds,t.id,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Associate,descriptor:f.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(p("error"))})))},onClickCancel:e.closePopup}))}},824:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(153),r=n(48),o=n(52),c=function(){var e=Object(a.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},825:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},832:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(826),o=n(35),c=n(57),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){s&&o(),r(!1)}))},initialStatus:f}),o.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},842:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(826),r={getCustomFormControlClassName:function(e,t,n,r){var o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},851:function(e,t,n){"use strict";var a=n(0),r=n(826),o=n(33),c=n(35),i=n(842);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),p=f.errors,b=f.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:u.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(p,b,u.name,n)},u)),!!c&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},852:function(e,t,n){"use strict";var a=n(0),r=n(826);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=n(246),l=n(73);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},885:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},899:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},925:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(33),c=n(825),i=n(55),l=n(13),u=n(885),s=n(899),m=n(926),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===u.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(s.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(s.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(u.a).map((function(n){var a=u.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===u.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:u.a.White,onSelect:function(){}}},926:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},988:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}}}]);