@clickview/reports 0.71.1-dev.0 → 0.72.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"BKardFg7.chunk.js","sources":["../../src/shared/components/user-activity-pie-chart/partial-loading/PartialUserActivityPieChart.tsx","../../../../libs/shared/src/apps/analytics/utils/SharedUserActivityPieChartUtils.ts","../../src/shared/enums/EventType.ts","../../src/shared/components/user-activity-pie-chart/utils/UserActivityPieChartTypes.ts","../../src/shared/components/user-activity-pie-chart/utils/UserActivityPieChartConstants.ts","../../src/shared/components/user-activity-pie-chart/utils/UserActivityPieChartUtils.ts","../../src/shared/components/user-activity-pie-chart/UserActivityPieChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './partial-user-activity-pie-chart.module.scss';\n\nexport function PartialUserActivityPieChart(): JSX.Element {\n  return (\n    <div className='d-flex align-items-start justify-content-between'>\n      <div>\n        <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n        <div className={`partial-loading-background ${styles.partialCount}`} />\n      </div>\n      <div className={`partial-loading-background rounded ${styles.partialSelector}`} />\n    </div>\n  );\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { HashObject } from 'libs/analytics/interfaces';\n\nimport { BaseAnalyticsEventResponse, GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { UnionEventResponse } from 'libs/shared/apps/analytics/interfaces/UnionEvent';\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { mixinSeriesColours } from 'libs/shared/apps/analytics/utils/ChartColourUtils';\n\ntype EventResponseGroupByAttributes = keyof Pick<VideoViewEventResponse, 'contentTypeCount'>\n | keyof Pick<BaseAnalyticsEventResponse, 'userTypeCount' | 'yearGroupCount'>;\n\nexport function groupEvents(\n  events: UnionEventResponse,\n  groupBy: EventResponseGroupByAttributes,\n  groupsToOmit?: string[],\n  getSeriesName?: (group: string) => string\n): Highcharts.PointOptionsObject[] {\n  const groups: HashObject<number> = {};\n\n  const eventCounts = events[groupBy as keyof UnionEventResponse] as GroupedAnalyticsCount[];\n\n  eventCounts?.forEach(ev => {\n    const name = ev.name || 'Unknown';\n\n    if (!name || groupsToOmit?.includes(name.toLowerCase()))\n      return;\n\n    groups[name] = groups[name] ?? 0;\n    groups[name] += ev.count;\n  });\n\n  return mixinSeriesColours(ArrayHelper.sortBy(Object.keys(groups).map(group => ({\n    name: getSeriesName ? getSeriesName(group) : group,\n    y: groups[group],\n    type: 'pie'\n  })), 'name'));\n}\n\nexport function sortByYearGroup(data: Highcharts.PointOptionsObject[]) {\n  const staffIndex = data.findIndex(group => group.name === 'Staff');\n\n  // Move Staff to last index\n  if (staffIndex > -1) {\n    const [staffObject] = data.splice(staffIndex, 1);\n\n    data.push(staffObject);\n  }\n  return data.sort((a, b) => {\n    const numA = parseInt((a.name as string).match(/\\d+/)?.[0]);\n    const numB = parseInt((b.name as string).match(/\\d+/)?.[0]);\n    return numA - numB;\n  });\n}\n\nexport function getTotalEventCount(data?: Highcharts.PointOptionsObject[]): number | null {\n  return data?.reduce((a, b) => a + b.y, 0) ?? null;\n}","export enum EventType {\n  Login = 'login',\n  VideoView = 'video_view'\n}","export enum BaseGroupBy {\n  YearGroup = 'year_group',\n  Role = 'role'\n}\n\nexport enum VideoViewGroupBy {\n  ContentType = 'content_type',\n  Subject = 'subject',\n  Topic = 'topic'\n}\n\nexport type GroupBy = BaseGroupBy | VideoViewGroupBy;\n\nexport interface CustomGroupByComponent {\n  type: GroupBy;\n  getComponent: () => JSX.Element;\n}","import Highcharts from 'highcharts';\n\nimport { EventType } from 'shared/enums/EventType';\n\nimport { BaseGroupBy, VideoViewGroupBy } from './UserActivityPieChartTypes';\n\nexport const LOCAL_STORAGE_KEYS = {\n  [EventType.Login]: 'login_group_by',\n  [EventType.VideoView]: 'video_view_group_by'\n};\n\nexport const GROUP_BY_PHRASES = {\n  [BaseGroupBy.YearGroup]: 'yearGroups',\n  [BaseGroupBy.Role]: 'role',\n  [VideoViewGroupBy.ContentType]: 'contentType',\n  [VideoViewGroupBy.Subject]: 'subject',\n  [VideoViewGroupBy.Topic]: 'topic'\n};\n\nexport const DEFAULT_GROUP_BY = BaseGroupBy.YearGroup;\n\nexport const CHART_TITLE_PHRASES: {[index: string]: { [index: string]: string }} = {\n  [EventType.Login]: {\n    [BaseGroupBy.YearGroup]: 'totalStudentLogins',\n    [BaseGroupBy.Role]: 'totalLogins'\n  },\n  [EventType.VideoView]: {\n    [BaseGroupBy.YearGroup]: 'totalStudentViews',\n    [BaseGroupBy.Role]: 'totalViews',\n    [VideoViewGroupBy.ContentType]: 'totalViews',\n    [VideoViewGroupBy.Subject]: 'totalViews',\n    [VideoViewGroupBy.Topic]: 'totalViews'\n  }\n};\n\nexport const SERIES_PHRASES = {\n  [EventType.Login]: 'logins',\n  [EventType.VideoView]: 'views'\n};\n\nexport const STATIC_CHART_OPTIONS: Highcharts.Options = {\n  title: {\n    text: null\n  },\n  credits: {\n    enabled: false\n  },\n  chart: {\n    backgroundColor: 'transparent',\n    spacing: [ 0, 0, 0, 0 ]\n  },\n  plotOptions: {\n    pie: {\n      allowPointSelect: true,\n      cursor: 'pointer',\n      dataLabels: {\n        enabled: false\n      },\n      showInLegend: true\n    }\n  }\n};","import Highcharts from 'highcharts';\n\nimport { UnionEventResponse } from 'libs/shared/apps/analytics/interfaces/UnionEvent';\nimport { groupEvents, sortByYearGroup } from 'libs/shared/apps/analytics/utils/SharedUserActivityPieChartUtils';\n\nimport { DEFAULT_GROUP_BY, GROUP_BY_PHRASES, LOCAL_STORAGE_KEYS, STATIC_CHART_OPTIONS } from 'shared/components/user-activity-pie-chart/utils/UserActivityPieChartConstants';\nimport { BaseGroupBy, CustomGroupByComponent, GroupBy, VideoViewGroupBy } from 'shared/components/user-activity-pie-chart/utils/UserActivityPieChartTypes';\nimport { EventType } from 'shared/enums/EventType';\nimport { mapUserTypeToChartLabel } from 'shared/utils/UserUtils';\n\nfunction getLocalStorageKey(eventType: EventType, isSingleObject: boolean): string {\n  const key = LOCAL_STORAGE_KEYS[eventType];\n\n  if (!isSingleObject)\n    return key;\n\n  return key + '_single';\n}\n\nexport function getInitialGroupBy(eventType: EventType, isSingleObject: boolean): GroupBy {\n  const localStoragePreference = localStorage.getItem(getLocalStorageKey(eventType, isSingleObject)) as GroupBy;\n\n  /**\n   * Check that the local storage value is a valid before using it. \n   * \n   * This also allows us to re-map a value even if users have the old value persisted in local storage. \n   * We'll return the default and let them reset their preference.\n   */\n  if (GROUP_BY_PHRASES[localStoragePreference])\n    return localStoragePreference;\n\n  return DEFAULT_GROUP_BY;\n}\n\nexport function setGroupByPreference(eventType: EventType, groupBy: GroupBy, isSingleObject: boolean): void {\n  localStorage.setItem(getLocalStorageKey(eventType, isSingleObject), groupBy);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function getGroupByOptions(eventType: EventType, customGroupBy?: CustomGroupByComponent[]): GroupBy[] {\n  const options: GroupBy[] = [ BaseGroupBy.YearGroup, BaseGroupBy.Role ];\n\n  if (eventType === EventType.VideoView)\n    options.push(VideoViewGroupBy.ContentType);\n\n  if (customGroupBy)\n    options.push(...customGroupBy.map(g => g.type));\n\n  return options;\n}\n\nexport function getChartOptions(\n  data: Highcharts.PointOptionsObject[],\n  seriesName: string\n): Highcharts.Options {\n  return {\n    ...STATIC_CHART_OPTIONS,\n    series: [{\n      type: 'pie',\n      name: seriesName,\n      data\n    }]\n  };\n}\n\nexport function groupData(\n  events: UnionEventResponse,\n  groupBy: GroupBy\n): Highcharts.PointOptionsObject[] {\n  switch (groupBy) {\n    case BaseGroupBy.YearGroup:\n      return sortByYearGroup(groupEvents(events, 'yearGroupCount', [ 'staff', 'unknown' ]));\n\n    case BaseGroupBy.Role:\n      return groupEvents(events, 'userTypeCount', null, mapUserTypeToChartLabel);\n        \n    case VideoViewGroupBy.ContentType:\n      return groupEvents(events, 'contentTypeCount');\n  }\n}\nexport function getCustomComponent(\n  selectedOption: GroupBy,\n  customGroupBy?: CustomGroupByComponent[]\n): () => JSX.Element | undefined {\n  return Array.isArray(customGroupBy)\n    ? customGroupBy.find(g => g.type === selectedOption)?.getComponent\n    : undefined;\n}\n","import React from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { UnionEventResponse } from 'libs/shared/apps/analytics/interfaces/UnionEvent';\nimport { getTotalEventCount } from 'libs/shared/apps/analytics/utils/SharedUserActivityPieChartUtils';\n\nimport { EventType } from 'shared/enums/EventType';\nimport { useListenToNavState } from 'shared/hooks/UseListenToNavState';\n\nimport { CHART_TITLE_PHRASES, GROUP_BY_PHRASES, SERIES_PHRASES } from './utils/UserActivityPieChartConstants';\nimport { CustomGroupByComponent, GroupBy } from './utils/UserActivityPieChartTypes';\nimport {\n  getChartOptions,\n  getCustomComponent,\n  getGroupByOptions,\n  getInitialGroupBy,\n  groupData,\n  setGroupByPreference\n} from './utils/UserActivityPieChartUtils';\n\nimport styles from './user-activity-pie-chart.module.scss';\n\nconst namespace = 'shared.userActivityPieChart';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GroupByDropdownProps {\n  eventType: EventType;\n  selectedOption: GroupBy;\n  onSelect: (option: GroupBy) => void;\n  customGroupBy?: CustomGroupByComponent[];\n}\n\nfunction GroupByDropdown(props: GroupByDropdownProps): JSX.Element {\n  const options = getGroupByOptions(props.eventType, props.customGroupBy);\n\n  return (\n    <Dropdown align='end'>\n      <Dropdown.Toggle\n        id='group-by-dropdown'\n        variant='outline-dark'\n        className='no-caret'\n      >\n        {getPhrase(GROUP_BY_PHRASES[props.selectedOption])}\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        {options.map((g, idx) => (\n          props.selectedOption !== g &&\n          <Dropdown.Item key={idx} onClick={() => props.onSelect(g)}>\n            {getPhrase(GROUP_BY_PHRASES[g])}\n          </Dropdown.Item>\n        ))}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n\ninterface UserActivityPieChartProps {\n  events: UnionEventResponse;\n  eventType: EventType;\n  emptyStateComponent: JSX.Element;\n  objectId?: string;\n  customGroupBy?: CustomGroupByComponent[];\n}\n\nexport function UserActivityPieChart(props: UserActivityPieChartProps): JSX.Element {\n  const [ groupBy, setGroupBy ] = React.useState<GroupBy>(getInitialGroupBy(props.eventType, !!props.objectId));\n\n  useListenToNavState();\n\n  const data = groupData(props.events, groupBy);\n  const totalEventCount = getTotalEventCount(data);\n  const customComponentCtor = getCustomComponent(groupBy, props.customGroupBy);\n\n  function onSelectGroupBy(selection: GroupBy): void {\n    setGroupByPreference(props.eventType, selection, !!props.objectId);\n    setGroupBy(selection);\n  }\n\n  return (\n    <>\n      <div className='d-flex align-items-start justify-content-between w-100'>\n        <div>\n          <h3 className='h6 m-0'>{getPhrase(CHART_TITLE_PHRASES[props.eventType][groupBy])}</h3>\n          {typeof totalEventCount === 'number' &&\n            <strong className={styles.totalCount}>{totalEventCount}</strong>\n          }\n        </div>\n        <GroupByDropdown\n          eventType={props.eventType}\n          selectedOption={groupBy}\n          onSelect={onSelectGroupBy}\n          customGroupBy={props.customGroupBy}\n        />\n      </div>\n\n      {!!customComponentCtor && customComponentCtor()}\n\n      {!customComponentCtor && (data?.length\n        ? <HighchartsReact\n          highcharts={Highcharts}\n          options={getChartOptions(data, getPhrase(SERIES_PHRASES[props.eventType]))}\n          containerProps={{\n            className: `${styles.chartContainer} position-absolute w-100 h-75 flex-grow-1`\n          }}\n        />\n        : props.emptyStateComponent\n      )}\n    </>\n  );\n}"],"names":["PartialUserActivityPieChart","jsxs","jsx","styles","groupEvents","events","groupBy","groupsToOmit","getSeriesName","groups","eventCounts","ev","name","mixinSeriesColours","ArrayHelper","group","sortByYearGroup","data","staffIndex","staffObject","a","b","numA","_a","numB","_b","getTotalEventCount","EventType","BaseGroupBy","VideoViewGroupBy","LOCAL_STORAGE_KEYS","GROUP_BY_PHRASES","DEFAULT_GROUP_BY","CHART_TITLE_PHRASES","SERIES_PHRASES","STATIC_CHART_OPTIONS","getLocalStorageKey","eventType","isSingleObject","key","getInitialGroupBy","localStoragePreference","setGroupByPreference","getGroupByOptions","customGroupBy","options","g","getChartOptions","seriesName","groupData","mapUserTypeToChartLabel","getCustomComponent","selectedOption","namespace","getPhrase","LanguageService","GroupByDropdown","props","Dropdown","idx","UserActivityPieChart","setGroupBy","React","useListenToNavState","totalEventCount","customComponentCtor","onSelectGroupBy","selection","Fragment","HighchartsReact","Highcharts"],"mappings":"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"}

