@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/div-button/DivButton.tsx","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/forms/form-checkbox/Checkbox.tsx","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/toggle-switch/ToggleSwitch.tsx","file://C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/clickview/packages/libs/shared/src/utils/EmbedHelper.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/components/share/copy-embed-html/CopyEmbedHtml.tsx","webpack://@clickview/lite/./src/shared/components/share/copy-embed-html/copy-embed-html.scss?2e6f","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/components/share/sharee-item/ShareeItem.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/InputSelection.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx","webpack://@clickview/lite/./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss?e021","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/flight-requests/ShareRequests.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/views/share/ShareView.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/views/share/main-view/MainShareView.tsx","webpack://@clickview/lite/./src/shared/views/share/main-view/main-share.scss?e107","file://C:/ClickView Projects/clickview/packages/projects/lite/src/shared/views/share/settings-view/ShareSettingsView.tsx","webpack://@clickview/lite/./src/shared/views/share/settings-view/share-settings.scss?bd7b"],"names":[],"mappings":"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","file":"scripts/23.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {\r\n  onClick: (...args: any) => any;\r\n}\r\n\r\n/**\r\n * This element lets us use `div` elements as buttons without losing the accessibility of\r\n * a regular HTML button element\r\n */\r\nexport function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element {\r\n  return (\r\n    <div\r\n      role='button'\r\n      tabIndex={0}\r\n      className={`${props.className ? props.className : ''} cursor-pointer`}\r\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && props.onClick(e)}\r\n      onClick={props.onClick}\r\n      style={props.style ? props.style : {}}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\n\r\ninterface CheckboxProps {\r\n  id: string;\r\n  checked: boolean;\r\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  label?: string;\r\n  name?: string;\r\n  className?: string;\r\n}\r\n\r\nCheckbox.defaultProps = {\r\n  checked: false,\r\n  label: '',\r\n  className: ''\r\n};\r\n\r\n/**\r\n * Use this checkbox outside of Formik contexts\r\n */\r\nexport function Checkbox(props: CheckboxProps): JSX.Element {\r\n  return (\r\n    <div className={`custom-control custom-checkbox ${props.className}`}>\r\n      <input\r\n        type='checkbox'\r\n        className='custom-control-input'\r\n        id={props.id}\r\n        name={props.name}\r\n        checked={props.checked}\r\n        onChange={props.onChange}\r\n      />\r\n      <label className='custom-control-label cursor-pointer' htmlFor={props.id}>{props.label}</label>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\ninterface ToggleSwitchProps {\r\n  onClick: (...args: any) => any;\r\n  on: boolean;\r\n  disabled?: boolean;\r\n\r\n  // Using this goes against proper a11y practices, but it's been added for situations where it looks better\r\n  hideOutline?: boolean;\r\n}\r\n\r\nexport function ToggleSwitch(props: ToggleSwitchProps): JSX.Element {\r\n  function onClick(...args: any): void {\r\n    if (props.disabled)\r\n      return;\r\n\r\n    props.onClick(...args);\r\n  }\r\n\r\n  const bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';\r\n  const onClass = (props.on && !props.disabled) ? 'on' : '';\r\n  const disabledClass = props.disabled ? 'disabled' : '';\r\n  const outlineClass = props.hideOutline ? 'outline-none' : '';\r\n\r\n  return (\r\n    <DivButton\r\n      onClick={onClick}\r\n      className={`${bootstrapClasses} ${onClass} ${disabledClass} ${outlineClass}`}\r\n    >\r\n      <span className='handle' />\r\n    </DivButton>\r\n  );\r\n}","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst namespace = 'shared.shared-utils';\r\n\r\nexport interface EmbedResolution {\r\n  width: '100%' | '640' | '1014' | '1280';\r\n  height: '100%' | '360' | '576' | '720';\r\n  label: string;\r\n}\r\n\r\nexport const EmbedHelper = {\r\n  getEmbedResolutions(): EmbedResolution[] {\r\n    return [\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'responsive'),\r\n        width: '100%',\r\n        height: '100%'\r\n      },\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'small'),\r\n        width: '640',\r\n        height: '360'\r\n      },\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'medium'),\r\n        width: '1014',\r\n        height: '576'\r\n      },\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'large'),\r\n        width: '1280',\r\n        height: '720'\r\n      }\r\n    ];\r\n  }\r\n};","import React from 'react';\r\nimport * as CopyToClipboard from 'react-copy-to-clipboard';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\nimport { EmbedResolution, EmbedHelper } from 'libs/shared/utils/EmbedHelper';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\n\r\nimport styles from './copy-embed-html.scss';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { UserAction, ClickDescriptor } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'share.copyEmbedHtml';\r\n\r\ntype CopyEmbedHtmlProps = PropsWithAnalyticsOptions<{\r\n  entityId: string;\r\n  shortCode: string;\r\n}>;\r\n\r\nexport function CopyEmbedHtml(props: CopyEmbedHtmlProps): JSX.Element {\r\n  const videoSizes = EmbedHelper.getEmbedResolutions();\r\n\r\n  const [ copyBtnPhrase, setCopyBtnPhrase ] = React.useState<'copy' | 'copied'>('copy');\r\n  const [ autoplay, setAutoplay ] = React.useState(false);\r\n  const [ videoSize, setVideoSize ] = React.useState<EmbedResolution>(videoSizes.find(s => s.width === '100%'));\r\n\r\n  // TODO: This embed string will likely get generated by the backend once that's done, so this will probably go.\r\n  function getEmbedString(): string {\r\n    const baseUrl = 'https://localhost:5001/share/embed';\r\n\r\n    const dynamicAttributes = videoSize.width === '100%'\r\n      ? 'style=\"position:absolute; top:0; left:0; width:100%; height:100%;\"'\r\n      : `width=\"${videoSize.width}\" height=\"${videoSize.height}\"`;\r\n\r\n    const fixedAttributes = 'frameborder=\"0\" allowfullscreen webkitallowfullscreen mozallowfullscreen';\r\n\r\n    const src = `src=\"${baseUrl}/${props.shortCode}?a=${autoplay}\"`;\r\n\r\n    return `<iframe ${dynamicAttributes} ${fixedAttributes} ${src}></iframe>`;\r\n  }\r\n\r\n  function onCopy(): void {\r\n    setCopyBtnPhrase('copied');\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      id: props.entityId,\r\n      size: videoSize,\r\n      autoplay\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Click,\r\n      descriptor: ClickDescriptor.CopyEmbedHtml\r\n    }));\r\n  }\r\n\r\n  const embedString = getEmbedString();\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <label className='m-0'><Text namespace={namespace} phrase='label' /></label>\r\n      <div className='position-relative mb-2'>\r\n        <textarea\r\n          className='form-control rounded w-100 h-100 bg-white border-dark'\r\n          spellCheck={false}\r\n          value={embedString}\r\n          rows={5}\r\n          readOnly\r\n        />\r\n        <div className={`input-group-append rounded ${styles.copyBtnContainer}`}>\r\n          <CopyToClipboard onCopy={onCopy} text={embedString}>\r\n            <button className={`btn bg-white ${styles.copyBtn}`}>\r\n              <Text phrase={copyBtnPhrase} />\r\n            </button>\r\n          </CopyToClipboard>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='d-flex align-items-center'>\r\n        <div className='mr-1'>\r\n          <Text phrase='videoSize' />\r\n        </div>\r\n        <div className='pr-3'>\r\n          <Dropdown>\r\n            <Dropdown.Toggle id='embed-resolution' variant='outline-dark'>\r\n              {videoSize.label}\r\n            </Dropdown.Toggle>\r\n\r\n            <Dropdown.Menu>\r\n              {videoSizes.map(size => (\r\n                <Dropdown.Item\r\n                  key={`${size.width}x${size.height}`}\r\n                  onClick={() => setVideoSize(size)}\r\n                >\r\n                  {size.label}\r\n                </Dropdown.Item>\r\n              ))}\r\n            </Dropdown.Menu>\r\n          </Dropdown>\r\n        </div>\r\n\r\n        <div className='mr-1'>\r\n          <Text phrase='autoplay' />\r\n        </div>\r\n        <Checkbox id={props.shortCode} checked={autoplay} onChange={() => setAutoplay(!autoplay)} />\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"copyBtnContainer\":\"cv--copyBtnContainer--3SR_7\",\"copyBtn\":\"cv--copyBtn--B_4l9\"};","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\r\n\r\ninterface ShareeItemProps {\r\n  entity: BaseObject;\r\n}\r\n\r\nexport function ShareeItem(props: ShareeItemProps): JSX.Element {\r\n  return (\r\n    <div className='d-flex align-items-center'>\r\n      <div className='pr-2'>\r\n        {/* TODO: Add avatar to user and classroom models? */}\r\n        <Avatar imageUrl='' imageCdnUrl='' initials='' />\r\n      </div>\r\n\r\n      <div>\r\n        <h4 className='font-size-normal font-weight-normal m-0'>{props.entity.name}</h4>\r\n        <p className='text-muted m-0'>Email or classroom count here idk</p>\r\n      </div>\r\n\r\n      <div>\r\n\r\n      </div>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nfunction mapEntityTypeToBackgroundColor(entityType: string): string {\r\n  switch (entityType) {\r\n  case 'user': {\r\n    return styles.selectedUser;\r\n  }\r\n\r\n  case 'classroom': {\r\n    return styles.selectedClassroom;\r\n  }\r\n  }\r\n}\r\n\r\ninterface InputSelectionProps {\r\n  selection: BaseObject;\r\n  onClickRemove: (id: string) => void;\r\n}\r\n\r\nexport function InputSelection(props: InputSelectionProps): JSX.Element {\r\n  const colourClass = mapEntityTypeToBackgroundColor('user');\r\n\r\n  return (\r\n    <div className={`${colourClass} d-flex align-items-center pl-2 pr-1 mr-1 mt-1`}>\r\n      <span className='mr-1'>{props.selection.name}</span>\r\n\r\n      <DivButton className='cursor-pointer' onClick={() => props.onClickRemove(props.selection.id)}>\r\n        <SvgContainer svgName={cvSvgLibrary.Close} />\r\n      </DivButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { SearchBar } from 'libs/shared/components/search-bar/SearchBar';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { ShareeItem } from 'shared/components/share/sharee-item/ShareeItem';\r\nimport { InputSelection } from './InputSelection';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nconst namespace = 'shared.tokenizedTypeahead';\r\n\r\ninterface TokenizedTypeaheadProps {\r\n  placeholder: string;\r\n  selections: BaseObject[];\r\n  updateSelections: (suggestion: BaseObject) => void;\r\n  removeSelection: (id: string) => void;\r\n  recentSearchHeading?: string;\r\n  endpoint?: string;\r\n  localSuggestions?: BaseObject[];\r\n}\r\n\r\n/**\r\n * This component extends the functionality of the `SearchBar` component by\r\n * displaying a list of selections as tokens inside the search bar.\r\n * \r\n * Any component using this component is responsible for managing the state of\r\n * these tokens (selections). See `MainShareView` for an example.\r\n */\r\nexport function TokenizedTypeahead(props: TokenizedTypeaheadProps): JSX.Element {\r\n  function onSuggestionSelected(suggestion: any): void {\r\n    props.updateSelections(suggestion);\r\n  }\r\n\r\n  return (\r\n    <div className='form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'>\r\n      <SvgContainer className='svg-container mx-1 h-100 align-self-start' svgName={cvSvgLibrary.Search} />\r\n\r\n      <div className={`${styles.selectionContainer} d-flex flex-wrap align-items-center mt-n1`}>\r\n        {props.selections.map(s => (\r\n          <InputSelection\r\n            key={s.id}\r\n            selection={s}\r\n            onClickRemove={(id: string) => props.removeSelection(id)}\r\n          />\r\n        ))}\r\n\r\n        <SearchBar\r\n          onSuggestionSelected={onSuggestionSelected}\r\n          onBackspace={() => props.removeSelection(ArrayHelper.last(props.selections).id)}\r\n          local={props.localSuggestions}\r\n          recentSearchHeading={props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading')}\r\n          recentSearches={[]}\r\n          placeholder={props.placeholder}\r\n          searchIconPlacement={false}\r\n          activationLength={2}\r\n          clearQueryOnSelect\r\n          getSuggestionComponent={suggestion => <ShareeItem entity={suggestion} />}\r\n          theme={{\r\n            container: styles.container,\r\n            suggestionsContainerOpen: `bg-white py-1 rounded border mt-1 ${styles.suggestionsContainerOpen}`,\r\n            suggestionsList: 'list-unstyled m-0',\r\n            suggestion: 'cursor-pointer py-1 px-2',\r\n            suggestionHighlighted: styles.suggestionHighlighted\r\n          }}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"cv--container--16rdL\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--2886c\",\"selectionContainer\":\"cv--selectionContainer--12TCg\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3HZFR\",\"selectedUser\":\"cv--selectedUser--3NTEb\",\"selectedClassroom\":\"cv--selectedClassroom--x8G1B\"};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { WithStatements } from 'shared/constants/WithStatements';\r\n\r\nexport const ShareRequests = {\r\n  getShareData(id: string): Flight.Request {\r\n    if (!id)\r\n      return;\r\n\r\n    return {\r\n      url: '/api/domain/v1/share',\r\n      key: `share:${id}`,\r\n      type: HttpVerbs.POST,\r\n      data: {\r\n        id,\r\n        privacy: null\r\n      }\r\n    };\r\n  },\r\n\r\n  sharedResource(shortCode: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v2/share/${shortCode}?query=${WithStatements.VIDEO}`,\r\n      key: `shared:resource:${shortCode}`\r\n    };\r\n  }\r\n};","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { PopupViewProps, Video, Share, Playlist, Classification, CurrentUser } from 'libs/shared/interfaces';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\nimport { ShareRequests } from 'shared/flight-requests/ShareRequests';\r\nimport { MainShareView } from 'shared/views/share/main-view/MainShareView';\r\nimport { ShareSettingsView } from 'shared/views/share/settings-view/ShareSettingsView';\r\nimport { EntityType, LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'shared.share';\r\n\r\nexport type SharableEntity = 'video' | 'playlist' | 'subject';\r\n\r\nconst getFetchFunctionByType = (type: SharableEntity) => {\r\n  switch (type) {\r\n  case 'video': {\r\n    return (id: string) => Flight.useBasicFetch<Video>(VideoRequests.video(id));\r\n  }\r\n\r\n  case 'playlist': {\r\n    return (id: string) => Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(id));\r\n  }\r\n\r\n  case 'subject': {\r\n    return (id: string, userId: string) => {\r\n      return Flight.useBasicFetch<Classification>(ClassificationRequests.classification(id, userId));\r\n    };\r\n  }\r\n  }\r\n};\r\n\r\ninterface ShareViewProps extends PopupViewProps {\r\n  entityId: string;\r\n  entityType: SharableEntity;\r\n}\r\n\r\nexport function ShareView(props: ShareViewProps): JSX.Element {\r\n  const [ showSettings, setShowSettings ] = React.useState(false);\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser);\r\n\r\n  const fetchFunction = getFetchFunctionByType(props.entityType);\r\n  const entity = fetchFunction(props.entityId, currentUser.data?.id);\r\n\r\n  const shareData = Flight.useBasicFetch<Share>(ShareRequests.getShareData(entity.data?.id));\r\n\r\n  const popupTitle = !showSettings\r\n    ? LanguageService.getPhrase(namespace, 'mainTitle', { name: entity.data?.name || '' })\r\n    : LanguageService.getPhrase(namespace, 'settingsTitle', { name: entity.data?.name || '' });\r\n\r\n  function getAnalyticsEntityType(): EntityType {\r\n    switch (props.entityType) {\r\n    case 'playlist':\r\n      return EntityType.Playlist;\r\n    case 'subject':\r\n      return EntityType.Classification;\r\n    case 'video':\r\n      return EntityType.Video;\r\n    }\r\n  }\r\n\r\n  const analyticsOptions = {\r\n    entity: getAnalyticsEntityType(),\r\n    location: LocationContext.Popup,\r\n    workflowPhase: WorkflowPhase.Complete\r\n  };\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <Popup\r\n        title={popupTitle}\r\n        closePopup={props.closePopup}\r\n        showLoadingSpinner={!shareData.data}\r\n      >\r\n        {(() => {\r\n          if (!shareData.data)\r\n            return <></>;\r\n\r\n          return !showSettings\r\n            ? <MainShareView\r\n                shareData={shareData.data}\r\n                entity={entity.data}\r\n                entityType={props.entityType}\r\n                onClickShowSettings={() => setShowSettings(true)}\r\n                analyticsOptions={analyticsOptions}\r\n              />\r\n            : <ShareSettingsView\r\n                shareData={shareData.data}\r\n                showMain={() => setShowSettings(false)}\r\n                entityId={props.entityId}\r\n                analyticsOptions={analyticsOptions}\r\n              />;\r\n        })()}\r\n      </Popup>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\nimport * as CopyToClipboard from 'react-copy-to-clipboard';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { BaseObject, Share, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\n\r\nimport { TokenizedTypeahead } from 'shared/components/share/tokenized-typeahead/TokenizedTypeahead';\r\nimport { ShareeItem } from 'shared/components/share/sharee-item/ShareeItem';\r\n\r\nimport { SharableEntity } from '../ShareView';\r\n\r\nimport styles from './main-share.scss';\r\nimport mockUsers from '../mocks/instant-search-users.json';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, WorkflowPhase, UserAction, EntityType } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'shared.share';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype MainShareViewProps = PropsWithAnalyticsOptions<{\r\n  shareData: Share;\r\n  entity: BaseObject;\r\n  entityType: SharableEntity;\r\n  onClickShowSettings: () => void;\r\n}>;\r\n\r\n// This will need to be updated a fair bit probs once we work out how the backend will look\r\nexport function MainShareView(props: MainShareViewProps): JSX.Element {\r\n  const [ showingShareLink, setShowingShareLink ] = React.useState(false);\r\n  const [ showCopiedText, setShowCopiedText ] = React.useState(false);\r\n  const [ searchSuggestions, setSearchSuggestions ] = React.useState<BaseObject[]>([]);\r\n  const [ selections, setSelections ] = React.useState<BaseObject[]>([]);\r\n  const [ entitiesSharedTo, setEntitiesSharedTo ] = React.useState<BaseObject[]>([]);\r\n\r\n  const alerts = useAlerts();\r\n\r\n  React.useEffect(() => {\r\n    // Filter out any suggestions that are currently selected\r\n    const selectedIds = selections.map(s => s.id);\r\n    const filteredSuggestions = mockUsers.filter(user => !selectedIds.includes(user.id));\r\n\r\n    setSearchSuggestions(filteredSuggestions);\r\n  }, [selections]);\r\n\r\n  function onClickShare(): void {\r\n    // TODO: Uncomment and move to success callback when backend is in use\r\n    AnalyticsHelper.logUserAction({\r\n      shareCount: selections.length\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Share\r\n    }));\r\n\r\n    setEntitiesSharedTo([ ...entitiesSharedTo, ...selections ]);\r\n    setSelections([]);\r\n\r\n    alerts.success(LanguageService.getPhrase(namespace, 'success', { name: props.entity.name }));\r\n  }\r\n\r\n  function onClickCreateShareLink(): void {\r\n    setShowingShareLink(true);\r\n\r\n    // The data used here will need to be updated when this is wired up to a backend\r\n    AnalyticsHelper.logUserAction({\r\n      shareLink: props.shareData.shortUrl\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Create,\r\n      entity: EntityType.ShareLink\r\n    }));\r\n  }\r\n\r\n  function onCopy(): void {\r\n    if (showCopiedText)\r\n      return;\r\n\r\n    setShowCopiedText(true);\r\n    setTimeout(() => setShowCopiedText(false), 2000);\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className='d-flex justify-content-between align-items-center pb-3'>\r\n        <TokenizedTypeahead\r\n          localSuggestions={searchSuggestions}\r\n          selections={selections}\r\n          updateSelections={selection => setSelections([ ...selections, selection ])}\r\n          removeSelection={id => setSelections(selections.filter(s => s.id !== id))}\r\n          placeholder={getPhrase('searchPlaceholder')}\r\n        />\r\n        {props.entityType === 'playlist' &&\r\n          <p className='text-secondary pl-3 mb-0 text-center text-nowrap'><Text phrase='viewOnly' /></p>\r\n        }\r\n      </div>\r\n\r\n      {entitiesSharedTo.length\r\n        ? <div>\r\n            <h3 className='font-size-normal'><Text phrase='sharedTo' /></h3>\r\n            <ul className='list-unstyled'>\r\n              {entitiesSharedTo.map(e => (\r\n                <li className='mb-2'>\r\n                  <ShareeItem key={e.id} entity={e} />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        : <></>\r\n      }\r\n\r\n      <div className='mx-n3 px-3 pt-3 border-top'>\r\n        {selections.length\r\n          ? <button onClick={onClickShare} className='btn btn-dark float-right'>\r\n              <Text phrase='share' />\r\n            </button>\r\n          : <>\r\n              <div className={showingShareLink ? 'd-flex justify-content-between' : ''}>\r\n                <h3 className='h6 mr-auto'><Text phrase='shareLinkInstead' /></h3>\r\n                {showingShareLink &&\r\n                  <DivButton className='cursor-pointer' onClick={props.onClickShowSettings}>\r\n                    <SvgContainer svgName={cvSvgLibrary.Cog} />\r\n                  </DivButton>\r\n                }\r\n              </div>\r\n\r\n              <div className='d-flex justify-content-between align-items-center'>\r\n                <div className={`d-flex align-items-center ${showingShareLink ? 'w-100' : 'w-75'}`}>\r\n                  {showingShareLink\r\n                    ? <>\r\n                        <input\r\n                          type='text'\r\n                          id='share-link'\r\n                          autoComplete='off'\r\n                          className={`form-control bg-white border-dark ${styles.shareLink}`}\r\n                          spellCheck={false}\r\n                          value={props.shareData.shortUrl}\r\n                          readOnly\r\n                        />\r\n                        <CopyToClipboard text={props.shareData.shortUrl}>\r\n                          <DivButton\r\n                            className={`input-group-append border border-dark text-nowrap px-2 py-1 ${styles.copyBtn}`}\r\n                            onClick={onCopy}\r\n                          >\r\n                            <Text phrase={showCopiedText ? 'copiedLink' : 'copyLink'} />\r\n                          </DivButton>\r\n                        </CopyToClipboard>\r\n                      </>\r\n                    : <>\r\n                        <SvgContainer className='mr-1 svg-container' svgName={cvSvgLibrary.VisibleOn} />\r\n                        <Text phrase='publicLinkInfo' />\r\n                      </>\r\n                  }\r\n                </div>\r\n                {!showingShareLink &&\r\n                  <DivButton className='info-link' onClick={onClickCreateShareLink}>\r\n                    <Text phrase='createLink' />\r\n                  </DivButton>\r\n                }\r\n              </div>\r\n            </>\r\n        }\r\n      </div>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"shareLink\":\"cv--shareLink--cFx7z\",\"copyBtn\":\"cv--copyBtn--mrGX3\"};","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Share, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\n\r\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\r\nimport { CopyEmbedHtml } from 'shared/components/share/copy-embed-html/CopyEmbedHtml';\r\n\r\nimport styles from './share-settings.scss';\r\n\r\nconst namespace = 'shared.share';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype ShareSettingsViewProps = PropsWithAnalyticsOptions<{\r\n  shareData: Share;\r\n  showMain: () => void;\r\n  entityId: string;\r\n}>;\r\n\r\nexport function ShareSettingsView(props: ShareSettingsViewProps): JSX.Element {\r\n  const [ expireLink, setExpireLink ] = React.useState(false);\r\n  const [ passwordProtectLink, setPasswordProtectLink ] = React.useState(false);\r\n  const [ revealPassword, setRevealPassword ] = React.useState(false);\r\n  const [ linkPassword, setLinkPassword ] = React.useState('');\r\n\r\n  function onClickDeleteLink(): void {\r\n    // TODO: delete link\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      shareLink: props.shareData.shortUrl\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Delete,\r\n      entity: EntityType.ShareLink\r\n    }));\r\n\r\n    props.showMain();\r\n  }\r\n\r\n  function onClickSave(): void {\r\n    // TODO: Wire up to backend\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      hasPassword: !!linkPassword,\r\n      willExpire: expireLink\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Edit,\r\n      entity: EntityType.ShareLink\r\n    }));\r\n\r\n    props.showMain();\r\n  }\r\n\r\n  function onChangePassword(e: React.ChangeEvent<HTMLInputElement>): void {\r\n    setLinkPassword(e.currentTarget.value);\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className='d-flex align-items-center pb-3'>\r\n        <SvgContainer className='mr-1 svg-container' svgName={cvSvgLibrary.VisibleOn} />\r\n        <div className='mr-auto'><Text phrase='publicLinkInfo' /></div>\r\n        <DivButton onClick={onClickDeleteLink} className='info-link'>\r\n          <Text phrase='deleteLink' />\r\n        </DivButton>\r\n      </div>\r\n\r\n      <div className='d-flex justify-content-between align-items-center pb-3'>\r\n        <div>\r\n          <label className='m-0' htmlFor=''><Text phrase='linkExpirationHeading' /></label>\r\n          <p className='m-0'><Text phrase='linkExpirationInfo' /></p>\r\n        </div>\r\n        <ToggleSwitch onClick={() => setExpireLink(!expireLink)} on={expireLink} />\r\n      </div>\r\n\r\n      <div className='pb-3'>\r\n        <div className='d-flex justify-content-between align-items-center'>\r\n          <div>\r\n            <label className='m-0' htmlFor=''><Text phrase='passwordProtectHeading' /></label>\r\n            <p className='m-0'><Text phrase='passwordProtectInfo' /></p>\r\n          </div>\r\n          <ToggleSwitch onClick={() => setPasswordProtectLink(!passwordProtectLink)} on={passwordProtectLink} />\r\n        </div>\r\n\r\n        {passwordProtectLink &&\r\n          <div className='position-relative w-75 mt-2'>\r\n            <input\r\n              className='form-control'\r\n              value={linkPassword}\r\n              onChange={onChangePassword}\r\n              type={revealPassword ? 'text' : 'password'}\r\n              placeholder={getPhrase('passwordPlaceholder')}\r\n            />\r\n            <DivButton className={styles.passwordVisibilityToggle} onClick={() => setRevealPassword(!revealPassword)}>\r\n              <SvgContainer svgName={revealPassword ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff} />\r\n            </DivButton>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div className='pb-3'>\r\n        <CopyEmbedHtml\r\n          entityId={props.entityId}\r\n          shortCode={props.shareData.shortCode}\r\n          analyticsOptions={props.analyticsOptions}\r\n        />\r\n      </div>\r\n\r\n      <PopupButtons buttons={[\r\n        {\r\n          variant: 'outline-dark',\r\n          onClick: props.showMain,\r\n          buttonText: getPhrase('cancel')\r\n        },\r\n        {\r\n          variant: 'dark',\r\n          onClick: onClickSave,\r\n          buttonText: getPhrase('save')\r\n        }\r\n      ]} />\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"passwordVisibilityToggle\":\"cv--passwordVisibilityToggle--4X-7U\"};"],"sourceRoot":""}

