@clickview/lite 0.0.26-dev.1 → 0.0.26-rc.0

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss?344d","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/utils/getBackgroundColourClass.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/audience-label/audience-label.scss?0950","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/clickview-avatar/clickview-avatar.scss?951f","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/AudienceHelper.ts"],"names":[],"mappings":"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","file":"scripts/8.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as moment from 'moment';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { CurrentUser, Playlist, PresentationAudience } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { AudienceHelper } from 'libs/shared/utils/AudienceHelper';\r\nimport { ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { BaseThumbnail } from 'libs/shared/components/thumbnails/base/BaseThumbnail';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\r\nimport { PlaylistOwnerAvatar } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistOwnerAvatar';\r\nimport { getPlaylistBgColourClass } from 'libs/shared/apps/playlists/utils/getBackgroundColourClass';\r\n\r\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\r\n\r\nimport styles from './playlist.scss';\r\n\r\nconst namespace = 'playlists.playlistItem';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nexport interface PlaylistItemProps {\r\n  data: Playlist;\r\n  appLink: Core.AppLink;\r\n  currentUser?: CurrentUser;\r\n  presentationAudiences?: PresentationAudience[];\r\n  bgColourClassNames?: string[];\r\n  imageCdnUrl?: string;\r\n  showCount?: boolean;\r\n  showOwner?: boolean;\r\n  showFallbackImage?: boolean;\r\n  showLastUpdated?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport function PlaylistItem(props: PlaylistItemProps): JSX.Element {\r\n  const imageUrl = ImageHelper.createUrl(props.data.cover && props.data.cover.url, {\r\n    size: ImageSize.Medium,\r\n    resizeType: ResizeType.Cover\r\n  });\r\n\r\n  const audiences = props.data.subjectPresentationAudiences &&\r\n    props.data.subjectPresentationAudiences.data;\r\n\r\n  const filteredAudiences = audiences && props.presentationAudiences &&\r\n    AudienceHelper.getSortedPresentationAudiences(audiences, props.presentationAudiences);\r\n  const mergedAudience = filteredAudiences && AudienceHelper.getMergedPresentationAudienceString(filteredAudiences);\r\n\r\n  const count = !!props.showCount && !!props.data.videos && props.data.videos.count;\r\n\r\n  const lastUpdatedDate = !!props.showLastUpdated && props.data.contentModifiedDate &&\r\n    moment.utc(props.data.contentModifiedDate);\r\n\r\n  let className = styles.playlistItem;\r\n\r\n  const showImage = !!imageUrl || !!props.showFallbackImage;\r\n\r\n  if (showImage)\r\n    className += ` ${styles.playlistItemGradient}`;\r\n\r\n  if (!showImage && props.bgColourClassNames)\r\n    className += ` ${styles.playlistItem} ${getPlaylistBgColourClass(props.data, props.bgColourClassNames)}`;\r\n\r\n  const analyticsData = { ...props.analyticsData,\r\n    id: props.data?.id,\r\n    name: props.data?.name\r\n  };\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <AppLink appLink={props.appLink} analyticsData={analyticsData} analyticsOptions={props.analyticsOptions}>\r\n        <BaseThumbnail data={imageUrl} className={className}>\r\n          {!!props.showFallbackImage && <ThumbnailFallback type={ThumbnailFallbackType.Playlist} />}\r\n          <div className={`text-white ${styles.playlistMetadata}`}>\r\n            {Number.isInteger(count) &&\r\n              <Text phrase='videos' options={{ smartCount: count }} />\r\n            }\r\n            <h5 className={`${styles.playlistName} text-shadow mb-0`}>{props.data.name}</h5>\r\n            {!!audiences && !!audiences.length && !!mergedAudience &&\r\n              <AudienceLabel\r\n                audience={mergedAudience}\r\n                border='white'\r\n              />\r\n            }\r\n            {(() => {\r\n              if (!lastUpdatedDate)\r\n                return <></>;\r\n\r\n              const phrase = lastUpdatedDate.isBefore(moment.utc().subtract(1, 'month'))\r\n                ? getPhrase('notUpdatedRecently')\r\n                : getPhrase('lastUpdated', { timeAgo: lastUpdatedDate.fromNow() });\r\n\r\n              return <p className='mb-0'>{phrase}</p>;\r\n            })()}\r\n          </div>\r\n          {!!props.showOwner && !!props.imageCdnUrl &&\r\n            <div className={styles.ownerAvatarContainer}>\r\n              <PlaylistOwnerAvatar\r\n                playlist={props.data}\r\n                currentUser={props.currentUser}\r\n                imageCdnUrl={props.imageCdnUrl}\r\n              />\r\n            </div>\r\n          }\r\n        </BaseThumbnail>\r\n      </AppLink>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Playlist, CurrentUser } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\r\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\r\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\r\n\r\ninterface PlaylistOwnerAvatarProps {\r\n  playlist: Playlist;\r\n  imageCdnUrl: string;\r\n  currentUser?: CurrentUser;\r\n}\r\n\r\nexport function PlaylistOwnerAvatar(props: PlaylistOwnerAvatarProps): JSX.Element {\r\n  const { owner } = props.playlist;\r\n\r\n  // TODO: Replace this with actual property.\r\n  const isClickViewPlaylist = !!props.playlist.cover?.url;\r\n\r\n  if (isClickViewPlaylist)\r\n    return (\r\n      <ClickViewAvatar />\r\n    );\r\n\r\n  if (!owner?.id || !props.currentUser?.id)\r\n    return <></>;\r\n\r\n  const currentUserIsOwner = owner.id.toString() === props.currentUser.id.toString();\r\n\r\n  if (currentUserIsOwner)\r\n    return <></>;\r\n\r\n  const url = typeof owner.avatar === 'string' ? owner.avatar : owner.avatar?.url;\r\n\r\n  return (\r\n    <Avatar\r\n      imageUrl={url}\r\n      imageCdnUrl={props.imageCdnUrl}\r\n      initials={UserHelper.getInitials(owner.name, owner.surname)}\r\n    />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"playlistItem\":\"cv--playlistItem--6o0Z2\",\"playlistItemGradient\":\"cv--playlistItemGradient--2JLPt\",\"playlistMetadata\":\"cv--playlistMetadata--3MCKL\",\"playlistName\":\"cv--playlistName--1Ukz7\",\"partialHeading\":\"cv--partialHeading--13tO6\",\"ownerAvatarContainer\":\"cv--ownerAvatarContainer--CwjTl\"};","import { Playlist } from 'libs/shared/interfaces';\r\n\r\nexport function getPlaylistBgColourClass(playlist: Playlist, classNames: string[]): string {\r\n  return classNames[playlist.name.charCodeAt(0) % classNames.length];\r\n}","import * as React from 'react';\r\nimport { Audience } from 'libs/shared/interfaces';\r\n\r\nimport styles from './audience-label.scss';\r\n\r\ntype AudienceBorderColour = 'dark' | 'white';\r\n\r\ninterface AudienceLabelProps {\r\n  audience: Audience;\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabel(props: AudienceLabelProps): JSX.Element {\r\n  if (!props.audience)\r\n    return <></>;\r\n\r\n  // Note: the audience-label class is applied so that Online can style this component\r\n  return (\r\n    <div className={`audience-label border rounded-pill d-inline-block px-2 mt-1 ${'border-' + props.border}`}>\r\n      {props.audience.name}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface AudienceLabelListProps {\r\n  audiences: Audience[];\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabelList(props: AudienceLabelListProps): JSX.Element {\r\n  if (!props.audiences || !props.audiences.length)\r\n    return <></>;\r\n\r\n  return (\r\n    <>\r\n      {props.audiences.map((a, idx) => (\r\n        <span key={idx} className={styles.audienceLabelListItem}>\r\n          <AudienceLabel audience={a} border={props.border} />\r\n        </span>\r\n      ))}\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"audienceLabelListItem\":\"cv--audienceLabelListItem--2YGVO\"};","import * as React from 'react';\r\n\r\nimport { ClickViewPlayLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\r\n\r\nimport * as styles from './clickview-avatar.scss';\r\n\r\nexport function ClickViewAvatar(): JSX.Element {\r\n  return (\r\n    <div className={styles.avatar}>\r\n      <ClickViewPlayLogo />\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"avatar\":\"cv--avatar--1IfFN\"};","import { HashObject } from 'libs/common/react/interfaces';\r\nimport { Audience, PresentationAudience, BaseObject } from 'libs/shared/interfaces';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nconst DIGIT_REGEX = /([0-9]+)/ig;\r\nconst NAME_REGEX = /(^\\w+)/ig;\r\nconst COUNT_OFFSET = 1;\r\n\r\nfunction processAudienceRanges(audienceValues: number[]): string[] {\r\n  /**\r\n   * Lookahead by increments of offset\r\n   */\r\n  const offset = COUNT_OFFSET;\r\n\r\n  let initialVal, nextVal;\r\n  let isContinguous: boolean = false;\r\n\r\n  const ranges: string[] = [];\r\n\r\n  // Audience values need to be in ascending order\r\n  audienceValues = audienceValues.sort((a, b) => a - b);\r\n\r\n  let i, j;\r\n\r\n  for (i = 0; i < audienceValues.length; i++) {\r\n    j = i + 1;\r\n\r\n    // Set our lower boundary to compare against\r\n    if (!isContinguous)\r\n      initialVal = audienceValues[i];\r\n\r\n    nextVal = audienceValues[j];\r\n\r\n    /**\r\n     * Where the next number is also the next incremental value\r\n     * we're going to continue iterating until the next value\r\n     * is no longer contiguos.\r\n     */\r\n    if (audienceValues[i] + offset === nextVal) {\r\n      isContinguous = true;\r\n\r\n    } else if (isContinguous) {\r\n\r\n      /**\r\n       * Where we were tracking a contiguous set, format appropriately \r\n       * and store the vals\r\n       */\r\n\r\n      ranges.push(`${initialVal} - ${audienceValues[i]}`);\r\n      isContinguous = false;\r\n\r\n    } else {\r\n\r\n      /**\r\n       * Where the values arent contiguous, just store the current value\r\n       */\r\n\r\n      ranges.push(`${audienceValues[i]}`);\r\n      isContinguous = false;\r\n    }\r\n\r\n  }\r\n\r\n  return ranges;\r\n}\r\n\r\nexport const AudienceHelper = {\r\n  /**\r\n   * This is needed to sort an object's audiences, as they are not sorted by the backend.\r\n   * To do this, we take the presentation audiences (sorted) and filter them by the object's\r\n   * audiences, leaving behind a sorted array of object audiences.\r\n   */\r\n  getSortedPresentationAudiences(\r\n    objectAudiences: Audience[],\r\n    presentationAudiences: PresentationAudience[]\r\n  ): PresentationAudience[] {\r\n    const objectAudienceIds = objectAudiences.map(audience => audience.id.toString());\r\n\r\n    /**\r\n     * Remove audiences that aren't relevant for the user's current presentation\r\n     */\r\n    const filteredAudiences = presentationAudiences.filter(presAudience => {\r\n      return objectAudienceIds.includes(presAudience.masterId.toString());\r\n    });\r\n\r\n    return filteredAudiences;\r\n  },\r\n\r\n  getMergedPresentationAudienceString(presentationAudiences: PresentationAudience[]): PresentationAudience {\r\n    if (presentationAudiences.length === 1)\r\n      return presentationAudiences[0];\r\n\r\n    /**\r\n     * Create a string with all of the audiences\r\n     */\r\n    const valuesStr = presentationAudiences.map(a => a.name).join(',');\r\n\r\n    /**\r\n     * Extract all the numbers and  matches from the string\r\n     * Where there aren't matches, just return the first Audience.\r\n     */\r\n    const valMatches = valuesStr.match(DIGIT_REGEX);\r\n    const nameMatches = valuesStr.match(NAME_REGEX);\r\n\r\n    if (!valMatches || !nameMatches) return presentationAudiences[0];\r\n\r\n    const audienceValues = valMatches\r\n      .map(l => +l) || [];\r\n\r\n    /**\r\n     * Build set of logical audience ranges\r\n     */\r\n    const audienceRange = processAudienceRanges(audienceValues);\r\n\r\n    /**\r\n     * Get matches name\r\n     */\r\n    const audienceName = nameMatches[0];\r\n\r\n    return {\r\n      name: `${audienceName} ${audienceRange.join(' , ')}`\r\n    } as PresentationAudience;\r\n  },\r\n\r\n  /**\r\n   * This function assumes the members array passed in is ordered by `name`.\r\n   */\r\n  sortMembersWithDuplicateNamesByAudience(members: BaseObject[]): BaseObject[] {\r\n    // Returns the lowest level audience out of an array of audience objects by looking at the name\r\n    const getLowestAudience = (audiences: Audience[]) => {\r\n      if (!audiences.length)\r\n        return null;\r\n\r\n      let lowestAudience: Audience;\r\n      let lowestAudienceDigit: number;\r\n\r\n      audiences.forEach(audience => {\r\n        const digit = +ArrayHelper.first(audience.name.match(DIGIT_REGEX));\r\n\r\n        if (!lowestAudience) {\r\n          lowestAudience = audience;\r\n          lowestAudienceDigit = digit;\r\n          return;\r\n        }\r\n\r\n        if (digit < lowestAudienceDigit)\r\n          lowestAudience = audience;\r\n      });\r\n\r\n      return lowestAudience;\r\n    };\r\n\r\n    // This is used to track how many times a member's name appears in the collection\r\n    const nameCountMap: HashObject<number> = {};\r\n\r\n    let sorted: BaseObject[] = [];\r\n\r\n    members.forEach(member => {\r\n      if (!nameCountMap[member.name]) {\r\n        nameCountMap[member.name] = 1;\r\n        sorted.push(member);\r\n        return;\r\n      }\r\n\r\n      sorted.push(member);\r\n      nameCountMap[member.name]++;\r\n\r\n      // Take the slice of duplicates that we want to sort by audience\r\n      const slice = sorted.splice(sorted.length - nameCountMap[member.name]);\r\n\r\n      // Sort the slice by lowest audience\r\n      const sortedSlice = slice.sort((a: any, b: any) => {\r\n        const firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);\r\n        const secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);\r\n\r\n        if (!firstObjLowestAudience && secondObjLowestAudience)\r\n          return 1;\r\n\r\n        if (!secondObjLowestAudience)\r\n          return -1;\r\n\r\n        const comparison = firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);\r\n\r\n        if (comparison === 0) return comparison;\r\n\r\n        return comparison > 0 ? -1 : 1;\r\n      });\r\n\r\n      sorted = sorted.concat(sortedSlice);\r\n    });\r\n\r\n    return sorted;\r\n  }\r\n};"],"sourceRoot":""}

package/dist/scripts/80-f4b5d951b3.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[80],{1502:function(e,a,t){"use strict";t.r(a);var r=t(0),n=t.n(r),c=t(76),l=t(19),s=t(9),i=t(304),o=t(2),m=t(91),u=t(70),p=t(141),f=t(161),E=t(101),d=t(998),h=t(1093),g=t(1045),y=t(3),b=t(970),S=t(1222),v=t(1217),N=t(1048),A=t(1074),M=t(1218),U=t(1219),w=t(7),F=t(13),P=t(162),O=t(17),R=t(184),_=t(993),j=t(212),k=t(1072),T={application:w.a.USER_MANAGER,action:F.a.UserManager.CREATE_USER,params:{userType:p.a.Staff}};function L(){return n.a.createElement(m.a.Provider,{value:"userManager.schoolStaffManagerEmptyState"},n.a.createElement("div",{className:"text-center py-5"},n.a.createElement(_.a,{src:j.a.EmptyStates.USER_MANAGER}),n.a.createElement("h2",{className:"h6"},n.a.createElement(m.b,{phrase:"heading"})),n.a.createElement("p",{className:"w-33 mx-auto"},n.a.createElement(m.b,{phrase:"info"})),n.a.createElement("p",{className:"pb-3"},n.a.createElement(m.b,{phrase:"template",options:{templateLink:k.a.STAFF}})),n.a.createElement("div",{className:"d-flex justify-content-center align-items-center"},n.a.createElement("div",{className:"px-1"},n.a.createElement(R.a,{className:"btn btn-secondary",appLink:T,svgName:O.b.Plus},n.a.createElement(m.b,{phrase:"addNew"}))),n.a.createElement("div",{className:"px-1"},n.a.createElement(R.a,{appLink:{application:w.a.USER_MANAGER,action:F.a.UserManager.BULK_USER_UPLOAD_POPUP,params:{userType:p.a.Learner}},className:"btn btn-secondary",svgName:O.b.Upload},n.a.createElement(m.b,{phrase:"uploadAList"}))))))}function q(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,n=!1,c=void 0;try{for(var l,s=e[Symbol.iterator]();!(r=(l=s.next()).done)&&(t.push(l.value),!a||t.length!==a);r=!0);}catch(e){n=!0,c=e}finally{try{r||null==s.return||s.return()}finally{if(n)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return x(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return x(e,a)}(e,a)||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 x(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}t.d(a,"SchoolStaffManagerView",(function(){return G}));var B=s.a.encloseNamespace("userManager.schoolStaffManager"),I={application:w.a.USER_MANAGER,action:F.a.UserManager.STAFF};function G(e){Object(i.a)(B("pageTitle"));var a=Object(f.a)().hasPermissions,t=Object(c.useDispatch)(),n=q(r.useState(!1),2),s=n[0],O=n[1],R=l.a.useBasicFetch(u.a.currentUser());function _(a){var t;return R.data?(null===(t=e.queryParams)||void 0===t?void 0:t.query)?b.a.searchUsers(e.queryParams,a,p.a.Staff):b.a.getUsers(R.data.customerId,p.a.Staff,e.queryParams,a):null}var j,k=function(e){l.a.getFetch(t,_(e))()},T=Object(h.a)(_,k),x=T.items,G=T.hasMore,C=T.isFetching;return r.useEffect((function(){s||O(!0)}),[x,s]),r.useEffect((function(){O(!1)}),[e.queryParams]),a(E.a.ManageUsers)?r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"pl-4"},r.createElement(m.b,{namespace:"userManager.schoolStaffManager",phrase:"heading"})),r.createElement("div",{className:"pl-4 pb-2"},r.createElement(d.b,{type:d.a.Static,data:[{name:B("settingsBreadcrumb")},{name:B("managerBreadcrumb")}],currentItem:{name:B("managerBreadcrumb")},getItemAppLink:function(){return{application:w.a.SETTINGS,action:F.a.Settings.HOME}}})),r.createElement(r.Fragment,null,(null===(j=x)||void 0===j?void 0:j.length)||Object.keys(e.queryParams).length||C?r.createElement(r.Fragment,null,r.createElement("div",{className:"pl-4 py-2 row"},r.createElement("div",{className:"col-9 pl-1"},r.createElement(A.e,{queryParams:e.queryParams,mainFilters:[N.b.SortByName(N.a.getNameSortOptions())],analyticsOptions:{entity:y.d.User,location:y.j.StaffManager},hideHeading:!0,appLink:I})),r.createElement("div",{className:"col-3"},r.createElement(M.a,{id:"school-staff-search",name:"school-staff-search",placeholder:B("searchBarPlaceholder"),searchAppLink:{application:w.a.USER_MANAGER,action:F.a.UserManager.STAFF}}))),r.createElement("main",null,function(){var e;return C&&!s?r.createElement(v.a,null):(null===(e=x)||void 0===e?void 0:e.length)?r.createElement(r.Fragment,null,!!x.length&&r.createElement("p",{className:"pl-4 mb-0 font-weight-500"},r.createElement(m.b,{namespace:"userManager.schoolStaffManager",phrase:"entries",options:{smartCount:x.length}})),r.createElement("div",{className:"py-3"},r.createElement(S.a,{users:x,userType:p.a.Staff,analyticsOptions:{location:y.j.StaffManager}}),!!G&&r.createElement(g.a,{isFetching:C,onClick:k}))):r.createElement(U.a,null)}())):r.createElement(L,null))):(o.a.ErrorHelper.throw(new P.a),r.createElement(r.Fragment,null))}}}]);