package/dist/scripts/BNPb8jz9.chunk.js

@@ -1,2 +0,0 @@
-import{s as t}from"./app-BDrXtKwD.js";import{g as o}from"./sFV5nxD4.chunk.js";const p={topSearches(e,r,s,a){return{url:t.urlBuilder("{gateway}/v1/analytics/search/top",e),key:o("top:searches",e),normalize:!1,success:r,error:s,always:a}}};export{p as S};
-//# sourceMappingURL=BNPb8jz9.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BNPb8jz9.chunk.js","sources":["../../src/shared/flight-requests/SearchRequests.ts"],"sourcesContent":["import { Xhr } from 'libs/common/backbone/interfaces/Xhr';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsRequestFilter } from 'libs/shared/interfaces';\nimport { getAnalyticsRequestKey } from 'libs/shared/utils/AnalyticsRequestUtils';\n\nimport { TopSearch } from 'shared/interfaces';\n\nexport const SearchRequests = {\n  topSearches(\n    filter: AnalyticsRequestFilter,\n    success?: (data: TopSearch[]) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/analytics/search/top', filter),\n      key: getAnalyticsRequestKey('top:searches', filter),\n      normalize: false,\n      success,\n      error,\n      always\n    };\n  }\n};"],"names":["SearchRequests","filter","success","error","always","UrlHelper","getAnalyticsRequestKey"],"mappings":"8EASO,MAAMA,EAAiB,CAC5B,YACEC,EACAC,EACAC,EACAC,EACgB,CAChB,MAAO,CACL,IAAKC,EAAU,WAAW,oCAAqCJ,CAAM,EACrE,IAAKK,EAAuB,eAAgBL,CAAM,EAClD,UAAW,GACX,QAAAC,EACA,MAAAC,EACA,OAAAC,CAAA,CAEJ,CACF"}

package/dist/scripts/BPjdUUKC.chunk.js

@@ -1,2 +0,0 @@
-import{j as e}from"./app-BDrXtKwD.js";const i="_emoji_hej2b_1",o={emoji:i};function m(s){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:o.emoji,children:s.emoji}),s.children]})}export{m as E};
-//# sourceMappingURL=BPjdUUKC.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BPjdUUKC.chunk.js","sources":["../../../../libs/shared/src/components/emoji-text/EmojiText.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './emoji-text.module.scss';\n\ninterface EmojiTextProps {\n  emoji: string;\n}\n\nexport function EmojiText(props: React.PropsWithChildren<EmojiTextProps>): JSX.Element {\n  return (\n    <>\n      <span className={styles.emoji}>{props.emoji}</span>\n      {props.children}\n    </>\n  );\n}"],"names":["EmojiText","props","jsxs","Fragment","jsx","styles"],"mappings":"2EAQO,SAASA,EAAUC,EAA6D,CACrF,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAWC,EAAO,MAAQ,WAAM,MAAM,EAC3CJ,EAAM,QAAA,EACT,CAEJ"}

package/dist/scripts/BQIPBrM1.chunk.js