package/dist/scripts/{24-4d8f7bcedd.chunk.js → 24-9a76b40556.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{1209:function(e,t,n){"use strict";n.r(t),n.d(t,"AddStudentsToClassroomView",(function(){return R}));var r=n(0),a=n.n(r),o=n(59),s=n(9),i=n(14),c=n(225),u=n(786),l=n(232),m=n(81),d=n(51),p=n(6),g=n(13),f=n(957),h=n(230),y=n(788),v=n(47);function S(e){return function(e){if(Array.isArray(e))return w(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||C(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(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=[],r=!0,a=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||C(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){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.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)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var k="classrooms.addStudentsToClassroom",O=s.a.encloseNamespace(k),E={application:p.a.USER_MANAGER,action:g.a.UserManager.STUDENTS};function R(e){var t=b(a.a.useState(!1),2),n=t[0],r=t[1],s=b(a.a.useState([]),2),p=s[0],g=s[1],C=i.a.useBasicFetch(h.a.getClassroom(e.classroomId)),w=i.a.useBasicFetch(y.a.tempGetAllStudents()),R=Object(o.useDispatch)(),A=Object(u.a)();return a.a.createElement(c.a,{title:O("title"),closePopup:e.closePopup,showLoadingSpinner:!C.data||!w.data},C.data&&w.data&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"pb-3"},a.a.createElement(f.a,{placeholder:O("placeholder"),selections:p,updateSelections:function(e){return g([].concat(S(p),[e]))},removeSelection:function(e){return g(p.filter((function(t){return t.id!==e})))},localSuggestions:w.data})),a.a.createElement("p",null,a.a.createElement(m.b,{namespace:k,phrase:"createNewStudent"}),a.a.createElement(d.a,{className:"info-link",onClick:e.closePopup,appLink:E},a.a.createElement(m.b,{namespace:k,phrase:"studentManager"}))),a.a.createElement(l.a,{buttons:[{variant:"link",onClick:e.closePopup,buttonText:O("cancel")},{variant:"dark",onClick:function(){p&&(r(!0),i.a.fetch(R,h.a.addStudents(p,e.classroomId,(function(){r(!1),v.a.logUserAction({id:e.classroomId,userCount:p.length},e.analyticsOptions),A.success(O("success",{smartCount:p.length,classroomName:C.data.name})),e.closePopup()}),(function(){r(!1),A.error(O("error",{smartCount:p.length})),e.closePopup()}))))},buttonText:O("add"),isSpinnerButton:!0,showSpinner:n}]})))}},788:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(14),a=n(82),o=n(21),s=n(796),i=n(790),c=n(791),u=n(792),l={getSchoolStudents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.filter,n=void 0===t?"":t,o=e.q,c=void 0===o?"":o,u=e.query,l=void 0===u?"":u,m=e.cursor,d=void 0===m?"1":m;return{url:a.a.urlBuilder("api/domain/v1/school/:id/students",e),key:"school:students:".concat(c,":").concat(l,":").concat(n,":").concat(d),successResponse:function(){var e=s.a.revertFilterString(n),t=r.a.Simulator.getAll("school:students",i).filter((function(t){var r,a;return!(c&&!t.name.toLowerCase().includes(c.toLowerCase()))&&(!n||(!e.yearLevel||e.yearLevel===t.yearLevel.id)&&!((null===(r=e.classroom)||void 0===r?void 0:r.length)&&!e.classroom.includes(null===(a=t.classroom)||void 0===a?void 0:a.id)))})),a=s.a.convertWithStatementToObject(l),o=a.sortValue||"name",u=t.sort((function(e,t){return e[o].toLowerCase()<t[o].toLowerCase()?-1:e[o].toLowerCase()>t[o].toLowerCase()?1:0}));a.sortKey&&"orderbydesc"===a.sortKey&&(u=u.reverse());var m=u.slice(25*(+d-1),25*+d),p=u.slice(25*+d).length?+d+1:void 0,g="1"===d?void 0:+d-1;return m.length||(m=u.slice(0,25),p=u.slice(25).length?2:void 0,g=void 0),{data:m,pagination:{cursors:{next:p,previous:g}},count:u.length}},timeout:500}},tempGetAllStudents:function(){return{url:"",key:"get:all:dem:students",successResponse:function(){return r.a.Simulator.getAll("school:students")}}},removeStudentsFromSchool:function(e,t){return{url:"",key:"remove:school:students",invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.delete("school:students",e),{}},always:t}},getStudent:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"students:".concat(e),successResponse:function(){return r.a.Simulator.get("school:students",e)}}},createStudent:function(e,t,n){return{url:"/api/domain/v1/users",key:"create:student",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.create("school:students",e)},success:t,error:n}},bulkCreateStudents:function(e,t,n,a){return{url:"/api/domain/v1/users",key:"create:students",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:students",e)})),e},success:t,error:n,always:a}},updateStudent:function(e,t,n){return{url:"/api/domain/v1/users",key:"edit:student",type:o.a.PUT,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.update("school:students",e)},success:t,error:n}},getSchoolTeachers:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.filter,n=void 0===t?"":t,o=e.q,s=void 0===o?"":o,i=e.query,u=void 0===i?"":i,l=e.cursor,m=void 0===l?"":l;return{url:a.a.urlBuilder("api/domain/v1/school/:id/teachers",e),key:"school:teachers:".concat(s,":").concat(u,":").concat(n,":").concat(m),successResponse:function(){var e=r.a.Simulator.getAll("school:teachers",c);return{data:e,pagination:{cursors:{}},count:e.length}},timeout:2e3}},removeTeachersFromSchool:function(e,t){return{url:"",key:"remove:school:teachers",invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.delete("school:teachers",e),{}},always:t}},getTeacher:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"teachers:".concat(e),successResponse:function(){return r.a.Simulator.get("school:teachers",e)}}},createTeacher:function(e,t,n){return{url:"/api/domain/v1/users",key:"create:teacher",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.create("school:teachers",e)},success:t,error:n}},bulkCreateTeachers:function(e,t,n,a){return{url:"/api/domain/v1/users",key:"create:teachers",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:teachers",e)})),e},success:t,error:n,always:a}},updateTeacher:function(e,t,n){return{url:"/api/domain/v1/users",key:"edit:teacher",type:o.a.PUT,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.update("school:teachers",e)},success:t,error:n}},getUserRoles:function(){return{url:"/api/domain/v1/users/roles",key:"user:roles",successResponse:function(){return r.a.Simulator.getAll("user:roles",u)}}},getStudentsGroups:function(e){return{url:"/api/domain/v1/users/".concat(e,"/groups"),key:"user:".concat(e,":groups"),successResponse:function(){return r.a.Simulator.getAll("groups").filter((function(t){return!!t.students.find((function(t){return t.id===e}))}))}}}}},790:function(e){e.exports=JSON.parse('[{"username":"Joosh","name":"Joshua","surname":"Taylor","email":"joshua.taylor@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-c","name":"Classroom 2-C"}},{"username":"Shale","name":"Shale","surname":"Kuzmanovski","email":"shale.kuzmanovski@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Mike","name":"Michael","surname":"O\'McDonald","email":"michael.mcdonnell@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Met","name":"Matt","surname":"Trengrove","email":"matt@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-b","name":"Classroom 2-B"}},{"username":"Big Kev","name":"Don Kevin","surname":"Wellalagodage","email":"kevin.wellalagoladegelagodage@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 1"},"classroom":{"id":"classroom-1-a","name":"Classroom 1-A"}}]')},791:function(e){e.exports=JSON.parse('[{"username":"beb","name":"Beverly","surname":"Li","email":"beverly.li@clickview.com.au","userRole":{"id":"assistant-principal","name":"Assistant Principal"}},{"username":"Bort","name":"Cameron","surname":"Hill","email":"cameron.hill@clickview.com.au","userRole":{"id":"principal","name":"Principal"}},{"username":"jaynice","name":"Janice","surname":"Quach","email":"janice.quach@clickview.com.au","userRole":{"id":"head-of-science","name":"Head of Science"}},{"username":"bread","name":"Prad","surname":"Nepal","email":"prad.nepal@clickview.com.au","userRole":{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}}]')},792:function(e){e.exports=JSON.parse('[{"id":"teacher","name":"Teacher"},{"id":"assistant-principal","name":"Assistant Principal"},{"id":"principal","name":"Principal"},{"id":"head-of-science","name":"Head of Science"},{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}]')},835:function(e,t,n){e.exports={input:"_3MysI",suggestionsContainerOpen:"ahMdW",sectionContainer:"xstWL",suggestionHighlighted:"_3YTCa"}},876:function(e,t,n){e.exports={container:"_16rdL",suggestionsContainerOpen:"_2886c",selectionContainer:"_12TCg",suggestionHighlighted:"_3HZFR",selectedUser:"_3NTEb",selectedClassroom:"x8G1B"}},882:function(e,t,n){"use strict";var r=n(0),a=n(780),o=n(42),s=n(9),i=n(149),c=n(147),u=n(21),l=n(14),m=n(54);function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var p,g={isNumber:function(e){return g.isType(e,"number")},isString:function(e){return g.isType(e,"string")},isType:function(e,t){return d(e)===t}},f=n(835),h=n.n(f);function y(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(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 v(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){return m.a.isObject(e)&&e.hasOwnProperty(t)&&g.isString(e[t])}function C(e,t,n){return function(r){var a=r.value;if(a.length||n(),!(a.length<e.activationLength)){if(e.local){var s=o.a.isFunction(e.getLocalSuggestions)?e.getLocalSuggestions(a,e.local):(i=a,c=e.local,m=e.valueKey,(d=i.trim().toLowerCase()).length?c.filter((function(e){return!(!b(e,m)||!g.isString(e[m]))&&e[m].trim().toLowerCase().includes(d)})):[]);t((function(e){return Object.assign(Object.assign({},e),S({},p.Local,s))}))}var i,c,m,d;e.getRemoteUrl&&function(e,t,n){var r=o.a.isFunction(e)&&e(t);r&&l.a.ajaxRequest({resource:r,type:u.a.GET,success:n,error:function(){}})}(e.getRemoteUrl,a,(function(n){return t((function(t){return Object.assign(Object.assign({},t),S({},p.Remote,o.a.isFunction(e.formatRemoteSuggestions)?e.formatRemoteSuggestions(n):n))}))}))}}}function w(e,t,n,r,a,s){var i=function(t){return e[t]||[]},c=t?i(p.Recent):[],u=i(p.Local),l=i(p.Remote),m=[];c.length&&m.push({title:n,data:c});var d=[].concat(y(u),y(l));return Number.isInteger(s)&&m.length>s&&d.slice(0,s),o.a.isFunction(a)?m.push.apply(m,y(a(d))):m.push({title:r,data:d}),m}function k(e){return e.data}function O(e){if(e.title)return r.createElement("strong",null,e.title)}!function(e){e.Local="local",e.Recent="recent",e.Remote="remote"}(p||(p={}));var E={container:"position-relative",suggestionsContainerOpen:"bg-white py-1 border rounded ".concat(h.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:h.a.suggestionHighlighted,sectionContainer:"border-bottom py-1 ".concat(h.a.sectionContainer)};function R(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.assign(E,e)}var A=n(50),T=n(12),N=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},j=function(e){var t="d-inline-block svg-container";return o.a.isFunction(e)?t+" cursor-pointer":t};function L(e){var t=e.onClickSearchIcon,n=e.searchIconPlacement,a=e.className,o=N(e,["onClickSearchIcon","searchIconPlacement","className"]),s="form-control ".concat(h.a.input),i="input-group-text bg-white";"right"===n&&(s+=" border-right-0",i+=" pl-0"),"left"===n&&(s+=" border-left-0",i+=" pr-0"),a&&(s+=" ".concat(a));var c=function(){return r.createElement("div",{className:i},r.createElement(A.a,{svgName:T.b.Search,size:A.b.Small,onClick:t,className:j(t)}))};return r.createElement("div",{className:"input-group"},"left"===n&&r.createElement("div",{className:"input-group-prepend"},r.createElement(c,null)),r.createElement("input",Object.assign({className:s},o)),"right"===n&&r.createElement("div",{className:"input-group-append"},r.createElement(c,null)))}function P(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=[],r=!0,a=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(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 I(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 I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return F}));var x=o.a.isFunction;function F(e){var t,n,o,u=(t=e.initialSuggestions,n=e.recentSearches,S(o={},p.Recent,n),S(o,p.Local,t),S(o,p.Remote,[]),o),l=P(r.useState(e.initialQuery||""),2),m=l[0],d=l[1],g=P(r.useState(u),2),f=g[0],h=g[1],y=Object(i.a)(c.a.XS),v=function(){h(u)},E=function(t){t.preventDefault(),x(e.onSubmit)&&e.onSubmit(m)};return r.createElement("form",{onSubmit:E},r.createElement(a,{suggestions:w(f,!m,e.recentSearchHeading||s.a.getPhrase("shared.searchBar","recentSearchHeading"),e.suggestionsHeading,e.getSections,e.suggestionLimit),onSuggestionsFetchRequested:C(e,h,v),onSuggestionsClearRequested:function(){e.alwaysRenderSuggestions||v()},onSuggestionSelected:function(t,n){var r=n.suggestion;e.clearQueryOnSelect&&d(""),e.onSuggestionSelected(r)},getSuggestionValue:function(t){return e.updateQueryOnSelection?function(e,t){return b(t,e)?t[e]:""}(e.valueKey,t):m},renderSuggestion:function(t){return x(e.getSuggestionComponent)?e.getSuggestionComponent(t):function(e,t){return b(t,e)?r.createElement(r.Fragment,null,t[e]):r.createElement(r.Fragment,null)}(e.valueKey,t)},alwaysRenderSuggestions:e.alwaysRenderSuggestions,focusInputOnSuggestionClick:!y,inputProps:{placeholder:e.placeholder||s.a.getPhrase("shared.searchBar","placeholder"),value:m,onChange:function(t,n){var r=n.newValue;d(r),x(e.onQueryChange)&&e.onQueryChange(r)},onKeyDown:function(t){8===t.keyCode&&e.onBackspace&&!m&&e.onBackspace()},autoFocus:!!e.autoFocusInput,onClickSearchIcon:!!e.submitOnClickSearchIcon&&E,searchIconPlacement:e.searchIconPlacement},renderInputComponent:L,theme:R(e.theme),multiSection:!0,renderSectionTitle:O,getSectionSuggestions:k}))}F.defaultProps={updateQueryOnSelection:!0,valueKey:"name",activationLength:3,suggestionLimit:5,recentSearches:[],initialSuggestions:[],searchIconPlacement:"right"}},901:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),o=n(242);function s(e){return a.a.createElement("div",{className:"d-flex align-items-center"},a.a.createElement("div",{className:"pr-2"},a.a.createElement(o.a,{imageUrl:""})),a.a.createElement("div",null,a.a.createElement("h4",{className:"font-size-normal font-weight-normal m-0"},e.entity.name),a.a.createElement("p",{className:"text-muted m-0"},"Email or classroom count here idk")),a.a.createElement("div",null))}},957:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(120),s=n(9),i=n(882),c=n(50),u=n(12),l=n(901),m=n(787),d=n(876),p=n.n(d);function g(e){var t=function(e){switch(e){case"user":return p.a.selectedUser;case"classroom":return p.a.selectedClassroom}}("user");return a.a.createElement("div",{className:"".concat(t," d-flex align-items-center pl-2 pr-1 mr-1 mt-1")},a.a.createElement("span",{className:"mr-1"},e.selection.name),a.a.createElement(m.a,{className:"cursor-pointer",onClick:function(){return e.onClickRemove(e.selection.id)}},a.a.createElement(c.a,{svgName:u.b.Close})))}n.d(t,"a",(function(){return f}));function f(e){return a.a.createElement("div",{className:"form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative"},a.a.createElement(c.a,{className:"svg-container mx-1 h-100 align-self-start",svgName:u.b.Search}),a.a.createElement("div",{className:"".concat(p.a.selectionContainer," d-flex flex-wrap align-items-center mt-n1")},e.selections.map((function(t){return a.a.createElement(g,{key:t.id,selection:t,onClickRemove:function(t){return e.removeSelection(t)}})})),a.a.createElement(i.a,{onSuggestionSelected:function(t){e.updateSelections(t)},onBackspace:function(){return e.removeSelection(o.a.last(e.selections).id)},local:e.localSuggestions,recentSearchHeading:e.recentSearchHeading||s.a.getPhrase("shared.tokenizedTypeahead","recentSearchHeading"),recentSearches:[],placeholder:e.placeholder,searchIconPlacement:!1,activationLength:2,clearQueryOnSelect:!0,getSuggestionComponent:function(e){return a.a.createElement(l.a,{entity:e})},theme:{container:p.a.container,suggestionsContainerOpen:"bg-white py-1 rounded border mt-1 ".concat(p.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:p.a.suggestionHighlighted}})))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{1215:function(e,t,n){"use strict";n.r(t),n.d(t,"AddStudentsToClassroomView",(function(){return R}));var r=n(0),a=n.n(r),o=n(59),s=n(9),i=n(14),c=n(227),u=n(791),l=n(232),m=n(81),d=n(51),p=n(6),g=n(13),f=n(963),h=n(231),y=n(793),v=n(37);function S(e){return function(e){if(Array.isArray(e))return w(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||C(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(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=[],r=!0,a=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||C(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){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.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)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var k="classrooms.addStudentsToClassroom",O=s.a.encloseNamespace(k),E={application:p.a.USER_MANAGER,action:g.a.UserManager.STUDENTS};function R(e){var t=b(a.a.useState(!1),2),n=t[0],r=t[1],s=b(a.a.useState([]),2),p=s[0],g=s[1],C=i.a.useBasicFetch(h.a.getClassroom(e.classroomId)),w=i.a.useBasicFetch(y.a.tempGetAllStudents()),R=Object(o.useDispatch)(),A=Object(u.a)();return a.a.createElement(c.a,{title:O("title"),closePopup:e.closePopup,showLoadingSpinner:!C.data||!w.data},C.data&&w.data&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"pb-3"},a.a.createElement(f.a,{placeholder:O("placeholder"),selections:p,updateSelections:function(e){return g([].concat(S(p),[e]))},removeSelection:function(e){return g(p.filter((function(t){return t.id!==e})))},localSuggestions:w.data})),a.a.createElement("p",null,a.a.createElement(m.b,{namespace:k,phrase:"createNewStudent"}),a.a.createElement(d.a,{className:"info-link",onClick:e.closePopup,appLink:E},a.a.createElement(m.b,{namespace:k,phrase:"studentManager"}))),a.a.createElement(l.a,{buttons:[{variant:"link",onClick:e.closePopup,buttonText:O("cancel")},{variant:"dark",onClick:function(){p&&(r(!0),i.a.fetch(R,h.a.addStudents(p,e.classroomId,(function(){r(!1),v.a.logUserAction({id:e.classroomId,userCount:p.length},e.analyticsOptions),A.success(O("success",{smartCount:p.length,classroomName:C.data.name})),e.closePopup()}),(function(){r(!1),A.error(O("error",{smartCount:p.length})),e.closePopup()}))))},buttonText:O("add"),isSpinnerButton:!0,showSpinner:n}]})))}},793:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(14),a=n(76),o=n(21),s=n(802),i=n(795),c=n(796),u=n(797),l={getSchoolStudents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.filter,n=void 0===t?"":t,o=e.q,c=void 0===o?"":o,u=e.query,l=void 0===u?"":u,m=e.cursor,d=void 0===m?"1":m;return{url:a.a.urlBuilder("api/domain/v1/school/:id/students",e),key:"school:students:".concat(c,":").concat(l,":").concat(n,":").concat(d),successResponse:function(){var e=s.a.revertFilterString(n),t=r.a.Simulator.getAll("school:students",i).filter((function(t){var r,a;return!(c&&!t.name.toLowerCase().includes(c.toLowerCase()))&&(!n||(!e.yearLevel||e.yearLevel===t.yearLevel.id)&&!((null===(r=e.classroom)||void 0===r?void 0:r.length)&&!e.classroom.includes(null===(a=t.classroom)||void 0===a?void 0:a.id)))})),a=s.a.convertWithStatementToObject(l),o=a.sortValue||"name",u=t.sort((function(e,t){return e[o].toLowerCase()<t[o].toLowerCase()?-1:e[o].toLowerCase()>t[o].toLowerCase()?1:0}));a.sortKey&&"orderbydesc"===a.sortKey&&(u=u.reverse());var m=u.slice(25*(+d-1),25*+d),p=u.slice(25*+d).length?+d+1:void 0,g="1"===d?void 0:+d-1;return m.length||(m=u.slice(0,25),p=u.slice(25).length?2:void 0,g=void 0),{data:m,pagination:{cursors:{next:p,previous:g}},count:u.length}},timeout:500}},tempGetAllStudents:function(){return{url:"",key:"get:all:dem:students",successResponse:function(){return r.a.Simulator.getAll("school:students")}}},removeStudentsFromSchool:function(e,t){return{url:"",key:"remove:school:students",invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.delete("school:students",e),{}},always:t}},getStudent:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"students:".concat(e),successResponse:function(){return r.a.Simulator.get("school:students",e)}}},createStudent:function(e,t,n){return{url:"/api/domain/v1/users",key:"create:student",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.create("school:students",e)},success:t,error:n}},bulkCreateStudents:function(e,t,n,a){return{url:"/api/domain/v1/users",key:"create:students",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:students",e)})),e},success:t,error:n,always:a}},updateStudent:function(e,t,n){return{url:"/api/domain/v1/users",key:"edit:student",type:o.a.PUT,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.update("school:students",e)},success:t,error:n}},getSchoolTeachers:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.filter,n=void 0===t?"":t,o=e.q,s=void 0===o?"":o,i=e.query,u=void 0===i?"":i,l=e.cursor,m=void 0===l?"":l;return{url:a.a.urlBuilder("api/domain/v1/school/:id/teachers",e),key:"school:teachers:".concat(s,":").concat(u,":").concat(n,":").concat(m),successResponse:function(){var e=r.a.Simulator.getAll("school:teachers",c);return{data:e,pagination:{cursors:{}},count:e.length}},timeout:2e3}},removeTeachersFromSchool:function(e,t){return{url:"",key:"remove:school:teachers",invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.delete("school:teachers",e),{}},always:t}},getTeacher:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"teachers:".concat(e),successResponse:function(){return r.a.Simulator.get("school:teachers",e)}}},createTeacher:function(e,t,n){return{url:"/api/domain/v1/users",key:"create:teacher",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.create("school:teachers",e)},success:t,error:n}},bulkCreateTeachers:function(e,t,n,a){return{url:"/api/domain/v1/users",key:"create:teachers",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:teachers",e)})),e},success:t,error:n,always:a}},updateTeacher:function(e,t,n){return{url:"/api/domain/v1/users",key:"edit:teacher",type:o.a.PUT,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.update("school:teachers",e)},success:t,error:n}},getUserRoles:function(){return{url:"/api/domain/v1/users/roles",key:"user:roles",successResponse:function(){return r.a.Simulator.getAll("user:roles",u)}}},getStudentsGroups:function(e){return{url:"/api/domain/v1/users/".concat(e,"/groups"),key:"user:".concat(e,":groups"),successResponse:function(){return r.a.Simulator.getAll("groups").filter((function(t){return!!t.students.find((function(t){return t.id===e}))}))}}}}},795:function(e){e.exports=JSON.parse('[{"username":"Joosh","name":"Joshua","surname":"Taylor","email":"joshua.taylor@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-c","name":"Classroom 2-C"}},{"username":"Shale","name":"Shale","surname":"Kuzmanovski","email":"shale.kuzmanovski@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Mike","name":"Michael","surname":"O\'McDonald","email":"michael.mcdonnell@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Met","name":"Matt","surname":"Trengrove","email":"matt@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-b","name":"Classroom 2-B"}},{"username":"Big Kev","name":"Don Kevin","surname":"Wellalagodage","email":"kevin.wellalagoladegelagodage@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 1"},"classroom":{"id":"classroom-1-a","name":"Classroom 1-A"}}]')},796:function(e){e.exports=JSON.parse('[{"username":"beb","name":"Beverly","surname":"Li","email":"beverly.li@clickview.com.au","userRole":{"id":"assistant-principal","name":"Assistant Principal"}},{"username":"Bort","name":"Cameron","surname":"Hill","email":"cameron.hill@clickview.com.au","userRole":{"id":"principal","name":"Principal"}},{"username":"jaynice","name":"Janice","surname":"Quach","email":"janice.quach@clickview.com.au","userRole":{"id":"head-of-science","name":"Head of Science"}},{"username":"bread","name":"Prad","surname":"Nepal","email":"prad.nepal@clickview.com.au","userRole":{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}}]')},797:function(e){e.exports=JSON.parse('[{"id":"teacher","name":"Teacher"},{"id":"assistant-principal","name":"Assistant Principal"},{"id":"principal","name":"Principal"},{"id":"head-of-science","name":"Head of Science"},{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}]')},842:function(e,t,n){e.exports={input:"_3MysI",suggestionsContainerOpen:"ahMdW",sectionContainer:"xstWL",suggestionHighlighted:"_3YTCa"}},884:function(e,t,n){e.exports={container:"_16rdL",suggestionsContainerOpen:"_2886c",selectionContainer:"_12TCg",suggestionHighlighted:"_3HZFR",selectedUser:"_3NTEb",selectedClassroom:"x8G1B"}},890:function(e,t,n){"use strict";var r=n(0),a=n(785),o=n(42),s=n(9),i=n(151),c=n(149),u=n(21),l=n(14),m=n(54);function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var p,g={isNumber:function(e){return g.isType(e,"number")},isString:function(e){return g.isType(e,"string")},isType:function(e,t){return d(e)===t}},f=n(842),h=n.n(f);function y(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(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 v(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){return m.a.isObject(e)&&e.hasOwnProperty(t)&&g.isString(e[t])}function C(e,t,n){return function(r){var a=r.value;if(a.length||n(),!(a.length<e.activationLength)){if(e.local){var s=o.a.isFunction(e.getLocalSuggestions)?e.getLocalSuggestions(a,e.local):(i=a,c=e.local,m=e.valueKey,(d=i.trim().toLowerCase()).length?c.filter((function(e){return!(!b(e,m)||!g.isString(e[m]))&&e[m].trim().toLowerCase().includes(d)})):[]);t((function(e){return Object.assign(Object.assign({},e),S({},p.Local,s))}))}var i,c,m,d;e.getRemoteUrl&&function(e,t,n){var r=o.a.isFunction(e)&&e(t);r&&l.a.ajaxRequest({resource:r,type:u.a.GET,success:n,error:function(){}})}(e.getRemoteUrl,a,(function(n){return t((function(t){return Object.assign(Object.assign({},t),S({},p.Remote,o.a.isFunction(e.formatRemoteSuggestions)?e.formatRemoteSuggestions(n):n))}))}))}}}function w(e,t,n,r,a,s){var i=function(t){return e[t]||[]},c=t?i(p.Recent):[],u=i(p.Local),l=i(p.Remote),m=[];c.length&&m.push({title:n,data:c});var d=[].concat(y(u),y(l));return Number.isInteger(s)&&m.length>s&&d.slice(0,s),o.a.isFunction(a)?m.push.apply(m,y(a(d))):m.push({title:r,data:d}),m}function k(e){return e.data}function O(e){if(e.title)return r.createElement("strong",null,e.title)}!function(e){e.Local="local",e.Recent="recent",e.Remote="remote"}(p||(p={}));var E={container:"position-relative",suggestionsContainerOpen:"bg-white py-1 border rounded ".concat(h.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:h.a.suggestionHighlighted,sectionContainer:"border-bottom py-1 ".concat(h.a.sectionContainer)};function R(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.assign(E,e)}var A=n(50),T=n(12),N=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},j=function(e){var t="d-inline-block svg-container";return o.a.isFunction(e)?t+" cursor-pointer":t};function L(e){var t=e.onClickSearchIcon,n=e.searchIconPlacement,a=e.className,o=N(e,["onClickSearchIcon","searchIconPlacement","className"]),s="form-control ".concat(h.a.input),i="input-group-text bg-white";"right"===n&&(s+=" border-right-0",i+=" pl-0"),"left"===n&&(s+=" border-left-0",i+=" pr-0"),a&&(s+=" ".concat(a));var c=function(){return r.createElement("div",{className:i},r.createElement(A.a,{svgName:T.b.Search,size:A.b.Small,onClick:t,className:j(t)}))};return r.createElement("div",{className:"input-group"},"left"===n&&r.createElement("div",{className:"input-group-prepend"},r.createElement(c,null)),r.createElement("input",Object.assign({className:s},o)),"right"===n&&r.createElement("div",{className:"input-group-append"},r.createElement(c,null)))}function P(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=[],r=!0,a=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(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 I(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 I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return F}));var x=o.a.isFunction;function F(e){var t,n,o,u=(t=e.initialSuggestions,n=e.recentSearches,S(o={},p.Recent,n),S(o,p.Local,t),S(o,p.Remote,[]),o),l=P(r.useState(e.initialQuery||""),2),m=l[0],d=l[1],g=P(r.useState(u),2),f=g[0],h=g[1],y=Object(i.a)(c.a.XS),v=function(){h(u)},E=function(t){t.preventDefault(),x(e.onSubmit)&&e.onSubmit(m)};return r.createElement("form",{onSubmit:E},r.createElement(a,{suggestions:w(f,!m,e.recentSearchHeading||s.a.getPhrase("shared.searchBar","recentSearchHeading"),e.suggestionsHeading,e.getSections,e.suggestionLimit),onSuggestionsFetchRequested:C(e,h,v),onSuggestionsClearRequested:function(){e.alwaysRenderSuggestions||v()},onSuggestionSelected:function(t,n){var r=n.suggestion;e.clearQueryOnSelect&&d(""),e.onSuggestionSelected(r)},getSuggestionValue:function(t){return e.updateQueryOnSelection?function(e,t){return b(t,e)?t[e]:""}(e.valueKey,t):m},renderSuggestion:function(t){return x(e.getSuggestionComponent)?e.getSuggestionComponent(t):function(e,t){return b(t,e)?r.createElement(r.Fragment,null,t[e]):r.createElement(r.Fragment,null)}(e.valueKey,t)},alwaysRenderSuggestions:e.alwaysRenderSuggestions,focusInputOnSuggestionClick:!y,inputProps:{placeholder:e.placeholder||s.a.getPhrase("shared.searchBar","placeholder"),value:m,onChange:function(t,n){var r=n.newValue;d(r),x(e.onQueryChange)&&e.onQueryChange(r)},onKeyDown:function(t){8===t.keyCode&&e.onBackspace&&!m&&e.onBackspace()},autoFocus:!!e.autoFocusInput,onClickSearchIcon:!!e.submitOnClickSearchIcon&&E,searchIconPlacement:e.searchIconPlacement},renderInputComponent:L,theme:R(e.theme),multiSection:!0,renderSectionTitle:O,getSectionSuggestions:k}))}F.defaultProps={updateQueryOnSelection:!0,valueKey:"name",activationLength:3,suggestionLimit:5,recentSearches:[],initialSuggestions:[],searchIconPlacement:"right"}},909:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),o=n(238);function s(e){return a.a.createElement("div",{className:"d-flex align-items-center"},a.a.createElement("div",{className:"pr-2"},a.a.createElement(o.a,{imageUrl:"",imageCdnUrl:"",initials:""})),a.a.createElement("div",null,a.a.createElement("h4",{className:"font-size-normal font-weight-normal m-0"},e.entity.name),a.a.createElement("p",{className:"text-muted m-0"},"Email or classroom count here idk")),a.a.createElement("div",null))}},963:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(122),s=n(9),i=n(890),c=n(50),u=n(12),l=n(909),m=n(792),d=n(884),p=n.n(d);function g(e){var t=function(e){switch(e){case"user":return p.a.selectedUser;case"classroom":return p.a.selectedClassroom}}("user");return a.a.createElement("div",{className:"".concat(t," d-flex align-items-center pl-2 pr-1 mr-1 mt-1")},a.a.createElement("span",{className:"mr-1"},e.selection.name),a.a.createElement(m.a,{className:"cursor-pointer",onClick:function(){return e.onClickRemove(e.selection.id)}},a.a.createElement(c.a,{svgName:u.b.Close})))}n.d(t,"a",(function(){return f}));function f(e){return a.a.createElement("div",{className:"form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative"},a.a.createElement(c.a,{className:"svg-container mx-1 h-100 align-self-start",svgName:u.b.Search}),a.a.createElement("div",{className:"".concat(p.a.selectionContainer," d-flex flex-wrap align-items-center mt-n1")},e.selections.map((function(t){return a.a.createElement(g,{key:t.id,selection:t,onClickRemove:function(t){return e.removeSelection(t)}})})),a.a.createElement(i.a,{onSuggestionSelected:function(t){e.updateSelections(t)},onBackspace:function(){return e.removeSelection(o.a.last(e.selections).id)},local:e.localSuggestions,recentSearchHeading:e.recentSearchHeading||s.a.getPhrase("shared.tokenizedTypeahead","recentSearchHeading"),recentSearches:[],placeholder:e.placeholder,searchIconPlacement:!1,activationLength:2,clearQueryOnSelect:!0,getSuggestionComponent:function(e){return a.a.createElement(l.a,{entity:e})},theme:{container:p.a.container,suggestionsContainerOpen:"bg-white py-1 rounded border mt-1 ".concat(p.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:p.a.suggestionHighlighted}})))}}}]);

