npm - @clickview/reports - Versions diffs - 0.89.0-rc.1 → 0.89.0 - Mend

@clickview/reports 0.89.0-rc.1 → 0.89.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist/scripts/{DRThGgko.chunk.js → Cf_lhry_.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{P as e,U as t,qn as n,st as r}from"./Db8SRTe2.chunk.js";import{n as i}from"./B4CGL9yn.chunk.js";import{n as a}from"./ClFr_vFf.chunk.js";import{t as o}from"./DQnWJjP7.chunk.js";import{t as s}from"./BpIQdoUJ.chunk.js";import{t as c}from"./Czi36umi.chunk.js";import{l,n as u,t as d}from"./NRdjeteL.chunk.js";import{N as f,P as p,i as m,o as h}from"./app-DomX9RS2.js";import{t as g}from"./C2smR6gI2.chunk.js";import{t as _}from"./XIOc3Va_2.chunk.js";var v=n(r(),1),y=e(),b=`reportsDefault.classroomSizeSelector`,x=10,S=40;function C(e){return(0,y.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,y.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeTitle`})}),(0,y.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeDescription`})}),(0,y.jsx)(`label`,{className:`mb-1`,htmlFor:`classroomSize`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeLabel`})}),(0,y.jsx)(l.Range,{id:`classroomSize`,min:x,max:S,step:1,value:e.classroomSize,onChange:t=>e.onClassroomSizeChanged(Number(t.target.value))}),(0,y.jsxs)(`div`,{className:`d-flex justify-content-between small mb-2`,children:[(0,y.jsx)(`span`,{children:x}),(0,y.jsx)(`span`,{children:S})]}),(0,y.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeSummary`,options:{count:e.classroomSize}})})]})}var w=`reportsDefault.classroomViewsToggle`;function T(e){return(0,y.jsxs)(`div`,{className:i(`border rounded-3 p-3 d-flex align-items-center gap-3`,e.className),children:[(0,y.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,y.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,y.jsx)(a,{namespace:w,phrase:`title`})}),(0,y.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,y.jsx)(a,{namespace:w,phrase:`description`})})]}),(0,y.jsx)(u,{on:e.enabled,floatEnd:!1,onClick:()=>e.onEnabledChanged(!e.enabled)})]})}var E=`reportsDefault.schoolHoursSelector`,D=[6,7,8,9,10,11,12,13,14,15,16,17,18],O=h.getTimezones();function k(e){let[t,n]=v.useState(!1),r=e.startHour<e.endHour;return(0,y.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,y.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursTitle`})}),(0,y.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursDescription`})}),(0,y.jsxs)(`div`,{className:`d-flex align-items-end gap-3 mb-2`,children:[(0,y.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,y.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,y.jsx)(a,{namespace:E,phrase:`startTimeLabel`})}),(0,y.jsx)(`select`,{className:`form-select`,value:e.startHour,onChange:t=>e.onStartHourChanged(Number(t.target.value)),children:D.map(e=>(0,y.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]}),(0,y.jsx)(`span`,{className:`pb-2`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursTo`})}),(0,y.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,y.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,y.jsx)(a,{namespace:E,phrase:`endTimeLabel`})}),(0,y.jsx)(`select`,{className:`form-select`,value:e.endHour,onChange:t=>e.onEndHourChanged(Number(t.target.value)),children:D.map(e=>(0,y.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]})]}),r?(0,y.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursSummary`,options:{startTime:o.hourToFriendlyString(e.startHour),endTime:o.hourToFriendlyString(e.endHour)}})}):(0,y.jsx)(`p`,{className:`text-danger mb-0`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursValidation`})}),(0,y.jsx)(`div`,{className:`mt-3`,children:t?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`label`,{className:`mb-1 d-block`,children:(0,y.jsx)(a,{namespace:E,phrase:`timezoneLabel`})}),(0,y.jsx)(`select`,{className:`form-select`,value:e.timezone,onChange:t=>e.onTimezoneChanged(t.target.value),children:O.map(e=>(0,y.jsx)(`option`,{value:e,children:e},e))})]}):(0,y.jsxs)(`span`,{className:`text-secondary`,children:[(0,y.jsx)(a,{namespace:E,phrase:`timezoneCurrent`,options:{timezone:e.timezone}}),` — `,(0,y.jsx)(`button`,{className:`btn btn-link text-info p-0 align-baseline`,onClick:()=>n(!0),children:(0,y.jsx)(a,{namespace:E,phrase:`timezoneChange`})})]})})]})}var A=`reports.classroomViewsPopup`,j=s.encloseNamespace(A);function M(e){let n=m(t.ClassroomViewsPopup),{enableAlert:r}=_(n.hasClassroomViews),i=g(),s=o.timeStringToHour(n.schoolStartTime),l=o.timeStringToHour(n.schoolEndTime),[u,h]=v.useState(n.hasClassroomViews),[b,x]=v.useState(n.classroomSize),[S,w]=v.useState(n.timezone),[E,D]=v.useState(s),[O,M]=v.useState(l),[N,P]=v.useState(!1),F=u?E<O&&S:!0,I=u!==n.hasClassroomViews||b!==n.classroomSize||S!==n.timezone||E!==s||O!==l;async function L(){try{P(!0),await n.updateSettingsAsync({hasClassroomViews:u,schoolStartTime:o.hourToTimeString(E),schoolEndTime:o.hourToTimeString(O),timezone:S,classroomSize:b}),i.success(j(`success`)),u||r(),e.closePopup()}catch{i.error(j(`error`))}finally{P(!1)}}return(0,y.jsxs)(c,{closePopup:e.closePopup,title:j(`title`),size:`lg`,children:[(0,y.jsx)(`p`,{children:(0,y.jsx)(a,{namespace:A,phrase:`description1`})}),(0,y.jsx)(`p`,{children:(0,y.jsx)(a,{namespace:A,phrase:`description2`})}),(0,y.jsx)(T,{className:`my-3`,enabled:u,onEnabledChanged:h}),u&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(C,{className:`mb-3`,classroomSize:b,onClassroomSizeChanged:x}),(0,y.jsx)(k,{className:`mb-3`,startHour:E,endHour:O,timezone:S,onStartHourChanged:D,onEndHourChanged:M,onTimezoneChanged:w})]}),(0,y.jsxs)(d,{className:`justify-content-between`,children:[(0,y.jsx)(`a`,{href:f.getLiteArticle(p.ClassroomViews),target:`_blank`,rel:`noopener noreferrer`,className:`text-info`,children:(0,y.jsx)(a,{namespace:A,phrase:`learnMore`})}),(0,y.jsxs)(`div`,{className:`d-flex`,children:[(0,y.jsx)(d.Cancel,{onClick:e.closePopup,text:j(`close`)}),(0,y.jsx)(d.Submit,{onClick:L,text:j(`save`),showSpinner:N,variant:`dark`,disabled:!F||!I})]})]})]})}export{M as ClassroomViewsPopupView};
-//# sourceMappingURL=DRThGgko.chunk.js.map
+import{P as e,U as t,qn as n,st as r}from"./Db8SRTe2.chunk.js";import{n as i}from"./B4CGL9yn.chunk.js";import{n as a}from"./ClFr_vFf.chunk.js";import{t as o}from"./DQnWJjP7.chunk.js";import{t as s}from"./BpIQdoUJ.chunk.js";import{t as c}from"./Czi36umi.chunk.js";import{l,n as u,t as d}from"./NRdjeteL.chunk.js";import{N as f,P as p,i as m,o as h}from"./app-D4CCj7F-.js";import{t as g}from"./C2smR6gI2.chunk.js";import{t as _}from"./tF73iFqX2.chunk.js";var v=n(r(),1),y=e(),b=`reportsDefault.classroomSizeSelector`,x=10,S=40;function C(e){return(0,y.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,y.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeTitle`})}),(0,y.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeDescription`})}),(0,y.jsx)(`label`,{className:`mb-1`,htmlFor:`classroomSize`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeLabel`})}),(0,y.jsx)(l.Range,{id:`classroomSize`,min:x,max:S,step:1,value:e.classroomSize,onChange:t=>e.onClassroomSizeChanged(Number(t.target.value))}),(0,y.jsxs)(`div`,{className:`d-flex justify-content-between small mb-2`,children:[(0,y.jsx)(`span`,{children:x}),(0,y.jsx)(`span`,{children:S})]}),(0,y.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,y.jsx)(a,{namespace:b,phrase:`classroomSizeSummary`,options:{count:e.classroomSize}})})]})}var w=`reportsDefault.classroomViewsToggle`;function T(e){return(0,y.jsxs)(`div`,{className:i(`border rounded-3 p-3 d-flex align-items-center gap-3`,e.className),children:[(0,y.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,y.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,y.jsx)(a,{namespace:w,phrase:`title`})}),(0,y.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,y.jsx)(a,{namespace:w,phrase:`description`})})]}),(0,y.jsx)(u,{on:e.enabled,floatEnd:!1,onClick:()=>e.onEnabledChanged(!e.enabled)})]})}var E=`reportsDefault.schoolHoursSelector`,D=[6,7,8,9,10,11,12,13,14,15,16,17,18],O=h.getTimezones();function k(e){let[t,n]=v.useState(!1),r=e.startHour<e.endHour;return(0,y.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,y.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursTitle`})}),(0,y.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursDescription`})}),(0,y.jsxs)(`div`,{className:`d-flex align-items-end gap-3 mb-2`,children:[(0,y.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,y.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,y.jsx)(a,{namespace:E,phrase:`startTimeLabel`})}),(0,y.jsx)(`select`,{className:`form-select`,value:e.startHour,onChange:t=>e.onStartHourChanged(Number(t.target.value)),children:D.map(e=>(0,y.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]}),(0,y.jsx)(`span`,{className:`pb-2`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursTo`})}),(0,y.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,y.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,y.jsx)(a,{namespace:E,phrase:`endTimeLabel`})}),(0,y.jsx)(`select`,{className:`form-select`,value:e.endHour,onChange:t=>e.onEndHourChanged(Number(t.target.value)),children:D.map(e=>(0,y.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]})]}),r?(0,y.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursSummary`,options:{startTime:o.hourToFriendlyString(e.startHour),endTime:o.hourToFriendlyString(e.endHour)}})}):(0,y.jsx)(`p`,{className:`text-danger mb-0`,children:(0,y.jsx)(a,{namespace:E,phrase:`schoolHoursValidation`})}),(0,y.jsx)(`div`,{className:`mt-3`,children:t?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`label`,{className:`mb-1 d-block`,children:(0,y.jsx)(a,{namespace:E,phrase:`timezoneLabel`})}),(0,y.jsx)(`select`,{className:`form-select`,value:e.timezone,onChange:t=>e.onTimezoneChanged(t.target.value),children:O.map(e=>(0,y.jsx)(`option`,{value:e,children:e},e))})]}):(0,y.jsxs)(`span`,{className:`text-secondary`,children:[(0,y.jsx)(a,{namespace:E,phrase:`timezoneCurrent`,options:{timezone:e.timezone}}),` — `,(0,y.jsx)(`button`,{className:`btn btn-link text-info p-0 align-baseline`,onClick:()=>n(!0),children:(0,y.jsx)(a,{namespace:E,phrase:`timezoneChange`})})]})})]})}var A=`reports.classroomViewsPopup`,j=s.encloseNamespace(A);function M(e){let n=m(t.ClassroomViewsPopup),{enableAlert:r}=_(n.hasClassroomViews),i=g(),s=o.timeStringToHour(n.schoolStartTime),l=o.timeStringToHour(n.schoolEndTime),[u,h]=v.useState(n.hasClassroomViews),[b,x]=v.useState(n.classroomSize),[S,w]=v.useState(n.timezone),[E,D]=v.useState(s),[O,M]=v.useState(l),[N,P]=v.useState(!1),F=u?E<O&&S:!0,I=u!==n.hasClassroomViews||b!==n.classroomSize||S!==n.timezone||E!==s||O!==l;async function L(){try{P(!0),await n.updateSettingsAsync({hasClassroomViews:u,schoolStartTime:o.hourToTimeString(E),schoolEndTime:o.hourToTimeString(O),timezone:S,classroomSize:b}),i.success(j(`success`)),u||r(),e.closePopup()}catch{i.error(j(`error`))}finally{P(!1)}}return(0,y.jsxs)(c,{closePopup:e.closePopup,title:j(`title`),size:`lg`,children:[(0,y.jsx)(`p`,{children:(0,y.jsx)(a,{namespace:A,phrase:`description1`})}),(0,y.jsx)(`p`,{children:(0,y.jsx)(a,{namespace:A,phrase:`description2`})}),(0,y.jsx)(T,{className:`my-3`,enabled:u,onEnabledChanged:h}),u&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(C,{className:`mb-3`,classroomSize:b,onClassroomSizeChanged:x}),(0,y.jsx)(k,{className:`mb-3`,startHour:E,endHour:O,timezone:S,onStartHourChanged:D,onEndHourChanged:M,onTimezoneChanged:w})]}),(0,y.jsxs)(d,{className:`justify-content-between`,children:[(0,y.jsx)(`a`,{href:f.getLiteArticle(p.ClassroomViews),target:`_blank`,rel:`noopener noreferrer`,className:`text-info`,children:(0,y.jsx)(a,{namespace:A,phrase:`learnMore`})}),(0,y.jsxs)(`div`,{className:`d-flex`,children:[(0,y.jsx)(d.Cancel,{onClick:e.closePopup,text:j(`close`)}),(0,y.jsx)(d.Submit,{onClick:L,text:j(`save`),showSpinner:N,variant:`dark`,disabled:!F||!I})]})]})]})}export{M as ClassroomViewsPopupView};
+//# sourceMappingURL=Cf_lhry_.chunk.js.map