@@ -1,2 +0,0 @@
-import{j as e,O as o,bF as j,L as m,e as g,u as f,T as y,a as T}from"./app-BDrXtKwD.js";import{T as d}from"./DTDgnfLK.chunk.js";import{u as S,b as N}from"./B29cILrj.chunk.js";import{u as _}from"./ClkubQ2J.chunk.js";import{S as E,a as L}from"./jhT3mG38.chunk.js";import{T as l}from"./C0fIn5Jw.chunk.js";import{C as R,V as b}from"./DNgLQx2d.chunk.js";import{C as n}from"./Cu2SZCs_.chunk.js";import{V as I}from"./SsbfqiCA.chunk.js";import{S as O}from"./DjZDmVy9.chunk.js";import"./sFV5nxD4.chunk.js";import"./lcnUAi0K.chunk.js";import"./Ctl4eE7j.chunk.js";import"./CVftTaOh.chunk.js";import"./bOC-mo3v.chunk.js";import"./C89Wm2QM.chunk.js";import"./DecntqLn.chunk.js";import"./D4zllLcC.chunk.js";import"./BcPvb8J5.chunk.js";import"./nR79RHo_.chunk.js";import"./H13OLF2T.chunk.js";import"./Cmh_kkGl.chunk.js";const P="_image_1a110_1",B={image:P},$="reportsShared.totalViewsByContentCardEmptyState",p=m.encloseNamespace($);function A(){return e.jsxs(o,{className:"flex-grow-1 justify-content-center",children:[e.jsx(o.Image,{src:j.EmptyStates.Shared.PuzzleGroup,className:B.image}),e.jsx(o.Heading,{className:"h6",children:p("heading")}),e.jsx(o.Info,{className:"w-100",children:p("description")})]})}const h="reportsShared.videoViewsByContentCard",c=m.encloseNamespace(h);function F(){const x=g(),C=f(I.aggregation("content_type",x));function V(a){switch(a){case"ClickView content":return n.YELLOW;case"TV content":return n.PURPLE;case"User generated content":return n.GREEN}}function w(a){switch(a){case"ClickView content":return c("clickview");case"TV content":return c("tv");case"User generated content":return c("userGenerated")}}function v(a){return a?a.filter(t=>t.name==="ClickView content"||t.name==="TV content"||t.name==="User generated content").map(t=>({name:w(t.name),y:t.count,color:V(t.name)})):null}const r=v(C.data);return e.jsx("div",{className:"d-flex flex-column h-100 bg-white rounded p-3",children:r?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"h6 mb-3",children:e.jsx(y,{namespace:h,phrase:"videoViews"})}),r.length?e.jsx(R,{data:r}):e.jsx(A,{})]}):e.jsx("div",{className:"partial-loading-background w-25",children:" "})})}const G="_column1_1s749_1",U="_column2_1s749_4",k="_videoViewsCard_1s749_7",s={column1:G,column2:U,videoViewsCard:k},H="videos.schoolVideoOverview",i=m.encloseNamespace(H),u=50;function pe(){return T({title:i("videos")}),_(i("videos")),S(N()),e.jsxs("div",{children:[e.jsx(O,{}),e.jsxs("div",{className:"d-flex gap-3",children:[e.jsxs("div",{className:`d-flex flex-column gap-3 ${s.column1}`,children:[e.jsx("div",{className:s.videoViewsCard,children:e.jsx(E,{type:"year_group"})}),e.jsx("div",{className:s.videoViewsCard,children:e.jsx(b,{})}),e.jsx("div",{className:s.videoViewsCard,children:e.jsx(F,{})})]}),e.jsxs("div",{className:`d-flex flex-column gap-3 ${s.column2}`,children:[e.jsx("div",{className:s.videoViewsCard,children:e.jsx(L,{type:"user_type"})}),e.jsx("div",{className:s.videoViewsCard,children:e.jsx(l,{type:d.RootTopic,heading:i("totalViewsSubject"),emptyStateText:i("emptySubjects"),limit:u})}),e.jsx("div",{className:s.videoViewsCard,children:e.jsx(l,{type:d.ChildTopic,heading:i("totalViewsTopic"),emptyStateText:i("emptyTopics"),limit:u})})]})]})]})}export{pe as SchoolVideoOverviewView};
-//# sourceMappingURL=BQIPBrM1.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BQIPBrM1.chunk.js","sources":["../../src/shared/views/overview-cards/video-views-by-content-card/empty-state/TotalViewsByContentCardEmptyState.tsx","../../src/shared/views/overview-cards/video-views-by-content-card/VideoViewsByContentCard.tsx","../../src/apps/videos/views/school-video-overview/SchoolVideoOverviewView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nimport styles from './total-views-by-content-card-empty-state.module.scss';\n\nconst namespace = 'reportsShared.totalViewsByContentCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function TotalViewsByContentCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.PuzzleGroup}\n        className={styles.image}\n      />\n      <EmptyState.Heading className='h6'>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info className='w-100'>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { ColumnChart } from 'shared/components/column-chart/ColumnChart';\nimport { CHART_COLOUR } from 'shared/constants/ChartStyles';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TotalViewsByContentCardEmptyState } from 'shared/views/overview-cards/video-views-by-content-card/empty-state/TotalViewsByContentCardEmptyState';\n\nconst namespace = 'reportsShared.videoViewsByContentCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nenum ContentType {\n  ClickView = 'ClickView content',\n  TV = 'TV content',\n  UserGenerated = 'User generated content'\n}\n\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function VideoViewsByContentCardView() {\n  const requestFilter = useGetRequestFilter();\n\n  const contentTypeCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.aggregation('content_type', requestFilter)\n  );\n\n  function mapContentTypeToChartColour(contentType: string) {\n    switch (contentType) {\n      case ContentType.ClickView: return CHART_COLOUR.YELLOW;\n      case ContentType.TV: return CHART_COLOUR.PURPLE;\n      case ContentType.UserGenerated: return CHART_COLOUR.GREEN;\n    }\n  }\n\n  function mapContentTypeToLabel(contentType: string) {\n    switch (contentType) {\n      case ContentType.ClickView: return getPhrase('clickview');\n      case ContentType.TV: return getPhrase('tv');\n      case ContentType.UserGenerated: return getPhrase('userGenerated');\n    }\n  }\n\n  function getChartData(contentTypeCount: GroupedAnalyticsCount[]) {\n    if (!contentTypeCount) return null;\n\n    const mappedGroups = contentTypeCount.filter(group => (\n      group.name === ContentType.ClickView ||\n      group.name === ContentType.TV ||\n      group.name === ContentType.UserGenerated\n    )).map(group => ({\n      name: mapContentTypeToLabel(group.name),\n      y: group.count,\n      color: mapContentTypeToChartColour(group.name)\n    }));\n\n    return mappedGroups;\n  }\n\n  const chartData = getChartData(contentTypeCount.data);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white rounded p-3'>\n      {chartData ?\n        <>\n          <h2 className='h6 mb-3'><Text namespace={namespace} phrase='videoViews' /></h2>\n\n          {chartData.length ?\n            <ColumnChart data={chartData} />\n            : <TotalViewsByContentCardEmptyState />\n          }\n        </>\n        : <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\n\nimport { TopicAnalyticsType } from 'shared/enums/TopicAnalyticsType';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { getVideoHeaderActions } from 'shared/utils/HeaderActionUtils';\nimport { StreamsBarChartCardView } from 'shared/views/overview-cards/streams-bar-chart-card/StreamsBarChartCardView';\nimport { StreamsChartCardView } from 'shared/views/overview-cards/streams-chart-card/StreamsChartCardView';\nimport { TopClassificationsCardView } from 'shared/views/overview-cards/top-classifications-card/TopClassificationsCardView';\nimport { VideoViewsByContentCardView } from 'shared/views/overview-cards/video-views-by-content-card/VideoViewsByContentCard';\nimport { VideoViewsByRoleCardView } from 'shared/views/overview-cards/video-views-by-role-card/VideoViewsByRoleCardView';\n\nimport { SchoolVideosNav } from 'apps/videos/components/school-videos-nav/SchoolVideosNav';\n\nimport styles from './school-video-overview.module.scss';\n\nconst namespace = 'videos.schoolVideoOverview';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst TOP_CLASSIFICATIONS_LIMIT = 50;\n\nexport function SchoolVideoOverviewView(): JSX.Element {\n  useSetPageMetadata({ title: getPhrase('videos') });\n  useSetHeaderTitle(getPhrase('videos'));\n  useSetHeaderActions(getVideoHeaderActions());\n\n  return (\n    <div>\n      <SchoolVideosNav />\n      <div className='d-flex gap-3'>\n        <div className={`d-flex flex-column gap-3 ${styles.column1}`}>\n          <div className={styles.videoViewsCard}>\n            <StreamsBarChartCardView type='year_group' />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <VideoViewsByRoleCardView />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <VideoViewsByContentCardView />\n          </div>\n        </div>\n        <div className={`d-flex flex-column gap-3 ${styles.column2}`}>\n          <div className={styles.videoViewsCard}>\n            <StreamsChartCardView type='user_type' />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <TopClassificationsCardView\n              type={TopicAnalyticsType.RootTopic}\n              heading={getPhrase('totalViewsSubject')}\n              emptyStateText={getPhrase('emptySubjects')}\n              limit={TOP_CLASSIFICATIONS_LIMIT}\n            />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <TopClassificationsCardView\n              type={TopicAnalyticsType.ChildTopic}\n              heading={getPhrase('totalViewsTopic')}\n              emptyStateText={getPhrase('emptyTopics')}\n              limit={TOP_CLASSIFICATIONS_LIMIT}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","TotalViewsByContentCardEmptyState","jsxs","EmptyState","jsx","ImageUrls","styles","VideoViewsByContentCardView","requestFilter","useGetRequestFilter","contentTypeCount","Flight.useBasicFetch","VideoViewsV2Requests","mapContentTypeToChartColour","contentType","CHART_COLOUR","mapContentTypeToLabel","getChartData","group","chartData","Fragment","Text","ColumnChart","TOP_CLASSIFICATIONS_LIMIT","SchoolVideoOverviewView","useSetPageMetadata","useSetHeaderTitle","useSetHeaderActions","getVideoHeaderActions","SchoolVideosNav","StreamsBarChartCardView","VideoViewsByRoleCardView","StreamsChartCardView","TopClassificationsCardView","TopicAnalyticsType"],"mappings":"00BAUMA,EAAY,kDACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAErD,SAASG,GAAoC,CAClD,OACEC,EAAAA,KAACC,EAAA,CAAW,UAAU,qCACpB,SAAA,CAAAC,EAAAA,IAACD,EAAW,MAAX,CACC,IAAKE,EAAU,YAAY,OAAO,YAClC,UAAWC,EAAO,KAAA,CAAA,EAEpBF,MAACD,EAAW,QAAX,CAAmB,UAAU,KAC3B,SAAAJ,EAAU,SAAS,EACtB,EACAK,MAACD,EAAW,KAAX,CAAgB,UAAU,QACxB,SAAAJ,EAAU,aAAa,CAAA,CAC1B,CAAA,EACF,CAEJ,CCdA,MAAMD,EAAY,wCACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAUrD,SAASS,GAA8B,CAC5C,MAAMC,EAAgBC,EAAA,EAEhBC,EAAmBC,EACvBC,EAAqB,YAAY,eAAgBJ,CAAa,CAAA,EAGhE,SAASK,EAA4BC,EAAqB,CACxD,OAAQA,EAAA,CACN,IAAK,oBAAuB,OAAOC,EAAa,OAChD,IAAK,aAAgB,OAAOA,EAAa,OACzC,IAAK,yBAA2B,OAAOA,EAAa,KAAA,CAExD,CAEA,SAASC,EAAsBF,EAAqB,CAClD,OAAQA,EAAA,CACN,IAAK,oBAAuB,OAAOf,EAAU,WAAW,EACxD,IAAK,aAAgB,OAAOA,EAAU,IAAI,EAC1C,IAAK,yBAA2B,OAAOA,EAAU,eAAe,CAAA,CAEpE,CAEA,SAASkB,EAAaP,EAA2C,CAC/D,OAAKA,EAEgBA,EAAiB,OAAOQ,GAC3CA,EAAM,OAAS,qBACfA,EAAM,OAAS,cACfA,EAAM,OAAS,0BACd,IAAIA,IAAU,CACf,KAAMF,EAAsBE,EAAM,IAAI,EACtC,EAAGA,EAAM,MACT,MAAOL,EAA4BK,EAAM,IAAI,CAAA,EAC7C,EAV4B,IAahC,CAEA,MAAMC,EAAYF,EAAaP,EAAiB,IAAI,EAEpD,OACEN,MAAC,MAAA,CAAI,UAAU,gDACZ,WACCF,EAAAA,KAAAkB,WAAA,CACE,SAAA,CAAAhB,EAAAA,IAAC,KAAA,CAAG,UAAU,UAAU,SAAAA,EAAAA,IAACiB,aAAKvB,EAAsB,OAAO,aAAa,CAAA,CAAE,EAEzEqB,EAAU,OACTf,EAAAA,IAACkB,EAAA,CAAY,KAAMH,EAAW,QAC3BlB,EAAA,CAAA,CAAkC,CAAA,EAEzC,EACEG,MAAC,MAAA,CAAI,UAAU,kCAAkC,aAAM,EAE7D,CAEJ,sHC7DMN,EAAY,6BACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAEtDyB,EAA4B,GAE3B,SAASC,IAAuC,CACrD,OAAAC,EAAmB,CAAE,MAAO1B,EAAU,QAAQ,EAAG,EACjD2B,EAAkB3B,EAAU,QAAQ,CAAC,EACrC4B,EAAoBC,GAAuB,SAGxC,MAAA,CACC,SAAA,CAAAxB,EAAAA,IAACyB,EAAA,EAAgB,EACjB3B,EAAAA,KAAC,MAAA,CAAI,UAAU,eACb,SAAA,CAAAA,OAAC,MAAA,CAAI,UAAW,4BAA4BI,EAAO,OAAO,GACxD,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAO,eACrB,eAACwB,EAAA,CAAwB,KAAK,aAAa,CAAA,CAC7C,QACC,MAAA,CAAI,UAAWxB,EAAO,eACrB,SAAAF,MAAC2B,IAAyB,EAC5B,QACC,MAAA,CAAI,UAAWzB,EAAO,eACrB,SAAAF,EAAAA,IAACG,IAA4B,CAAA,CAC/B,CAAA,EACF,SACC,MAAA,CAAI,UAAW,4BAA4BD,EAAO,OAAO,GACxD,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAO,eACrB,eAAC0B,EAAA,CAAqB,KAAK,YAAY,CAAA,CACzC,EACA5B,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAO,eACrB,SAAAF,EAAAA,IAAC6B,EAAA,CACC,KAAMC,EAAmB,UACzB,QAASnC,EAAU,mBAAmB,EACtC,eAAgBA,EAAU,eAAe,EACzC,MAAOwB,CAAA,CAAA,EAEX,EACAnB,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAO,eACrB,SAAAF,EAAAA,IAAC6B,EAAA,CACC,KAAMC,EAAmB,WACzB,QAASnC,EAAU,iBAAiB,EACpC,eAAgBA,EAAU,aAAa,EACvC,MAAOwB,CAAA,CAAA,CACT,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/scripts/BSOiWR0F.chunk.js