package/dist/scripts/80.chunk.js

@@ -1,173 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[80],{
-
-/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
-/*!************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
-  \************************************************************************************/
-/*! exports provided: useAlerts */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
-/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
-
-
-
-var useAlerts = function useAlerts() {
-  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
-  return {
-    success: function success(alertContent) {
-      alertService.success(alertContent)();
-    },
-    error: function error(alertContent) {
-      alertService.error(alertContent)();
-    },
-    warning: function warning(alertContent) {
-      alertService.createAlert({
-        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
-        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
-        message: alertContent
-      });
-    }
-  };
-};
-
-/***/ }),
-
-/***/ "./src/apps/upload/views/cancel-upload/CancelUploadView.tsx":
-/*!******************************************************************!*\
-  !*** ./src/apps/upload/views/cancel-upload/CancelUploadView.tsx ***!
-  \******************************************************************/
-/*! exports provided: CancelUploadView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CancelUploadView", function() { return CancelUploadView; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
-/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
-/* harmony import */ var _libs_shared_src_constants_RadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/constants/RadioChannels */ "../../libs/shared/src/constants/RadioChannels.ts");
-/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
-/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var _libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/upload/constants/UploadConstants */ "../../libs/shared/src/apps/upload/constants/UploadConstants.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var shared_constants_Services__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/constants/Services */ "./src/shared/constants/Services.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/upload/services/CombineUploadsService */ "./src/apps/upload/services/CombineUploadsService.ts");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'upload.cancelUpload';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
-function CancelUploadView(props) {
-  var id = props.id,
-      status = props.status,
-      name = props.name;
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showSpinner = _React$useState2[0],
-      setShowSpinner = _React$useState2[1];
-
-  var combineUploadsService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__["useService"])(shared_constants_Services__WEBPACK_IMPORTED_MODULE_11__["Services"].CombineUploads);
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_8__["useAlerts"])();
-  var isUploading = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Uploading;
-
-  var onCancelComplete = function onCancelComplete() {
-    var headingPhrase = isUploading ? 'cancelUploadingAlertHeading' : 'cancelProcessingAlertHeading';
-    var messagePhrase = isUploading ? 'cancelUploadingAlertMessage' : 'cancelProcessingAlertMessage';
-    alerts.success({
-      type: _libs_common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__["AlertType"].Success,
-      heading: getPhrase(headingPhrase),
-      message: getPhrase(messagePhrase, {
-        videoName: name
-      })
-    });
-    props.closePopup();
-  };
-
-  var cancelUpload = function cancelUpload() {
-    setShowSpinner(true);
-
-    if (isUploading) {
-      combineUploadsService.cancelUpload(id);
-      var uploadChannel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_libs_shared_src_constants_RadioChannels__WEBPACK_IMPORTED_MODULE_5__["SharedServiceChannels"].VIDEO_UPLOAD);
-      uploadChannel.on(_libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__["UploadEventNames"].UPLOAD_CANCELLED, function () {
-        return onCancelComplete();
-      });
-    } else {
-      combineUploadsService.cancelProcessing(id);
-      var combinedUploadsChannel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__["ServiceChannels"].COMBINE_UPLOADS);
-      combinedUploadsChannel.on(_libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__["UploadEventNames"].PROCESSING_CANCELLED, function () {
-        return onCancelComplete();
-      });
-    }
-  };
-
-  var buttons = [{
-    variant: 'link',
-    onClick: function onClick() {
-      return props.closePopup();
-    },
-    buttonText: 'No'
-  }, {
-    variant: 'primary',
-    onClick: cancelUpload,
-    buttonText: 'Yes',
-    isSpinnerButton: true,
-    showSpinner: showSpinner
-  }];
-  var titlePhraseKey = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Processing ? 'cancelProcessingTitle' : 'cancelUploadingTitle';
-  var messagePhraseKey = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Processing ? 'cancelProcessingMessage' : 'cancelUploadingMessage';
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__["Popup"], {
-    title: getPhrase(titlePhraseKey),
-    closePopup: function closePopup() {
-      return props.closePopup();
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__["Text"], {
-    namespace: namespace,
-    phrase: messagePhraseKey,
-    options: {
-      videoName: name
-    }
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__["PopupButtons"], {
-    buttons: buttons
-  }));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=80.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/upload/views/cancel-upload/CancelUploadView.tsx"],"names":[],"mappings":"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","file":"scripts/80.chunk.js","sourcesContent":["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 * as React from 'react';\r\nimport { Radio } from 'backbone';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { AlertType } from 'libs/common/backbone/services/BaseAlertService';\r\n\r\nimport { SharedServiceChannels } from 'libs/shared/constants/RadioChannels';\r\nimport { PopupViewProps } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupButton, PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { UploadEventNames } from 'libs/shared/apps/upload/constants/UploadConstants';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { Services } from 'shared/constants/Services';\r\nimport { ServiceChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { CombineUploadsService, CombinedUploadStatus } from 'apps/upload/services/CombineUploadsService';\r\n\r\nconst namespace = 'upload.cancelUpload';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface CancelUploadViewProps {\r\n  id: string;\r\n  name: string;\r\n  status: CombinedUploadStatus;\r\n}\r\n\r\nexport function CancelUploadView(props: CancelUploadViewProps & PopupViewProps): JSX.Element {\r\n  const { id, status, name } = props;\r\n\r\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\r\n\r\n  const combineUploadsService = useService<CombineUploadsService>(Services.CombineUploads);\r\n  const alerts = useAlerts();\r\n\r\n  const isUploading = status === CombinedUploadStatus.Uploading;\r\n\r\n  const onCancelComplete = () => {\r\n    const headingPhrase = isUploading ? 'cancelUploadingAlertHeading' : 'cancelProcessingAlertHeading';\r\n    const messagePhrase = isUploading ? 'cancelUploadingAlertMessage' : 'cancelProcessingAlertMessage';\r\n\r\n    alerts.success({\r\n      type: AlertType.Success,\r\n      heading: getPhrase(headingPhrase),\r\n      message: getPhrase(messagePhrase, { videoName: name })\r\n    });\r\n\r\n    props.closePopup();\r\n  };\r\n\r\n  const cancelUpload = () => {\r\n    setShowSpinner(true);\r\n\r\n    if (isUploading) {\r\n      combineUploadsService.cancelUpload(id);\r\n\r\n      const uploadChannel = Radio.channel(SharedServiceChannels.VIDEO_UPLOAD);\r\n      uploadChannel.on(UploadEventNames.UPLOAD_CANCELLED, () => onCancelComplete());\r\n    } else {\r\n      combineUploadsService.cancelProcessing(id);\r\n\r\n      const combinedUploadsChannel = Radio.channel(ServiceChannels.COMBINE_UPLOADS);\r\n      combinedUploadsChannel.on(UploadEventNames.PROCESSING_CANCELLED, () => onCancelComplete());\r\n    }\r\n  };\r\n\r\n  const buttons: PopupButton[] = [\r\n    {\r\n      variant: 'link',\r\n      onClick: () => props.closePopup(),\r\n      buttonText: 'No'\r\n    },\r\n    {\r\n      variant: 'primary',\r\n      onClick: cancelUpload,\r\n      buttonText: 'Yes',\r\n      isSpinnerButton: true,\r\n      showSpinner\r\n    }\r\n  ];\r\n\r\n  const titlePhraseKey = status === CombinedUploadStatus.Processing\r\n    ? 'cancelProcessingTitle'\r\n    : 'cancelUploadingTitle';\r\n\r\n  const messagePhraseKey = status === CombinedUploadStatus.Processing\r\n    ? 'cancelProcessingMessage'\r\n    : 'cancelUploadingMessage';\r\n\r\n  return (\r\n    <Popup title={getPhrase(titlePhraseKey)} closePopup={() => props.closePopup()}>\r\n      <p>\r\n        <Text\r\n          namespace={namespace}\r\n          phrase={messagePhraseKey}\r\n          options={{\r\n            videoName: name\r\n          }}\r\n        />\r\n      </p>\r\n      <PopupButtons buttons={buttons} />\r\n    </Popup>\r\n  );\r\n}\r\n"],"sourceRoot":""}

package/dist/scripts/81-8c42a24988.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[81],{1501:function(e,a,t){"use strict";t.r(a);var r=t(0),n=t.n(r),c=t(76),s=t(19),l=t(9),i=t(304),o=t(2),m=t(91),u=t(161),p=t(101),d=t(70),E=t(141),h=t(998),g=t(1093),y=t(1045),b=t(3),f=t(970),v=t(1222),S=t(1217),N=t(1218),M=t(1074),U=t(1048),w=t(1219),A=t(162),O=t(7),P=t(13),j=t(17),L=t(184),k=t(212),T=t(993),_=t(1072),R={application:O.a.USER_MANAGER,action:P.a.UserManager.CREATE_USER,params:{userType:E.a.Learner}};function F(){return n.a.createElement(m.a.Provider,{value:"userManager.schoolStudentManagerEmptyState"},n.a.createElement("div",{className:"text-center py-5"},n.a.createElement(T.a,{src:k.a.EmptyStates.USER_MANAGER}),n.a.createElement("h2",{className:"h6"},n.a.createElement(m.b,{phrase:"heading"})),n.a.createElement("p",{className:"w-33 mx-auto"},n.a.createElement(m.b,{phrase:"info"})),n.a.createElement("p",{className:"pb-3"},n.a.createElement(m.b,{phrase:"template",options:{templateLink:_.a.STUDENTS}})),n.a.createElement("div",{className:"d-flex justify-content-center align-items-center"},n.a.createElement("div",{className:"px-1"},n.a.createElement(L.a,{className:"btn btn-secondary",appLink:R,svgName:j.b.Plus},n.a.createElement(m.b,{phrase:"addNew"}))),n.a.createElement("div",{className:"px-1"},n.a.createElement(L.a,{appLink:{application:O.a.USER_MANAGER,action:P.a.UserManager.BULK_USER_UPLOAD_POPUP,params:{userType:E.a.Learner}},className:"btn btn-secondary",svgName:j.b.Upload},n.a.createElement(m.b,{phrase:"uploadAList"}))))))}function q(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,n=!1,c=void 0;try{for(var s,l=e[Symbol.iterator]();!(r=(s=l.next()).done)&&(t.push(s.value),!a||t.length!==a);r=!0);}catch(e){n=!0,c=e}finally{try{r||null==l.return||l.return()}finally{if(n)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return B(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return B(e,a)}(e,a)||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 B(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}t.d(a,"SchoolStudentManagerView",(function(){return x}));var G=l.a.encloseNamespace("userManager.schoolStudentManager"),I={application:O.a.USER_MANAGER,action:P.a.UserManager.STUDENTS};function x(e){Object(i.a)(G("pageTitle"));var a=Object(u.a)().hasPermissions,t=Object(c.useDispatch)(),n=q(r.useState(!1),2),l=n[0],j=n[1],L=s.a.useBasicFetch(d.a.currentUser()),k=s.a.useBasicFetch(L.data&&f.a.yearGroups(L.data.customerId));function T(a){var t;return L.data?(null===(t=e.queryParams)||void 0===t?void 0:t.query)?f.a.searchUsers(e.queryParams,a,E.a.Learner):f.a.getUsers(L.data.customerId,E.a.Learner,e.queryParams,a):null}var _,R=function(e){s.a.getFetch(t,T(e))()},B=Object(g.a)(T,R),x=B.items,C=B.hasMore,D=B.isFetching;function H(){return L.data?[U.b.SortByName(U.a.getNameSortOptions()),U.b.YearGroup(U.a.getYearGroupOptions(k.data))]:[]}return r.useEffect((function(){l||j(!0)}),[x,l]),r.useEffect((function(){j(!1)}),[e.queryParams]),a(p.a.ManageUsers)?r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"pl-4"},r.createElement(m.b,{namespace:"userManager.schoolStudentManager",phrase:"heading"})),r.createElement("div",{className:"pl-4 pb-2"},r.createElement(h.b,{type:h.a.Static,data:[{name:G("settingsBreadcrumb")},{name:G("managerBreadcrumb")}],currentItem:{name:G("managerBreadcrumb")},getItemAppLink:function(){return{application:O.a.SETTINGS,action:P.a.Settings.HOME}}})),r.createElement(r.Fragment,null,(null===(_=x)||void 0===_?void 0:_.length)||Object.keys(e.queryParams).length||D?r.createElement(r.Fragment,null,r.createElement("div",{className:"pl-4 py-2 row"},r.createElement("div",{className:"col-9 pl-1"},H().length?r.createElement(M.e,{queryParams:e.queryParams,mainFilters:H(),analyticsOptions:{entity:b.d.User,location:b.j.StudentManager},hideHeading:!0,appLink:I}):r.createElement(M.c,{hideHeading:!0})),r.createElement("div",{className:"col-3"},r.createElement(N.a,{id:"school-student-search",name:"school-student-search",placeholder:G("searchBarPlaceholder"),searchAppLink:Object.assign(Object.assign({},I),{params:e.queryParams})}))),r.createElement("main",null,function(){var e;return D&&!l?r.createElement(S.a,null):(null===(e=x)||void 0===e?void 0:e.length)?r.createElement(r.Fragment,null,!!x.length&&r.createElement("p",{className:"pl-4 mb-0 font-weight-500"},r.createElement(m.b,{namespace:"userManager.schoolStudentManager",phrase:"entries",options:{smartCount:x.length}})),r.createElement("div",{className:"py-3"},r.createElement(v.a,{users:x,userType:E.a.Learner,analyticsOptions:{location:b.j.StudentManager}}),!!C&&r.createElement(y.a,{isFetching:D,onClick:R}))):r.createElement(w.a,null)}())):r.createElement(F,null))):(o.a.ErrorHelper.throw(new A.a),r.createElement(r.Fragment,null))}}}]);