package/dist/scripts/24-9c745baf04.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{1215:function(e,t,n){"use strict";n.r(t),n.d(t,"AddStudentsToClassroomView",(function(){return R}));var r=n(0),a=n.n(r),o=n(59),s=n(9),i=n(14),c=n(227),u=n(791),l=n(232),m=n(81),d=n(51),p=n(6),g=n(13),f=n(963),h=n(231),y=n(793),v=n(37);function S(e){return function(e){if(Array.isArray(e))return w(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||C(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(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=[],r=!0,a=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||C(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){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.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)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var k="classrooms.addStudentsToClassroom",O=s.a.encloseNamespace(k),E={application:p.a.USER_MANAGER,action:g.a.UserManager.STUDENTS};function R(e){var t=b(a.a.useState(!1),2),n=t[0],r=t[1],s=b(a.a.useState([]),2),p=s[0],g=s[1],C=i.a.useBasicFetch(h.a.getClassroom(e.classroomId)),w=i.a.useBasicFetch(y.a.tempGetAllStudents()),R=Object(o.useDispatch)(),A=Object(u.a)();return a.a.createElement(c.a,{title:O("title"),closePopup:e.closePopup,showLoadingSpinner:!C.data||!w.data},C.data&&w.data&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"pb-3"},a.a.createElement(f.a,{placeholder:O("placeholder"),selections:p,updateSelections:function(e){return g([].concat(S(p),[e]))},removeSelection:function(e){return g(p.filter((function(t){return t.id!==e})))},localSuggestions:w.data})),a.a.createElement("p",null,a.a.createElement(m.b,{namespace:k,phrase:"createNewStudent"}),a.a.createElement(d.a,{className:"info-link",onClick:e.closePopup,appLink:E},a.a.createElement(m.b,{namespace:k,phrase:"studentManager"}))),a.a.createElement(l.a,{buttons:[{variant:"link",onClick:e.closePopup,buttonText:O("cancel")},{variant:"dark",onClick:function(){p&&(r(!0),i.a.fetch(R,h.a.addStudents(p,e.classroomId,(function(){r(!1),v.a.logUserAction({id:e.classroomId,userCount:p.length},e.analyticsOptions),A.success(O("success",{smartCount:p.length,classroomName:C.data.name})),e.closePopup()}),(function(){r(!1),A.error(O("error",{smartCount:p.length})),e.closePopup()}))))},buttonText:O("add"),isSpinnerButton:!0,showSpinner:n}]})))}},793:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(14),a=n(76),o=n(21),s=n(802),i=n(795),c=n(796),u=n(797),l={getSchoolStudents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.filter,n=void 0===t?"":t,o=e.q,c=void 0===o?"":o,u=e.query,l=void 0===u?"":u,m=e.cursor,d=void 0===m?"1":m;return{url:a.a.urlBuilder("api/domain/v1/school/:id/students",e),key:"school:students:".concat(c,":").concat(l,":").concat(n,":").concat(d),successResponse:function(){var e=s.a.revertFilterString(n),t=r.a.Simulator.getAll("school:students",i).filter((function(t){var r,a;return!(c&&!t.name.toLowerCase().includes(c.toLowerCase()))&&(!n||(!e.yearLevel||e.yearLevel===t.yearLevel.id)&&!((null===(r=e.classroom)||void 0===r?void 0:r.length)&&!e.classroom.includes(null===(a=t.classroom)||void 0===a?void 0:a.id)))})),a=s.a.convertWithStatementToObject(l),o=a.sortValue||"name",u=t.sort((function(e,t){return e[o].toLowerCase()<t[o].toLowerCase()?-1:e[o].toLowerCase()>t[o].toLowerCase()?1:0}));a.sortKey&&"orderbydesc"===a.sortKey&&(u=u.reverse());var m=u.slice(25*(+d-1),25*+d),p=u.slice(25*+d).length?+d+1:void 0,g="1"===d?void 0:+d-1;return m.length||(m=u.slice(0,25),p=u.slice(25).length?2:void 0,g=void 0),{data:m,pagination:{cursors:{next:p,previous:g}},count:u.length}},timeout:500}},tempGetAllStudents:function(){return{url:"",key:"get:all:dem:students",successResponse:function(){return r.a.Simulator.getAll("school:students")}}},removeStudentsFromSchool:function(e,t){return{url:"",key:"remove:school:students",invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.delete("school:students",e),{}},always:t}},getStudent:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"students:".concat(e),successResponse:function(){return r.a.Simulator.get("school:students",e)}}},createStudent:function(e,t,n){return{url:"/api/domain/v1/users",key:"create:student",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.create("school:students",e)},success:t,error:n}},bulkCreateStudents:function(e,t,n,a){return{url:"/api/domain/v1/users",key:"create:students",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:students",e)})),e},success:t,error:n,always:a}},updateStudent:function(e,t,n){return{url:"/api/domain/v1/users",key:"edit:student",type:o.a.PUT,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.update("school:students",e)},success:t,error:n}},getSchoolTeachers:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.filter,n=void 0===t?"":t,o=e.q,s=void 0===o?"":o,i=e.query,u=void 0===i?"":i,l=e.cursor,m=void 0===l?"":l;return{url:a.a.urlBuilder("api/domain/v1/school/:id/teachers",e),key:"school:teachers:".concat(s,":").concat(u,":").concat(n,":").concat(m),successResponse:function(){var e=r.a.Simulator.getAll("school:teachers",c);return{data:e,pagination:{cursors:{}},count:e.length}},timeout:2e3}},removeTeachersFromSchool:function(e,t){return{url:"",key:"remove:school:teachers",invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.delete("school:teachers",e),{}},always:t}},getTeacher:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"teachers:".concat(e),successResponse:function(){return r.a.Simulator.get("school:teachers",e)}}},createTeacher:function(e,t,n){return{url:"/api/domain/v1/users",key:"create:teacher",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.create("school:teachers",e)},success:t,error:n}},bulkCreateTeachers:function(e,t,n,a){return{url:"/api/domain/v1/users",key:"create:teachers",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:teachers",e)})),e},success:t,error:n,always:a}},updateTeacher:function(e,t,n){return{url:"/api/domain/v1/users",key:"edit:teacher",type:o.a.PUT,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.update("school:teachers",e)},success:t,error:n}},getUserRoles:function(){return{url:"/api/domain/v1/users/roles",key:"user:roles",successResponse:function(){return r.a.Simulator.getAll("user:roles",u)}}},getStudentsGroups:function(e){return{url:"/api/domain/v1/users/".concat(e,"/groups"),key:"user:".concat(e,":groups"),successResponse:function(){return r.a.Simulator.getAll("groups").filter((function(t){return!!t.students.find((function(t){return t.id===e}))}))}}}}},795:function(e){e.exports=JSON.parse('[{"username":"Joosh","name":"Joshua","surname":"Taylor","email":"joshua.taylor@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-c","name":"Classroom 2-C"}},{"username":"Shale","name":"Shale","surname":"Kuzmanovski","email":"shale.kuzmanovski@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Mike","name":"Michael","surname":"O\'McDonald","email":"michael.mcdonnell@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Met","name":"Matt","surname":"Trengrove","email":"matt@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-b","name":"Classroom 2-B"}},{"username":"Big Kev","name":"Don Kevin","surname":"Wellalagodage","email":"kevin.wellalagoladegelagodage@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 1"},"classroom":{"id":"classroom-1-a","name":"Classroom 1-A"}}]')},796:function(e){e.exports=JSON.parse('[{"username":"beb","name":"Beverly","surname":"Li","email":"beverly.li@clickview.com.au","userRole":{"id":"assistant-principal","name":"Assistant Principal"}},{"username":"Bort","name":"Cameron","surname":"Hill","email":"cameron.hill@clickview.com.au","userRole":{"id":"principal","name":"Principal"}},{"username":"jaynice","name":"Janice","surname":"Quach","email":"janice.quach@clickview.com.au","userRole":{"id":"head-of-science","name":"Head of Science"}},{"username":"bread","name":"Prad","surname":"Nepal","email":"prad.nepal@clickview.com.au","userRole":{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}}]')},797:function(e){e.exports=JSON.parse('[{"id":"teacher","name":"Teacher"},{"id":"assistant-principal","name":"Assistant Principal"},{"id":"principal","name":"Principal"},{"id":"head-of-science","name":"Head of Science"},{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}]')},842:function(e,t,n){e.exports={input:"_3MysI",suggestionsContainerOpen:"ahMdW",sectionContainer:"xstWL",suggestionHighlighted:"_3YTCa"}},884:function(e,t,n){e.exports={container:"_16rdL",suggestionsContainerOpen:"_2886c",selectionContainer:"_12TCg",suggestionHighlighted:"_3HZFR",selectedUser:"_3NTEb",selectedClassroom:"x8G1B"}},890:function(e,t,n){"use strict";var r=n(0),a=n(785),o=n(42),s=n(9),i=n(151),c=n(149),u=n(21),l=n(14),m=n(54);function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var p,g={isNumber:function(e){return g.isType(e,"number")},isString:function(e){return g.isType(e,"string")},isType:function(e,t){return d(e)===t}},f=n(842),h=n.n(f);function y(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(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 v(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){return m.a.isObject(e)&&e.hasOwnProperty(t)&&g.isString(e[t])}function C(e,t,n){return function(r){var a=r.value;if(a.length||n(),!(a.length<e.activationLength)){if(e.local){var s=o.a.isFunction(e.getLocalSuggestions)?e.getLocalSuggestions(a,e.local):(i=a,c=e.local,m=e.valueKey,(d=i.trim().toLowerCase()).length?c.filter((function(e){return!(!b(e,m)||!g.isString(e[m]))&&e[m].trim().toLowerCase().includes(d)})):[]);t((function(e){return Object.assign(Object.assign({},e),S({},p.Local,s))}))}var i,c,m,d;e.getRemoteUrl&&function(e,t,n){var r=o.a.isFunction(e)&&e(t);r&&l.a.ajaxRequest({resource:r,type:u.a.GET,success:n,error:function(){}})}(e.getRemoteUrl,a,(function(n){return t((function(t){return Object.assign(Object.assign({},t),S({},p.Remote,o.a.isFunction(e.formatRemoteSuggestions)?e.formatRemoteSuggestions(n):n))}))}))}}}function w(e,t,n,r,a,s){var i=function(t){return e[t]||[]},c=t?i(p.Recent):[],u=i(p.Local),l=i(p.Remote),m=[];c.length&&m.push({title:n,data:c});var d=[].concat(y(u),y(l));return Number.isInteger(s)&&m.length>s&&d.slice(0,s),o.a.isFunction(a)?m.push.apply(m,y(a(d))):m.push({title:r,data:d}),m}function k(e){return e.data}function O(e){if(e.title)return r.createElement("strong",null,e.title)}!function(e){e.Local="local",e.Recent="recent",e.Remote="remote"}(p||(p={}));var E={container:"position-relative",suggestionsContainerOpen:"bg-white py-1 border rounded ".concat(h.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:h.a.suggestionHighlighted,sectionContainer:"border-bottom py-1 ".concat(h.a.sectionContainer)};function R(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.assign(E,e)}var A=n(50),T=n(12),N=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},j=function(e){var t="d-inline-block svg-container";return o.a.isFunction(e)?t+" cursor-pointer":t};function L(e){var t=e.onClickSearchIcon,n=e.searchIconPlacement,a=e.className,o=N(e,["onClickSearchIcon","searchIconPlacement","className"]),s="form-control ".concat(h.a.input),i="input-group-text bg-white";"right"===n&&(s+=" border-right-0",i+=" pl-0"),"left"===n&&(s+=" border-left-0",i+=" pr-0"),a&&(s+=" ".concat(a));var c=function(){return r.createElement("div",{className:i},r.createElement(A.a,{svgName:T.b.Search,size:A.b.Small,onClick:t,className:j(t)}))};return r.createElement("div",{className:"input-group"},"left"===n&&r.createElement("div",{className:"input-group-prepend"},r.createElement(c,null)),r.createElement("input",Object.assign({className:s},o)),"right"===n&&r.createElement("div",{className:"input-group-append"},r.createElement(c,null)))}function P(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=[],r=!0,a=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(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 I(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 I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return F}));var x=o.a.isFunction;function F(e){var t,n,o,u=(t=e.initialSuggestions,n=e.recentSearches,S(o={},p.Recent,n),S(o,p.Local,t),S(o,p.Remote,[]),o),l=P(r.useState(e.initialQuery||""),2),m=l[0],d=l[1],g=P(r.useState(u),2),f=g[0],h=g[1],y=Object(i.a)(c.a.XS),v=function(){h(u)},E=function(t){t.preventDefault(),x(e.onSubmit)&&e.onSubmit(m)};return r.createElement("form",{onSubmit:E},r.createElement(a,{suggestions:w(f,!m,e.recentSearchHeading||s.a.getPhrase("shared.searchBar","recentSearchHeading"),e.suggestionsHeading,e.getSections,e.suggestionLimit),onSuggestionsFetchRequested:C(e,h,v),onSuggestionsClearRequested:function(){e.alwaysRenderSuggestions||v()},onSuggestionSelected:function(t,n){var r=n.suggestion;e.clearQueryOnSelect&&d(""),e.onSuggestionSelected(r)},getSuggestionValue:function(t){return e.updateQueryOnSelection?function(e,t){return b(t,e)?t[e]:""}(e.valueKey,t):m},renderSuggestion:function(t){return x(e.getSuggestionComponent)?e.getSuggestionComponent(t):function(e,t){return b(t,e)?r.createElement(r.Fragment,null,t[e]):r.createElement(r.Fragment,null)}(e.valueKey,t)},alwaysRenderSuggestions:e.alwaysRenderSuggestions,focusInputOnSuggestionClick:!y,inputProps:{placeholder:e.placeholder||s.a.getPhrase("shared.searchBar","placeholder"),value:m,onChange:function(t,n){var r=n.newValue;d(r),x(e.onQueryChange)&&e.onQueryChange(r)},onKeyDown:function(t){8===t.keyCode&&e.onBackspace&&!m&&e.onBackspace()},autoFocus:!!e.autoFocusInput,onClickSearchIcon:!!e.submitOnClickSearchIcon&&E,searchIconPlacement:e.searchIconPlacement},renderInputComponent:L,theme:R(e.theme),multiSection:!0,renderSectionTitle:O,getSectionSuggestions:k}))}F.defaultProps={updateQueryOnSelection:!0,valueKey:"name",activationLength:3,suggestionLimit:5,recentSearches:[],initialSuggestions:[],searchIconPlacement:"right"}},909:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),o=n(238);function s(e){return a.a.createElement("div",{className:"d-flex align-items-center"},a.a.createElement("div",{className:"pr-2"},a.a.createElement(o.a,{imageUrl:"",imageCdnUrl:"",initials:""})),a.a.createElement("div",null,a.a.createElement("h4",{className:"font-size-normal font-weight-normal m-0"},e.entity.name),a.a.createElement("p",{className:"text-muted m-0"},"Email or classroom count here idk")),a.a.createElement("div",null))}},963:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(122),s=n(9),i=n(890),c=n(50),u=n(12),l=n(909),m=n(792),d=n(884),p=n.n(d);function g(e){var t=function(e){switch(e){case"user":return p.a.selectedUser;case"classroom":return p.a.selectedClassroom}}("user");return a.a.createElement("div",{className:"".concat(t," d-flex align-items-center pl-2 pr-1 mr-1 mt-1")},a.a.createElement("span",{className:"mr-1"},e.selection.name),a.a.createElement(m.a,{className:"cursor-pointer",onClick:function(){return e.onClickRemove(e.selection.id)}},a.a.createElement(c.a,{svgName:u.b.Close})))}n.d(t,"a",(function(){return f}));function f(e){return a.a.createElement("div",{className:"form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative"},a.a.createElement(c.a,{className:"svg-container mx-1 h-100 align-self-start",svgName:u.b.Search}),a.a.createElement("div",{className:"".concat(p.a.selectionContainer," d-flex flex-wrap align-items-center mt-n1")},e.selections.map((function(t){return a.a.createElement(g,{key:t.id,selection:t,onClickRemove:function(t){return e.removeSelection(t)}})})),a.a.createElement(i.a,{onSuggestionSelected:function(t){e.updateSelections(t)},onBackspace:function(){return e.removeSelection(o.a.last(e.selections).id)},local:e.localSuggestions,recentSearchHeading:e.recentSearchHeading||s.a.getPhrase("shared.tokenizedTypeahead","recentSearchHeading"),recentSearches:[],placeholder:e.placeholder,searchIconPlacement:!1,activationLength:2,clearQueryOnSelect:!0,getSuggestionComponent:function(e){return a.a.createElement(l.a,{entity:e})},theme:{container:p.a.container,suggestionsContainerOpen:"bg-white py-1 rounded border mt-1 ".concat(p.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:p.a.suggestionHighlighted}})))}}}]);