@@ -1,6 +0,0 @@
-import{s as at,aw as Ir,p as A,ax as Fr,L as D,b as Tr,P as Dr,ay as Pr,az as Or,aA as rr,aB as Rt,aC as _t,j as n,a5 as _r,a4 as J,aD as Ne,aE as kr,r as p,aF as g,T as I,h as X,_ as Cr,aa as Lr,aG as nr,aH as ar,v as ir,ac as Ur,ar as Nr,u as de,am as Mr,U as kt,aI as it,aJ as $r,aK as Vr,aL as qr,w as Br,aM as zr,a0 as Me,au as Ct,at as st,av as ot,a3 as ct,aN as Hr,aO as Gr,aP as Kr}from"./app-BDrXtKwD.js";import{u as Wr,a as Yr}from"./CVftTaOh.chunk.js";import{P as Be,L as Qr,C as Jr}from"./BkuaVwYH.chunk.js";import{u as Xr}from"./Cf7yxDlS.chunk.js";import{u as Z,l as F,a as S,T as sr,I as or,F as Zr}from"./BjgJ1i6i.chunk.js";import{F as en,a as tn}from"./BcPvb8J5.chunk.js";import"./DjgLQWKh.chunk.js";import"./Dwsvd8p8.chunk.js";import"./CW7x8M-z.chunk.js";var Y=(e=>(e[e.Other=0]="Other",e[e.SuggestImprovement=1]="SuggestImprovement",e[e.ReportBug=2]="ReportBug",e[e.RequestVideo=3]="RequestVideo",e[e.RaiseIssue=4]="RaiseIssue",e[e.GivePraise=5]="GivePraise",e[e.Footer=6]="Footer",e[e.RequestLivestream=7]="RequestLivestream",e))(Y||{});const rn={presentationAudiences(e,t){const r=t||Be.Subject.toLowerCase(),a={type:r,presentationId:e};return{bootstrapName:"presentationAudiences",url:at.urlBuilder("{gateway}/v1/users/me/audiences",a),publicUrl:at.urlBuilder(`/api/subjects/presentation/${e}/audiences`,a),key:`presentation:audiences:${e}:${r}`,normalize:!1}},audiencesByPresentationId(e){return{url:`{gateway}/v1/subjects/presentations/${e}/audiences`,publicUrl:at.urlBuilder(`/api/subjects/presentation/${e}/audiences`,{type:Be.Subject.toLowerCase(),presentationId:e}),key:`presentation:${e}:audiences`,normalize:!1}}},nn={submitFeedback(e,t){return{url:"{gateway}/v1/feedback",key:"submit:feedback",type:Ir.POST,data:{...e,...t}}}};function an(e,t,r=[]){var s;const[,a]=A.useState(!1);return A.useEffect(()=>{const i=e();if(i)return i.off("add remove change"),i.on("add remove change",()=>{a(o=>!o)}),()=>{i.off("add remove change")}},r),(s=e())==null?void 0:s.toJSON()}const sn="shared.studentRestrictedDialogError",lt=D.encloseNamespace(sn);class on extends Fr{constructor(){super("Learner accessing feature that is for staff only")}get name(){return"StudentRestrictedDialogError"}get dialogOptions(){return{title:lt("heading"),text:lt("description"),buttons:[{text:lt("close"),className:"btn btn-link",close:!0}]}}}function cn(){const{hasPermissions:e,isLoaded:t}=Tr();A.useEffect(()=>{if(!t||!e(Dr.StudentExperience))return;const r=new on;Pr.logError(r),Or.throw(r)},[t])}var me=(e=>(e.AU="au",e.NZ="nz",e.UK="uk",e.US="us",e.CA="ca",e))(me||{});const ln={[me.AU]:"au",[me.NZ]:"nz",[me.UK]:"uk",[me.US]:"us",[me.CA]:"ca"},qe={getUserInfo:(e,t)=>({id:e.id,username:e.username,email:e.email,userType:e.role===_t.Admin?"Admin":"Staff",customerId:e.customerId,cvcId:t.crmId,customerName:t.name,instanceRegion:e.instanceRegion,contentRegion:e.contentRegion,firstName:e.givenName,lastName:e.familyName}),mapCountryCodeToTag:e=>ln[e.toLowerCase()],getTags:(e,t,r,a)=>{const s=[t,...a];s.push(r?"student":"staff"),e.role===_t.Admin&&s.push("administrator");const i=qe.mapCountryCodeToTag(e.countryCode);return i&&s.push(i),s},categorizeFiles(e){return e.reduce((t,r)=>{const a=r.get("fileInfo");return rr.isValidFile(r.get("file"),Rt.VIDEO)?t.videoUrls.push(a==null?void 0:a.url):t.imageUrls.push(a==null?void 0:a.url),t},{imageUrls:[],videoUrls:[]})}};var f=(e=>(e.SUGGEST_IMPROVEMENT="suggestImprovement",e.REPORT_BUG="reportBug",e.REQUEST_VIDEO="requestVideo",e.REQUEST_LIVESTREAM="requestLivestream",e.GIVE_PRAISE="givePraise",e.RAISE_ISSUE="raiseIssue",e.OTHER="other",e))(f||{});const un="shared.feedbackFormTitles",ne=D.encloseNamespace(un),ze=e=>{switch(e){case f.SUGGEST_IMPROVEMENT:return ne(e);case f.REPORT_BUG:return ne(e);case f.REQUEST_VIDEO:return ne(e);case f.REQUEST_LIVESTREAM:return ne(e);case f.GIVE_PRAISE:return ne(e);case f.RAISE_ISSUE:return ne(e);case f.OTHER:return ne(e)}},ve={mailSent:"https://img.clickviewapp.com/v2/images/2mZ7L9",mediaPreview:"https://img.clickviewapp.com/v2/images/ageRM0",lightBulb:"https://img.clickviewapp.com/v2/images/Oqg3JN",heartHands:"https://img.clickviewapp.com/v2/images/1ML8Oj",videoAlert:"https://img.clickviewapp.com/v2/images/dq2oMq",[f.REQUEST_VIDEO]:{default:"https://img.clickviewapp.com/v2/images/G1YGdn",hover:"https://img.clickviewapp.com/v2/images/K6yPxz"},[f.REQUEST_LIVESTREAM]:{default:"https://img.clickviewapp.com/v2/images/G1YGdn",hover:"https://img.clickviewapp.com/v2/images/K6yPxz"},[f.SUGGEST_IMPROVEMENT]:{default:"https://img.clickviewapp.com/v2/images/g7aR1l",hover:"https://img.clickviewapp.com/v2/images/zMR0Dk"},[f.RAISE_ISSUE]:{default:"https://img.clickviewapp.com/v2/images/5boW78",hover:"https://img.clickviewapp.com/v2/images/m6yRKr"},[f.GIVE_PRAISE]:{default:"https://img.clickviewapp.com/v2/images/nE1mdz",hover:"https://img.clickviewapp.com/v2/images/JjEnmR"},[f.REPORT_BUG]:{default:"https://img.clickviewapp.com/v2/images/AOdYpo",hover:"https://img.clickviewapp.com/v2/images/yro9NM"},[f.OTHER]:{default:"https://img.clickviewapp.com/v2/images/Eoaykj",hover:"https://img.clickviewapp.com/v2/images/wN59Zg"}},dn="_image_1gpfb_1",fn={image:dn};function mn(e){const[t,r]=Xr(),a=ve[e.option];return n.jsx(_r,{ref:t,className:"col-lg-4 col-sm-6 col-12",onClick:()=>e.onSelectOption(e.option),children:n.jsxs("div",{className:"d-flex flex-column align-items-center h-100 rounded border py-3 gap-2",children:[n.jsx("img",{className:fn.image,src:r?a.hover:a.default,alt:ze(e.option)}),n.jsx("p",{className:"fw-semibold text-center mb-0",children:ze(e.option)})]})})}function pn(e){return n.jsx("div",{className:"row g-2",children:e.options.map(t=>n.jsx(mn,{option:t,onSelectOption:e.onSelectOption},t))})}const gn="shared.feedbackButtons",ut=D.encloseNamespace(gn);function vn(e){const t=Z();return n.jsxs(J,{children:[e.formStage==="form"&&n.jsxs(n.Fragment,{children:[!e.hideCancelButton&&n.jsx(J.Cancel,{onClick:()=>e.setSelectedOption(null),text:ut("cancel")}),n.jsx(J.Submit,{variant:"dark",text:e.submitText||ut("submit"),disabled:!t.isValid})]}),e.formStage==="success"&&n.jsx(J.Cancel,{variant:"dark",text:ut("close"),onClick:e.closePopup})]})}const hn="_successImage_3sso6_1",bn={successImage:hn},xn="shared.feedbackFormState",Lt=D.encloseNamespace(xn);function En(e){return e.formStage==="form"?n.jsx(n.Fragment,{}):e.formStage==="error"?n.jsx(n.Fragment,{}):n.jsxs("div",{className:"text-center",children:[n.jsx("div",{className:"mb-3",children:n.jsx("img",{className:bn.successImage,src:e.successImageUrl||ve.mailSent})}),n.jsx("h4",{className:"mb-3",children:e.successHeading||Lt("successHeading")}),n.jsx("p",{className:"mb-3",children:e.successDescription||Lt("successDescription")})]})}const yn="shared.feedbackForm",dt=D.encloseNamespace(yn),cr=10,Ye=5e3,z=e=>{switch(e){case"requiredError":return dt(e);case"minCharactersError":return dt(e,{limit:cr});case"maxCharactersError":return dt("maxCharactersError",{limit:Ye})}},H=()=>F.string().min(cr,z("minCharactersError")).max(Ye,z("maxCharactersError")),Sn="shared.feedbackGivePraise",He=D.encloseNamespace(Sn),jn={praise:""},Rn=F.object().shape({praise:H().required(z("requiredError"))}).noUnknown();function wn(){const e=Z();return n.jsx(n.Fragment,{children:n.jsx(S,{as:"textarea",placeholder:He("givePraisePlaceholder"),label:He("givePraiseLabel"),name:"praise",rows:5,value:e.values.praise,showRequiredStar:!0})})}function An(e){return n.jsx(ie,{...e,initialValues:{...jn,...e.initialValues},validationSchema:Rn,successImageUrl:ve.heartHands,successHeading:He("successHeading"),successDescription:He("successDescription"),children:n.jsx(wn,{})})}const In="shared.feedbackOther",Ut=D.encloseNamespace(In),Fn={feedback:""},Tn=F.object().shape({feedback:H().required(z("requiredError"))}).noUnknown();function Dn(){const e=Z();return n.jsx(n.Fragment,{children:n.jsx(S,{as:"textarea",placeholder:Ut("otherPlaceholder"),label:Ut("otherLabel"),name:"feedback",rows:5,value:e.values.feedback,showRequiredStar:!0})})}function Pn(e){return n.jsx(ie,{...e,initialValues:{...Fn,...e.initialValues},validationSchema:Tn,children:n.jsx(Dn,{})})}const On="shared.feedbackRaiseIssue",Nt=D.encloseNamespace(On),_n={issue:""},kn=F.object().shape({issue:H().required(z("requiredError"))}).noUnknown();function Cn(){const e=Z();return n.jsx(n.Fragment,{children:n.jsx(S,{as:"textarea",placeholder:Nt("raiseIssuePlaceholder"),label:Nt("raiseIssueLabel"),name:"issue",rows:5,value:e.values.issue,showRequiredStar:!0})})}function Ln(e){return n.jsx(ie,{...e,initialValues:{..._n,...e.initialValues},validationSchema:kn,children:n.jsx(Cn,{})})}const ft={[Ne.AU]:{phone:"02 9509 2600",email:"support@clickview.com.au",website:"https://www.clickviewsupport.com/hc"},[Ne.UK]:{phone:"+44 (0)333 207 6595",email:"info@clickview.co.uk",website:"https://www.clickviewsupport.com/hc"},[Ne.NZ]:{phone:"09 916 1156",email:"support@clickview.co.nz",website:"https://www.clickviewsupport.com/hc"},[Ne.US]:{phone:"+1 312-292-9322",email:"info@clickvieweducation.com",website:"https://www.clickviewsupport.com/hc"}};function Un(e){return n.jsx("svg",{...e,children:n.jsx("path",{fill:"currentColor",d:"M4 6.462C4 6.207 4.21 6 4.47 6h15.06c.26 0 .47.207.47.462v10.892a.653.653 0 0 1-.659.646H4.66A.653.653 0 0 1 4 17.354zm1.723.461 5.967 5.12a.48.48 0 0 0 .62 0l5.967-5.12zm13.336.556-6.13 5.26a1.43 1.43 0 0 1-1.859 0l-6.129-5.26v9.598H19.06z"})})}function Nn(e){return n.jsx("svg",{...e,children:n.jsx("path",{fill:"currentColor",d:"M15.928 20c1.348 0 2.33-.38 3.185-1.297.051-.057.097-.114.139-.161.505-.547.742-1.102.742-1.62 0-.545-.3-1.057-.941-1.492l-2.444-1.687c-.695-.477-1.51-.553-2.247.163l-.61.605c-.189.189-.387.218-.615.09-.417-.249-1.35-1.014-2.067-1.727-.785-.78-1.34-1.42-1.678-2.01-.127-.23-.098-.427.09-.616l.612-.616c.716-.726.64-1.552.157-2.243L8.575 4.952c-.446-.646-.953-.94-1.503-.952-.512-.01-1.071.242-1.614.742-.057.052-.104.098-.157.145C4.39 5.727 4 6.714 4 8.047c0 2.358 1.53 5.21 4.143 7.815C10.736 18.45 13.569 20 15.928 20m.006-1.018c-2.146.023-4.837-1.6-7.046-3.81-2.226-2.214-3.9-4.976-3.87-7.127.013-.942.335-1.764 1.014-2.39l.13-.112c.306-.282.63-.432.897-.432.266 0 .495.124.674.394l1.635 2.44c.209.307.247.66-.107 1.002l-.693.689c-.5.5-.484 1.153-.135 1.66.403.593 1.182 1.497 1.95 2.262.765.775 1.733 1.605 2.321 2.009.512.348 1.16.364 1.659-.141l.684-.694c.348-.342.7-.309 1.014-.1l2.433 1.635c.276.18.389.402.389.668 0 .283-.14.597-.437.908a1 1 0 0 1-.102.12c-.63.689-1.462 1.006-2.41 1.018"})})}function he(e,t,r,a){function s(i){return i instanceof r?i:new r(function(o){o(i)})}return new(r||(r=Promise))(function(i,o){function l(v){try{u(a.next(v))}catch(j){o(j)}}function m(v){try{u(a.throw(v))}catch(j){o(j)}}function u(v){v.done?i(v.value):s(v.value).then(l,m)}u((a=a.apply(e,t||[])).next())})}function be(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,s,i,o=Object.create((typeof Iterator=="function"?Iterator:Object).prototype);return o.next=l(0),o.throw=l(1),o.return=l(2),typeof Symbol=="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(u){return function(v){return m([u,v])}}function m(u){if(a)throw new TypeError("Generator is already executing.");for(;o&&(o=0,u[0]&&(r=0)),r;)try{if(a=1,s&&(i=u[0]&2?s.return:u[0]?s.throw||((i=s.return)&&i.call(s),0):s.next)&&!(i=i.call(s,u[1])).done)return i;switch(s=0,i&&(u=[u[0]&2,i.value]),u[0]){case 0:case 1:i=u;break;case 4:return r.label++,{value:u[1],done:!1};case 5:r.label++,s=u[1],u=[0];continue;case 7:u=r.ops.pop(),r.trys.pop();continue;default:if(i=r.trys,!(i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){r=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){r.label=u[1];break}if(u[0]===6&&r.label<i[1]){r.label=i[1],i=u;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(u);break}i[2]&&r.ops.pop(),r.trys.pop();continue}u=t.call(e,r)}catch(v){u=[6,v],s=0}finally{a=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}}function Mt(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var a=r.call(e),s,i=[],o;try{for(;(t===void 0||t-- >0)&&!(s=a.next()).done;)i.push(s.value)}catch(l){o={error:l}}finally{try{s&&!s.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function $t(e,t,r){if(r||arguments.length===2)for(var a=0,s=t.length,i;a<s;a++)(i||!(a in t))&&(i||(i=Array.prototype.slice.call(t,0,a)),i[a]=t[a]);return e.concat(i||Array.prototype.slice.call(t))}var Mn=new Map([["aac","audio/aac"],["abw","application/x-abiword"],["arc","application/x-freearc"],["avif","image/avif"],["avi","video/x-msvideo"],["azw","application/vnd.amazon.ebook"],["bin","application/octet-stream"],["bmp","image/bmp"],["bz","application/x-bzip"],["bz2","application/x-bzip2"],["cda","application/x-cdf"],["csh","application/x-csh"],["css","text/css"],["csv","text/csv"],["doc","application/msword"],["docx","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],["eot","application/vnd.ms-fontobject"],["epub","application/epub+zip"],["gz","application/gzip"],["gif","image/gif"],["heic","image/heic"],["heif","image/heif"],["htm","text/html"],["html","text/html"],["ico","image/vnd.microsoft.icon"],["ics","text/calendar"],["jar","application/java-archive"],["jpeg","image/jpeg"],["jpg","image/jpeg"],["js","text/javascript"],["json","application/json"],["jsonld","application/ld+json"],["mid","audio/midi"],["midi","audio/midi"],["mjs","text/javascript"],["mp3","audio/mpeg"],["mp4","video/mp4"],["mpeg","video/mpeg"],["mpkg","application/vnd.apple.installer+xml"],["odp","application/vnd.oasis.opendocument.presentation"],["ods","application/vnd.oasis.opendocument.spreadsheet"],["odt","application/vnd.oasis.opendocument.text"],["oga","audio/ogg"],["ogv","video/ogg"],["ogx","application/ogg"],["opus","audio/opus"],["otf","font/otf"],["png","image/png"],["pdf","application/pdf"],["php","application/x-httpd-php"],["ppt","application/vnd.ms-powerpoint"],["pptx","application/vnd.openxmlformats-officedocument.presentationml.presentation"],["rar","application/vnd.rar"],["rtf","application/rtf"],["sh","application/x-sh"],["svg","image/svg+xml"],["swf","application/x-shockwave-flash"],["tar","application/x-tar"],["tif","image/tiff"],["tiff","image/tiff"],["ts","video/mp2t"],["ttf","font/ttf"],["txt","text/plain"],["vsd","application/vnd.visio"],["wav","audio/wav"],["weba","audio/webm"],["webm","video/webm"],["webp","image/webp"],["woff","font/woff"],["woff2","font/woff2"],["xhtml","application/xhtml+xml"],["xls","application/vnd.ms-excel"],["xlsx","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],["xml","application/xml"],["xul","application/vnd.mozilla.xul+xml"],["zip","application/zip"],["7z","application/x-7z-compressed"],["mkv","video/x-matroska"],["mov","video/quicktime"],["msg","application/vnd.ms-outlook"]]);function Fe(e,t){var r=$n(e);if(typeof r.path!="string"){var a=e.webkitRelativePath;Object.defineProperty(r,"path",{value:typeof t=="string"?t:typeof a=="string"&&a.length>0?a:e.name,writable:!1,configurable:!1,enumerable:!0})}return r}function $n(e){var t=e.name,r=t&&t.lastIndexOf(".")!==-1;if(r&&!e.type){var a=t.split(".").pop().toLowerCase(),s=Mn.get(a);s&&Object.defineProperty(e,"type",{value:s,writable:!1,configurable:!1,enumerable:!0})}return e}var Vn=[".DS_Store","Thumbs.db"];function qn(e){return he(this,void 0,void 0,function(){return be(this,function(t){return Ge(e)&&Bn(e.dataTransfer)?[2,Kn(e.dataTransfer,e.type)]:zn(e)?[2,Hn(e)]:Array.isArray(e)&&e.every(function(r){return"getFile"in r&&typeof r.getFile=="function"})?[2,Gn(e)]:[2,[]]})})}function Bn(e){return Ge(e)}function zn(e){return Ge(e)&&Ge(e.target)}function Ge(e){return typeof e=="object"&&e!==null}function Hn(e){return vt(e.target.files).map(function(t){return Fe(t)})}function Gn(e){return he(this,void 0,void 0,function(){var t;return be(this,function(r){switch(r.label){case 0:return[4,Promise.all(e.map(function(a){return a.getFile()}))];case 1:return t=r.sent(),[2,t.map(function(a){return Fe(a)})]}})})}function Kn(e,t){return he(this,void 0,void 0,function(){var r,a;return be(this,function(s){switch(s.label){case 0:return e.items?(r=vt(e.items).filter(function(i){return i.kind==="file"}),t!=="drop"?[2,r]:[4,Promise.all(r.map(Wn))]):[3,2];case 1:return a=s.sent(),[2,Vt(lr(a))];case 2:return[2,Vt(vt(e.files).map(function(i){return Fe(i)}))]}})})}function Vt(e){return e.filter(function(t){return Vn.indexOf(t.name)===-1})}function vt(e){if(e===null)return[];for(var t=[],r=0;r<e.length;r++){var a=e[r];t.push(a)}return t}function Wn(e){if(typeof e.webkitGetAsEntry!="function")return qt(e);var t=e.webkitGetAsEntry();return t&&t.isDirectory?ur(t):qt(e)}function lr(e){return e.reduce(function(t,r){return $t($t([],Mt(t),!1),Mt(Array.isArray(r)?lr(r):[r]),!1)},[])}function qt(e){var t=e.getAsFile();if(!t)return Promise.reject("".concat(e," is not a File"));var r=Fe(t);return Promise.resolve(r)}function Yn(e){return he(this,void 0,void 0,function(){return be(this,function(t){return[2,e.isDirectory?ur(e):Qn(e)]})})}function ur(e){var t=e.createReader();return new Promise(function(r,a){var s=[];function i(){var o=this;t.readEntries(function(l){return he(o,void 0,void 0,function(){var m,u,v;return be(this,function(j){switch(j.label){case 0:if(l.length)return[3,5];j.label=1;case 1:return j.trys.push([1,3,,4]),[4,Promise.all(s)];case 2:return m=j.sent(),r(m),[3,4];case 3:return u=j.sent(),a(u),[3,4];case 4:return[3,6];case 5:v=Promise.all(l.map(Yn)),s.push(v),i(),j.label=6;case 6:return[2]}})})},function(l){a(l)})}i()})}function Qn(e){return he(this,void 0,void 0,function(){return be(this,function(t){return[2,new Promise(function(r,a){e.file(function(s){var i=Fe(s,e.fullPath);r(i)},function(s){a(s)})})]})})}var $e={},Bt;function Jn(){return Bt||(Bt=1,$e.__esModule=!0,$e.default=function(e,t){if(e&&t){var r=Array.isArray(t)?t:t.split(",");if(r.length===0)return!0;var a=e.name||"",s=(e.type||"").toLowerCase(),i=s.replace(/\/.*$/,"");return r.some(function(o){var l=o.trim().toLowerCase();return l.charAt(0)==="."?a.toLowerCase().endsWith(l):l.endsWith("/*")?i===l.replace(/\/.*$/,""):s===l})}return!0}),$e}var Xn=Jn();const Zn=kr(Xn);function zt(e){return ra(e)||ta(e)||fr(e)||ea()}function ea(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ta(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function ra(e){if(Array.isArray(e))return ht(e)}function Ht(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,a)}return r}function Gt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ht(Object(r),!0).forEach(function(a){dr(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ht(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}function dr(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ie(e,t){return ia(e)||aa(e,t)||fr(e,t)||na()}function na(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function fr(e,t){if(e){if(typeof e=="string")return ht(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return ht(e,t)}}function ht(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function aa(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var a=[],s=!0,i=!1,o,l;try{for(r=r.call(e);!(s=(o=r.next()).done)&&(a.push(o.value),!(t&&a.length===t));s=!0);}catch(m){i=!0,l=m}finally{try{!s&&r.return!=null&&r.return()}finally{if(i)throw l}}return a}}function ia(e){if(Array.isArray(e))return e}var sa="file-invalid-type",oa="file-too-large",ca="file-too-small",la="too-many-files",ua=function(t){t=Array.isArray(t)&&t.length===1?t[0]:t;var r=Array.isArray(t)?"one of ".concat(t.join(", ")):t;return{code:sa,message:"File type must be ".concat(r)}},Kt=function(t){return{code:oa,message:"File is larger than ".concat(t," ").concat(t===1?"byte":"bytes")}},Wt=function(t){return{code:ca,message:"File is smaller than ".concat(t," ").concat(t===1?"byte":"bytes")}},da={code:la,message:"Too many files"};function mr(e,t){var r=e.type==="application/x-moz-file"||Zn(e,t);return[r,r?null:ua(t)]}function pr(e,t,r){if(ae(e.size))if(ae(t)&&ae(r)){if(e.size>r)return[!1,Kt(r)];if(e.size<t)return[!1,Wt(t)]}else{if(ae(t)&&e.size<t)return[!1,Wt(t)];if(ae(r)&&e.size>r)return[!1,Kt(r)]}return[!0,null]}function ae(e){return e!=null}function fa(e){var t=e.files,r=e.accept,a=e.minSize,s=e.maxSize,i=e.multiple,o=e.maxFiles,l=e.validator;return!i&&t.length>1||i&&o>=1&&t.length>o?!1:t.every(function(m){var u=mr(m,r),v=Ie(u,1),j=v[0],k=pr(m,a,s),G=Ie(k,1),K=G[0],$=l?l(m):null;return j&&K&&!$})}function Ke(e){return typeof e.isPropagationStopped=="function"?e.isPropagationStopped():typeof e.cancelBubble<"u"?e.cancelBubble:!1}function Ve(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,function(t){return t==="Files"||t==="application/x-moz-file"}):!!e.target&&!!e.target.files}function Yt(e){e.preventDefault()}function ma(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function pa(e){return e.indexOf("Edge/")!==-1}function ga(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return ma(e)||pa(e)}function M(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(a){for(var s=arguments.length,i=new Array(s>1?s-1:0),o=1;o<s;o++)i[o-1]=arguments[o];return t.some(function(l){return!Ke(a)&&l&&l.apply(void 0,[a].concat(i)),Ke(a)})}}function va(){return"showOpenFilePicker"in window}function ha(e){if(ae(e)){var t=Object.entries(e).filter(function(r){var a=Ie(r,2),s=a[0],i=a[1],o=!0;return gr(s)||(console.warn('Skipped "'.concat(s,'" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')),o=!1),(!Array.isArray(i)||!i.every(vr))&&(console.warn('Skipped "'.concat(s,'" because an invalid file extension was provided.')),o=!1),o}).reduce(function(r,a){var s=Ie(a,2),i=s[0],o=s[1];return Gt(Gt({},r),{},dr({},i,o))},{});return[{description:"Files",accept:t}]}return e}function ba(e){if(ae(e))return Object.entries(e).reduce(function(t,r){var a=Ie(r,2),s=a[0],i=a[1];return[].concat(zt(t),[s],zt(i))},[]).filter(function(t){return gr(t)||vr(t)}).join(",")}function xa(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function Ea(e){return e instanceof DOMException&&(e.name==="SecurityError"||e.code===e.SECURITY_ERR)}function gr(e){return e==="audio/*"||e==="video/*"||e==="image/*"||e==="text/*"||/\w+\/[-+.\w]+/g.test(e)}function vr(e){return/^.*\.[\w]+$/.test(e)}var ya=["children"],Sa=["open"],ja=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],Ra=["refKey","onChange","onClick"];function wa(e){return Fa(e)||Ia(e)||hr(e)||Aa()}function Aa(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ia(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Fa(e){if(Array.isArray(e))return bt(e)}function mt(e,t){return Pa(e)||Da(e,t)||hr(e,t)||Ta()}function Ta(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function hr(e,t){if(e){if(typeof e=="string")return bt(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return bt(e,t)}}function bt(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function Da(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var a=[],s=!0,i=!1,o,l;try{for(r=r.call(e);!(s=(o=r.next()).done)&&(a.push(o.value),!(t&&a.length===t));s=!0);}catch(m){i=!0,l=m}finally{try{!s&&r.return!=null&&r.return()}finally{if(i)throw l}}return a}}function Pa(e){if(Array.isArray(e))return e}function Qt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,a)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Qt(Object(r),!0).forEach(function(a){xt(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Qt(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}function xt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function We(e,t){if(e==null)return{};var r=Oa(e,t),a,s;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)a=i[s],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}function Oa(e,t){if(e==null)return{};var r={},a=Object.keys(e),s,i;for(i=0;i<a.length;i++)s=a[i],!(t.indexOf(s)>=0)&&(r[s]=e[s]);return r}var wt=p.forwardRef(function(e,t){var r=e.children,a=We(e,ya),s=xr(a),i=s.open,o=We(s,Sa);return p.useImperativeHandle(t,function(){return{open:i}},[i]),A.createElement(p.Fragment,null,r(x(x({},o),{},{open:i})))});wt.displayName="Dropzone";var br={disabled:!1,getFilesFromEvent:qn,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!0,autoFocus:!1};wt.defaultProps=br;wt.propTypes={children:g.func,accept:g.objectOf(g.arrayOf(g.string)),multiple:g.bool,preventDropOnDocument:g.bool,noClick:g.bool,noKeyboard:g.bool,noDrag:g.bool,noDragEventsBubbling:g.bool,minSize:g.number,maxSize:g.number,maxFiles:g.number,disabled:g.bool,getFilesFromEvent:g.func,onFileDialogCancel:g.func,onFileDialogOpen:g.func,useFsAccessApi:g.bool,autoFocus:g.bool,onDragEnter:g.func,onDragLeave:g.func,onDragOver:g.func,onDrop:g.func,onDropAccepted:g.func,onDropRejected:g.func,onError:g.func,validator:g.func};var Et={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function xr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=x(x({},br),e),r=t.accept,a=t.disabled,s=t.getFilesFromEvent,i=t.maxSize,o=t.minSize,l=t.multiple,m=t.maxFiles,u=t.onDragEnter,v=t.onDragLeave,j=t.onDragOver,k=t.onDrop,G=t.onDropAccepted,K=t.onDropRejected,$=t.onFileDialogCancel,W=t.onFileDialogOpen,se=t.useFsAccessApi,xe=t.autoFocus,Ee=t.preventDropOnDocument,ee=t.noClick,oe=t.noKeyboard,Te=t.noDrag,V=t.noDragEventsBubbling,De=t.onError,C=t.validator,te=p.useMemo(function(){return ba(r)},[r]),Pe=p.useMemo(function(){return ha(r)},[r]),ye=p.useMemo(function(){return typeof W=="function"?W:Jt},[W]),re=p.useMemo(function(){return typeof $=="function"?$:Jt},[$]),R=p.useRef(null),T=p.useRef(null),Oe=p.useReducer(_a,Et),Se=mt(Oe,2),h=Se[0],E=Se[1],P=h.isFocused,L=h.isFileDialogActive,U=p.useRef(typeof window<"u"&&window.isSecureContext&&se&&va()),q=function(){!U.current&&L&&setTimeout(function(){if(T.current){var d=T.current.files;d.length||(E({type:"closeDialog"}),re())}},300)};p.useEffect(function(){return window.addEventListener("focus",q,!1),function(){window.removeEventListener("focus",q,!1)}},[T,L,re,U]);var _=p.useRef([]),je=function(d){R.current&&R.current.contains(d.target)||(d.preventDefault(),_.current=[])};p.useEffect(function(){return Ee&&(document.addEventListener("dragover",Yt,!1),document.addEventListener("drop",je,!1)),function(){Ee&&(document.removeEventListener("dragover",Yt),document.removeEventListener("drop",je))}},[R,Ee]),p.useEffect(function(){return!a&&xe&&R.current&&R.current.focus(),function(){}},[R,xe,a]);var N=p.useCallback(function(c){De?De(c):console.error(c)},[De]),Re=p.useCallback(function(c){c.preventDefault(),c.persist(),Le(c),_.current=[].concat(wa(_.current),[c.target]),Ve(c)&&Promise.resolve(s(c)).then(function(d){if(!(Ke(c)&&!V)){var y=d.length,w=y>0&&fa({files:d,accept:te,minSize:o,maxSize:i,multiple:l,maxFiles:m,validator:C}),O=y>0&&!w;E({isDragAccept:w,isDragReject:O,isDragActive:!0,type:"setDraggedFiles"}),u&&u(c)}}).catch(function(d){return N(d)})},[s,u,N,V,te,o,i,l,m,C]),It=p.useCallback(function(c){c.preventDefault(),c.persist(),Le(c);var d=Ve(c);if(d&&c.dataTransfer)try{c.dataTransfer.dropEffect="copy"}catch{}return d&&j&&j(c),!1},[j,V]),Ft=p.useCallback(function(c){c.preventDefault(),c.persist(),Le(c);var d=_.current.filter(function(w){return R.current&&R.current.contains(w)}),y=d.indexOf(c.target);y!==-1&&d.splice(y,1),_.current=d,!(d.length>0)&&(E({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),Ve(c)&&v&&v(c))},[R,v,V]),_e=p.useCallback(function(c,d){var y=[],w=[];c.forEach(function(O){var we=mr(O,te),ue=mt(we,2),Je=ue[0],Xe=ue[1],Ze=pr(O,o,i),Ue=mt(Ze,2),et=Ue[0],tt=Ue[1],rt=C?C(O):null;if(Je&&et&&!rt)y.push(O);else{var nt=[Xe,tt];rt&&(nt=nt.concat(rt)),w.push({file:O,errors:nt.filter(function(Ar){return Ar})})}}),(!l&&y.length>1||l&&m>=1&&y.length>m)&&(y.forEach(function(O){w.push({file:O,errors:[da]})}),y.splice(0)),E({acceptedFiles:y,fileRejections:w,type:"setFiles"}),k&&k(y,w,d),w.length>0&&K&&K(w,d),y.length>0&&G&&G(y,d)},[E,l,te,o,i,m,k,G,K,C]),ke=p.useCallback(function(c){c.preventDefault(),c.persist(),Le(c),_.current=[],Ve(c)&&Promise.resolve(s(c)).then(function(d){Ke(c)&&!V||_e(d,c)}).catch(function(d){return N(d)}),E({type:"reset"})},[s,_e,N,V]),ce=p.useCallback(function(){if(U.current){E({type:"openDialog"}),ye();var c={multiple:l,types:Pe};window.showOpenFilePicker(c).then(function(d){return s(d)}).then(function(d){_e(d,null),E({type:"closeDialog"})}).catch(function(d){xa(d)?(re(d),E({type:"closeDialog"})):Ea(d)?(U.current=!1,T.current?(T.current.value=null,T.current.click()):N(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))):N(d)});return}T.current&&(E({type:"openDialog"}),ye(),T.current.value=null,T.current.click())},[E,ye,re,se,_e,N,Pe,l]),Tt=p.useCallback(function(c){!R.current||!R.current.isEqualNode(c.target)||(c.key===" "||c.key==="Enter"||c.keyCode===32||c.keyCode===13)&&(c.preventDefault(),ce())},[R,ce]),Dt=p.useCallback(function(){E({type:"focus"})},[]),Pt=p.useCallback(function(){E({type:"blur"})},[]),Ot=p.useCallback(function(){ee||(ga()?setTimeout(ce,0):ce())},[ee,ce]),le=function(d){return a?null:d},Qe=function(d){return oe?null:le(d)},Ce=function(d){return Te?null:le(d)},Le=function(d){V&&d.stopPropagation()},jr=p.useMemo(function(){return function(){var c=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},d=c.refKey,y=d===void 0?"ref":d,w=c.role,O=c.onKeyDown,we=c.onFocus,ue=c.onBlur,Je=c.onClick,Xe=c.onDragEnter,Ze=c.onDragOver,Ue=c.onDragLeave,et=c.onDrop,tt=We(c,ja);return x(x(xt({onKeyDown:Qe(M(O,Tt)),onFocus:Qe(M(we,Dt)),onBlur:Qe(M(ue,Pt)),onClick:le(M(Je,Ot)),onDragEnter:Ce(M(Xe,Re)),onDragOver:Ce(M(Ze,It)),onDragLeave:Ce(M(Ue,Ft)),onDrop:Ce(M(et,ke)),role:typeof w=="string"&&w!==""?w:"presentation"},y,R),!a&&!oe?{tabIndex:0}:{}),tt)}},[R,Tt,Dt,Pt,Ot,Re,It,Ft,ke,oe,Te,a]),Rr=p.useCallback(function(c){c.stopPropagation()},[]),wr=p.useMemo(function(){return function(){var c=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},d=c.refKey,y=d===void 0?"ref":d,w=c.onChange,O=c.onClick,we=We(c,Ra),ue=xt({accept:te,multiple:l,type:"file",style:{display:"none"},onChange:le(M(w,ke)),onClick:le(M(O,Rr)),tabIndex:-1},y,T);return x(x({},ue),we)}},[T,r,l,ke,a]);return x(x({},h),{},{isFocused:P&&!a,getRootProps:jr,getInputProps:wr,rootRef:R,inputRef:T,open:le(ce)})}function _a(e,t){switch(t.type){case"focus":return x(x({},e),{},{isFocused:!0});case"blur":return x(x({},e),{},{isFocused:!1});case"openDialog":return x(x({},Et),{},{isFileDialogActive:!0});case"closeDialog":return x(x({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return x(x({},e),{},{isDragActive:t.isDragActive,isDragAccept:t.isDragAccept,isDragReject:t.isDragReject});case"setFiles":return x(x({},e),{},{acceptedFiles:t.acceptedFiles,fileRejections:t.fileRejections});case"reset":return x({},Et);default:return e}}function Jt(){}function At(e){return n.jsx("span",{id:`${e.name}Error`,className:`${e.className} invalid-feedback d-block`,role:"status",children:e.children})}var yt=(e=>(e.FileSelect="file-select",e.DragDrop="drag-drop",e))(yt||{});const ka="_fileDrop_dm34f_1",Ca="_resourcePreview_dm34f_4",Xt={fileDrop:ka,resourcePreview:Ca},pt="shared.feedbackFileUpload";function La(e){const{getRootProps:t,getInputProps:r,isDragActive:a}=xr({onDrop:m=>e.onFilesAdded(m,yt.DragDrop),noClick:!0,noKeyboard:!0,multiple:!!e.acceptMultiple,noDragEventsBubbling:!0}),s=p.useRef(null),i=p.useCallback(m=>{m&&(s.current=m)},[]),o=()=>{s.current.value=null,s.current.click()};let l=`${Xt.fileDrop} text-center p-2 rounded-1`;return e.uploadError&&(l+=" border-red"),a&&(l+=" border-blue bg-light-blue"),n.jsxs(n.Fragment,{children:[n.jsxs("div",{...t({className:l}),children:[n.jsx("img",{className:Xt.resourcePreview,src:e.imageUrl,draggable:!1}),n.jsxs("div",{className:"position-relative",children:[a&&n.jsx("p",{className:"position-absolute font-size-md translate-middle top-50 start-50 mb-0",children:n.jsx(I,{namespace:pt,phrase:"dropUpload"})}),n.jsxs("div",{className:a?"opacity-0":"",children:[n.jsx("p",{className:"mb-0",children:n.jsx(I,{namespace:pt,phrase:"dragDrop"})}),n.jsx("button",{type:"button",className:"btn btn-link text-underline p-0",onClick:o,children:n.jsx(I,{namespace:pt,phrase:"upload"})})]})]}),n.jsx("input",{type:"file",name:"fileUpload",className:"file-select d-none",multiple:!!e.acceptMultiple,accept:e.mimeType,ref:i,onChange:m=>e.onFilesAdded([...m.target.files],yt.FileSelect),"aria-errormessage":"fileUploadError"}),n.jsx("input",{...r()})]}),e.uploadError&&n.jsx(At,{name:"fileUpload",children:e.uploadError})]})}const Ua="_progress_w7ph2_1",Na={progress:Ua};function Ma(e){const t=e.upload.progress===100;return n.jsxs(n.Fragment,{children:[n.jsxs("div",{children:[n.jsx(X,{svg:en,className:"svg-container me-2"}),n.jsx("span",{className:"align-middle",children:e.upload.name}),t&&n.jsx(X,{svg:Cr,className:"svg-container float-end text-success"}),!t&&n.jsx("div",{role:"button","aria-label":"close",onClick:()=>e.cancelUpload(e.upload.id),className:"float-end description",children:n.jsx(X,{svg:Lr})})]}),n.jsx("div",{className:`${Na.progress} progress my-2`,children:n.jsx("div",{className:"progress-bar bg-blue",role:"progressbar",style:{width:`${e.upload.progress}%`},"aria-valuenow":e.upload.progress,"aria-valuemin":0,"aria-valuemax":100})})]})}function $a(e){var t;return(t=e.uploads)!=null&&t.length?n.jsx(n.Fragment,{children:e.uploads.map((r,a)=>n.jsx(Ma,{upload:r,cancelUpload:e.cancelUpload},a))}):n.jsx(n.Fragment,{})}function Va(e){return n.jsx("svg",{...e,children:n.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9.5 7A1.5 1.5 0 0 1 11 5.5h2A1.5 1.5 0 0 1 14.5 7h4a.5.5 0 0 1 0 1h-1.14q0 .045-.005.09l-.909 10a1 1 0 0 1-.996.91h-6.9a1 1 0 0 1-.996-.91l-.91-10A1 1 0 0 1 6.64 8H5.5a.5.5 0 0 1 0-1h4m4 0a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5zm2.971 1H7.53l.853 9.545A.5.5 0 0 0 8.88 18h6.24a.5.5 0 0 0 .498-.456zm-7.43 2.537a.499.499 0 1 1 .994-.077l.424 5.503a.498.498 0 1 1-.994.077zM11.5 10.5a.5.5 0 0 1 1 0V16a.5.5 0 0 1-1 0zm2.962-.5c-.26 0-.477.2-.497.46l-.424 5.503a.499.499 0 1 0 .994.077l.424-5.503a.5.5 0 0 0-.497-.537",clipRule:"evenodd"})})}function qa(e){return n.jsxs("div",{className:"bg-gray-100 rounded p-2",children:[n.jsx(X,{className:"d-inline-block align-middle svg-container icon-purple me-2",svg:tn}),n.jsx("span",{className:"align-middle",children:e.file.get("name")}),n.jsx("button",{className:"btn p-0 border-0 float-end",onClick:()=>e.deleteFile(e.file.get("id")),children:n.jsx(X,{svg:Va})})]})}function Ba(e){return n.jsx("div",{className:"d-flex flex-column gap-2",children:e.uploadedFiles.map(t=>n.jsx(qa,{file:t,deleteFile:e.deleteFile},t.id))})}const pe="shared.feedbackReportBug",Ae=D.encloseNamespace(pe),za={issue:"",stepsToReproduce:""},Ha=F.object().shape({issue:H().required(z("requiredError")),stepsToReproduce:H()}).noUnknown();function Ga(e){const t=Z();return n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"form-group",children:[n.jsx("label",{className:"form-label mb-1",children:n.jsx(I,{namespace:pe,phrase:"mixedMediaLabel"})}),n.jsx("p",{className:"text-secondary font-size-sm",children:n.jsx(I,{namespace:pe,phrase:"mixedMediaDescription"})}),n.jsx("div",{className:"mb-3",children:n.jsx(La,{mimeType:Rt.MIXED_MEDIA,onFilesAdded:e.onFilesAdded,imageUrl:e.previewImageUrl,uploadError:e.uploadError,acceptMultiple:!0})}),n.jsx($a,{uploads:e.uploadingFiles,cancelUpload:e.cancelUpload}),n.jsx(Ba,{uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile})]}),n.jsx(S,{as:"textarea",placeholder:Ae("issuePlaceholder"),label:Ae("issueLabel"),name:"issue",value:t.values.issue,showRequiredStar:!0}),n.jsx(S,{as:"textarea",placeholder:Ae("stepsPlaceholder"),label:Ae("stepsLabel"),name:"stepsToReproduce",value:t.values.stepsToReproduce}),n.jsxs("div",{className:"rounded bg-light-yellow p-2 mb-3",children:[n.jsx("p",{className:"fw-semibold mb-2",children:n.jsx(I,{namespace:pe,phrase:"help"})}),n.jsxs("div",{className:"d-flex gap-1 mb-2",children:[n.jsx(X,{svg:Qr}),n.jsx("a",{href:ft[e.instanceRegion].website,target:"_blank",className:"text-underline",children:n.jsx(I,{namespace:pe,phrase:"visitHelpCentre"})})]}),n.jsx("p",{className:"mb-2",children:n.jsx(I,{namespace:pe,phrase:"supportTeam"})}),n.jsxs("div",{className:"d-flex gap-1 mb-2",children:[n.jsx(X,{svg:Nn}),n.jsx("span",{children:ft[e.instanceRegion].phone})]}),n.jsxs("div",{className:"d-flex gap-1 mb-2",children:[n.jsx(X,{svg:Un}),n.jsx("span",{children:ft[e.instanceRegion].email})]})]})]})}function Ka(e){const{onFilesAdded:t,cancelUpload:r,uploadingFiles:a,uploadedFiles:s,deleteFile:i,...o}=e;return n.jsx(ie,{...o,initialValues:{...za,...e.initialValues},validationSchema:Ha,submitText:Ae("submit"),children:n.jsx(Ga,{onFilesAdded:t,previewImageUrl:ve.mediaPreview,cancelUpload:r,uploadingFiles:a,uploadedFiles:s,deleteFile:i,uploadError:e.uploadError,instanceRegion:e.instanceRegion})})}const Er="shared.feedbackRequestLivestream",Q=D.encloseNamespace(Er),Wa={topic:"",studentLevel:[],producerCompany:"",additionalInfo:""},Zt=F.string().max(Ye,z("maxCharactersError")),Ya=F.object().shape({producerCompany:Zt.required(()=>Q("companyError")),topic:Zt,studentLevel:F.array(F.string()),additionalInfo:H()}).noUnknown();function Qa(e){const t=Z(),r=t.values.studentLevel.map(i=>e.audiences.find(o=>o.name===i))||[];function a(i){t.setFieldValue("studentLevel",ir.addOrRemoveImmutable(t.values.studentLevel,i.name)),requestAnimationFrame(()=>t.setFieldTouched("studentLevel"))}function s(i,o){const l=o.find(u=>u.name===i);return ar(l?"":i,o,"name",0).filter(u=>!(r.find(v=>v.name===u.name)||u.name===(l==null?void 0:l.name)))}return n.jsxs(n.Fragment,{children:[n.jsx(S,{placeholder:Q("companyPlaceholder"),label:Q("companyLabel"),name:"producerCompany",value:t.values.producerCompany,showRequiredStar:!0}),n.jsx(S,{placeholder:Q("topicPlaceholder"),label:Q("topicLabel"),name:"topic",value:t.values.topic}),n.jsxs("div",{className:"form-group",children:[n.jsx("label",{className:"form-label",children:n.jsx(I,{namespace:Er,phrase:"audiencesLabel"})}),n.jsx(sr,{id:"audiences",placeholder:Q("audiencesPlaceholder"),local:e.audiences,valueKey:"name",selections:r,onSuggestionSelected:a,removeSelection:i=>a(i),errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:i=>n.jsx(or,{selection:{name:i.name,masterId:i.masterId},colourVariant:"teal",onClickRemove:o=>a(o),hideExpander:!0},i.name),getSuggestionComponent:i=>nr("name",i),onSuggestionDependencies:[e.audiences,t.values.studentLevel,r],getLocalSuggestions:s,focusInputOnSuggestionClick:!1,renderAsForm:!1,hideIcon:!0,onBlur:()=>t.setFieldTouched("studentLevel"),className:`p-2 ${t.touched.studentLevel&&t.errors.studentLevel?"is-invalid":""}`}),t.touched.studentLevel&&t.errors.studentLevel&&n.jsx(At,{name:"audiences",children:t.errors.studentLevel})]}),n.jsx(S,{as:"textarea",placeholder:Q("otherPlaceholder"),label:Q("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo})]})}function Ja(e){return n.jsx(ie,{...e,initialValues:{...Wa,...e.initialValues},validationSchema:Ya,children:n.jsx(Qa,{audiences:e.audiences})})}const Xa="_image_1d4la_1",Za={image:Xa},St="shared.feedbackBeforeRequesting",gt=D.encloseNamespace(St);function ei(e){const[t,r]=A.useState(!1);return n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"d-flex flex-column align-items-center my-4",children:[n.jsx("img",{className:`${Za.image} mb-3`,src:ve.videoAlert}),n.jsx("h4",{className:"mb-3",children:n.jsx(I,{namespace:St,phrase:"beforeRequesting"})}),n.jsx("p",{children:n.jsx(I,{namespace:St,phrase:"haveYouSearched",options:{exchangeUrl:`${e.exchangeTvUrl}/exchange`}})})]}),n.jsxs(J,{children:[n.jsx(J.Checkbox,{id:"confirmExchange",checked:t,onToggle:()=>r(!t),label:gt("exchangeCheck")}),n.jsx(J.Cancel,{onClick:()=>e.setSelectedOption(null),text:gt("back")}),n.jsx(J.Submit,{variant:"dark",text:gt("continue"),disabled:!t,onClick:()=>e.setConfirmed(!0)})]})]})}const yr="shared.feedbackRequestVideo",b=D.encloseNamespace(yr),ti={videoRequestType:"",topic:"",studentLevel:[],videoTitle:"",seriesName:"",producerCompany:"",websiteOrTrailer:"",additionalInfo:""},B=()=>F.string().max(Ye,z("maxCharactersError")),ri=F.object().shape({videoRequestType:F.string().required(b("videoRequestTypeRequiredError")),topic:B().when("videoRequestType",{is:e=>e==="videosTopic",then:B().required(b("topicRequiredError")),otherwise:B().notRequired()}),studentLevel:F.array(F.string()),videoTitle:B().when(["videoRequestType","seriesName"],{is:(e,t)=>e==="videoOrSeries"&&!t,then:B().required(b("videoRequiredError")),otherwise:B().notRequired()}),seriesName:B(),producerCompany:B(),websiteOrTrailer:B(),additionalInfo:H()}).noUnknown();function ni(e){const t=Z(),r=t.values.studentLevel.map(i=>{var o;return(o=e.audiences)==null?void 0:o.find(l=>l.name===i)})||[];function a(i){t.setFieldValue("studentLevel",ir.addOrRemoveImmutable(t.values.studentLevel,i.name)),requestAnimationFrame(()=>t.setFieldTouched("studentLevel"))}function s(i,o){const l=o.find(u=>u.name===i);return ar(l?"":i,o,"name",0).filter(u=>!(r.find(v=>v.name===u.name)||u.name===(l==null?void 0:l.name)))}return n.jsxs(n.Fragment,{children:[n.jsxs(S,{as:"select",label:b("videoRequestTypeLabel"),name:"videoRequestType",value:t.values.videoRequestType,children:[n.jsx("option",{value:"",disabled:!0,hidden:!0,children:b("videoRequestTypePlaceholder")}),n.jsx("option",{value:"videosTopic",children:b("videosTopicType")}),n.jsx("option",{value:"videoOrSeries",children:b("videoOrSeriesType")})]}),t.values.videoRequestType==="videosTopic"&&n.jsxs(n.Fragment,{children:[n.jsx(S,{placeholder:b("videoTopicPlaceholder"),label:b("videoTopicLabel"),name:"topic",value:t.values.topic,showRequiredStar:!0}),n.jsxs("div",{className:"form-group",children:[n.jsx("label",{className:"form-label",children:n.jsx(I,{namespace:yr,phrase:"audiencesLabel"})}),n.jsx(sr,{id:"audiences",placeholder:b("audiencesPlaceholder"),local:e.audiences,valueKey:"name",selections:r,onSuggestionSelected:a,removeSelection:i=>a(i),errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:i=>n.jsx(or,{selection:{name:i.name,masterId:i.masterId},colourVariant:"teal",onClickRemove:o=>a(o),hideExpander:!0},i.name),getSuggestionComponent:i=>nr("name",i),onSuggestionDependencies:[e.audiences,t.values.studentLevel,r],getLocalSuggestions:s,focusInputOnSuggestionClick:!1,renderAsForm:!1,hideIcon:!0,onBlur:()=>t.setFieldTouched("studentLevel"),className:`p-2 ${t.touched.studentLevel&&t.errors.studentLevel?"is-invalid":""}`}),t.touched.studentLevel&&t.errors.studentLevel&&n.jsx(At,{name:"audiences",children:t.errors.studentLevel})]}),n.jsx(S,{as:"textarea",placeholder:b("otherPlaceholder"),label:b("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo})]}),t.values.videoRequestType==="videoOrSeries"&&n.jsxs(n.Fragment,{children:[n.jsx(S,{placeholder:b("videoTitlePlaceholder"),label:b("videoTitleLabel"),name:"videoTitle",value:t.values.videoTitle}),n.jsx(S,{placeholder:b("seriesPlaceholder"),label:b("seriesLabel"),name:"seriesName",value:t.values.seriesName}),n.jsx(S,{placeholder:b("companyPlaceholder"),label:b("companyLabel"),name:"producerCompany",value:t.values.producerCompany}),n.jsx(S,{placeholder:b("videoTopicPlaceholder"),label:b("topicLabel"),name:"topic",value:t.values.topic}),n.jsx(S,{placeholder:b("websiteOrTrailerPlaceholder"),label:b("websiteOrTrailerLabel"),name:"websiteOrTrailer",value:t.values.websiteOrTrailer}),n.jsx(S,{as:"textarea",placeholder:b("otherPlaceholder"),label:b("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo})]})]})}function ai(e){const[t,r]=A.useState(!!e.skipBeforeRequesting),a=e.hasExchangeTvProduct&&!t;return n.jsxs(ie,{...e,initialValues:{...ti,...e.initialValues},validationSchema:ri,hideButtons:e.hasExchangeTvProduct&&!t,hideCancelButton:e.skipBeforeRequesting,children:[a&&n.jsx(ei,{setConfirmed:r,setSelectedOption:e.setSelectedOption,exchangeTvUrl:e.exchangeTvUrl}),!a&&n.jsx(ni,{audiences:e.audiences})]})}const jt="shared.feedbackSuggestImprovement",ge=D.encloseNamespace(jt),ii={suggestion:"",importance:""},si=F.object().shape({suggestion:H().required(z("requiredError")),importance:H()}).noUnknown();function oi(e){const t=Z();return n.jsxs(n.Fragment,{children:[n.jsx(S,{as:"textarea",placeholder:ge("suggestionPlaceholder"),label:ge("suggestionLabel"),name:"suggestion",value:t.values.suggestion,showRequiredStar:!0}),n.jsx(S,{as:"textarea",placeholder:ge("whySuggestionPlaceholder"),label:ge("whySuggestionLabel"),name:"importance",rows:5,value:t.values.importance}),n.jsxs("p",{children:[n.jsx(I,{namespace:jt,phrase:"contactSupport"})," ",n.jsx("button",{className:"btn btn-link text-underline p-0",onClick:()=>e.setSelectedOption(f.RAISE_ISSUE),children:n.jsx(I,{namespace:jt,phrase:"raiseIssue"})})]})]})}function ci(e){return n.jsx(ie,{...e,initialValues:{...ii,...e.initialValues},validationSchema:si,successImageUrl:ve.lightBulb,successHeading:ge("successHeading"),successDescription:ge("successDescription"),children:n.jsx(oi,{setSelectedOption:e.setSelectedOption})})}function ie(e){const t=A.useRef(null);function r(a){e.setFormState(s=>{var i;return{...s,...(i=t.current)==null?void 0:i.values}}),e.setSelectedOption(a)}return n.jsx(Zr,{onSubmit:e.onSubmit,initialValues:e.initialValues,validationSchema:e.validationSchema,validateOnMount:!0,innerRef:t,children:n.jsxs(Ur,{children:[e.formStage==="form"&&e.children,n.jsx(En,{formStage:e.formStage,successImageUrl:e.successImageUrl,successHeading:e.successHeading,successDescription:e.successDescription}),!e.hideButtons&&n.jsx(vn,{setSelectedOption:r,submitText:e.submitText,formStage:e.formStage,closePopup:e.closePopup,hideCancelButton:e.hideCancelButton})]})})}function li(e){const t={formStage:e.formStage,initialValues:e.initialValues,setFormState:e.setFormState,onSubmit:e.onSubmit,setSelectedOption:e.setSelectedOption,closePopup:e.closePopup};switch(e.selectedOption){case f.SUGGEST_IMPROVEMENT:return n.jsx(ci,{...t});case f.REPORT_BUG:return n.jsx(Ka,{...t,onFilesAdded:e.onFilesAdded,cancelUpload:e.cancelUpload,uploadingFiles:e.uploadingFiles,uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile,uploadError:e.uploadError,instanceRegion:e.instanceRegion});case f.REQUEST_VIDEO:return n.jsx(ai,{...t,audiences:e.audiences,hasExchangeTvProduct:e.hasExchangeTvProduct,exchangeTvUrl:e.exchangeTvUrl,skipBeforeRequesting:e.skipBeforeRequesting,hideCancelButton:e.hideCancelButton});case f.REQUEST_LIVESTREAM:return n.jsx(Ja,{...t,audiences:e.audiences});case f.RAISE_ISSUE:return n.jsx(Ln,{...t});case f.GIVE_PRAISE:return n.jsx(An,{...t});case f.OTHER:return n.jsx(Pn,{...t})}}const Sr="shared.giveFeedback",fe=D.encloseNamespace(Sr),er=5,tr=60,ui=1e6;function Ei(e){var Oe,Se;const t=Wr(),r=Nr(),a=de(kt.currentUser()),s=de(a.data&&Mr.customer(a.data.customerId)),i=de(a.data&&kt.user(a.data.id)),[o,l]=A.useState(e.selectedOption),[m,u]=A.useState("form"),[v,j]=A.useState(null),k=Yr(Gr.MixedMediaUpload),G=an(()=>k.getCollection()),K=A.useRef(null),$=A.useRef(0),W=A.useRef([]),[se,xe]=A.useState([]),[Ee,ee]=A.useState(""),oe=e.product===it.StreamableLearning?Be.StreamableLearning:Be.Subject,Te=de(Jr.presentation(oe)),V=de(rn.presentationAudiences(null,oe)),C=(Oe=de(zr.userProducts()).data)==null?void 0:Oe.find(h=>h.id===it.Exchange);$r(Vr.Radio.channel(qr.MIXED_MEDIA_UPLOAD),Kr.UPLOAD_COMPLETE,Pe),cn();function te(h,E){if(h.some(P=>P.size>tr*ui)){ee(fe("maxFileSizeUploadError",{limit:tr}));return}if(h.length>er-G.length){ee(fe("maxFilesUploadError",{limit:er}));return}if(h.some(P=>!rr.isValidFile(P,Rt.MIXED_MEDIA))){ee(fe("invalidTypeUploadError"));return}ee(""),$.current+=h.length,E&&(K.current=E),k.addFiles(h)}function Pe(h){const E=h.toJSON();if(W.current.push(E),$.current--,$.current>0)return;let P=W.current.length;W.current.forEach(L=>{setTimeout(()=>{P--;const U=k.getCollection().filter(q=>{var _;return((_=q.get("fileInfo"))==null?void 0:_.id)===L.fileInfo.id});k.getCollection().remove(U),xe(q=>[...q,...U]),!(P>0)&&(Me.logUserAction({fileInfo:L.fileInfo},{location:st.GiveFeedbackPopup,actionType:ct.Upload,entity:ot.MixedMedia,descriptor:Me.mapInteractionType(K.current)}),t.success(fe("mixedMediaUploadSuccess")))})}),W.current=[]}function ye(h){xe(E=>E.filter(P=>P.id!==h))}function re(h){l(h),h&&Me.logUserAction({type:h},{actionType:ct.Click,entity:ot.Feedback,location:st.GiveFeedbackPopup,workflowPhase:Ct.Start})}function R(h){switch(h){case f.SUGGEST_IMPROVEMENT:return Y.SuggestImprovement;case f.REPORT_BUG:return Y.ReportBug;case f.REQUEST_VIDEO:return Y.RequestVideo;case f.REQUEST_LIVESTREAM:return Y.RequestLivestream;case f.GIVE_PRAISE:return Y.GivePraise;case f.RAISE_ISSUE:return Y.RaiseIssue;case f.OTHER:return Y.Other}}async function T(h,E){var U,q,_,je,N,Re;const P={type:R(o),user:qe.getUserInfo(a.data,s.data),tags:qe.getTags(a.data,e.product,!1,["give feedback",ze(o).toLowerCase(),(q=(U=Te.data)==null?void 0:U.description)==null?void 0:q.toLowerCase().trim(),(Re=(N=(je=(_=i.data)==null?void 0:_.userProfile)==null?void 0:je.metadata)==null?void 0:N.jobTitle)==null?void 0:Re.toLowerCase()].filter(Boolean))};let L={...h,currentPageUrl:Hr.GetCurrentUrl()};o===f.REPORT_BUG&&se.length&&(L={...L,...qe.categorizeFiles(se)});try{await r(nn.submitFeedback(P,L)),Me.logUserAction({...P,...L},{actionType:ct.Submit,entity:ot.Feedback,location:st.GiveFeedbackPopup,workflowPhase:Ct.Complete}),u("success")}catch{t.error(fe("error"))}finally{E()}}return n.jsxs(Br,{size:"lg",title:o?ze(o):fe("title"),closePopup:e.closePopup,backdrop:"static",children:[!o&&n.jsx("p",{children:n.jsx(I,{namespace:Sr,phrase:"description"})}),!o&&n.jsx(pn,{onSelectOption:re,options:[f.SUGGEST_IMPROVEMENT,f.REPORT_BUG,e.product===it.StreamableLearning?f.REQUEST_LIVESTREAM:f.REQUEST_VIDEO,f.GIVE_PRAISE,f.RAISE_ISSUE,f.OTHER]}),o&&n.jsx(li,{selectedOption:o,formStage:m,onSubmit:T,setSelectedOption:re,closePopup:e.closePopup,onFilesAdded:te,uploadingFiles:G,uploadedFiles:se,deleteFile:ye,cancelUpload:h=>k.cancelUpload(h),audiences:V.data,uploadError:Ee,initialValues:v,setFormState:j,instanceRegion:(Se=a.data)==null?void 0:Se.instanceRegion,hasExchangeTvProduct:!!C,exchangeTvUrl:C==null?void 0:C.url,skipBeforeRequesting:!!e.skipBeforeRequestingVideoStep,hideCancelButton:!!e.selectedOption})]})}export{Ei as GiveFeedbackView};
-//# sourceMappingURL=BSOiWR0F.chunk.js.map