package/dist/scripts/81.chunk.js

@@ -1,172 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[81],{
-
-/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
-/*!************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
-  \************************************************************************************/
-/*! exports provided: useAlerts */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
-/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
-
-
-
-var useAlerts = function useAlerts() {
-  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
-  return {
-    success: function success(alertContent) {
-      alertService.success(alertContent)();
-    },
-    error: function error(alertContent) {
-      alertService.error(alertContent)();
-    },
-    warning: function warning(alertContent) {
-      alertService.createAlert({
-        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
-        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
-        message: alertContent
-      });
-    }
-  };
-};
-
-/***/ }),
-
-/***/ "./src/apps/user-manager/views/bulk-remove-users/BulkRemoveUsersView.tsx":
-/*!*******************************************************************************!*\
-  !*** ./src/apps/user-manager/views/bulk-remove-users/BulkRemoveUsersView.tsx ***!
-  \*******************************************************************************/
-/*! exports provided: BulkRemoveUsersView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BulkRemoveUsersView", function() { return BulkRemoveUsersView; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseViewModel */ "../../libs/common/src/react/hooks/UseViewModel.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
-/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
-/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
-/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
-/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function BulkRemoveUsersView(props) {
-  var namespace = props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner ? 'userManager.removeStudents' : 'userManager.removeStaff';
-  var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
-
-  var _useViewModel = Object(_libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_4__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__["ViewModelKeys"].BULK_REMOVE_USERS),
-      _useViewModel2 = _slicedToArray(_useViewModel, 1),
-      users = _useViewModel2[0];
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showButtonSpinner = _React$useState2[0],
-      setShowButtonSpinner = _React$useState2[1];
-
-  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__["UserRequests"].currentUser());
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
-
-  function removeUsers() {
-    setShowButtonSpinner(true);
-    var data = {
-      customerId: currentUser.data.customerId,
-      users: users
-    };
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__["SchoolUserRequests"].bulkRemoveUsers(data, function () {
-      setShowButtonSpinner(false);
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_11__["AnalyticsHelper"].logUserAction({
-        customerId: currentUser.data.customerId,
-        count: users.length
-      }, {
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["UserAction"].Delete,
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["EntityType"].User,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["WorkflowPhase"].Complete,
-        descriptor: users.length === 1 ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["OperationDescriptor"].Single : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["OperationDescriptor"].Bulk,
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["LocationContext"].Popup
-      });
-      alerts.success(getPhrase('success', props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner ? {
-        smartCount: users.length
-      } : {
-        total: users.length
-      }));
-    }, function () {
-      alerts.error(getPhrase('error'));
-    }, function () {
-      setShowButtonSpinner(false);
-      props.closePopup();
-    }));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__["Popup"], {
-    title: getPhrase('title'),
-    closePopup: props.closePopup,
-    showLoadingSpinner: !currentUser.data
-  }, currentUser.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
-    namespace: namespace,
-    phrase: 'confirm',
-    options: props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner ? {
-      smartCount: users.length
-    } : {
-      total: users.length
-    }
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__["PopupButtons"], {
-    buttons: [{
-      variant: 'link',
-      onClick: props.closePopup,
-      buttonText: getPhrase('cancel')
-    }, {
-      variant: 'danger',
-      onClick: removeUsers,
-      buttonText: getPhrase('remove'),
-      isSpinnerButton: true,
-      showSpinner: showButtonSpinner
-    }]
-  })));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=81.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/bulk-remove-users/BulkRemoveUsersView.tsx"],"names":[],"mappings":"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","file":"scripts/81.chunk.js","sourcesContent":["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 React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\r\n\r\nimport { PropsWithPopupViewProps, CurrentUser } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, EntityType, WorkflowPhase, OperationDescriptor, LocationContext } from 'libs/analytics/interfaces';\r\n\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\r\n\r\ntype BulkRemoveUsersViewProps = PropsWithPopupViewProps<{\r\n  userType: UserGroup;\r\n}>;\r\n\r\nexport function BulkRemoveUsersView(props: BulkRemoveUsersViewProps): JSX.Element {\r\n  const namespace = props.userType === UserGroup.Learner\r\n    ? 'userManager.removeStudents'\r\n    : 'userManager.removeStaff';\r\n\r\n  const getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\n  const [users] = useViewModel<Array<{ userId: string; username: string; }>>(ViewModelKeys.BULK_REMOVE_USERS);\r\n\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  function removeUsers(): void {\r\n    setShowButtonSpinner(true);\r\n\r\n    const data = {\r\n      customerId: currentUser.data.customerId,\r\n      users\r\n    };\r\n\r\n    Flight.fetch(dispatch, SchoolUserRequests.bulkRemoveUsers(data, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        customerId: currentUser.data.customerId,\r\n        count: users.length\r\n      }, {\r\n        actionType: UserAction.Delete,\r\n        entity: EntityType.User,\r\n        workflowPhase: WorkflowPhase.Complete,\r\n        descriptor: users.length === 1 ? OperationDescriptor.Single : OperationDescriptor.Bulk,\r\n        location: LocationContext.Popup\r\n      });\r\n\r\n      alerts.success(getPhrase('success', props.userType === UserGroup.Learner\r\n        ? { smartCount: users.length }\r\n        : { total: users.length }\r\n      ));\r\n    }, () => {\r\n      alerts.error(getPhrase('error'));\r\n    }, () => {\r\n      setShowButtonSpinner(false);\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!currentUser.data}>\r\n      {currentUser.data && (\r\n        <>\r\n          <p>\r\n            <Text\r\n              namespace={namespace}\r\n              phrase='confirm'\r\n              options={props.userType === UserGroup.Learner\r\n                ? { smartCount: users.length }\r\n                : { total: users.length }\r\n              }\r\n            />\r\n          </p>\r\n\r\n          <PopupButtons buttons={[\r\n            {\r\n              variant: 'link',\r\n              onClick: props.closePopup,\r\n              buttonText: getPhrase('cancel')\r\n            },\r\n            {\r\n              variant: 'danger',\r\n              onClick: removeUsers,\r\n              buttonText: getPhrase('remove'),\r\n              isSpinnerButton: true,\r\n              showSpinner: showButtonSpinner\r\n            }\r\n          ]} />\r\n        </>\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}