package/dist/scripts/{DRThGgko.chunk.js.map → Cf_lhry_.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DRThGgko.chunk.js","names":[],"sources":["../../src/apps/default/views/classroom-views-popup/components/classroom-size-selector/ClassroomSizeSelector.tsx","../../src/apps/default/views/classroom-views-popup/components/classroom-views-toggle/ClassroomViewsToggle.tsx","../../src/apps/default/views/classroom-views-popup/components/school-hours-selector/SchoolHoursSelector.tsx","../../src/apps/default/views/classroom-views-popup/ClassroomViewsPopupView.tsx"],"sourcesContent":["import React from 'react';\nimport { Form } from 'react-bootstrap';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.classroomSizeSelector';\n\nconst MIN_CLASSROOM_SIZE = 10;\nconst MAX_CLASSROOM_SIZE = 40;\n\ninterface ClassroomSizeSelectorProps {\n className?: string;\n classroomSize: number;\n onClassroomSizeChanged: (size: number) => void;\n}\n\nexport function ClassroomSizeSelector(props: ClassroomSizeSelectorProps) {\n return (\n <div className={classNames('border rounded-3 p-3', props.className)}>\n <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='classroomSizeTitle' /></h3>\n <p className='text-secondary mb-3'><Text namespace={namespace} phrase='classroomSizeDescription' /></p>\n\n <label className='mb-1' htmlFor='classroomSize'><Text namespace={namespace} phrase='classroomSizeLabel' /></label>\n\n <Form.Range\n id='classroomSize'\n min={MIN_CLASSROOM_SIZE}\n max={MAX_CLASSROOM_SIZE}\n step={1}\n value={props.classroomSize}\n onChange={e => props.onClassroomSizeChanged(Number(e.target.value))}\n />\n <div className='d-flex justify-content-between small mb-2'>\n <span>{MIN_CLASSROOM_SIZE}</span>\n <span>{MAX_CLASSROOM_SIZE}</span>\n </div>\n\n <p className='text-secondary mb-0'>\n <Text namespace={namespace} phrase='classroomSizeSummary' options={{ count: props.classroomSize }} />\n </p>\n </div>\n );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nconst namespace = 'reportsDefault.classroomViewsToggle';\n\ninterface ClassroomViewsToggleProps {\n className?: string;\n enabled: boolean;\n onEnabledChanged: (enabled: boolean) => void;\n}\n\nexport function ClassroomViewsToggle(props: ClassroomViewsToggleProps) {\n return (\n <div className={classNames('border rounded-3 p-3 d-flex align-items-center gap-3', props.className)}>\n <div className='flex-grow-1'>\n <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='title' /></h3>\n <p className='text-secondary mb-0'><Text namespace={namespace} phrase='description' /></p>\n </div>\n\n <ToggleSwitch\n on={props.enabled}\n floatEnd={false}\n onClick={() => props.onEnabledChanged(!props.enabled)}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { TimezoneHelper } from 'libs/shared/apps/streamable-learning/utils/TimezoneHelper';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.schoolHoursSelector';\n\nconst SCHOOL_HOURS = [ 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 ];\nconst ALL_TIMEZONES = TimezoneHelper.getTimezones();\n\ninterface SchoolHoursSelectorProps {\n className?: string;\n startHour: number;\n endHour: number;\n timezone: string;\n onStartHourChanged: (hour: number) => void;\n onEndHourChanged: (hour: number) => void;\n onTimezoneChanged: (tz: string) => void;\n}\n\nexport function SchoolHoursSelector(props: SchoolHoursSelectorProps) {\n const [ showTimezoneSelect, setShowTimezoneSelect ] = React.useState(false);\n\n const isTimeRangeValid = props.startHour < props.endHour;\n\n return (\n <div className={classNames('border rounded-3 p-3', props.className)}>\n <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='schoolHoursTitle' /></h3>\n <p className='text-secondary mb-3'><Text namespace={namespace} phrase='schoolHoursDescription' /></p>\n\n <div className='d-flex align-items-end gap-3 mb-2'>\n <div className='flex-grow-1'>\n <label className='small mb-1 d-block'><Text namespace={namespace} phrase='startTimeLabel' /></label>\n <select\n className='form-select'\n value={props.startHour}\n onChange={e => props.onStartHourChanged(Number(e.target.value))}\n >\n {SCHOOL_HOURS.map(hour => (\n <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n ))}\n </select>\n </div>\n <span className='pb-2'><Text namespace={namespace} phrase='schoolHoursTo' /></span>\n <div className='flex-grow-1'>\n <label className='small mb-1 d-block'><Text namespace={namespace} phrase='endTimeLabel' /></label>\n <select\n className='form-select'\n value={props.endHour}\n onChange={e => props.onEndHourChanged(Number(e.target.value))}\n >\n {SCHOOL_HOURS.map(hour => (\n <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n ))}\n </select>\n </div>\n </div>\n\n {isTimeRangeValid ? (\n <p className='text-secondary mb-0'>\n <Text\n namespace={namespace}\n phrase='schoolHoursSummary'\n options={{\n startTime: DateHelper.hourToFriendlyString(props.startHour),\n endTime: DateHelper.hourToFriendlyString(props.endHour)\n }}\n />\n </p>\n ) : (\n <p className='text-danger mb-0'>\n <Text namespace={namespace} phrase='schoolHoursValidation' />\n </p>\n )}\n\n <div className='mt-3'>\n {showTimezoneSelect ? (\n <>\n <label className='mb-1 d-block'><Text namespace={namespace} phrase='timezoneLabel' /></label>\n <select className='form-select' value={props.timezone} onChange={e => props.onTimezoneChanged(e.target.value)}>\n {ALL_TIMEZONES.map(tz => (\n <option key={tz} value={tz}>{tz}</option>\n ))}\n </select>\n </>\n ) : (\n <span className='text-secondary'>\n <Text namespace={namespace} phrase='timezoneCurrent' options={{ timezone: props.timezone }} />\n {' — '}\n <button className='btn btn-link text-info p-0 align-baseline' onClick={() => setShowTimezoneSelect(true)}>\n <Text namespace={namespace} phrase='timezoneChange' />\n </button>\n </span>\n )}\n </div>\n </div>\n );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { PopupViewProps } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { useClassroomViewsAlert } from 'shared/hooks/useClassroomViewsAlert';\nimport { useClassroomViewsSettings } from 'shared/hooks/useClassroomViewsSettings';\n\nimport { ClassroomSizeSelector } from './components/classroom-size-selector/ClassroomSizeSelector';\nimport { ClassroomViewsToggle } from './components/classroom-views-toggle/ClassroomViewsToggle';\nimport { SchoolHoursSelector } from './components/school-hours-selector/SchoolHoursSelector';\n\nconst namespace = 'reports.classroomViewsPopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function ClassroomViewsPopupView(props: PopupViewProps): JSX.Element {\n const classroomViewsSettings = useClassroomViewsSettings(LocationContext.ClassroomViewsPopup);\n const { enableAlert } = useClassroomViewsAlert(classroomViewsSettings.hasClassroomViews);\n const alerts = useAlerts();\n\n const initialStartHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolStartTime);\n const initialEndHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolEndTime);\n \n const [ hasClassroomViews, setHasClassroomViews ] = React.useState(classroomViewsSettings.hasClassroomViews);\n const [ classroomSize, setClassroomSize ] = React.useState(classroomViewsSettings.classroomSize);\n const [ timezone, setTimezone ] = React.useState(classroomViewsSettings.timezone);\n const [ schoolStartHour, setSchoolStartHour ] = React.useState(initialStartHour);\n const [ schoolEndHour, setSchoolEndHour ] = React.useState(initialEndHour);\n const [ isSaving, setIsSaving ] = React.useState(false);\n\n const isFormValid = hasClassroomViews ? (schoolStartHour < schoolEndHour && timezone) : true;\n const isDirty = hasClassroomViews !== classroomViewsSettings.hasClassroomViews\n \|\| classroomSize !== classroomViewsSettings.classroomSize\n \|\| timezone !== classroomViewsSettings.timezone\n \|\| schoolStartHour !== initialStartHour\n \|\| schoolEndHour !== initialEndHour;\n\n async function onSave() {\n try {\n setIsSaving(true);\n \n await classroomViewsSettings.updateSettingsAsync({\n hasClassroomViews,\n schoolStartTime: DateHelper.hourToTimeString(schoolStartHour),\n schoolEndTime: DateHelper.hourToTimeString(schoolEndHour),\n timezone,\n classroomSize\n });\n \n alerts.success(getPhrase('success'));\n\n // We re-enable the alert if the user has just turned off Classroom Views, \n // to give them a reminder about the feature and how to turn it back on..\n if (!hasClassroomViews)\n enableAlert();\n \n props.closePopup();\n } catch {\n alerts.error(getPhrase('error'));\n } finally {\n setIsSaving(false);\n }\n }\n\n return (\n <Popup\n closePopup={props.closePopup}\n title={getPhrase('title')}\n size='lg'\n >\n <p><Text namespace={namespace} phrase='description1' /></p>\n <p><Text namespace={namespace} phrase='description2' /></p>\n\n <ClassroomViewsToggle\n className='my-3'\n enabled={hasClassroomViews}\n onEnabledChanged={setHasClassroomViews}\n />\n\n {hasClassroomViews && (\n <>\n <ClassroomSizeSelector\n className='mb-3'\n classroomSize={classroomSize}\n onClassroomSizeChanged={setClassroomSize}\n />\n\n <SchoolHoursSelector\n className='mb-3'\n startHour={schoolStartHour}\n endHour={schoolEndHour}\n timezone={timezone}\n onStartHourChanged={setSchoolStartHour}\n onEndHourChanged={setSchoolEndHour}\n onTimezoneChanged={setTimezone}\n />\n </>\n )}\n\n <PopupButtons className='justify-content-between'>\n <a href={ArticleHelper.getLiteArticle(LiteSupportArticle.ClassroomViews)} target='_blank' rel='noopener noreferrer' className='text-info'>\n <Text namespace={namespace} phrase='learnMore' />\n </a>\n <div className='d-flex'>\n <PopupButtons.Cancel onClick={props.closePopup} text={getPhrase('close')} />\n <PopupButtons.Submit onClick={onSave} text={getPhrase('save')} showSpinner={isSaving} variant='dark' disabled={!isFormValid \|\| !isDirty} />\n </div>\n </PopupButtons>\n </Popup>\n );\n}\n"],"mappings":"0dAOM,EAAY,uCAEZ,EAAqB,GACrB,EAAqB,GAQ3B,SAAgB,EAAsB,EAAmC,CACvE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAW,uBAAwB,EAAM,UAAU,UAAnE,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,gCAAsB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,qBAAuB,CAAA,CAAK,CAAA,EACnG,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAsB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,2BAA6B,CAAA,CAAI,CAAA,EAEvG,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,OAAO,QAAQ,0BAAgB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,qBAAuB,CAAA,CAAQ,CAAA,EAElH,EAAA,EAAA,KAAC,EAAK,MAAN,CACE,GAAG,gBACH,IAAK,EACL,IAAK,EACL,KAAM,EACN,MAAO,EAAM,cACb,SAAU,GAAK,EAAM,uBAAuB,OAAO,EAAE,OAAO,MAAM,CAAC,CACnE,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qDAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAA0B,CAAA,EACjC,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAA0B,CAAA,CAC7B,IAEN,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCACX,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,uBAAuB,QAAS,CAAE,MAAO,EAAM,cAAe,CAAI,CAAA,CACnG,CAAA,CACA,GCnCV,IAAM,EAAY,sCAQlB,SAAgB,EAAqB,EAAkC,CACrE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAW,uDAAwD,EAAM,UAAU,UAAnG,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uBAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,gCAAsB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,QAAU,CAAA,CAAK,CAAA,EACtF,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAsB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,cAAgB,CAAA,CAAI,CAAA,CACtF,IAEN,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EAAM,QACV,SAAU,GACV,YAAe,EAAM,iBAAiB,CAAC,EAAM,QAAQ,CACrD,CAAA,CACE,GCpBV,IAAM,EAAY,qCAEZ,EAAe,CAAE,EAAG,EAAG,EAAG,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,CACjE,EAAgB,EAAe,cAAc,CAYnD,SAAgB,EAAoB,EAAiC,CACnE,GAAM,CAAE,EAAoB,GAAA,EAAgC,SAAS,GAAM,CAErE,EAAmB,EAAM,UAAY,EAAM,QAEjD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAW,uBAAwB,EAAM,UAAU,UAAnE,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,gCAAsB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,mBAAqB,CAAA,CAAK,CAAA,EACjG,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAsB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,yBAA2B,CAAA,CAAI,CAAA,EAErG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uBAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,+BAAqB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,iBAAmB,CAAA,CAAQ,CAAA,EACpG,EAAA,EAAA,KAAC,SAAD,CACE,UAAU,cACV,MAAO,EAAM,UACb,SAAU,GAAK,EAAM,mBAAmB,OAAO,EAAE,OAAO,MAAM,CAAC,UAE9D,EAAa,IAAI,IAChB,EAAA,EAAA,KAAC,SAAD,CAAmB,MAAO,WAAO,EAAW,qBAAqB,EAAK,CAAU,CAAnE,EAAmE,CAChF,CACK,CAAA,CACL,IACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iBAAO,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,gBAAkB,CAAA,CAAO,CAAA,EACnF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uBAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,+BAAqB,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,eAAiB,CAAA,CAAQ,CAAA,EAClG,EAAA,EAAA,KAAC,SAAD,CACE,UAAU,cACV,MAAO,EAAM,QACb,SAAU,GAAK,EAAM,iBAAiB,OAAO,EAAE,OAAO,MAAM,CAAC,UAE5D,EAAa,IAAI,IAChB,EAAA,EAAA,KAAC,SAAD,CAAmB,MAAO,WAAO,EAAW,qBAAqB,EAAK,CAAU,CAAnE,EAAmE,CAChF,CACK,CAAA,CACL,GACF,GAEL,GACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCACX,EAAA,EAAA,KAAC,EAAD,CACa,UAAA,EACX,OAAO,qBACP,QAAS,CACP,UAAW,EAAW,qBAAqB,EAAM,UAAU,CAC3D,QAAS,EAAW,qBAAqB,EAAM,QAAQ,CACxD,CACD,CAAA,CACA,CAAA,EAEJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,6BACX,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,wBAA0B,CAAA,CAC3D,CAAA,EAGN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBACZ,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,yBAAe,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,gBAAkB,CAAA,CAAQ,CAAA,EAC7F,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,cAAc,MAAO,EAAM,SAAU,SAAU,GAAK,EAAM,kBAAkB,EAAE,OAAO,MAAM,UAC1G,EAAc,IAAI,IACjB,EAAA,EAAA,KAAC,SAAD,CAAiB,MAAO,WAAK,EAAY,CAA5B,EAA4B,CACzC,CACK,CAAA,CACR,CAAA,CAAA,EAEH,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0BAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,kBAAkB,QAAS,CAAE,SAAU,EAAM,SAAU,CAAI,CAAA,CAC7F,OACD,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,4CAA4C,YAAe,EAAsB,GAAK,WACtG,EAAA,EAAA,KAAC,EAAD,CAAiB,UAAA,EAAW,OAAO,iBAAmB,CAAA,CAC/C,CAAA,CACJ,GAEL,CAAA,CACF,GC5EV,IAAM,EAAY,8BACZ,EAAY,EAAgB,iBAAiB,EAAU,CAE7D,SAAgB,EAAwB,EAAoC,CAC1E,IAAM,EAAyB,EAA0B,EAAgB,oBAAoB,CACvF,CAAE,eAAgB,EAAuB,EAAuB,kBAAkB,CAClF,EAAS,GAAW,CAEpB,EAAmB,EAAW,iBAAiB,EAAuB,gBAAgB,CACtF,EAAiB,EAAW,iBAAiB,EAAuB,cAAc,CAElF,CAAE,EAAmB,GAAA,EAA+B,SAAS,EAAuB,kBAAkB,CACtG,CAAE,EAAe,GAAA,EAA2B,SAAS,EAAuB,cAAc,CAC1F,CAAE,EAAU,GAAA,EAAsB,SAAS,EAAuB,SAAS,CAC3E,CAAE,EAAiB,GAAA,EAA6B,SAAS,EAAiB,CAC1E,CAAE,EAAe,GAAA,EAA2B,SAAS,EAAe,CACpE,CAAE,EAAU,GAAA,EAAsB,SAAS,GAAM,CAEjD,EAAc,EAAqB,EAAkB,GAAiB,EAAY,GAClF,EAAU,IAAsB,EAAuB,mBACxD,IAAkB,EAAuB,eACzC,IAAa,EAAuB,UACpC,IAAoB,GACpB,IAAkB,EAEvB,eAAe,GAAS,CACtB,GAAI,CACF,EAAY,GAAK,CAEjB,MAAM,EAAuB,oBAAoB,CAC/C,oBACA,gBAAiB,EAAW,iBAAiB,EAAgB,CAC7D,cAAe,EAAW,iBAAiB,EAAc,CACzD,WACA,gBACD,CAAC,CAEF,EAAO,QAAQ,EAAU,UAAU,CAAC,CAI/B,GACH,GAAa,CAEf,EAAM,YAAY,MACZ,CACN,EAAO,MAAM,EAAU,QAAQ,CAAC,QACxB,CACR,EAAY,GAAM,EAItB,OACE,EAAA,EAAA,MAAC,EAAD,CACE,WAAY,EAAM,WAClB,MAAO,EAAU,QAAQ,CACzB,KAAK,cAHP,EAKE,EAAA,EAAA,KAAC,IAAD,CAAA,UAAG,EAAA,EAAA,KAAC,EAAD,CAAiB,YAAW,OAAO,eAAiB,CAAA,CAAI,CAAA,EAC3D,EAAA,EAAA,KAAC,IAAD,CAAA,UAAG,EAAA,EAAA,KAAC,EAAD,CAAiB,YAAW,OAAO,eAAiB,CAAA,CAAI,CAAA,EAE3D,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,OACV,QAAS,EACT,iBAAkB,EAClB,CAAA,CAED,IACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,OACK,gBACf,uBAAwB,EACxB,CAAA,EAEF,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,OACV,UAAW,EACX,QAAS,EACC,WACV,mBAAoB,EACpB,iBAAkB,EAClB,kBAAmB,EACnB,CAAA,CACD,CAAA,CAAA,EAGL,EAAA,EAAA,MAAC,EAAD,CAAc,UAAU,mCAAxB,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,KAAM,EAAc,eAAe,EAAmB,eAAe,CAAE,OAAO,SAAS,IAAI,sBAAsB,UAAU,sBAC5H,EAAA,EAAA,KAAC,EAAD,CAAiB,YAAW,OAAO,YAAc,CAAA,CAC/C,CAAA,EACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kBAAf,EACE,EAAA,EAAA,KAAC,EAAa,OAAd,CAAqB,QAAS,EAAM,WAAY,KAAM,EAAU,QAAQ,CAAI,CAAA,EAC5E,EAAA,EAAA,KAAC,EAAa,OAAd,CAAqB,QAAS,EAAQ,KAAM,EAAU,OAAO,CAAE,YAAa,EAAU,QAAQ,OAAO,SAAU,CAAC,GAAe,CAAC,EAAW,CAAA,CACvI,GACO,GACT"}
1	+ {"version":3,"file":"Cf_lhry_.chunk.js","names":[],"sources":["../../src/apps/default/views/classroom-views-popup/components/classroom-size-selector/ClassroomSizeSelector.tsx","../../src/apps/default/views/classroom-views-popup/components/classroom-views-toggle/ClassroomViewsToggle.tsx","../../src/apps/default/views/classroom-views-popup/components/school-hours-selector/SchoolHoursSelector.tsx","../../src/apps/default/views/classroom-views-popup/ClassroomViewsPopupView.tsx"],"sourcesContent":["import React from 'react';\nimport { Form } from 'react-bootstrap';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.classroomSizeSelector';\n\nconst MIN_CLASSROOM_SIZE = 10;\nconst MAX_CLASSROOM_SIZE = 40;\n\ninterface ClassroomSizeSelectorProps {\n className?: string;\n classroomSize: number;\n onClassroomSizeChanged: (size: number) => void;\n}\n\nexport function ClassroomSizeSelector(props: ClassroomSizeSelectorProps) {\n return (\n <div className={classNames('border rounded-3 p-3', props.className)}>\n <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='classroomSizeTitle' /></h3>\n <p className='text-secondary mb-3'><Text namespace={namespace} phrase='classroomSizeDescription' /></p>\n\n <label className='mb-1' htmlFor='classroomSize'><Text namespace={namespace} phrase='classroomSizeLabel' /></label>\n\n <Form.Range\n id='classroomSize'\n min={MIN_CLASSROOM_SIZE}\n max={MAX_CLASSROOM_SIZE}\n step={1}\n value={props.classroomSize}\n onChange={e => props.onClassroomSizeChanged(Number(e.target.value))}\n />\n <div className='d-flex justify-content-between small mb-2'>\n <span>{MIN_CLASSROOM_SIZE}</span>\n <span>{MAX_CLASSROOM_SIZE}</span>\n </div>\n\n <p className='text-secondary mb-0'>\n <Text namespace={namespace} phrase='classroomSizeSummary' options={{ count: props.classroomSize }} />\n </p>\n </div>\n );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nconst namespace = 'reportsDefault.classroomViewsToggle';\n\ninterface ClassroomViewsToggleProps {\n className?: string;\n enabled: boolean;\n onEnabledChanged: (enabled: boolean) => void;\n}\n\nexport function ClassroomViewsToggle(props: ClassroomViewsToggleProps) {\n return (\n <div className={classNames('border rounded-3 p-3 d-flex align-items-center gap-3', props.className)}>\n <div className='flex-grow-1'>\n <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='title' /></h3>\n <p className='text-secondary mb-0'><Text namespace={namespace} phrase='description' /></p>\n </div>\n\n <ToggleSwitch\n on={props.enabled}\n floatEnd={false}\n onClick={() => props.onEnabledChanged(!props.enabled)}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { TimezoneHelper } from 'libs/shared/apps/streamable-learning/utils/TimezoneHelper';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.schoolHoursSelector';\n\nconst SCHOOL_HOURS = [ 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 ];\nconst ALL_TIMEZONES = TimezoneHelper.getTimezones();\n\ninterface SchoolHoursSelectorProps {\n className?: string;\n startHour: number;\n endHour: number;\n timezone: string;\n onStartHourChanged: (hour: number) => void;\n onEndHourChanged: (hour: number) => void;\n onTimezoneChanged: (tz: string) => void;\n}\n\nexport function SchoolHoursSelector(props: SchoolHoursSelectorProps) {\n const [ showTimezoneSelect, setShowTimezoneSelect ] = React.useState(false);\n\n const isTimeRangeValid = props.startHour < props.endHour;\n\n return (\n <div className={classNames('border rounded-3 p-3', props.className)}>\n <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='schoolHoursTitle' /></h3>\n <p className='text-secondary mb-3'><Text namespace={namespace} phrase='schoolHoursDescription' /></p>\n\n <div className='d-flex align-items-end gap-3 mb-2'>\n <div className='flex-grow-1'>\n <label className='small mb-1 d-block'><Text namespace={namespace} phrase='startTimeLabel' /></label>\n <select\n className='form-select'\n value={props.startHour}\n onChange={e => props.onStartHourChanged(Number(e.target.value))}\n >\n {SCHOOL_HOURS.map(hour => (\n <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n ))}\n </select>\n </div>\n <span className='pb-2'><Text namespace={namespace} phrase='schoolHoursTo' /></span>\n <div className='flex-grow-1'>\n <label className='small mb-1 d-block'><Text namespace={namespace} phrase='endTimeLabel' /></label>\n <select\n className='form-select'\n value={props.endHour}\n onChange={e => props.onEndHourChanged(Number(e.target.value))}\n >\n {SCHOOL_HOURS.map(hour => (\n <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n ))}\n </select>\n </div>\n </div>\n\n {isTimeRangeValid ? (\n <p className='text-secondary mb-0'>\n <Text\n namespace={namespace}\n phrase='schoolHoursSummary'\n options={{\n startTime: DateHelper.hourToFriendlyString(props.startHour),\n endTime: DateHelper.hourToFriendlyString(props.endHour)\n }}\n />\n </p>\n ) : (\n <p className='text-danger mb-0'>\n <Text namespace={namespace} phrase='schoolHoursValidation' />\n </p>\n )}\n\n <div className='mt-3'>\n {showTimezoneSelect ? (\n <>\n <label className='mb-1 d-block'><Text namespace={namespace} phrase='timezoneLabel' /></label>\n <select className='form-select' value={props.timezone} onChange={e => props.onTimezoneChanged(e.target.value)}>\n {ALL_TIMEZONES.map(tz => (\n <option key={tz} value={tz}>{tz}</option>\n ))}\n </select>\n </>\n ) : (\n <span className='text-secondary'>\n <Text namespace={namespace} phrase='timezoneCurrent' options={{ timezone: props.timezone }} />\n {' — '}\n <button className='btn btn-link text-info p-0 align-baseline' onClick={() => setShowTimezoneSelect(true)}>\n <Text namespace={namespace} phrase='timezoneChange' />\n </button>\n </span>\n )}\n </div>\n </div>\n );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { PopupViewProps } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { useClassroomViewsAlert } from 'shared/hooks/useClassroomViewsAlert';\nimport { useClassroomViewsSettings } from 'shared/hooks/useClassroomViewsSettings';\n\nimport { ClassroomSizeSelector } from './components/classroom-size-selector/ClassroomSizeSelector';\nimport { ClassroomViewsToggle } from './components/classroom-views-toggle/ClassroomViewsToggle';\nimport { SchoolHoursSelector } from './components/school-hours-selector/SchoolHoursSelector';\n\nconst namespace = 'reports.classroomViewsPopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function ClassroomViewsPopupView(props: PopupViewProps): JSX.Element {\n const classroomViewsSettings = useClassroomViewsSettings(LocationContext.ClassroomViewsPopup);\n const { enableAlert } = useClassroomViewsAlert(classroomViewsSettings.hasClassroomViews);\n const alerts = useAlerts();\n\n const initialStartHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolStartTime);\n const initialEndHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolEndTime);\n \n const [ hasClassroomViews, setHasClassroomViews ] = React.useState(classroomViewsSettings.hasClassroomViews);\n const [ classroomSize, setClassroomSize ] = React.useState(classroomViewsSettings.classroomSize);\n const [ timezone, setTimezone ] = React.useState(classroomViewsSettings.timezone);\n const [ schoolStartHour, setSchoolStartHour ] = React.useState(initialStartHour);\n const [ schoolEndHour, setSchoolEndHour ] = React.useState(initialEndHour);\n const [ isSaving, setIsSaving ] = React.useState(false);\n\n const isFormValid = hasClassroomViews ? (schoolStartHour < schoolEndHour && timezone) : true;\n const isDirty = hasClassroomViews !== classroomViewsSettings.hasClassroomViews\n \|\| classroomSize !== classroomViewsSettings.classroomSize\n \|\| timezone !== classroomViewsSettings.timezone\n \|\| schoolStartHour !== initialStartHour\n \|\| schoolEndHour !== initialEndHour;\n\n async function onSave() {\n try {\n setIsSaving(true);\n \n await classroomViewsSettings.updateSettingsAsync({\n hasClassroomViews,\n schoolStartTime: DateHelper.hourToTimeString(schoolStartHour),\n schoolEndTime: DateHelper.hourToTimeString(schoolEndHour),\n timezone,\n classroomSize\n });\n \n alerts.success(getPhrase('success'));\n\n // We re-enable the alert if the user has just turned off Classroom Views, \n // to give them a reminder about the feature and how to turn it back on..\n if (!hasClassroomViews)\n enableAlert();\n \n props.closePopup();\n } catch {\n alerts.error(getPhrase('error'));\n } finally {\n setIsSaving(false);\n }\n }\n\n return (\n <Popup\n closePopup={props.closePopup}\n title={getPhrase('title')}\n size='lg'\n >\n <p><Text namespace={namespace} phrase='description1' /></p>\n <p><Text namespace={namespace} phrase='description2' /></p>\n\n <ClassroomViewsToggle\n className='my-3'\n enabled={hasClassroomViews}\n onEnabledChanged={setHasClassroomViews}\n />\n\n {hasClassroomViews && (\n <>\n <ClassroomSizeSelector\n className='mb-3'\n classroomSize={classroomSize}\n onClassroomSizeChanged={setClassroomSize}\n />\n\n <SchoolHoursSelector\n className='mb-3'\n startHour={schoolStartHour}\n endHour={schoolEndHour}\n timezone={timezone}\n onStartHourChanged={setSchoolStartHour}\n onEndHourChanged={setSchoolEndHour}\n onTimezoneChanged={setTimezone}\n />\n </>\n )}\n\n <PopupButtons className='justify-content-between'>\n <a href={ArticleHelper.getLiteArticle(LiteSupportArticle.ClassroomViews)} target='_blank' rel='noopener noreferrer' className='text-info'>\n <Text namespace={namespace} phrase='learnMore' />\n </a>\n <div className='d-flex'>\n <PopupButtons.Cancel onClick={props.closePopup} text={getPhrase('close')} />\n <PopupButtons.Submit onClick={onSave} text={getPhrase('save')} showSpinner={isSaving} variant='dark' disabled={!isFormValid \|\| !isDirty} />\n </div>\n </PopupButtons>\n </Popup>\n );\n}\n"],"mappings":"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"}

package/dist/scripts/{9w-0PYPT2.chunk.js → D91VLfRj2.chunk.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import{A as e,Gn as t,N as n,P as r,Q as i,U as a,Yt as o,an as s,et as c,nn as l,qn as u,st as d,z as f}from"./Db8SRTe2.chunk.js";import{r as p,y as m}from"./B4CGL9yn.chunk.js";import{C as ee,g as h,m as g,n as _}from"./ClFr_vFf.chunk.js";import{t as te}from"./W6_Zq9he.chunk.js";import{n as ne}from"./DZAzLV_d.chunk.js";import{t as re}from"./DxOaUdK8.chunk.js";import{r as v,t as y}from"./DrG_pptQ.chunk.js";import{i as ie,s as b}from"./vy77iKWZ.chunk.js";import{t as x}from"./DnyJJoBJ.chunk.js";import{t as S}from"./BpIQdoUJ.chunk.js";import{t as C}from"./CsgnMveW.chunk.js";import{n as ae}from"./BNGIv8E8.chunk.js";import{t as w}from"./BVk5nv9U.chunk.js";import{n as T,t as oe}from"./Czi36umi.chunk.js";import{a as E,t as D}from"./NRdjeteL.chunk.js";import{I as O,J as se,R as ce,T as le,X as k,Y as ue,Z as A,it as de,tt as fe,w as pe}from"./app-DomX9RS2.js";import{a as me,c as j,d as M,f as he,l as N,n as P,o as ge,r as F,t as _e}from"./D09t8fP0.chunk.js";import{n as ve,t as ye}from"./BoiI8CZ42.chunk.js";import{n as be,t as xe}from"./C2smR6gI2.chunk.js";import{t as Se}from"./C8AYehpj2.chunk.js";var Ce=u(se()),I=u(d()),we=u(s()),L=function(e){return 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}({}),Te={presentationAudiences(e,t){let n={type:e};return{bootstrapName:`presentationAudiences`,url:ne.urlBuilder(`{gateway}/v1/users/me/audiences`,n),publicUrl:ne.urlBuilder(`/api/subjects/presentation/${t}/audiences`,n),regionScoped:!0,key:`presentation:audiences:${t}:${e}`,normalize:!1}},audiencesByPresentationId(e){return{url:`{gateway}/v1/subjects/presentations/${e}/audiences`,publicUrl:ne.urlBuilder(`/api/subjects/presentation/${e}/audiences`,{type:he.Subject.toLowerCase(),presentationId:e}),key:`presentation:${e}:audiences`,normalize:!1}}},Ee={submitFeedback(e,t){return{url:`{gateway}/v1/feedback`,key:`submit:feedback`,type:ee.POST,data:{...e,...t}}}};function De(e,t,n=[]){let[,r]=I.useState(!1);return I.useEffect(()=>{let n=e();if(n)return n.off(`add remove change`),n.on(`add remove change`,()=>{r(e=>!e)}),t&&n.on(`remove`,t),()=>{n.off(`add remove change`)}},n),e()?.toJSON()}var Oe=S.encloseNamespace(`shared.studentRestrictedDialogError`),ke=class extends w{constructor(){super(`Learner accessing feature that is for staff only`)}get name(){return`StudentRestrictedDialogError`}get dialogOptions(){return{title:Oe(`heading`),text:Oe(`description`),buttons:[{text:Oe(`close`),className:`btn btn-link`,close:!0}]}}};function Ae(){let{hasPermissions:e,isLoaded:t}=O();I.useEffect(()=>{if(!t||!e(v.StudentExperience))return;let n=new ke;de.logError(n),o.throw(n)},[t])}var je=function(e){return e.AU=`au`,e.NZ=`nz`,e.UK=`uk`,e.US=`us`,e.CA=`ca`,e}({}),Me={[je.AU]:`au`,[je.NZ]:`nz`,[je.UK]:`uk`,[je.US]:`us`,[je.CA]:`ca`},Ne={getUserInfo:(e,t)=>({id:e.id,username:e.username,email:e.email,userType:e.role===b.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=>Me[e.toLowerCase()],getTags:(e,t,n,r)=>{let i=[t,...r];i.push(n?`student`:`staff`),e.role===b.Admin&&i.push(`administrator`);let a=Ne.mapCountryCodeToTag(e.countryCode);return a&&i.push(a),i},categorizeFiles(e){return e.reduce((e,t)=>{let n=t.get(`fileInfo`);return Ce.default.isValidFile(t.get(`file`),k.VIDEO)?e.videoUrls.push(n?.url):e.imageUrls.push(n?.url),e},{imageUrls:[],videoUrls:[]})}},R=function(e){return 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}({}),z=S.encloseNamespace(`shared.feedbackFormTitles`),Pe=e=>{switch(e){case R.SUGGEST_IMPROVEMENT:return z(e);case R.REPORT_BUG:return z(e);case R.REQUEST_VIDEO:return z(e);case R.REQUEST_LIVESTREAM:return z(e);case R.GIVE_PRAISE:return z(e);case R.RAISE_ISSUE:return z(e);case R.OTHER:return z(e)}},B={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`,[R.REQUEST_VIDEO]:{default:`https://img.clickviewapp.com/v2/images/G1YGdn`,hover:`https://img.clickviewapp.com/v2/images/K6yPxz`},[R.REQUEST_LIVESTREAM]:{default:`https://img.clickviewapp.com/v2/images/G1YGdn`,hover:`https://img.clickviewapp.com/v2/images/K6yPxz`},[R.SUGGEST_IMPROVEMENT]:{default:`https://img.clickviewapp.com/v2/images/g7aR1l`,hover:`https://img.clickviewapp.com/v2/images/zMR0Dk`},[R.RAISE_ISSUE]:{default:`https://img.clickviewapp.com/v2/images/5boW78`,hover:`https://img.clickviewapp.com/v2/images/m6yRKr`},[R.GIVE_PRAISE]:{default:`https://img.clickviewapp.com/v2/images/nE1mdz`,hover:`https://img.clickviewapp.com/v2/images/JjEnmR`},[R.REPORT_BUG]:{default:`https://img.clickviewapp.com/v2/images/AOdYpo`,hover:`https://img.clickviewapp.com/v2/images/yro9NM`},[R.OTHER]:{default:`https://img.clickviewapp.com/v2/images/Eoaykj`,hover:`https://img.clickviewapp.com/v2/images/wN59Zg`}},Fe={image:`_image_1gpfb_1`},V=r();function Ie(e){let[t,n]=Se(),r=B[e.option];return(0,V.jsx)(m,{ref:t,className:`col-lg-4 col-sm-6 col-12`,onClick:()=>e.onSelectOption(e.option),children:(0,V.jsxs)(`div`,{className:`d-flex flex-column align-items-center h-100 rounded border py-3 gap-2`,children:[(0,V.jsx)(`img`,{className:Fe.image,src:n?r.hover:r.default,alt:Pe(e.option)}),(0,V.jsx)(`p`,{className:`fw-semibold text-center mb-0`,children:Pe(e.option)})]})})}function Le(e){return(0,V.jsx)(`div`,{className:`row g-2`,children:e.options.map(t=>(0,V.jsx)(Ie,{option:t,onSelectOption:e.onSelectOption},t))})}var Re=S.encloseNamespace(`shared.feedbackButtons`);function ze(e){let t=P();return(0,V.jsxs)(D,{children:[e.formStage===`form`&&(0,V.jsxs)(V.Fragment,{children:[!e.hideCancelButton&&(0,V.jsx)(D.Cancel,{onClick:()=>e.setSelectedOption(null),text:Re(`cancel`)}),(0,V.jsx)(D.Submit,{variant:`dark`,text:e.submitText||Re(`submit`),disabled:!t.isValid})]}),e.formStage===`success`&&(0,V.jsx)(D.Cancel,{variant:`dark`,text:Re(`close`),onClick:e.closePopup})]})}var Be={successImage:`_successImage_3sso6_1`},Ve=S.encloseNamespace(`shared.feedbackFormState`);function He(e){return e.formStage===`form`||e.formStage===`error`?(0,V.jsx)(V.Fragment,{}):(0,V.jsxs)(`div`,{className:`text-center`,children:[(0,V.jsx)(`div`,{className:`mb-3`,children:(0,V.jsx)(`img`,{className:Be.successImage,src:e.successImageUrl||B.mailSent})}),(0,V.jsx)(`h4`,{className:`mb-3`,children:e.successHeading||Ve(`successHeading`)}),(0,V.jsx)(`p`,{className:`mb-3`,children:e.successDescription||Ve(`successDescription`)})]})}var H=u(me()),Ue=S.encloseNamespace(`shared.feedbackForm`),We=5e3,U=e=>{switch(e){case`requiredError`:return Ue(e);case`minCharactersError`:return Ue(e,{limit:10});case`maxCharactersError`:return Ue(`maxCharactersError`,{limit:We})}},W=()=>H.string().min(10,U(`minCharactersError`)).max(We,U(`maxCharactersError`)),Ge=S.encloseNamespace(`shared.feedbackGivePraise`),Ke={praise:``},qe=H.object().shape({praise:W().required(U(`requiredError`))}).noUnknown();function Je(){let e=P();return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(F,{as:`textarea`,placeholder:Ge(`givePraisePlaceholder`),label:Ge(`givePraiseLabel`),name:`praise`,rows:5,value:e.values.praise,showRequiredStar:!0})})}function Ye(e){return(0,V.jsx)($,{...e,initialValues:{...Ke,...e.initialValues},validationSchema:qe,successImageUrl:B.heartHands,successHeading:Ge(`successHeading`),successDescription:Ge(`successDescription`),children:(0,V.jsx)(Je,{})})}var Xe=S.encloseNamespace(`shared.feedbackOther`),Ze={feedback:``},Qe=H.object().shape({feedback:W().required(U(`requiredError`))}).noUnknown();function $e(){let e=P();return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(F,{as:`textarea`,placeholder:Xe(`otherPlaceholder`),label:Xe(`otherLabel`),name:`feedback`,rows:5,value:e.values.feedback,showRequiredStar:!0})})}function et(e){return(0,V.jsx)($,{...e,initialValues:{...Ze,...e.initialValues},validationSchema:Qe,children:(0,V.jsx)($e,{})})}var tt=S.encloseNamespace(`shared.feedbackRaiseIssue`),nt={issue:``},rt=H.object().shape({issue:W().required(U(`requiredError`))}).noUnknown();function it(){let e=P();return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(F,{as:`textarea`,placeholder:tt(`raiseIssuePlaceholder`),label:tt(`raiseIssueLabel`),name:`issue`,rows:5,value:e.values.issue,showRequiredStar:!0})})}function at(e){return(0,V.jsx)($,{...e,initialValues:{...nt,...e.initialValues},validationSchema:rt,children:(0,V.jsx)(it,{})})}var ot={[x.AU]:{phone:`02 9509 2600`,email:`support@clickview.com.au`,website:`https://www.clickviewsupport.com/hc`},[x.UK]:{phone:`+44 (0)333 207 6595`,email:`info@clickview.co.uk`,website:`https://www.clickviewsupport.com/hc`},[x.NZ]:{phone:`09 916 1156`,email:`support@clickview.co.nz`,website:`https://www.clickviewsupport.com/hc`},[x.US]:{phone:`+1 312-292-9322`,email:`info@clickvieweducation.com`,website:`https://www.clickviewsupport.com/hc`}};function st(e){return(0,V.jsx)(`svg`,{...e,children:(0,V.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 ct(e){return(0,V.jsx)(`svg`,{...e,children:(0,V.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 lt(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})}function ut(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o=Object.create((typeof Iterator==`function`?Iterator:Object).prototype);return o.next=s(0),o.throw=s(1),o.return=s(2),typeof Symbol==`function`&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return c([e,t])}}function c(s){if(r)throw TypeError(`Generator is already executing.`);for(;o&&(o=0,s[0]&&(n=0)),n;)try{if(r=1,i&&(a=s[0]&2?i.return:s[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;switch(i=0,a&&(s=[s[0]&2,a.value]),s[0]){case 0:case 1:a=s;break;case 4:return n.label++,{value:s[1],done:!1};case 5:n.label++,i=s[1],s=[0];continue;case 7:s=n.ops.pop(),n.trys.pop();continue;default:if((a=n.trys,!(a=a.length>0&&a[a.length-1]))&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1],a=s;break}if(a&&n.label<a[2]){n.label=a[2],n.ops.push(s);break}a[2]&&n.ops.pop(),n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e],i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}function dt(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function ft(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}var pt=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 mt(e,t){var n=ht(e);if(typeof n.path!=`string`){var r=e.webkitRelativePath;Object.defineProperty(n,`path`,{value:typeof t==`string`?t:typeof r==`string`&&r.length>0?r:e.name,writable:!1,configurable:!1,enumerable:!0})}return n}function ht(e){var t=e.name;if(t&&t.lastIndexOf(`.`)!==-1&&!e.type){var n=t.split(`.`).pop().toLowerCase(),r=pt.get(n);r&&Object.defineProperty(e,`type`,{value:r,writable:!1,configurable:!1,enumerable:!0})}return e}var gt=[`.DS_Store`,`Thumbs.db`];function _t(e){return lt(this,void 0,void 0,function(){return ut(this,function(t){return bt(e)&&vt(e.dataTransfer)?[2,Ct(e.dataTransfer,e.type)]:yt(e)?[2,xt(e)]:Array.isArray(e)&&e.every(function(e){return`getFile`in e&&typeof e.getFile==`function`})?[2,St(e)]:[2,[]]})})}function vt(e){return bt(e)}function yt(e){return bt(e)&&bt(e.target)}function bt(e){return typeof e==`object`&&!!e}function xt(e){return Tt(e.target.files).map(function(e){return mt(e)})}function St(e){return lt(this,void 0,void 0,function(){var t;return ut(this,function(n){switch(n.label){case 0:return[4,Promise.all(e.map(function(e){return e.getFile()}))];case 1:return t=n.sent(),[2,t.map(function(e){return mt(e)})]}})})}function Ct(e,t){return lt(this,void 0,void 0,function(){var n,r;return ut(this,function(i){switch(i.label){case 0:return e.items?(n=Tt(e.items).filter(function(e){return e.kind===`file`}),t===`drop`?[4,Promise.all(n.map(Et))]:[2,n]):[3,2];case 1:return r=i.sent(),[2,wt(Dt(r))];case 2:return[2,wt(Tt(e.files).map(function(e){return mt(e)}))]}})})}function wt(e){return e.filter(function(e){return gt.indexOf(e.name)===-1})}function Tt(e){if(e===null)return[];for(var t=[],n=0;n<e.length;n++){var r=e[n];t.push(r)}return t}function Et(e){if(typeof e.webkitGetAsEntry!=`function`)return Ot(e);var t=e.webkitGetAsEntry();return t&&t.isDirectory?At(t):Ot(e)}function Dt(e){return e.reduce(function(e,t){return ft(ft([],dt(e),!1),dt(Array.isArray(t)?Dt(t):[t]),!1)},[])}function Ot(e){var t=e.getAsFile();if(!t)return Promise.reject(`${e} is not a File`);var n=mt(t);return Promise.resolve(n)}function kt(e){return lt(this,void 0,void 0,function(){return ut(this,function(t){return[2,e.isDirectory?At(e):jt(e)]})})}function At(e){var t=e.createReader();return new Promise(function(e,n){var r=[];function i(){var a=this;t.readEntries(function(t){return lt(a,void 0,void 0,function(){var a,o,s;return ut(this,function(c){switch(c.label){case 0:if(t.length)return[3,5];c.label=1;case 1:return c.trys.push([1,3,,4]),[4,Promise.all(r)];case 2:return a=c.sent(),e(a),[3,4];case 3:return o=c.sent(),n(o),[3,4];case 4:return[3,6];case 5:s=Promise.all(t.map(kt)),r.push(s),i(),c.label=6;case 6:return[2]}})})},function(e){n(e)})}i()})}function jt(e){return lt(this,void 0,void 0,function(){return ut(this,function(t){return[2,new Promise(function(t,n){e.file(function(n){t(mt(n,e.fullPath))},function(e){n(e)})})]})})}var Mt=t((e=>{e.__esModule=!0,e.default=function(e,t){if(e&&t){var n=Array.isArray(t)?t:t.split(`,`);if(n.length===0)return!0;var r=e.name||``,i=(e.type||``).toLowerCase(),a=i.replace(/\/.*$/,``);return n.some(function(e){var t=e.trim().toLowerCase();return t.charAt(0)===`.`?r.toLowerCase().endsWith(t):t.endsWith(`/*`)?a===t.replace(/\/.*$/,``):i===t})}return!0}})),G=u(e()),Nt=u(Mt());function Pt(e){return Lt(e)||It(e)||Ut(e)||Ft()}function Ft(){throw TypeError(`Invalid attempt to spread non-iterable instance.
+import{A as e,Gn as t,N as n,P as r,Q as i,U as a,Yt as o,an as s,et as c,nn as l,qn as u,st as d,z as f}from"./Db8SRTe2.chunk.js";import{r as p,y as m}from"./B4CGL9yn.chunk.js";import{C as ee,g as h,m as g,n as _}from"./ClFr_vFf.chunk.js";import{t as te}from"./W6_Zq9he.chunk.js";import{n as ne}from"./DZAzLV_d.chunk.js";import{t as re}from"./DxOaUdK8.chunk.js";import{r as v,t as y}from"./DrG_pptQ.chunk.js";import{i as ie,s as b}from"./vy77iKWZ.chunk.js";import{t as x}from"./DnyJJoBJ.chunk.js";import{t as S}from"./BpIQdoUJ.chunk.js";import{t as C}from"./CsgnMveW.chunk.js";import{n as ae}from"./BNGIv8E8.chunk.js";import{t as w}from"./BVk5nv9U.chunk.js";import{n as T,t as oe}from"./Czi36umi.chunk.js";import{a as E,t as D}from"./NRdjeteL.chunk.js";import{I as O,J as se,R as ce,T as le,X as k,Y as ue,Z as A,it as de,tt as fe,w as pe}from"./app-D4CCj7F-.js";import{a as me,c as j,d as M,f as he,l as N,n as P,o as ge,r as F,t as _e}from"./CbVSQbWA.chunk.js";import{n as ve,t as ye}from"./BoiI8CZ42.chunk.js";import{n as be,t as xe}from"./C2smR6gI2.chunk.js";import{t as Se}from"./C8AYehpj2.chunk.js";var Ce=u(se()),I=u(d()),we=u(s()),L=function(e){return 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}({}),Te={presentationAudiences(e,t){let n={type:e};return{bootstrapName:`presentationAudiences`,url:ne.urlBuilder(`{gateway}/v1/users/me/audiences`,n),publicUrl:ne.urlBuilder(`/api/subjects/presentation/${t}/audiences`,n),regionScoped:!0,key:`presentation:audiences:${t}:${e}`,normalize:!1}},audiencesByPresentationId(e){return{url:`{gateway}/v1/subjects/presentations/${e}/audiences`,publicUrl:ne.urlBuilder(`/api/subjects/presentation/${e}/audiences`,{type:he.Subject.toLowerCase(),presentationId:e}),key:`presentation:${e}:audiences`,normalize:!1}}},Ee={submitFeedback(e,t){return{url:`{gateway}/v1/feedback`,key:`submit:feedback`,type:ee.POST,data:{...e,...t}}}};function De(e,t,n=[]){let[,r]=I.useState(!1);return I.useEffect(()=>{let n=e();if(n)return n.off(`add remove change`),n.on(`add remove change`,()=>{r(e=>!e)}),t&&n.on(`remove`,t),()=>{n.off(`add remove change`)}},n),e()?.toJSON()}var Oe=S.encloseNamespace(`shared.studentRestrictedDialogError`),ke=class extends w{constructor(){super(`Learner accessing feature that is for staff only`)}get name(){return`StudentRestrictedDialogError`}get dialogOptions(){return{title:Oe(`heading`),text:Oe(`description`),buttons:[{text:Oe(`close`),className:`btn btn-link`,close:!0}]}}};function Ae(){let{hasPermissions:e,isLoaded:t}=O();I.useEffect(()=>{if(!t||!e(v.StudentExperience))return;let n=new ke;de.logError(n),o.throw(n)},[t])}var je=function(e){return e.AU=`au`,e.NZ=`nz`,e.UK=`uk`,e.US=`us`,e.CA=`ca`,e}({}),Me={[je.AU]:`au`,[je.NZ]:`nz`,[je.UK]:`uk`,[je.US]:`us`,[je.CA]:`ca`},Ne={getUserInfo:(e,t)=>({id:e.id,username:e.username,email:e.email,userType:e.role===b.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=>Me[e.toLowerCase()],getTags:(e,t,n,r)=>{let i=[t,...r];i.push(n?`student`:`staff`),e.role===b.Admin&&i.push(`administrator`);let a=Ne.mapCountryCodeToTag(e.countryCode);return a&&i.push(a),i},categorizeFiles(e){return e.reduce((e,t)=>{let n=t.get(`fileInfo`);return Ce.default.isValidFile(t.get(`file`),k.VIDEO)?e.videoUrls.push(n?.url):e.imageUrls.push(n?.url),e},{imageUrls:[],videoUrls:[]})}},R=function(e){return 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}({}),z=S.encloseNamespace(`shared.feedbackFormTitles`),Pe=e=>{switch(e){case R.SUGGEST_IMPROVEMENT:return z(e);case R.REPORT_BUG:return z(e);case R.REQUEST_VIDEO:return z(e);case R.REQUEST_LIVESTREAM:return z(e);case R.GIVE_PRAISE:return z(e);case R.RAISE_ISSUE:return z(e);case R.OTHER:return z(e)}},B={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`,[R.REQUEST_VIDEO]:{default:`https://img.clickviewapp.com/v2/images/G1YGdn`,hover:`https://img.clickviewapp.com/v2/images/K6yPxz`},[R.REQUEST_LIVESTREAM]:{default:`https://img.clickviewapp.com/v2/images/G1YGdn`,hover:`https://img.clickviewapp.com/v2/images/K6yPxz`},[R.SUGGEST_IMPROVEMENT]:{default:`https://img.clickviewapp.com/v2/images/g7aR1l`,hover:`https://img.clickviewapp.com/v2/images/zMR0Dk`},[R.RAISE_ISSUE]:{default:`https://img.clickviewapp.com/v2/images/5boW78`,hover:`https://img.clickviewapp.com/v2/images/m6yRKr`},[R.GIVE_PRAISE]:{default:`https://img.clickviewapp.com/v2/images/nE1mdz`,hover:`https://img.clickviewapp.com/v2/images/JjEnmR`},[R.REPORT_BUG]:{default:`https://img.clickviewapp.com/v2/images/AOdYpo`,hover:`https://img.clickviewapp.com/v2/images/yro9NM`},[R.OTHER]:{default:`https://img.clickviewapp.com/v2/images/Eoaykj`,hover:`https://img.clickviewapp.com/v2/images/wN59Zg`}},Fe={image:`_image_1gpfb_1`},V=r();function Ie(e){let[t,n]=Se(),r=B[e.option];return(0,V.jsx)(m,{ref:t,className:`col-lg-4 col-sm-6 col-12`,onClick:()=>e.onSelectOption(e.option),children:(0,V.jsxs)(`div`,{className:`d-flex flex-column align-items-center h-100 rounded border py-3 gap-2`,children:[(0,V.jsx)(`img`,{className:Fe.image,src:n?r.hover:r.default,alt:Pe(e.option)}),(0,V.jsx)(`p`,{className:`fw-semibold text-center mb-0`,children:Pe(e.option)})]})})}function Le(e){return(0,V.jsx)(`div`,{className:`row g-2`,children:e.options.map(t=>(0,V.jsx)(Ie,{option:t,onSelectOption:e.onSelectOption},t))})}var Re=S.encloseNamespace(`shared.feedbackButtons`);function ze(e){let t=P();return(0,V.jsxs)(D,{children:[e.formStage===`form`&&(0,V.jsxs)(V.Fragment,{children:[!e.hideCancelButton&&(0,V.jsx)(D.Cancel,{onClick:()=>e.setSelectedOption(null),text:Re(`cancel`)}),(0,V.jsx)(D.Submit,{variant:`dark`,text:e.submitText||Re(`submit`),disabled:!t.isValid})]}),e.formStage===`success`&&(0,V.jsx)(D.Cancel,{variant:`dark`,text:Re(`close`),onClick:e.closePopup})]})}var Be={successImage:`_successImage_3sso6_1`},Ve=S.encloseNamespace(`shared.feedbackFormState`);function He(e){return e.formStage===`form`||e.formStage===`error`?(0,V.jsx)(V.Fragment,{}):(0,V.jsxs)(`div`,{className:`text-center`,children:[(0,V.jsx)(`div`,{className:`mb-3`,children:(0,V.jsx)(`img`,{className:Be.successImage,src:e.successImageUrl||B.mailSent})}),(0,V.jsx)(`h4`,{className:`mb-3`,children:e.successHeading||Ve(`successHeading`)}),(0,V.jsx)(`p`,{className:`mb-3`,children:e.successDescription||Ve(`successDescription`)})]})}var H=u(me()),Ue=S.encloseNamespace(`shared.feedbackForm`),We=5e3,U=e=>{switch(e){case`requiredError`:return Ue(e);case`minCharactersError`:return Ue(e,{limit:10});case`maxCharactersError`:return Ue(`maxCharactersError`,{limit:We})}},W=()=>H.string().min(10,U(`minCharactersError`)).max(We,U(`maxCharactersError`)),Ge=S.encloseNamespace(`shared.feedbackGivePraise`),Ke={praise:``},qe=H.object().shape({praise:W().required(U(`requiredError`))}).noUnknown();function Je(){let e=P();return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(F,{as:`textarea`,placeholder:Ge(`givePraisePlaceholder`),label:Ge(`givePraiseLabel`),name:`praise`,rows:5,value:e.values.praise,showRequiredStar:!0})})}function Ye(e){return(0,V.jsx)($,{...e,initialValues:{...Ke,...e.initialValues},validationSchema:qe,successImageUrl:B.heartHands,successHeading:Ge(`successHeading`),successDescription:Ge(`successDescription`),children:(0,V.jsx)(Je,{})})}var Xe=S.encloseNamespace(`shared.feedbackOther`),Ze={feedback:``},Qe=H.object().shape({feedback:W().required(U(`requiredError`))}).noUnknown();function $e(){let e=P();return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(F,{as:`textarea`,placeholder:Xe(`otherPlaceholder`),label:Xe(`otherLabel`),name:`feedback`,rows:5,value:e.values.feedback,showRequiredStar:!0})})}function et(e){return(0,V.jsx)($,{...e,initialValues:{...Ze,...e.initialValues},validationSchema:Qe,children:(0,V.jsx)($e,{})})}var tt=S.encloseNamespace(`shared.feedbackRaiseIssue`),nt={issue:``},rt=H.object().shape({issue:W().required(U(`requiredError`))}).noUnknown();function it(){let e=P();return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(F,{as:`textarea`,placeholder:tt(`raiseIssuePlaceholder`),label:tt(`raiseIssueLabel`),name:`issue`,rows:5,value:e.values.issue,showRequiredStar:!0})})}function at(e){return(0,V.jsx)($,{...e,initialValues:{...nt,...e.initialValues},validationSchema:rt,children:(0,V.jsx)(it,{})})}var ot={[x.AU]:{phone:`02 9509 2600`,email:`support@clickview.com.au`,website:`https://www.clickviewsupport.com/hc`},[x.UK]:{phone:`+44 (0)333 207 6595`,email:`info@clickview.co.uk`,website:`https://www.clickviewsupport.com/hc`},[x.NZ]:{phone:`09 916 1156`,email:`support@clickview.co.nz`,website:`https://www.clickviewsupport.com/hc`},[x.US]:{phone:`+1 312-292-9322`,email:`info@clickvieweducation.com`,website:`https://www.clickviewsupport.com/hc`}};function st(e){return(0,V.jsx)(`svg`,{...e,children:(0,V.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 ct(e){return(0,V.jsx)(`svg`,{...e,children:(0,V.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 lt(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})}function ut(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o=Object.create((typeof Iterator==`function`?Iterator:Object).prototype);return o.next=s(0),o.throw=s(1),o.return=s(2),typeof Symbol==`function`&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return c([e,t])}}function c(s){if(r)throw TypeError(`Generator is already executing.`);for(;o&&(o=0,s[0]&&(n=0)),n;)try{if(r=1,i&&(a=s[0]&2?i.return:s[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;switch(i=0,a&&(s=[s[0]&2,a.value]),s[0]){case 0:case 1:a=s;break;case 4:return n.label++,{value:s[1],done:!1};case 5:n.label++,i=s[1],s=[0];continue;case 7:s=n.ops.pop(),n.trys.pop();continue;default:if((a=n.trys,!(a=a.length>0&&a[a.length-1]))&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1],a=s;break}if(a&&n.label<a[2]){n.label=a[2],n.ops.push(s);break}a[2]&&n.ops.pop(),n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e],i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}function dt(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function ft(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}var pt=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 mt(e,t){var n=ht(e);if(typeof n.path!=`string`){var r=e.webkitRelativePath;Object.defineProperty(n,`path`,{value:typeof t==`string`?t:typeof r==`string`&&r.length>0?r:e.name,writable:!1,configurable:!1,enumerable:!0})}return n}function ht(e){var t=e.name;if(t&&t.lastIndexOf(`.`)!==-1&&!e.type){var n=t.split(`.`).pop().toLowerCase(),r=pt.get(n);r&&Object.defineProperty(e,`type`,{value:r,writable:!1,configurable:!1,enumerable:!0})}return e}var gt=[`.DS_Store`,`Thumbs.db`];function _t(e){return lt(this,void 0,void 0,function(){return ut(this,function(t){return bt(e)&&vt(e.dataTransfer)?[2,Ct(e.dataTransfer,e.type)]:yt(e)?[2,xt(e)]:Array.isArray(e)&&e.every(function(e){return`getFile`in e&&typeof e.getFile==`function`})?[2,St(e)]:[2,[]]})})}function vt(e){return bt(e)}function yt(e){return bt(e)&&bt(e.target)}function bt(e){return typeof e==`object`&&!!e}function xt(e){return Tt(e.target.files).map(function(e){return mt(e)})}function St(e){return lt(this,void 0,void 0,function(){var t;return ut(this,function(n){switch(n.label){case 0:return[4,Promise.all(e.map(function(e){return e.getFile()}))];case 1:return t=n.sent(),[2,t.map(function(e){return mt(e)})]}})})}function Ct(e,t){return lt(this,void 0,void 0,function(){var n,r;return ut(this,function(i){switch(i.label){case 0:return e.items?(n=Tt(e.items).filter(function(e){return e.kind===`file`}),t===`drop`?[4,Promise.all(n.map(Et))]:[2,n]):[3,2];case 1:return r=i.sent(),[2,wt(Dt(r))];case 2:return[2,wt(Tt(e.files).map(function(e){return mt(e)}))]}})})}function wt(e){return e.filter(function(e){return gt.indexOf(e.name)===-1})}function Tt(e){if(e===null)return[];for(var t=[],n=0;n<e.length;n++){var r=e[n];t.push(r)}return t}function Et(e){if(typeof e.webkitGetAsEntry!=`function`)return Ot(e);var t=e.webkitGetAsEntry();return t&&t.isDirectory?At(t):Ot(e)}function Dt(e){return e.reduce(function(e,t){return ft(ft([],dt(e),!1),dt(Array.isArray(t)?Dt(t):[t]),!1)},[])}function Ot(e){var t=e.getAsFile();if(!t)return Promise.reject(`${e} is not a File`);var n=mt(t);return Promise.resolve(n)}function kt(e){return lt(this,void 0,void 0,function(){return ut(this,function(t){return[2,e.isDirectory?At(e):jt(e)]})})}function At(e){var t=e.createReader();return new Promise(function(e,n){var r=[];function i(){var a=this;t.readEntries(function(t){return lt(a,void 0,void 0,function(){var a,o,s;return ut(this,function(c){switch(c.label){case 0:if(t.length)return[3,5];c.label=1;case 1:return c.trys.push([1,3,,4]),[4,Promise.all(r)];case 2:return a=c.sent(),e(a),[3,4];case 3:return o=c.sent(),n(o),[3,4];case 4:return[3,6];case 5:s=Promise.all(t.map(kt)),r.push(s),i(),c.label=6;case 6:return[2]}})})},function(e){n(e)})}i()})}function jt(e){return lt(this,void 0,void 0,function(){return ut(this,function(t){return[2,new Promise(function(t,n){e.file(function(n){t(mt(n,e.fullPath))},function(e){n(e)})})]})})}var Mt=t((e=>{e.__esModule=!0,e.default=function(e,t){if(e&&t){var n=Array.isArray(t)?t:t.split(`,`);if(n.length===0)return!0;var r=e.name||``,i=(e.type||``).toLowerCase(),a=i.replace(/\/.*$/,``);return n.some(function(e){var t=e.trim().toLowerCase();return t.charAt(0)===`.`?r.toLowerCase().endsWith(t):t.endsWith(`/*`)?a===t.replace(/\/.*$/,``):i===t})}return!0}})),G=u(e()),Nt=u(Mt());function Pt(e){return Lt(e)||It(e)||Ut(e)||Ft()}function Ft(){throw TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function It(e){if(typeof Symbol<`u`&&e[Symbol.iterator]!=null||e[`@@iterator`]!=null)return Array.from(e)}function Lt(e){if(Array.isArray(e))return Wt(e)}function Rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function zt(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Rt(Object(n),!0).forEach(function(t){Bt(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Rt(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Bt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Vt(e,t){return Kt(e)||Gt(e,t)||Ut(e,t)||Ht()}function Ht(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ut(e,t){if(e){if(typeof e==`string`)return Wt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Wt(e,t)}}function Wt(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Gt(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function Kt(e){if(Array.isArray(e))return e}var qt=`file-invalid-type`,Jt=`file-too-large`,Yt=`file-too-small`,Xt=`too-many-files`,Zt=function(e){return e=Array.isArray(e)&&e.length===1?e[0]:e,{code:qt,message:`File type must be ${Array.isArray(e)?`one of ${e.join(`, `)}`:e}`}},Qt=function(e){return{code:Jt,message:`File is larger than ${e} ${e===1?`byte`:`bytes`}`}},$t=function(e){return{code:Yt,message:`File is smaller than ${e} ${e===1?`byte`:`bytes`}`}},en={code:Xt,message:`Too many files`};function tn(e,t){var n=e.type===`application/x-moz-file`||(0,Nt.default)(e,t);return[n,n?null:Zt(t)]}function nn(e,t,n){if(K(e.size)){if(K(t)&&K(n)){if(e.size>n)return[!1,Qt(n)];if(e.size<t)return[!1,$t(t)]}else if(K(t)&&e.size<t)return[!1,$t(t)];else if(K(n)&&e.size>n)return[!1,Qt(n)]}return[!0,null]}function K(e){return e!=null}function rn(e){var t=e.files,n=e.accept,r=e.minSize,i=e.maxSize,a=e.multiple,o=e.maxFiles,s=e.validator;return!a&&t.length>1||a&&o>=1&&t.length>o?!1:t.every(function(e){var t=Vt(tn(e,n),1)[0],a=Vt(nn(e,r,i),1)[0],o=s?s(e):null;return t&&a&&!o})}function an(e){return typeof e.isPropagationStopped==`function`?e.isPropagationStopped():e.cancelBubble===void 0?!1:e.cancelBubble}function on(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,function(e){return e===`Files`||e===`application/x-moz-file`}):!!e.target&&!!e.target.files}function sn(e){e.preventDefault()}function cn(e){return e.indexOf(`MSIE`)!==-1||e.indexOf(`Trident/`)!==-1}function ln(e){return e.indexOf(`Edge/`)!==-1}function un(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return cn(e)||ln(e)}function q(){var e=[...arguments];return function(t){var n=[...arguments].slice(1);return e.some(function(e){return!an(t)&&e&&e.apply(void 0,[t].concat(n)),an(t)})}}function dn(){return`showOpenFilePicker`in window}function fn(e){return K(e)?[{description:`Files`,accept:Object.entries(e).filter(function(e){var t=Vt(e,2),n=t[0],r=t[1],i=!0;return gn(n)||(console.warn(`Skipped "${n}" 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.`),i=!1),(!Array.isArray(r)||!r.every(_n))&&(console.warn(`Skipped "${n}" because an invalid file extension was provided.`),i=!1),i}).reduce(function(e,t){var n=Vt(t,2),r=n[0],i=n[1];return zt(zt({},e),{},Bt({},r,i))},{})}]:e}function pn(e){if(K(e))return Object.entries(e).reduce(function(e,t){var n=Vt(t,2),r=n[0],i=n[1];return[].concat(Pt(e),[r],Pt(i))},[]).filter(function(e){return gn(e)||_n(e)}).join(`,`)}function mn(e){return e instanceof DOMException&&(e.name===`AbortError`||e.code===e.ABORT_ERR)}function hn(e){return e instanceof DOMException&&(e.name===`SecurityError`||e.code===e.SECURITY_ERR)}function gn(e){return e===`audio/*`||e===`video/*`||e===`image/*`||e===`text/*`||/\w+\/[-+.\w]+/g.test(e)}function _n(e){return/^.*\.[\w]+$/.test(e)}var vn=[`children`],yn=[`open`],bn=[`refKey`,`role`,`onKeyDown`,`onFocus`,`onBlur`,`onClick`,`onDragEnter`,`onDragOver`,`onDragLeave`,`onDrop`],xn=[`refKey`,`onChange`,`onClick`];function Sn(e){return Tn(e)||wn(e)||On(e)||Cn()}function Cn(){throw TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function wn(e){if(typeof Symbol<`u`&&e[Symbol.iterator]!=null||e[`@@iterator`]!=null)return Array.from(e)}function Tn(e){if(Array.isArray(e))return kn(e)}function En(e,t){return jn(e)||An(e,t)||On(e,t)||Dn()}function Dn(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function On(e,t){if(e){if(typeof e==`string`)return kn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return kn(e,t)}}function kn(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function An(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function jn(e){if(Array.isArray(e))return e}function Mn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Mn(Object(n),!0).forEach(function(t){Nn(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mn(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Nn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Pn(e,t){if(e==null)return{};var n=Fn(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Fn(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}var In=(0,I.forwardRef)(function(e,t){var n=e.children,r=zn(Pn(e,vn)),i=r.open,a=Pn(r,yn);return(0,I.useImperativeHandle)(t,function(){return{open:i}},[i]),I.createElement(I.Fragment,null,n(J(J({},a),{},{open:i})))});In.displayName=`Dropzone`;var Ln={disabled:!1,getFilesFromEvent:_t,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};In.defaultProps=Ln,In.propTypes={children:G.default.func,accept:G.default.objectOf(G.default.arrayOf(G.default.string)),multiple:G.default.bool,preventDropOnDocument:G.default.bool,noClick:G.default.bool,noKeyboard:G.default.bool,noDrag:G.default.bool,noDragEventsBubbling:G.default.bool,minSize:G.default.number,maxSize:G.default.number,maxFiles:G.default.number,disabled:G.default.bool,getFilesFromEvent:G.default.func,onFileDialogCancel:G.default.func,onFileDialogOpen:G.default.func,useFsAccessApi:G.default.bool,autoFocus:G.default.bool,onDragEnter:G.default.func,onDragLeave:G.default.func,onDragOver:G.default.func,onDrop:G.default.func,onDropAccepted:G.default.func,onDropRejected:G.default.func,onError:G.default.func,validator:G.default.func};var Rn={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function zn(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=J(J({},Ln),e),n=t.accept,r=t.disabled,i=t.getFilesFromEvent,a=t.maxSize,o=t.minSize,s=t.multiple,c=t.maxFiles,l=t.onDragEnter,u=t.onDragLeave,d=t.onDragOver,f=t.onDrop,p=t.onDropAccepted,m=t.onDropRejected,ee=t.onFileDialogCancel,h=t.onFileDialogOpen,g=t.useFsAccessApi,_=t.autoFocus,te=t.preventDropOnDocument,ne=t.noClick,re=t.noKeyboard,v=t.noDrag,y=t.noDragEventsBubbling,ie=t.onError,b=t.validator,x=(0,I.useMemo)(function(){return pn(n)},[n]),S=(0,I.useMemo)(function(){return fn(n)},[n]),C=(0,I.useMemo)(function(){return typeof h==`function`?h:Vn},[h]),ae=(0,I.useMemo)(function(){return typeof ee==`function`?ee:Vn},[ee]),w=(0,I.useRef)(null),T=(0,I.useRef)(null),oe=En((0,I.useReducer)(Bn,Rn),2),E=oe[0],D=oe[1],O=E.isFocused,se=E.isFileDialogActive,ce=(0,I.useRef)(typeof window<`u`&&window.isSecureContext&&g&&dn()),le=function(){!ce.current&&se&&setTimeout(function(){T.current&&(T.current.files.length||(D({type:`closeDialog`}),ae()))},300)};(0,I.useEffect)(function(){return window.addEventListener(`focus`,le,!1),function(){window.removeEventListener(`focus`,le,!1)}},[T,se,ae,ce]);var k=(0,I.useRef)([]),ue=function(e){w.current&&w.current.contains(e.target)||(e.preventDefault(),k.current=[])};(0,I.useEffect)(function(){return te&&(document.addEventListener(`dragover`,sn,!1),document.addEventListener(`drop`,ue,!1)),function(){te&&(document.removeEventListener(`dragover`,sn),document.removeEventListener(`drop`,ue))}},[w,te]),(0,I.useEffect)(function(){return!r&&_&&w.current&&w.current.focus(),function(){}},[w,_,r]);var A=(0,I.useCallback)(function(e){ie?ie(e):console.error(e)},[ie]),de=(0,I.useCallback)(function(e){e.preventDefault(),e.persist(),ye(e),k.current=[].concat(Sn(k.current),[e.target]),on(e)&&Promise.resolve(i(e)).then(function(t){if(!(an(e)&&!y)){var n=t.length,r=n>0&&rn({files:t,accept:x,minSize:o,maxSize:a,multiple:s,maxFiles:c,validator:b});D({isDragAccept:r,isDragReject:n>0&&!r,isDragActive:!0,type:`setDraggedFiles`}),l&&l(e)}}).catch(function(e){return A(e)})},[i,l,A,y,x,o,a,s,c,b]),fe=(0,I.useCallback)(function(e){e.preventDefault(),e.persist(),ye(e);var t=on(e);if(t&&e.dataTransfer)try{e.dataTransfer.dropEffect=`copy`}catch{}return t&&d&&d(e),!1},[d,y]),pe=(0,I.useCallback)(function(e){e.preventDefault(),e.persist(),ye(e);var t=k.current.filter(function(e){return w.current&&w.current.contains(e)}),n=t.indexOf(e.target);n!==-1&&t.splice(n,1),k.current=t,!(t.length>0)&&(D({type:`setDraggedFiles`,isDragActive:!1,isDragAccept:!1,isDragReject:!1}),on(e)&&u&&u(e))},[w,u,y]),me=(0,I.useCallback)(function(e,t){var n=[],r=[];e.forEach(function(e){var t=En(tn(e,x),2),i=t[0],s=t[1],c=En(nn(e,o,a),2),l=c[0],u=c[1],d=b?b(e):null;if(i&&l&&!d)n.push(e);else{var f=[s,u];d&&(f=f.concat(d)),r.push({file:e,errors:f.filter(function(e){return e})})}}),(!s&&n.length>1||s&&c>=1&&n.length>c)&&(n.forEach(function(e){r.push({file:e,errors:[en]})}),n.splice(0)),D({acceptedFiles:n,fileRejections:r,type:`setFiles`}),f&&f(n,r,t),r.length>0&&m&&m(r,t),n.length>0&&p&&p(n,t)},[D,s,x,o,a,c,f,p,m,b]),j=(0,I.useCallback)(function(e){e.preventDefault(),e.persist(),ye(e),k.current=[],on(e)&&Promise.resolve(i(e)).then(function(t){an(e)&&!y||me(t,e)}).catch(function(e){return A(e)}),D({type:`reset`})},[i,me,A,y]),M=(0,I.useCallback)(function(){if(ce.current){D({type:`openDialog`}),C();var e={multiple:s,types:S};window.showOpenFilePicker(e).then(function(e){return i(e)}).then(function(e){me(e,null),D({type:`closeDialog`})}).catch(function(e){mn(e)?(ae(e),D({type:`closeDialog`})):hn(e)?(ce.current=!1,T.current?(T.current.value=null,T.current.click()):A(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.`))):A(e)});return}T.current&&(D({type:`openDialog`}),C(),T.current.value=null,T.current.click())},[D,C,ae,g,me,A,S,s]),he=(0,I.useCallback)(function(e){!w.current||!w.current.isEqualNode(e.target)||(e.key===` `||e.key===`Enter`||e.keyCode===32||e.keyCode===13)&&(e.preventDefault(),M())},[w,M]),N=(0,I.useCallback)(function(){D({type:`focus`})},[]),P=(0,I.useCallback)(function(){D({type:`blur`})},[]),ge=(0,I.useCallback)(function(){ne||(un()?setTimeout(M,0):M())},[ne,M]),F=function(e){return r?null:e},_e=function(e){return re?null:F(e)},ve=function(e){return v?null:F(e)},ye=function(e){y&&e.stopPropagation()},be=(0,I.useMemo)(function(){return function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=e.refKey,n=t===void 0?`ref`:t,i=e.role,a=e.onKeyDown,o=e.onFocus,s=e.onBlur,c=e.onClick,l=e.onDragEnter,u=e.onDragOver,d=e.onDragLeave,f=e.onDrop,p=Pn(e,bn);return J(J(Nn({onKeyDown:_e(q(a,he)),onFocus:_e(q(o,N)),onBlur:_e(q(s,P)),onClick:F(q(c,ge)),onDragEnter:ve(q(l,de)),onDragOver:ve(q(u,fe)),onDragLeave:ve(q(d,pe)),onDrop:ve(q(f,j)),role:typeof i==`string`&&i!==``?i:`presentation`},n,w),!r&&!re?{tabIndex:0}:{}),p)}},[w,he,N,P,ge,de,fe,pe,j,re,v,r]),xe=(0,I.useCallback)(function(e){e.stopPropagation()},[]),Se=(0,I.useMemo)(function(){return function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=e.refKey,n=t===void 0?`ref`:t,r=e.onChange,i=e.onClick,a=Pn(e,xn);return J(J({},Nn({accept:x,multiple:s,type:`file`,style:{display:`none`},onChange:F(q(r,j)),onClick:F(q(i,xe)),tabIndex:-1},n,T)),a)}},[T,n,s,j,r]);return J(J({},E),{},{isFocused:O&&!r,getRootProps:be,getInputProps:Se,rootRef:w,inputRef:T,open:F(M)})}function Bn(e,t){switch(t.type){case`focus`:return J(J({},e),{},{isFocused:!0});case`blur`:return J(J({},e),{},{isFocused:!1});case`openDialog`:return J(J({},Rn),{},{isFileDialogActive:!0});case`closeDialog`:return J(J({},e),{},{isFileDialogActive:!1});case`setDraggedFiles`:return J(J({},e),{},{isDragActive:t.isDragActive,isDragAccept:t.isDragAccept,isDragReject:t.isDragReject});case`setFiles`:return J(J({},e),{},{acceptedFiles:t.acceptedFiles,fileRejections:t.fileRejections});case`reset`:return J({},Rn);default:return e}}function Vn(){}function Hn(e){return(0,V.jsx)(`span`,{id:`${e.name}Error`,className:`${e.className} invalid-feedback d-block`,role:`status`,children:e.children})}var Un=function(e){return e.FileSelect=`file-select`,e.DragDrop=`drag-drop`,e}({}),Wn={fileDrop:`_fileDrop_dm34f_1`,resourcePreview:`_resourcePreview_dm34f_4`},Gn=`shared.feedbackFileUpload`;function Kn(e){let{getRootProps:t,getInputProps:n,isDragActive:r}=zn({onDrop:t=>e.onFilesAdded(t,Un.DragDrop),noClick:!0,noKeyboard:!0,multiple:!!e.acceptMultiple,noDragEventsBubbling:!0}),i=I.useRef(null),a=I.useCallback(e=>{e&&(i.current=e)},[]),o=()=>{i.current.value=null,i.current.click()},s=`${Wn.fileDrop} text-center p-2 rounded-1`;return e.uploadError&&(s+=` border-red`),r&&(s+=` border-blue bg-light-blue`),(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(`div`,{...t({className:s}),children:[(0,V.jsx)(`img`,{className:Wn.resourcePreview,src:e.imageUrl,draggable:!1}),(0,V.jsxs)(`div`,{className:`position-relative`,children:[r&&(0,V.jsx)(`p`,{className:`position-absolute font-size-md translate-middle top-50 start-50 mb-0`,children:(0,V.jsx)(_,{namespace:Gn,phrase:`dropUpload`})}),(0,V.jsxs)(`div`,{className:r?`opacity-0`:``,children:[(0,V.jsx)(`p`,{className:`mb-0`,children:(0,V.jsx)(_,{namespace:Gn,phrase:`dragDrop`})}),(0,V.jsx)(`button`,{type:`button`,className:`btn btn-link text-underline p-0`,onClick:o,children:(0,V.jsx)(_,{namespace:Gn,phrase:`upload`})})]})]}),(0,V.jsx)(`input`,{type:`file`,name:`fileUpload`,className:`file-select d-none`,multiple:!!e.acceptMultiple,accept:e.mimeType,ref:a,onChange:t=>e.onFilesAdded([...t.target.files],Un.FileSelect),"aria-errormessage":`fileUploadError`}),(0,V.jsx)(`input`,{...n()})]}),e.uploadError&&(0,V.jsx)(Hn,{name:`fileUpload`,children:e.uploadError})]})}var qn={progress:`_progress_w7ph2_1`};function Jn(e){let t=e.upload.progress===100;return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(`div`,{children:[(0,V.jsx)(p,{svg:ye,className:`svg-container me-2`}),(0,V.jsx)(`span`,{className:`align-middle`,children:e.upload.name}),t&&(0,V.jsx)(p,{svg:ce,className:`svg-container float-end text-success`}),!t&&(0,V.jsx)(`div`,{role:`button`,"aria-label":`close`,onClick:()=>e.cancelUpload(e.upload.id),className:`float-end description`,children:(0,V.jsx)(p,{svg:ie})})]}),(0,V.jsx)(`div`,{className:`${qn.progress} progress my-2`,children:(0,V.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 Yn(e){return e.uploads?.length?(0,V.jsx)(V.Fragment,{children:e.uploads.map((t,n)=>(0,V.jsx)(Jn,{upload:t,cancelUpload:e.cancelUpload},n))}):(0,V.jsx)(V.Fragment,{})}function Xn(e){return(0,V.jsx)(`svg`,{...e,children:(0,V.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 Zn(e){return(0,V.jsxs)(`div`,{className:`bg-gray-100 rounded p-2`,children:[(0,V.jsx)(p,{className:`d-inline-block align-middle svg-container icon-purple me-2`,svg:ve}),(0,V.jsx)(`span`,{className:`align-middle`,children:e.file.get(`name`)}),(0,V.jsx)(`button`,{className:`btn p-0 border-0 float-end`,onClick:()=>e.deleteFile(e.file.get(`id`)),children:(0,V.jsx)(p,{svg:Xn})})]})}function Qn(e){return(0,V.jsx)(`div`,{className:`d-flex flex-column gap-2`,children:e.uploadedFiles.map(t=>(0,V.jsx)(Zn,{file:t,deleteFile:e.deleteFile},t.id))})}var $n=`shared.feedbackReportBug`,er=S.encloseNamespace($n),tr={issue:``,stepsToReproduce:``},nr=H.object().shape({issue:W().required(U(`requiredError`)),stepsToReproduce:W()}).noUnknown();function rr(e){let t=P();return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(`div`,{className:`form-group`,children:[(0,V.jsx)(`label`,{className:`form-label mb-1`,children:(0,V.jsx)(_,{namespace:$n,phrase:`mixedMediaLabel`})}),(0,V.jsx)(`p`,{className:`text-secondary font-size-sm`,children:(0,V.jsx)(_,{namespace:$n,phrase:`mixedMediaDescription`})}),(0,V.jsx)(`div`,{className:`mb-3`,children:(0,V.jsx)(Kn,{mimeType:k.MIXED_MEDIA,onFilesAdded:e.onFilesAdded,imageUrl:e.previewImageUrl,uploadError:e.uploadError,acceptMultiple:!0})}),(0,V.jsx)(Yn,{uploads:e.uploadingFiles,cancelUpload:e.cancelUpload}),(0,V.jsx)(Qn,{uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile})]}),(0,V.jsx)(F,{as:`textarea`,placeholder:er(`issuePlaceholder`),label:er(`issueLabel`),name:`issue`,value:t.values.issue,showRequiredStar:!0}),(0,V.jsx)(F,{as:`textarea`,placeholder:er(`stepsPlaceholder`),label:er(`stepsLabel`),name:`stepsToReproduce`,value:t.values.stepsToReproduce}),(0,V.jsxs)(`div`,{className:`rounded bg-light-yellow p-2 mb-3`,children:[(0,V.jsx)(`p`,{className:`fw-semibold mb-2`,children:(0,V.jsx)(_,{namespace:$n,phrase:`help`})}),(0,V.jsxs)(`div`,{className:`d-flex gap-1 mb-2`,children:[(0,V.jsx)(p,{svg:ge}),(0,V.jsx)(`a`,{href:ot[e.instanceRegion].website,target:`_blank`,className:`text-underline`,children:(0,V.jsx)(_,{namespace:$n,phrase:`visitHelpCentre`})})]}),(0,V.jsx)(`p`,{className:`mb-2`,children:(0,V.jsx)(_,{namespace:$n,phrase:`supportTeam`})}),(0,V.jsxs)(`div`,{className:`d-flex gap-1 mb-2`,children:[(0,V.jsx)(p,{svg:ct}),(0,V.jsx)(`span`,{children:ot[e.instanceRegion].phone})]}),(0,V.jsxs)(`div`,{className:`d-flex gap-1 mb-2`,children:[(0,V.jsx)(p,{svg:st}),(0,V.jsx)(`span`,{children:ot[e.instanceRegion].email})]})]})]})}function ir(e){let{onFilesAdded:t,cancelUpload:n,uploadingFiles:r,uploadedFiles:i,deleteFile:a,...o}=e;return(0,V.jsx)($,{...o,initialValues:{...tr,...e.initialValues},validationSchema:nr,submitText:er(`submit`),children:(0,V.jsx)(rr,{onFilesAdded:t,previewImageUrl:B.mediaPreview,cancelUpload:n,uploadingFiles:r,uploadedFiles:i,deleteFile:a,uploadError:e.uploadError,instanceRegion:e.instanceRegion})})}var ar=`shared.feedbackRequestLivestream`,Y=S.encloseNamespace(ar),or={topic:``,studentLevel:[],producerCompany:``,additionalInfo:``},sr=H.string().max(We,U(`maxCharactersError`)),cr=H.object().shape({producerCompany:sr.required(()=>Y(`companyError`)),topic:sr,studentLevel:H.array(H.string()),additionalInfo:W()}).noUnknown();function lr(e){let t=P(),n=t.values.studentLevel.map(t=>e.audiences.find(e=>e.name===t))||[];function r(e){t.setFieldValue(`studentLevel`,te.addOrRemoveImmutable(t.values.studentLevel,e.name)),requestAnimationFrame(()=>t.setFieldTouched(`studentLevel`))}function i(e,t){let r=t.find(t=>t.name===e);return pe(r?``:e,t,`name`,0).filter(e=>!(n.find(t=>t.name===e.name)||e.name===r?.name))}return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(F,{placeholder:Y(`companyPlaceholder`),label:Y(`companyLabel`),name:`producerCompany`,value:t.values.producerCompany,showRequiredStar:!0}),(0,V.jsx)(F,{placeholder:Y(`topicPlaceholder`),label:Y(`topicLabel`),name:`topic`,value:t.values.topic}),(0,V.jsxs)(`div`,{className:`form-group`,children:[(0,V.jsx)(`label`,{className:`form-label`,children:(0,V.jsx)(_,{namespace:ar,phrase:`audiencesLabel`})}),(0,V.jsx)(j,{id:`audiences`,placeholder:Y(`audiencesPlaceholder`),local:e.audiences,valueKey:`name`,selections:n,onSuggestionSelected:r,removeSelection:e=>r(e),errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:e=>(0,V.jsx)(N,{selection:{name:e.name,masterId:e.masterId},colourVariant:`teal`,onClickRemove:e=>r(e),hideExpander:!0},e.name),getSuggestionComponent:e=>le(`name`,e),onSuggestionDependencies:[e.audiences,t.values.studentLevel,n],getLocalSuggestions:i,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&&(0,V.jsx)(Hn,{name:`audiences`,children:t.errors.studentLevel})]}),(0,V.jsx)(F,{as:`textarea`,placeholder:Y(`otherPlaceholder`),label:Y(`otherLabel`),name:`additionalInfo`,value:t.values.additionalInfo})]})}function ur(e){return(0,V.jsx)($,{...e,initialValues:{...or,...e.initialValues},validationSchema:cr,children:(0,V.jsx)(lr,{audiences:e.audiences})})}var dr={image:`_image_1d4la_1`},fr=`shared.feedbackBeforeRequesting`,pr=S.encloseNamespace(fr);function mr(e){let[t,n]=I.useState(!1);return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(`div`,{className:`d-flex flex-column align-items-center my-4`,children:[(0,V.jsx)(`img`,{className:`${dr.image} mb-3`,src:B.videoAlert}),(0,V.jsx)(`h4`,{className:`mb-3`,children:(0,V.jsx)(_,{namespace:fr,phrase:`beforeRequesting`})}),(0,V.jsx)(`p`,{children:(0,V.jsx)(_,{namespace:fr,phrase:`haveYouSearched`,options:{exchangeUrl:`${e.exchangeTvUrl}/exchange`}})}),e.instanceRegion===x.UK?(0,V.jsx)(`p`,{children:(0,V.jsx)(_,{namespace:fr,phrase:`bbcArchiveRequestsNote`,options:{exchangeTvUrl:`${e.exchangeTvUrl}/tv?requestVideo=true`}})}):(0,V.jsx)(`p`,{children:(0,V.jsx)(_,{namespace:fr,phrase:`foxtelRequestsNote`,options:{exchangeTvUrl:`${e.exchangeTvUrl}/tv?requestVideo=true`}})})]}),(0,V.jsxs)(D,{children:[(0,V.jsx)(D.Checkbox,{id:`confirmExchange`,checked:t,onToggle:()=>n(!t),label:pr(`exchangeCheck`)}),(0,V.jsx)(D.Cancel,{onClick:()=>e.setSelectedOption(null),text:pr(`back`)}),(0,V.jsx)(D.Submit,{variant:`dark`,text:pr(`continue`),disabled:!t,onClick:()=>e.setConfirmed(!0)})]})]})}var hr=`shared.feedbackRequestVideo`,X=S.encloseNamespace(hr),Z=function(e){return e.VideosTopic=`videosTopic`,e.VideoOrSeries=`videoOrSeries`,e.YouTubeVideo=`youtubeVideo`,e}(Z||{}),gr={videoRequestType:``,topic:``,studentLevel:[],videoTitle:``,seriesName:``,producerCompany:``,websiteOrTrailer:``,additionalInfo:``,youtubeChannelLink:``,youtubeVideoLink:``},Q=()=>H.string().max(We,U(`maxCharactersError`)),_r=H.object().shape({videoRequestType:H.string().required(X(`videoRequestTypeRequiredError`)),topic:Q().when(`videoRequestType`,{is:e=>e===Z.VideosTopic,then:Q().required(X(`topicRequiredError`)),otherwise:Q().notRequired()}),studentLevel:H.array(H.string()),videoTitle:Q().when([`videoRequestType`,`seriesName`],{is:(e,t)=>e===Z.VideoOrSeries&&!t,then:Q().required(X(`videoRequiredError`)),otherwise:Q().notRequired()}),seriesName:Q(),producerCompany:Q(),websiteOrTrailer:Q(),additionalInfo:W(),youtubeChannelLink:Q().when(`videoRequestType`,{is:e=>e===Z.YouTubeVideo,then:Q().required(X(`youtubeChannelLinkRequiredError`)).url(X(`invalidUrlError`)),otherwise:Q().notRequired()}),youtubeVideoLink:Q().when(`videoRequestType`,{is:e=>e===Z.YouTubeVideo,then:Q().required(X(`youtubeVideoLinkRequiredError`)).url(X(`invalidUrlError`)),otherwise:Q().notRequired()})}).noUnknown();function vr(e){let t=P(),n=t.values.studentLevel.map(t=>e.audiences?.find(e=>e.name===t))||[];function r(e){t.setFieldValue(`studentLevel`,te.addOrRemoveImmutable(t.values.studentLevel,e.name)),requestAnimationFrame(()=>t.setFieldTouched(`studentLevel`))}function i(e,t){let r=t.find(t=>t.name===e);return pe(r?``:e,t,`name`,0).filter(e=>!(n.find(t=>t.name===e.name)||e.name===r?.name))}return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(F,{as:`select`,label:X(`videoRequestTypeLabel`),name:`videoRequestType`,value:t.values.videoRequestType,children:[(0,V.jsx)(`option`,{value:``,disabled:!0,hidden:!0,children:X(`videoRequestTypePlaceholder`)}),(0,V.jsx)(`option`,{value:Z.VideosTopic,children:X(`videosTopicType`)}),(0,V.jsx)(`option`,{value:Z.VideoOrSeries,children:X(`videoOrSeriesType`)}),(0,V.jsx)(`option`,{value:Z.YouTubeVideo,children:X(`youtubeVideoType`)})]}),t.values.videoRequestType===Z.YouTubeVideo&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(F,{placeholder:X(`youtubeChannelLinkPlaceholder`),label:X(`youtubeChannelLinkLabel`),name:`youtubeChannelLink`,value:t.values.youtubeChannelLink,showRequiredStar:!0}),(0,V.jsx)(F,{placeholder:X(`youtubeVideoLinkPlaceholder`),label:X(`youtubeVideoLinkLabel`),name:`youtubeVideoLink`,value:t.values.youtubeVideoLink,showRequiredStar:!0}),(0,V.jsx)(F,{as:`textarea`,placeholder:X(`otherPlaceholder`),label:X(`otherLabel`),name:`additionalInfo`,value:t.values.additionalInfo})]}),t.values.videoRequestType===Z.VideosTopic&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(F,{placeholder:X(`videoTopicPlaceholder`),label:X(`videoTopicLabel`),name:`topic`,value:t.values.topic,showRequiredStar:!0}),(0,V.jsxs)(`div`,{className:`form-group`,children:[(0,V.jsx)(`label`,{className:`form-label`,children:(0,V.jsx)(_,{namespace:hr,phrase:`audiencesLabel`})}),(0,V.jsx)(j,{id:`audiences`,placeholder:X(`audiencesPlaceholder`),local:e.audiences,valueKey:`name`,selections:n,onSuggestionSelected:r,removeSelection:e=>r(e),errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:e=>(0,V.jsx)(N,{selection:{name:e.name,masterId:e.masterId},colourVariant:`teal`,onClickRemove:e=>r(e),hideExpander:!0},e.name),getSuggestionComponent:e=>le(`name`,e),onSuggestionDependencies:[e.audiences,t.values.studentLevel,n],getLocalSuggestions:i,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&&(0,V.jsx)(Hn,{name:`audiences`,children:t.errors.studentLevel})]}),(0,V.jsx)(F,{as:`textarea`,placeholder:X(`otherPlaceholder`),label:X(`otherLabel`),name:`additionalInfo`,value:t.values.additionalInfo})]}),t.values.videoRequestType===Z.VideoOrSeries&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(F,{placeholder:X(`videoTitlePlaceholder`),label:X(`videoTitleLabel`),name:`videoTitle`,value:t.values.videoTitle}),(0,V.jsx)(F,{placeholder:X(`seriesPlaceholder`),label:X(`seriesLabel`),name:`seriesName`,value:t.values.seriesName}),(0,V.jsx)(F,{placeholder:X(`companyPlaceholder`),label:X(`companyLabel`),name:`producerCompany`,value:t.values.producerCompany}),(0,V.jsx)(F,{placeholder:X(`videoTopicPlaceholder`),label:X(`topicLabel`),name:`topic`,value:t.values.topic}),(0,V.jsx)(F,{placeholder:X(`websiteOrTrailerPlaceholder`),label:X(`websiteOrTrailerLabel`),name:`websiteOrTrailer`,value:t.values.websiteOrTrailer}),(0,V.jsx)(F,{as:`textarea`,placeholder:X(`otherPlaceholder`),label:X(`otherLabel`),name:`additionalInfo`,value:t.values.additionalInfo})]})]})}function yr(e){let[t,n]=I.useState(!!e.skipBeforeRequesting),r=e.hasExchangeTvProduct&&!t;return(0,V.jsxs)($,{...e,initialValues:{...gr,...e.initialValues},validationSchema:_r,hideButtons:e.hasExchangeTvProduct&&!t,hideCancelButton:e.skipBeforeRequesting,children:[r&&(0,V.jsx)(mr,{setConfirmed:n,setSelectedOption:e.setSelectedOption,exchangeTvUrl:e.exchangeTvUrl,instanceRegion:e.instanceRegion}),!r&&(0,V.jsx)(vr,{audiences:e.audiences})]})}var br=`shared.feedbackSuggestImprovement`,xr=S.encloseNamespace(br),Sr={suggestion:``,importance:``},Cr=H.object().shape({suggestion:W().required(U(`requiredError`)),importance:W()}).noUnknown();function wr(e){let t=P();return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(F,{as:`textarea`,placeholder:xr(`suggestionPlaceholder`),label:xr(`suggestionLabel`),name:`suggestion`,value:t.values.suggestion,showRequiredStar:!0}),(0,V.jsx)(F,{as:`textarea`,placeholder:xr(`whySuggestionPlaceholder`),label:xr(`whySuggestionLabel`),name:`importance`,rows:5,value:t.values.importance}),(0,V.jsxs)(`p`,{children:[(0,V.jsx)(_,{namespace:br,phrase:`contactSupport`}),`\xA0`,(0,V.jsx)(`button`,{className:`btn btn-link text-underline p-0`,onClick:()=>e.setSelectedOption(R.RAISE_ISSUE),children:(0,V.jsx)(_,{namespace:br,phrase:`raiseIssue`})})]})]})}function Tr(e){return(0,V.jsx)($,{...e,initialValues:{...Sr,...e.initialValues},validationSchema:Cr,successImageUrl:B.lightBulb,successHeading:xr(`successHeading`),successDescription:xr(`successDescription`),children:(0,V.jsx)(wr,{setSelectedOption:e.setSelectedOption})})}function $(e){let t=I.useRef(null);function n(n){e.setFormState(e=>({...e,...t.current?.values})),e.setSelectedOption(n)}return(0,V.jsx)(_e,{onSubmit:e.onSubmit,initialValues:e.initialValues,validationSchema:e.validationSchema,validateOnMount:!0,innerRef:t,children:(0,V.jsxs)(E,{children:[e.formStage===`form`&&e.children,(0,V.jsx)(He,{formStage:e.formStage,successImageUrl:e.successImageUrl,successHeading:e.successHeading,successDescription:e.successDescription}),!e.hideButtons&&(0,V.jsx)(ze,{setSelectedOption:n,submitText:e.submitText,formStage:e.formStage,closePopup:e.closePopup,hideCancelButton:e.hideCancelButton})]})})}function Er(e){let t={formStage:e.formStage,initialValues:e.initialValues,setFormState:e.setFormState,onSubmit:e.onSubmit,setSelectedOption:e.setSelectedOption,closePopup:e.closePopup};switch(e.selectedOption){case R.SUGGEST_IMPROVEMENT:return(0,V.jsx)(Tr,{...t});case R.REPORT_BUG:return(0,V.jsx)(ir,{...t,onFilesAdded:e.onFilesAdded,cancelUpload:e.cancelUpload,uploadingFiles:e.uploadingFiles,uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile,uploadError:e.uploadError,instanceRegion:e.instanceRegion});case R.REQUEST_VIDEO:return(0,V.jsx)(yr,{...t,audiences:e.audiences,hasExchangeTvProduct:e.hasExchangeTvProduct,exchangeTvUrl:e.exchangeTvUrl,instanceRegion:e.instanceRegion,skipBeforeRequesting:e.skipBeforeRequesting,hideCancelButton:e.hideCancelButton});case R.REQUEST_LIVESTREAM:return(0,V.jsx)(ur,{...t,audiences:e.audiences});case R.RAISE_ISSUE:return(0,V.jsx)(at,{...t});case R.GIVE_PRAISE:return(0,V.jsx)(Ye,{...t});case R.OTHER:return(0,V.jsx)(et,{...t})}}var Dr=`shared.giveFeedback`,Or=S.encloseNamespace(Dr),kr=5,Ar=60,jr=1e6;function Mr(e){let t=xe(),r=h(),o=g(y.currentUser()),s=g(o.data&&re.customer(o.data.customerId)),u=g(o.data&&y.user(o.data.id)),[d,p]=I.useState(e.selectedOption),[m,ee]=I.useState(`form`),[te,ne]=I.useState(null),v=be(ae.MixedMediaUpload),ie=De(()=>v.getCollection(),null),b=I.useRef(null),x=I.useRef(0),S=I.useRef([]),[w,E]=I.useState([]),[D,O]=I.useState(``),se=e.product===C.StreamableLearning?he.StreamableLearning:he.Subject,ce=g(M.presentation(se)),le=g(Te.presentationAudiences(se)),de=g(fe.userProducts()).data?.find(e=>e.id===C.Exchange);T(we.default.channel(ue.MIXED_MEDIA_UPLOAD),A.UPLOAD_COMPLETE,me),Ae();function pe(e,t){if(e.some(e=>e.size>Ar*jr)){O(Or(`maxFileSizeUploadError`,{limit:Ar}));return}if(e.length>kr-ie.length){O(Or(`maxFilesUploadError`,{limit:kr}));return}if(e.some(e=>!Ce.default.isValidFile(e,k.MIXED_MEDIA))){O(Or(`invalidTypeUploadError`));return}O(``),x.current+=e.length,t&&(b.current=t),v.addFiles(e)}function me(e){let r=e.toJSON();if(S.current.push(r),x.current--,x.current>0)return;let o=S.current.length;S.current.forEach(e=>{setTimeout(()=>{o--;let r=v.getCollection().filter(t=>t.get(`fileInfo`)?.id===e.fileInfo.id);v.getCollection().remove(r),E(e=>[...e,...r]),!(o>0)&&(n.logUserAction({fileInfo:e.fileInfo},{location:a.GiveFeedbackPopup,actionType:i.Upload,entity:f.MixedMedia,descriptor:n.mapInteractionType(b.current)}),t.success(Or(`mixedMediaUploadSuccess`)))})}),S.current=[]}function j(e){E(t=>t.filter(t=>t.id!==e))}function N(e){p(e),e&&n.logUserAction({type:e},{actionType:i.Click,entity:f.Feedback,location:a.GiveFeedbackPopup,workflowPhase:c.Start})}function P(e){switch(e){case R.SUGGEST_IMPROVEMENT:return L.SuggestImprovement;case R.REPORT_BUG:return L.ReportBug;case R.REQUEST_VIDEO:return L.RequestVideo;case R.REQUEST_LIVESTREAM:return L.RequestLivestream;case R.GIVE_PRAISE:return L.GivePraise;case R.RAISE_ISSUE:return L.RaiseIssue;case R.OTHER:return L.Other}}async function ge(p,m){let h={type:P(d),user:Ne.getUserInfo(o.data,s.data),tags:Ne.getTags(o.data,e.product,!1,[...e.extraTags||[],`give feedback`,Pe(d).toLowerCase(),ce.data?.description?.toLowerCase().trim(),u.data?.userProfile?.metadata?.jobTitle?.toLowerCase()].filter(Boolean))},g={...p,currentPageUrl:l.GetCurrentUrl()};d===R.REPORT_BUG&&w.length&&(g={...g,...Ne.categorizeFiles(w)});try{await r(Ee.submitFeedback(h,g)),n.logUserAction({...h,...g},{actionType:i.Submit,entity:f.Feedback,location:a.GiveFeedbackPopup,workflowPhase:c.Complete}),ee(`success`)}catch{t.error(Or(`error`))}finally{m()}}return(0,V.jsxs)(oe,{size:`lg`,title:d?Pe(d):Or(`title`),closePopup:e.closePopup,backdrop:`static`,children:[!d&&(0,V.jsx)(`p`,{children:(0,V.jsx)(_,{namespace:Dr,phrase:`description`})}),!d&&(0,V.jsx)(Le,{onSelectOption:N,options:[R.SUGGEST_IMPROVEMENT,R.REPORT_BUG,e.product===C.StreamableLearning?R.REQUEST_LIVESTREAM:R.REQUEST_VIDEO,R.GIVE_PRAISE,R.RAISE_ISSUE,R.OTHER]}),d&&(0,V.jsx)(Er,{selectedOption:d,formStage:m,onSubmit:ge,setSelectedOption:N,closePopup:e.closePopup,onFilesAdded:pe,uploadingFiles:ie,uploadedFiles:w,deleteFile:j,cancelUpload:e=>v.cancelUpload(e),audiences:le.data,uploadError:D,initialValues:te,setFormState:ne,instanceRegion:o.data?.instanceRegion,hasExchangeTvProduct:!!de,exchangeTvUrl:de?.url,skipBeforeRequesting:!!e.skipBeforeRequestingVideoStep,hideCancelButton:!!e.selectedOption})]})}export{Mr as GiveFeedbackView};
-//# sourceMappingURL=9w-0PYPT2.chunk.js.map
+//# sourceMappingURL=D91VLfRj2.chunk.js.map