@clickview/reports 0.72.0 → 0.73.0

package/dist/scripts/CIb-6ujT.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIb-6ujT.chunk.js","sources":["../../src/apps/interactives/views/interactive-engagement/InteractiveEngagementView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { EngagementTable } from 'libs/shared/apps/analytics/components/engagement-table/EngagementTable';\nimport { useChunkedUsersResponse } from 'libs/shared/apps/analytics/hooks/UseEngagementUsers';\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { getFilterParamsKey } from 'libs/shared/apps/analytics/utils/FilterParamUtils';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests as SharedUserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoViewRequests } from 'libs/shared/flight-requests/VideoViewRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, Interactive, InteractiveMetadata, PlayerViewKey } from 'libs/shared/interfaces';\nimport { Engagement, IndividualEngagementResponse } from 'libs/shared/interfaces';\n\nimport { PartialTable } from 'shared/components/partial-loading/PartialTable';\nimport { PartialVideoEngagementOverlay } from 'shared/components/video-engagement-overlay/PartialVideoEngagementOverlay';\nimport { VideoEngagementOverlay } from 'shared/components/video-engagement-overlay/VideoEngagementOverlay';\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\nimport { useGetAppLinkFilterParams, useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useHandleVideoError } from 'shared/hooks/UseHandleVideoError';\nimport { useSetAudienceFilterCount } from 'shared/hooks/UseSetAudienceFilterCount';\nimport { useSetEngagementAudienceSuggestions } from 'shared/hooks/UseSetEngagementAudienceSuggestions';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { useGetObjectHeaderActions } from 'shared/utils/HeaderActionUtils';\nimport { EngagementOverviewCardView } from 'shared/views/overview-cards/engagement-overview-card/EngagementOverviewCardView';\nimport { ViewCountPieChartCardView } from 'shared/views/overview-cards/view-count-pie-chart-card/ViewCountPieChartCardView';\n\nimport { InteractiveNav } from 'apps/interactives/components/interactive-nav/InteractiveNav';\nimport { OnlineDataWarning } from 'apps/interactives/components/online-data-warning/OnlineDataWarning';\nimport { useNoResultsPopup } from 'apps/interactives/hooks/UseNoResultsPopup';\n\nimport styles from './interactive-engagement.module.scss';\n\nconst namespace = 'reportsInteractives.interactiveEngagement';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveEngagementViewProps {\n  interactiveMetadataId: string;\n}\n\nexport function InteractiveEngagementView(props: InteractiveEngagementViewProps): JSX.Element {\n  const { hasPermissions } = usePermissions();\n  const { hasShareFlowV2 } = useSettings(null);\n\n\n  const [anonymiseUsers] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS);\n\n  const filterQueryParams = useGetAppLinkFilterParams();\n  const requestFilter = useGetRequestFilter();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(SharedUserRequests.currentUser());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.interactiveMetadataId)\n  );\n  const interactive = Flight.useBasicFetch<Interactive>(!!interactiveMetadata.data &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    !!currentUser.data && !!requestFilter &&\n    VideoViewRequests.aggregateEngagement(props.interactiveMetadataId, requestFilter, currentUser.data.id)\n  );\n  const individualEngagement = Flight.useBasicFetch<IndividualEngagementResponse>(\n    !!currentUser.data && !!requestFilter &&\n    VideoViewRequests.individualEngagement(props.interactiveMetadataId, requestFilter, currentUser.data.id)\n  );\n\n  const { users, isLoading, usersResponse } = useChunkedUsersResponse(\n    individualEngagement.data?.data?.map(d => d.userId)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    PlayerRequests.createViewKey(props.interactiveMetadataId, MediaIdType.MasterObject)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const results = useFetchInteractiveResults(props.interactiveMetadataId, requestFilter);\n\n  useSetPageMetadata({ title: getPhrase('pageTitle', { interactive: interactiveMetadata.data?.name }) });\n\n  useSetHeaderTitle(interactiveMetadata.data?.name);\n  useSetHeaderActions(useGetObjectHeaderActions(interactiveMetadata.data));\n  useSetEngagementAudienceSuggestions(props.interactiveMetadataId);\n  useSetAudienceFilterCount(individualEngagement);\n  useNoResultsPopup(props.interactiveMetadataId);\n\n  useHandleVideoError(interactiveMetadata);\n  useHandleObjectError([ interactive, aggregateEngagement, individualEngagement, ...usersResponse.responses, viewKey ]);\n  useCannotConsumeError(interactiveMetadata);\n\n  const hasInsightsPermission = hasShareFlowV2 && hasPermissions(PermissionName.ViewMyShares);\n\n  const engagementOverlayDataLoaded = !!interactive.data\n    && !!interactiveMetadata.data\n    && !!aggregateEngagement.data\n    && !!viewKey.data\n    && !!config.data;\n\n  const tableDataLoaded = !!individualEngagement.data && (!individualEngagement.data.data.length || !isLoading);\n\n  return (\n    <div className='pb-3'>\n      <InteractiveNav interactiveMetadataId={props.interactiveMetadataId} hasInsights={hasInsightsPermission} />\n      {results.data?.hasWatchedInLite === false && <div className='mb-3'><OnlineDataWarning /></div>}\n      <div className='d-flex pb-3'>\n        <div className={`pe-2 ${styles.viewCountContainer}`}>\n          <ViewCountPieChartCardView\n            objectId={props.interactiveMetadataId}\n            // Currently we don't have a way to support admins viewing all results so we scope views by sharer\n            // to align with the results data.\n            useSharerId\n            className='h-100'\n          />\n        </div>\n        <div className={`px-2 ${styles.engagementPercentageContainer}`}>\n          <EngagementOverviewCardView\n            objectId={props.interactiveMetadataId}\n            // Currently we don't have a way to support admins viewing all results so we scope views by sharer\n            // to align with the results data.\n            useSharerId\n            className='h-100'\n            layout='vertical'\n          />\n        </div>\n        <div className={`ps-2 ${styles.engagementGraphContainer}`}>\n          {engagementOverlayDataLoaded\n            ? <VideoEngagementOverlay\n              // key is used to trigger player re-render\n              key={getFilterParamsKey(filterQueryParams)}\n              engagement={aggregateEngagement.data}\n              viewKey={viewKey.data.viewKey}\n              imageCdnUrl={config.data.imageCdnUrl}\n              playerApiUrl={config.data.playerApiUrl}\n            />\n            : <PartialVideoEngagementOverlay />\n          }\n        </div>\n      </div>\n      {tableDataLoaded\n        ? <EngagementTable\n          key={getFilterParamsKey(filterQueryParams)}\n          engagement={individualEngagement.data.data}\n          users={users}\n          imageCdnUrl={config.data?.imageCdnUrl}\n          anonymiseUsers={anonymiseUsers}\n          enableSort\n        />\n        : <PartialTable className={styles.partialTable} />\n      }\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","InteractiveEngagementView","props","hasPermissions","usePermissions","hasShareFlowV2","useSettings","anonymiseUsers","useViewModel","ViewModelKeys","filterQueryParams","useGetAppLinkFilterParams","requestFilter","useGetRequestFilter","currentUser","Flight.useBasicFetch","SharedUserRequests","interactiveMetadata","InteractiveRequests","interactive","aggregateEngagement","VideoViewRequests","individualEngagement","users","isLoading","usersResponse","useChunkedUsersResponse","_b","_a","d","viewKey","PlayerRequests","MediaIdType","config","ConfigRequests","results","useFetchInteractiveResults","useSetPageMetadata","_c","useSetHeaderTitle","_d","useSetHeaderActions","useGetObjectHeaderActions","useSetEngagementAudienceSuggestions","useSetAudienceFilterCount","useNoResultsPopup","useHandleVideoError","useHandleObjectError","useCannotConsumeError","hasInsightsPermission","PermissionName","engagementOverlayDataLoaded","tableDataLoaded","jsxs","jsx","InteractiveNav","_e","OnlineDataWarning","styles","ViewCountPieChartCardView","EngagementOverviewCardView","VideoEngagementOverlay","getFilterParamsKey","PartialVideoEngagementOverlay","EngagementTable","_f","PartialTable"],"mappings":"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"}

package/dist/scripts/CNA329cN.chunk.js

@@ -0,0 +1,2 @@
+import{bS as I,ah as M,j as t,L as j,a7 as P,bT as p,p as h,bU as y,c as O,u as x,bO as N,bV as D,bW as H,w as T,a9 as E,C as B}from"./app-DhPN-zNB.js";import{u as V}from"./DEFJUMtW.chunk.js";import{I as $,a as q,u as W}from"./DbBlo1x3.chunk.js";import{a as F}from"./Cyyw1SCS.chunk.js";import{g as _,a as G,d as L,I as z,e as K,f as Y}from"./Bodl5h9Z.chunk.js";import{I as J}from"./BZfWKvo2.chunk.js";import{u as Q}from"./DtbthThZ.chunk.js";import{u as X}from"./NRnV1wHl.chunk.js";import"./sFV5nxD4.chunk.js";import"./hqhdC5CE.chunk.js";import"./DNEgb5v1.chunk.js";import"./DePDakSd.chunk.js";import"./BRRS4PKg.chunk.js";import"./5O9SdVRZ.chunk.js";const Z={getAudienceAppLinkParams:()=>{const{appLink:e}=I.getCurrentRoute(),s=M.isObject(e.params)?e.params:{},{users:n,classrooms:o,classroomGroups:c}=s,a=u=>{const r=s[u];if(r)return Array.isArray(r)?r:[r]},i={};return n&&(i.users=a("users")),o&&(i.classrooms=a("classrooms")),c&&(i.classroomGroups=a("classroomGroups")),i},getDateRangeAppLinkParams:()=>{const{appLink:e}=I.getCurrentRoute(),s=M.isObject(e.params)?e.params:{},{from:n,to:o,rangeName:c}=s,a={};return n&&(a.from=n),o&&(a.to=o),c&&(a.rangeName=c),a}},ee="interactives.studentResponseList",f=j.encloseNamespace(ee);function te(e){const s=Object.keys(e.markedAnswers).length;return t.jsx("div",{className:"d-flex justify-content-end pt-3",children:t.jsxs("div",{children:[!e.showSubmitButtonSpinner&&t.jsx("button",{className:"btn btn-link",onClick:e.onClickClose,children:f("close")}),!!e.interactionsToMark.length&&t.jsx(t.Fragment,{children:e.isDemo?t.jsx(P,{id:"submitAnswers",title:f("demoOnly"),spanHack:!0,spanHackClassName:"d-inline-flex",children:t.jsx("button",{className:"btn btn-outline-dark pointer-events-none",disabled:!s,children:f("submitAnswers")})}):t.jsx(p,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!s,showSpinner:e.showSubmitButtonSpinner,children:f("submitAnswers")})})]})})}const se="interactives.studentResponseList",m=j.encloseNamespace(se);function ne(e){const s=Object.keys(e.markedAnswers).length;return t.jsxs("div",{className:"d-flex justify-content-between pb-3",children:[t.jsxs("div",{className:"d-flex",children:[!!e.summary.unanswered&&t.jsxs("div",{className:"bg-light rounded p-2 me-2",children:[t.jsx("strong",{className:"me-2",children:m("unanswered")}),e.summary.unanswered]}),t.jsxs("div",{className:"bg-light rounded p-2 me-2",children:[t.jsx("strong",{className:"me-2",children:m("score")}),e.summary.awaitingMarking?t.jsx("em",{children:m("pending")}):`${Math.round(e.summary.percentCorrect*100)}%`]})]}),!!e.interactionsToMark.length&&t.jsx(t.Fragment,{children:e.isDemo?t.jsx(P,{id:"submitAnswers",title:m("demoOnly"),spanHack:!0,children:t.jsx("button",{className:"btn btn-outline-dark pointer-events-none",disabled:!s,children:m("submitAnswers")})}):t.jsx(p,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!s,showSpinner:e.showSubmitButtonSpinner,children:m("submitAnswers")})})]})}const ae="_awaitingMarking_1nhv5_1",re={awaitingMarking:ae};function ie(e,s){return e.filter(n=>z.isInteractionCorrect(n,K(s))===Y.AwaitingMarking)}function oe(){const e=h.useRef(null),[s,n]=h.useState(!1);return h.useEffect(()=>{!e.current||s||(n(!0),requestAnimationFrame(()=>e.current.scrollIntoView({behavior:"smooth",block:"center"})))},[e.current,s]),e}function ce(e){const[s,n]=h.useState(!1),o=oe(),c=_(e.interactive,e.studentResults),a=G(e.interactive),i=ie(a,e.studentResults);function u(){n(!0),e.submitMarkedAnswers()}return t.jsxs(t.Fragment,{children:[t.jsx(ne,{summary:c,interactionsToMark:i,markedAnswers:e.markedAnswers,onClickSubmit:u,showSubmitButtonSpinner:s,isDemo:e.isDemo}),t.jsx("ul",{className:"list-unstyled",children:a.map((r,w)=>{var k;const l=r.id.toString()===((k=e.selectedInteractionId)==null?void 0:k.toString()),S=i.some(b=>b.id===r.id),g=F(e.studentResults.user,e.anonymiseUsers);let d="p-2 mb-3 rounded";return l&&(d+=" border-2 border-info shadow"),S?d+=` ${re.awaitingMarking}`:d+=" border",t.jsxs("li",{className:d,ref:l?o:null,children:[t.jsx("div",{className:"d-flex mb-2",children:t.jsx(J,{interaction:r,iconClassName:"flex-shrink-0"})}),e.reportsStyling?t.jsx($,{interaction:r,studentResults:e.studentResults,markedStatus:L(r.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:g,className:"bg-light ps-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}):t.jsx(q,{interaction:r,studentResults:e.studentResults,markedStatus:L(r.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:g,showFeedback:!0})]},w)})}),t.jsx(te,{interactionsToMark:i,markedAnswers:e.markedAnswers,onClickSubmit:u,onClickClose:e.onClickClose,showSubmitButtonSpinner:s,isDemo:e.isDemo})]})}function de(){h.useEffect(()=>(y.lockContentWidth(),()=>y.unlockContentWidth()),[])}const ue="shared.interactiveStudentResults",le=j.encloseNamespace(ue);function Ie(e){var d,k,b,C;const[s]=O(E.ANONYMISE_USERS);de();const n=x(N.interactiveMetadata(e.interactiveId)),o=x(((d=n.data)==null?void 0:d.interactiveId)&&N.interactive(n.data.interactiveId)),c=Z.getDateRangeAppLinkParams(),a=V(e.interactiveId,D(H(),c)),i=x(B.config());X([n,a]),Q(n);const{markedAnswers:u,addMarkedAnswers:r,submitMarkedAnswers:w}=W((k=o.data)==null?void 0:k.id,(b=n.data)==null?void 0:b.id,e.closePopup),l=(C=a.data)==null?void 0:C.students.find(U=>{var R,A,v;return((A=(R=U.user)==null?void 0:R.id)==null?void 0:A.toString())===((v=e.userId)==null?void 0:v.toString())}),S=l?le("heading",{studentName:F(l.user,s)}):"",g=!!o.data&&!!a.data&&!!i.data;return t.jsx(T,{title:S,showLoadingSpinner:!g,closePopup:e.closePopup,size:"lg",children:g&&t.jsx(ce,{interactive:o.data,studentResults:l,markedAnswers:u,addMarkedAnswers:r,submitMarkedAnswers:w,imageCdnUrl:i.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup,anonymiseUsers:s,reportsStyling:!0})})}export{Ie as InteractiveStudentResultsView};
+//# sourceMappingURL=CNA329cN.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CNA329cN.chunk.js","sources":["../../../../libs/shared/src/apps/analytics/utils/AnalyticsFilterUtils.ts","../../../../libs/shared/src/apps/student-response-list/StudentResponseListFooter.tsx","../../../../libs/shared/src/apps/student-response-list/StudentResponseListHeader.tsx","../../../../libs/shared/src/apps/student-response-list/StudentResponseList.tsx","../../../../libs/shared/src/hooks/useLockContentWidth.ts","../../../../libs/shared/src/apps/analytics/views/interactive-student-results/InteractiveStudentResultsView.tsx"],"sourcesContent":["import { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nexport const AnalyticsFilterHelper = {\n  getAudienceAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { users, classrooms, classroomGroups } = params;\n\n    const getParam = (key: keyof AudienceQueryParams) => {\n      const param = params[key];\n\n      if (!param)\n        return;\n\n      return Array.isArray(param) ? param : [param];\n    };\n\n    const audienceFilters: AudienceQueryParams = {};\n\n    if (users)\n      audienceFilters.users = getParam('users');\n\n    if (classrooms)\n      audienceFilters.classrooms = getParam('classrooms');\n\n    if (classroomGroups)\n      audienceFilters.classroomGroups = getParam('classroomGroups');\n\n    return audienceFilters;\n  },\n  getDateRangeAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { from, to, rangeName } = params;\n\n    const dateRangeFilters: DateRangeQueryParams = {};\n\n    if (from)\n      dateRangeFilters.from = from;\n\n    if (to)\n      dateRangeFilters.to = to;\n\n    if (rangeName)\n      dateRangeFilters.rangeName = rangeName;\n\n    return dateRangeFilters;\n  }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { Interaction } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.studentResponseList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StudentResponseListFooterProps {\n  interactionsToMark: Interaction[];\n  markedAnswers: MarkedAnswerHash;\n  onClickSubmit: () => void;\n  onClickClose: () => void;\n  showSubmitButtonSpinner: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseListFooter(props: StudentResponseListFooterProps): JSX.Element {\n  const numMarkedAnswers = Object.keys(props.markedAnswers).length;\n\n  return (\n    <div className='d-flex justify-content-end pt-3'>\n      <div>\n        {!props.showSubmitButtonSpinner &&\n          <button className='btn btn-link' onClick={props.onClickClose}>\n            {getPhrase('close')}\n          </button>\n        }\n        {!!props.interactionsToMark.length && (\n          <>\n            {props.isDemo ? (\n              <Tooltip\n                id='submitAnswers'\n                title={getPhrase('demoOnly')}\n                spanHack\n                spanHackClassName='d-inline-flex'\n              >\n                <button\n                  className='btn btn-outline-dark pointer-events-none'\n                  disabled={!numMarkedAnswers}\n                >\n                  {getPhrase('submitAnswers')}\n                </button>\n              </Tooltip>\n            ) : (\n              <SpinnerButton\n                variant='outline-dark'\n                onClick={props.onClickSubmit}\n                disabled={!numMarkedAnswers}\n                showSpinner={props.showSubmitButtonSpinner}\n              >\n                {getPhrase('submitAnswers')}\n              </SpinnerButton>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { ResultsSummary } from 'libs/shared/apps/analytics/interfaces/ResultsSummary';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { Interaction } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.studentResponseList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StudentResponseListHeaderProps {\n  summary: ResultsSummary;\n  interactionsToMark: Interaction[];\n  markedAnswers: MarkedAnswerHash;\n  onClickSubmit: () => void;\n  showSubmitButtonSpinner: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseListHeader(props: StudentResponseListHeaderProps): JSX.Element {\n  const numMarkedAnswers = Object.keys(props.markedAnswers).length;\n\n  return (\n    <div className='d-flex justify-content-between pb-3'>\n      <div className='d-flex'>\n        {!!props.summary.unanswered &&\n          <div className='bg-light rounded p-2 me-2'>\n            <strong className='me-2'>{getPhrase('unanswered')}</strong>\n            {props.summary.unanswered}\n          </div>\n        }\n        <div className='bg-light rounded p-2 me-2'>\n          <strong className='me-2'>{getPhrase('score')}</strong>\n          {props.summary.awaitingMarking\n            ? <em>{getPhrase('pending')}</em>\n            : `${Math.round(props.summary.percentCorrect * 100)}%`\n          }\n        </div>\n      </div>\n      {!!props.interactionsToMark.length && (\n        <>\n          {props.isDemo ? (\n            <Tooltip id='submitAnswers' title={getPhrase('demoOnly')} spanHack>\n              <button\n                className='btn btn-outline-dark pointer-events-none'\n                disabled={!numMarkedAnswers}\n              >\n                {getPhrase('submitAnswers')}\n              </button>\n            </Tooltip>\n          ) : (\n            <SpinnerButton\n              variant='outline-dark'\n              onClick={props.onClickSubmit}\n              disabled={!numMarkedAnswers}\n              showSpinner={props.showSubmitButtonSpinner}\n            >\n              {getPhrase('submitAnswers')}\n            </SpinnerButton>\n          )}\n        </>\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { InteractionResponseItem } from 'libs/shared/apps/analytics/components/questions-list/interaction-response-item/InteractionResponseItem';\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getMarkedStatus, getStudentResultsSummary } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { InteractionResponse } from 'libs/shared/components/interaction-response/InteractionResponse';\nimport { InteractionLabel } from 'libs/shared/components/interactive-questions/InteractionLabel';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, Interactive, StudentAnswer, StudentResults } from 'libs/shared/interfaces';\nimport { InteractiveCorrectnessHelper } from 'libs/shared/utils/InteractiveCorrectnessHelper';\nimport { getInteractions, getStudentResult } from 'libs/shared/utils/InteractiveHelper';\n\nimport { StudentResponseListFooter } from './StudentResponseListFooter';\nimport { StudentResponseListHeader } from './StudentResponseListHeader';\n\nimport styles from './student-response-list.module.scss';\n\nfunction getInteractionsToMark(\n  interactions: Interaction[],\n  studentResults: StudentResults\n): Interaction[] {\n  return interactions.filter(i => {\n    return InteractiveCorrectnessHelper.isInteractionCorrect(\n      i,\n      getStudentResult(studentResults)\n    ) === InteractionCorrectness.AwaitingMarking;\n  });\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nfunction useScrollSelectedInteractionIntoView(): React.MutableRefObject<HTMLLIElement> {\n  const ref = React.useRef<HTMLLIElement>(null);\n  const [ scrolled, setScrolled ] = React.useState(false);\n\n  // Only scroll once\n  React.useEffect(() => {\n    if (!ref.current || scrolled)\n      return;\n\n    setScrolled(true);\n    requestAnimationFrame(() => ref.current.scrollIntoView({ behavior: 'smooth', block: 'center' }));\n  }, [ ref.current, scrolled ]);\n\n  return ref;\n}\n\ninterface StudentResponseListProps {\n  interactive: Interactive;\n  markedAnswers: MarkedAnswerHash;\n  studentResults: StudentResults;\n  addMarkedAnswers: (answer: StudentAnswer[], status: InteractiveAnswerStatus) => void;\n  submitMarkedAnswers: () => void;\n  onClickClose: () => void;\n  imageCdnUrl: string;\n  selectedInteractionId?: string;\n  anonymiseUsers: boolean;\n  reportsStyling?: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseList(props: StudentResponseListProps): JSX.Element {\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n  const selectedInteractionRef = useScrollSelectedInteractionIntoView();\n\n  const summary = getStudentResultsSummary(props.interactive, props.studentResults);\n  const interactions = getInteractions(props.interactive);\n  const questionsToMark = getInteractionsToMark(interactions, props.studentResults);\n\n  function onClickSubmit(): void {\n    setShowSpinner(true);\n    props.submitMarkedAnswers();\n  }\n\n  return (\n    <>\n      <StudentResponseListHeader\n        summary={summary}\n        interactionsToMark={questionsToMark}\n        markedAnswers={props.markedAnswers}\n        onClickSubmit={onClickSubmit}\n        showSubmitButtonSpinner={showSpinner}\n        isDemo={props.isDemo}\n      />\n      <ul className='list-unstyled'>\n        {interactions.map((interaction, idx) => {\n          const isSelected = interaction.id.toString() === props.selectedInteractionId?.toString();\n          const markingRequired = questionsToMark.some(q => q.id === interaction.id);\n          const anonymisedUserName = anonymiseUserName(\n            props.studentResults.user,\n            props.anonymiseUsers\n          );\n\n          let className = 'p-2 mb-3 rounded';\n\n          if (isSelected)\n            className += ' border-2 border-info shadow';\n\n          if (markingRequired)\n            className += ` ${styles.awaitingMarking}`;\n          else\n            className += ' border';\n\n          return (\n            <li key={idx} className={className} ref={isSelected ? selectedInteractionRef : null}>\n              <div className='d-flex mb-2'>\n                <InteractionLabel\n                  interaction={interaction}\n                  iconClassName='flex-shrink-0'\n                />\n              </div>\n              {props.reportsStyling ? (\n                <InteractionResponse\n                  interaction={interaction}\n                  studentResults={props.studentResults}\n                  markedStatus={getMarkedStatus(interaction.id, props.studentResults, props.markedAnswers)}\n                  markInteraction={props.addMarkedAnswers}\n                  imageCdnUrl={props.imageCdnUrl}\n                  anonymisedUserName={anonymisedUserName}\n                  className='bg-light ps-2'\n                  showFeedback\n                  reportsStyling\n                  responseComponentClass='mx-n2'\n                />\n              ) : (\n                <InteractionResponseItem\n                  interaction={interaction}\n                  studentResults={props.studentResults}\n                  markedStatus={getMarkedStatus(interaction.id, props.studentResults, props.markedAnswers)}\n                  markInteraction={props.addMarkedAnswers}\n                  imageCdnUrl={props.imageCdnUrl}\n                  anonymisedUserName={anonymisedUserName}\n                  showFeedback\n                />\n              )}\n            </li>\n          );\n        })}\n      </ul>\n      <StudentResponseListFooter\n        interactionsToMark={questionsToMark}\n        markedAnswers={props.markedAnswers}\n        onClickSubmit={onClickSubmit}\n        onClickClose={props.onClickClose}\n        showSubmitButtonSpinner={showSpinner}\n        isDemo={props.isDemo}\n      />\n    </>\n  );\n}","import React from 'react';\n\nimport { LayoutHelper } from 'libs/shared/utils/LayoutHelper';\n\nexport function useLockContentWidth(): void {\n  React.useEffect(() => {\n    LayoutHelper.lockContentWidth();\n    return () => LayoutHelper.unlockContentWidth();\n  }, []);\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { useMarkAnswers } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getInsightsDateRangePresets, getStartEndParams } from 'libs/shared/apps/analytics/utils/DateRangeUtils';\nimport { StudentResponseList } from 'libs/shared/apps/student-response-list/StudentResponseList';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { Config, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.interactiveStudentResults';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveStudentResultsViewProps extends PopupViewProps {\n  userId: string;\n  interactiveId: string;\n  interactionId?: string;\n}\n\nexport function InteractiveStudentResultsView(props: InteractiveStudentResultsViewProps): JSX.Element {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.interactiveId)\n  );\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const results = useFetchInteractiveResults(\n    props.interactiveId,\n    getStartEndParams(getInsightsDateRangePresets(), dateRangeAppLinkParams)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  useHandleObjectError([ interactiveMetadata, results ]);\n  useCannotConsumeError(interactiveMetadata);\n\n  const { markedAnswers, addMarkedAnswers, submitMarkedAnswers } = useMarkAnswers(\n    interactive.data?.id,\n    interactiveMetadata.data?.id,\n    props.closePopup\n  );\n\n  const studentResults = results.data?.students.find(s => s.user?.id?.toString() === props.userId?.toString());\n\n  const popupTitle = studentResults\n    ? getPhrase('heading', { studentName: anonymiseUserName(studentResults.user, anonymiseUsers) })\n    : '';\n  const dataLoaded = !!interactive.data && !!results.data && !!config.data;\n\n  return (\n    <Popup\n      title={popupTitle}\n      showLoadingSpinner={!dataLoaded}\n      closePopup={props.closePopup}\n      size='lg'\n    >\n      {dataLoaded &&\n        <StudentResponseList\n          interactive={interactive.data}\n          studentResults={studentResults}\n          markedAnswers={markedAnswers}\n          addMarkedAnswers={addMarkedAnswers}\n          submitMarkedAnswers={submitMarkedAnswers}\n          imageCdnUrl={config.data.imageCdnUrl}\n          selectedInteractionId={props.interactionId}\n          onClickClose={props.closePopup}\n          anonymiseUsers={anonymiseUsers}\n          reportsStyling\n        />\n      }\n    </Popup>\n  );\n}\n"],"names":["AnalyticsFilterHelper","appLink","ContextService","params","ObjectHelper","users","classrooms","classroomGroups","getParam","key","param","audienceFilters","from","to","rangeName","dateRangeFilters","namespace","getPhrase","LanguageService","StudentResponseListFooter","props","numMarkedAnswers","jsx","Fragment","Tooltip","SpinnerButton","StudentResponseListHeader","jsxs","getInteractionsToMark","interactions","studentResults","i","InteractiveCorrectnessHelper","getStudentResult","InteractionCorrectness","useScrollSelectedInteractionIntoView","ref","React","scrolled","setScrolled","StudentResponseList","showSpinner","setShowSpinner","selectedInteractionRef","summary","getStudentResultsSummary","getInteractions","questionsToMark","onClickSubmit","interaction","idx","isSelected","_a","markingRequired","q","anonymisedUserName","anonymiseUserName","className","styles","InteractionLabel","InteractionResponse","getMarkedStatus","InteractionResponseItem","useLockContentWidth","LayoutHelper","InteractiveStudentResultsView","anonymiseUsers","useViewModel","SharedViewModelKeys","interactiveMetadata","Flight.useBasicFetch","InteractiveRequests","interactive","dateRangeAppLinkParams","results","useFetchInteractiveResults","getStartEndParams","getInsightsDateRangePresets","config","ConfigRequests","useHandleObjectError","useCannotConsumeError","markedAnswers","addMarkedAnswers","submitMarkedAnswers","useMarkAnswers","_b","_c","_d","s","popupTitle","dataLoaded","Popup"],"mappings":"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"}

package/dist/scripts/CObSk_oj.chunk.js

@@ -0,0 +1,2 @@
+import{s as u}from"./app-DhPN-zNB.js";import{g as a}from"./sFV5nxD4.chunk.js";var c=(o=>(o[o.RootTopic=1]="RootTopic",o[o.ChildTopic=2]="ChildTopic",o))(c||{});function i(o,r,t){return{...o,topicAnalyticsType:r,query:"cover",limit:t}}const v={topTopics(o,r,t,e,s){return{url:u.urlBuilder("{gateway}/v1/analytics/topics/top",i(o,r)),key:a(`top:topics:${r}`,o),success:t,error:e,always:s}},topTopicsV2(o,r,t,e,s,p){return{url:u.urlBuilder("{gateway}/v2/analytics/topics/top",i(o,r,t)),key:a(`top:topics:${r}:v2:${t}`,o),success:e,error:s,always:p}},viewsByTopic(o,r,t,e,s){return{url:u.urlBuilder("{gateway}/v1/analytics/topics/count",i(o,r)),key:a(`views:topics:${r}`,o),normalize:!1,success:t,error:e,always:s}}};export{c as T,v as a};
+//# sourceMappingURL=CObSk_oj.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CObSk_oj.chunk.js","sources":["../../src/shared/enums/TopicAnalyticsType.ts","../../src/shared/flight-requests/TopicRequests.ts"],"sourcesContent":["export enum TopicAnalyticsType {\n  RootTopic = 1,\n  ChildTopic = 2\n}","import { Xhr } from 'libs/common/backbone/interfaces';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsRequestFilter, Classification } from 'libs/shared/interfaces';\nimport { getAnalyticsRequestKey } from 'libs/shared/utils/AnalyticsRequestUtils';\n\nimport { TopicAnalyticsType } from 'shared/enums/TopicAnalyticsType';\n\nfunction getTopicRequestParams(\n  filter: AnalyticsRequestFilter,\n  topicAnalyticsType: TopicAnalyticsType,\n  limit?: number\n): HashObject {\n  return {\n    ...filter,\n    topicAnalyticsType,\n    query: 'cover',\n    limit\n  };\n}\n\nexport const TopicRequests = {\n  topTopics(\n    filter: AnalyticsRequestFilter,\n    topicAnalyticsType: TopicAnalyticsType,\n    success?: (data: Classification[]) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder(\n        '{gateway}/v1/analytics/topics/top',\n        getTopicRequestParams(filter, topicAnalyticsType)\n      ),\n      key: getAnalyticsRequestKey(`top:topics:${topicAnalyticsType}`, filter),\n      success,\n      error,\n      always\n    };\n  },\n\n  topTopicsV2(\n    filter: AnalyticsRequestFilter,\n    topicAnalyticsType: TopicAnalyticsType,\n    limit: number,\n    success?: (data: Classification[]) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder(\n        '{gateway}/v2/analytics/topics/top',\n        getTopicRequestParams(filter, topicAnalyticsType, limit)\n      ),\n      key: getAnalyticsRequestKey(`top:topics:${topicAnalyticsType}:v2:${limit}`, filter),\n      success,\n      error,\n      always\n    };\n  },\n\n  viewsByTopic(\n    filter: AnalyticsRequestFilter,\n    topicAnalyticsType: TopicAnalyticsType,\n    success?: (data: Classification[]) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder(\n        '{gateway}/v1/analytics/topics/count',\n        getTopicRequestParams(filter, topicAnalyticsType)\n      ),\n      key: getAnalyticsRequestKey(`views:topics:${topicAnalyticsType}`, filter),\n      normalize: false,\n      success,\n      error,\n      always\n    };\n  }\n};"],"names":["TopicAnalyticsType","getTopicRequestParams","filter","topicAnalyticsType","limit","TopicRequests","success","error","always","UrlHelper","getAnalyticsRequestKey"],"mappings":"8EAAO,IAAKA,GAAAA,IACVA,EAAAA,EAAA,UAAY,CAAA,EAAZ,YACAA,EAAAA,EAAA,WAAa,CAAA,EAAb,aAFUA,IAAAA,GAAA,CAAA,CAAA,ECUZ,SAASC,EACPC,EACAC,EACAC,EACY,CACZ,MAAO,CACL,GAAGF,EACH,mBAAAC,EACA,MAAO,QACP,MAAAC,CAAA,CAEJ,CAEO,MAAMC,EAAgB,CAC3B,UACEH,EACAC,EACAG,EACAC,EACAC,EACgB,CAChB,MAAO,CACL,IAAKC,EAAU,WACb,oCACAR,EAAsBC,EAAQC,CAAkB,CAAA,EAElD,IAAKO,EAAuB,cAAcP,CAAkB,GAAID,CAAM,EACtE,QAAAI,EACA,MAAAC,EACA,OAAAC,CAAA,CAEJ,EAEA,YACEN,EACAC,EACAC,EACAE,EACAC,EACAC,EACgB,CAChB,MAAO,CACL,IAAKC,EAAU,WACb,oCACAR,EAAsBC,EAAQC,EAAoBC,CAAK,CAAA,EAEzD,IAAKM,EAAuB,cAAcP,CAAkB,OAAOC,CAAK,GAAIF,CAAM,EAClF,QAAAI,EACA,MAAAC,EACA,OAAAC,CAAA,CAEJ,EAEA,aACEN,EACAC,EACAG,EACAC,EACAC,EACgB,CAChB,MAAO,CACL,IAAKC,EAAU,WACb,sCACAR,EAAsBC,EAAQC,CAAkB,CAAA,EAElD,IAAKO,EAAuB,gBAAgBP,CAAkB,GAAID,CAAM,EACxE,UAAW,GACX,QAAAI,EACA,MAAAC,EACA,OAAAC,CAAA,CAEJ,CACF"}

package/dist/scripts/CSdY8TC0.chunk.js

@@ -0,0 +1,10 @@
+import{j as t,l as c,c3 as Ue,v as it,r as Pe,F as P,a5 as le,h as k,L as $,a6 as D,a7 as T,c4 as st,aU as ot,aV as ct,i as q,T as lt,bx as Ge,by as rt,I as dt,aW as _,x as Me,c2 as Y,a3 as b,av as We,bI as ut,ah as re,bz as de,p as f,a0 as Te,az as mt,bH as vt,ab as ht,bD as Le,at as qe,aa as gt}from"./app-DhPN-zNB.js";import{B as M,a as A,C as xt}from"./CztNQjFH.chunk.js";import{B as Ye}from"./QDAMoZNu.chunk.js";import{u as ft}from"./hqhdC5CE.chunk.js";import{B as ue}from"./rMiqL-Tq.chunk.js";import{g as yt,B as jt,I as me,a as ve}from"./Br_GRaAX.chunk.js";import{O as Se,c as _t,I as Ct}from"./DNEgb5v1.chunk.js";import{u as kt}from"./B8dw4aip.chunk.js";import{a as he,u as Ke}from"./Cg_qt_Rk.chunk.js";import{T as bt}from"./BRRS4PKg.chunk.js";function Nt(e){return t.jsx("svg",{...e,children:t.jsx("path",{fill:"currentColor",d:"M11.67 19.376a.5.5 0 0 0 .66 0c.732-.64 1.435-1.239 2.1-1.805 1.453-1.235 2.722-2.314 3.703-3.335 1.443-1.504 2.367-2.984 2.367-4.812 0-2.588-1.83-4.866-4.517-4.866-1.736 0-2.865 1.008-3.535 1.954a7 7 0 0 0-.448.733 7 7 0 0 0-.448-.733c-.67-.946-1.8-1.954-3.535-1.954C5.33 4.558 3.5 6.836 3.5 9.424c0 1.828.924 3.308 2.367 4.812.98 1.02 2.25 2.1 3.703 3.335.665.566 1.368 1.165 2.1 1.805m.812-10.7.001-.004.007-.022.03-.097a5.83 5.83 0 0 1 .744-1.463c.565-.798 1.428-1.532 2.72-1.532 2.03 0 3.516 1.72 3.516 3.866 0 1.445-.713 2.686-2.089 4.119-.944.984-2.151 2.01-3.579 3.224-.575.49-1.187 1.01-1.832 1.57-.645-.56-1.257-1.08-1.832-1.57-1.428-1.214-2.635-2.24-3.58-3.224C5.214 12.11 4.5 10.869 4.5 9.423c0-2.146 1.487-3.865 3.517-3.865 1.29 0 2.154.734 2.719 1.532a5.8 5.8 0 0 1 .774 1.56l.007.022v.004a.5.5 0 0 0 .965 0"})})}function wt(e){return t.jsx("svg",{...e,children:t.jsx("path",{fill:"currentColor",fillOpacity:.9,d:"M11.67 19.376a.5.5 0 0 0 .66 0c.732-.64 1.435-1.239 2.1-1.805 1.453-1.235 2.722-2.314 3.703-3.335 1.443-1.504 2.367-2.984 2.367-4.812 0-2.588-1.83-4.866-4.517-4.866-1.736 0-2.865 1.008-3.535 1.954a7 7 0 0 0-.448.733 7 7 0 0 0-.448-.733c-.67-.946-1.8-1.954-3.535-1.954C5.33 4.558 3.5 6.836 3.5 9.424c0 1.828.924 3.308 2.367 4.812.98 1.02 2.25 2.1 3.703 3.335.665.566 1.368 1.165 2.1 1.805"})})}const K={isFavouritedByCurrentUser(e){var n;return((n=e==null?void 0:e.favouritedBy)==null?void 0:n.data.length)===1},isFavouritedByUser(e,n){var a;return!!it.findWhere((a=e==null?void 0:e.favouritedBy)==null?void 0:a.data,{id:n==null?void 0:n.id})},updateVideoState(e,n,a){return{id:e.id,favouritedBy:{data:a?[{id:n.id}]:[],pagination:{limit:25,cursors:{next:"",previous:""}}}}},showFavouriteButton(e,n){var a;return(a=c.getCanBeConsumed(e))!=null&&a.canConsume?!!(n||Ue.isTabletOrMobile()||K.isFavouritedByCurrentUser(e)):!1}},$t="_favourited_19h9u_1",Pt="_favouriteButton_19h9u_1",Tt="_heart_19h9u_5",Lt="_heartOutline_19h9u_16",J={favourited:$t,favouriteButton:Pt,heart:Tt,heartOutline:Lt},St="shared.favouriteButton",Ft=$.encloseNamespace(St);function ge(e){const n=ft(),a=K.isFavouritedByCurrentUser(e.video),[o,i]=Pe.useState(a);Pe.useEffect(()=>{i(a)},[a]);let s=`d-flex align-items-center justify-content-center cursor-pointer ${J.favouriteButton} ${o?J.favourited:""}`;e.className&&(s+=` ${e.className}`);function r(){const d=!o;function u(){function m(){return c.isClip(e.video)?d?"favouriteClipError":"unfavouriteClipError":c.isInteractive(e.video)?d?"favouriteInteractiveError":"unfavouriteInteractiveError":d?"favouriteVideoError":"unfavouriteVideoError"}n.error(Ft(m())),i(!d)}i(d),e.setFavourite(e.video,d,null,u,e.analyticsData,e.analyticsOptions)}return!P.isFunction(e.setFavourite)||!P.isFunction(e.canFavourite)?t.jsx(t.Fragment,{}):e.canFavourite(e.video)?t.jsxs(le,{className:s,onClick:r,tabIndex:e.preventFocus?-1:void 0,children:[t.jsx(k,{svg:wt,className:`svg-container ${J.heart}`}),t.jsx(k,{svg:Nt,className:`svg-container ${J.heartOutline}`})]}):t.jsx(t.Fragment,{})}function It(e){const n=c.getVideoProgress(e.video),a=n&&e.video.duration&&n/e.video.duration*1e5;return a?t.jsx("div",{className:"bg-primary h-100",style:{width:`${a}%`}}):t.jsx(t.Fragment,{})}const Vt="_bottomBar_575p1_1",Ot={bottomBar:Vt};function xe(e){return c.isVideo(e.video)?t.jsx("div",{className:Ot.bottomBar,children:t.jsx(It,{video:e.video})}):t.jsx(t.Fragment,{})}const Dt="d-inline-block svg-container",Ht="span";function zt(e){const{children:n,className:a=Dt,tagName:o=Ht,size:i=D.Standard,onClick:l,title:s,tooltipPlacement:r="right"}=e,d=o,u={className:`${a} svg-container ${i}`,onClick:P.isFunction(l)?l:null};return s?t.jsx(T,{title:s,placement:r,children:t.jsx(d,{...u,children:n})}):t.jsx(d,{...u,children:n})}const Bt="_std_1fcr4_1",Rt="_sm_1fcr4_5",At="_stdIcon_1fcr4_10",Et="_smIcon_1fcr4_21",H={std:Bt,sm:Rt,stdIcon:At,smIcon:Et};function fe(e){var n,a,o;return!c.isInteractive(e.video)&&!c.isClip(e.video)?t.jsx(t.Fragment,{}):!e.video._liteOwner&&!((n=e.video._isClickViewCurated)!=null&&n.value)?t.jsx(t.Fragment,{}):(a=e.video._isClickViewCurated)!=null&&a.value?t.jsx("div",{className:`${e.size==="sm"?H.sm:H.std} me-1 rounded-circle position-relative bg-white`,children:t.jsx(zt,{className:`me-1 ${e.size==="sm"?H.smIcon:H.stdIcon}`,children:t.jsx(st,{})})}):t.jsx("div",{className:`${e.size==="sm"?H.sm:H.std} me-1`,children:t.jsx(ot,{imageCdnUrl:e.imageCdnUrl,initials:ct.getInitials(e.video._liteOwner.name,e.video._liteOwner.surname),imageUrl:(o=e.video._liteOwner.avatar)==null?void 0:o.url})})}const Ut="_pluginHover_wpoz0_1",Gt={pluginHover:Ut},Mt="shared.pluginHover";function ye(e){return!e.isPlugin||e.isPluginPopup?t.jsx(t.Fragment,{}):t.jsx(q,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,onClick:e.onClick,className:`
+        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer
+        ${Gt.pluginHover}
+        ${e.className?e.className:""}
+      `,children:t.jsx("span",{className:"position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white",children:t.jsx(lt,{namespace:Mt,phrase:"embed"})})})}const Wt="_padlock_z61gf_1",qt="_sm_z61gf_8",Fe={padlock:Wt,sm:qt};function je(e){const n=e.size==="sm"?D.Small:D.Standard;return t.jsx("div",{className:`${Fe.padlock} ${e.size==="sm"?Fe.sm:""} bg-white cursor-default d-flex align-items-center justify-content-center`,children:t.jsx(k,{svg:Ge,size:n})})}const Yt="_logo_1kz1f_1",Kt="_sm_1kz1f_9",Ie={logo:Yt,sm:Kt};ne.defaultProps={size:"md"};function ne(e){var i,l,s,r,d;if(!c.isVideo(e.video)||!e.companyLogoFallbackUrl)return t.jsx(t.Fragment,{});const n=(l=(i=e.video.productionCompanies)==null?void 0:i.data)==null?void 0:l[0],a=rt.createUrl(((s=n==null?void 0:n.logo)==null?void 0:s.url)??e.companyLogoFallbackUrl,{size:dt.Small}),o=yt(n.name,jt);return a?t.jsx("div",{children:t.jsx(T,{title:n==null?void 0:n.name,spanHack:!0,children:t.jsx("div",{className:`${Ie.logo} ${e.size==="sm"?Ie.sm:""} ${!((r=n==null?void 0:n.metadata)!=null&&r.colour)&&o}`,style:{backgroundImage:`url(${a})`,backgroundColor:(d=n==null?void 0:n.metadata)==null?void 0:d.colour}})})}):t.jsx(t.Fragment,{})}const ee={padNumber(e,n){let a=e.toString();if(a.length>=n)return a;for(n=n-a.length;n>0;)a="0"+a,n--;return a}},Xt={isSeries(e){return(e==null?void 0:e.typeId)===_.Series},buildSeriesSeasonEpisodeText(e,n,a){if(!e)return"";if(!n||!a)return e.toUpperCase();const o=ee.padNumber(n,2),i=ee.padNumber(a,2);return`${e.toUpperCase()} S${o} • E${i}`},getRating(e){var n;return(n=e._rating)==null?void 0:n.value}},Jt="_subText_5u663_1",Qt={subText:Jt};function Xe(e){const n=`text-uppercase text-truncate mb-0 ${Qt.subText} ${e.className}`;return e.appLink?t.jsx(q,{className:n,appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,title:e.title,ariaLabel:e.ariaLabel,children:e.children}):t.jsx("div",{className:n,title:e.title,"aria-label":e.ariaLabel,children:e.children})}const Zt="_appLink_1owb0_1",pt="_hoverUnderline_1owb0_4",_e={appLink:Zt,hoverUnderline:pt},en="shared.videoSubText",Je=$.encloseNamespace(en);function tn(e){const{video:n}=e,{season:a}=n;if(!n.episodeNumber||!a)return t.jsx(t.Fragment,{});const o=ee.padNumber(a.number,2),i=ee.padNumber(n.episodeNumber,2);return t.jsxs("span",{className:`d-inline-block ${e.appLink?_e.hoverUnderline:""}`,children:[e.withSeriesTitle&&t.jsx(t.Fragment,{children:" "}),!!o&&`S${o} • `,"E",i]})}function nn(e){const n=c.getReleaseDate(e.video);return n?c.hasSeries(e.video)?t.jsx(t.Fragment,{children:` • ${n}`}):t.jsx(t.Fragment,{children:n}):t.jsx(t.Fragment,{})}function an(e){var m;const{appLink:n,video:a,className:o=""}=e,i=a==null?void 0:a.series,l=c.getReleaseDate(e.video);if(!(i!=null&&i.id)&&!l)return t.jsx(t.Fragment,{});const s=(i==null?void 0:i.id)&&n&&{...n,args:[i.id,Me.slugify(i.name)]},r={...e.analyticsData,id:i==null?void 0:i.id,name:i==null?void 0:i.name,videoId:a==null?void 0:a.id,videoName:a==null?void 0:a.name},d={...e.analyticsOptions,entity:We.Series,actionType:b.Click,descriptor:Y.Title},u=Xt.buildSeriesSeasonEpisodeText(i==null?void 0:i.name,(m=a.season)==null?void 0:m.number,a.episodeNumber);return t.jsxs(Xe,{appLink:s,className:`d-block ${_e.appLink} ${o}`,analyticsData:r,analyticsOptions:d,title:u,ariaLabel:`${Je("ariaSeries")} ${u}`,children:[(i==null?void 0:i.name)&&i.name,t.jsx(tn,{...e,withSeriesTitle:!0}),t.jsx(nn,{...e})]})}function sn(e){var d,u;const{appLink:n,video:a,className:o=""}=e,i=(u=(d=a==null?void 0:a.productionCompanies)==null?void 0:d.data)==null?void 0:u[0];if(!(i!=null&&i.id))return t.jsx(t.Fragment,{});const l=(i==null?void 0:i.id)&&n&&{...n,args:[i.id,Me.slugify(i.name)]},s={...e.analyticsData,id:i==null?void 0:i.id,name:i==null?void 0:i.name,videoId:a==null?void 0:a.id,videoName:a==null?void 0:a.name},r={...e.analyticsOptions,entity:We.Company,actionType:b.Click,descriptor:Y.Title};return t.jsx(Xe,{appLink:l,className:`d-block ${_e.appLink} ${o}`,analyticsData:s,analyticsOptions:r,title:i.name,ariaLabel:`${Je("ariaCompany")} ${i.name}`,children:i.name})}function Ce(e){const{type:n="series"}=e;return n==="none"?t.jsx(t.Fragment,{}):n==="series"?t.jsx(an,{...e}):t.jsx(sn,{...e})}function on(e){return t.jsx("svg",{...e,children:t.jsx("path",{fill:"currentColor",d:"M14.893 16.357a2.5 2.5 0 0 1 1.806-1.354 2.506 2.506 0 0 1 2.902 2.042 2.516 2.516 0 0 1-2.032 2.916 2.5 2.5 0 0 1-2.74-1.494l-2.603-5.208-2.57 5.138a2.504 2.504 0 0 1-2.769 1.564 2.516 2.516 0 0 1-2.031-2.916 2.506 2.506 0 0 1 2.901-2.042c.81.144 1.46.663 1.803 1.348l2.107-4.212-3.703-7.41a.504.504 0 0 1 .222-.675.5.5 0 0 1 .672.223l3.369 6.743 3.372-6.743a.5.5 0 0 1 .671-.223.504.504 0 0 1 .223.674l-3.707 7.412zm-9.053.863a1.51 1.51 0 0 0 1.221 1.752 1.505 1.505 0 0 0 1.743-1.227 1.51 1.51 0 0 0-1.22-1.752A1.505 1.505 0 0 0 5.84 17.22m11.555 1.752a1.51 1.51 0 0 0 1.221-1.752 1.505 1.505 0 0 0-1.743-1.227 1.51 1.51 0 0 0-1.22 1.752 1.505 1.505 0 0 0 1.742 1.227"})})}function Qe(e){return t.jsx("svg",{...e,children:t.jsx("path",{fill:"currentColor",d:"M11.91 4.025c-3.308 0-6 2.692-6 6 0 1.923.916 3.716 2.462 4.846v3.77c0 .763.621 1.384 1.385 1.384h4.308c.763 0 1.384-.62 1.384-1.384v-3.77a6 6 0 0 0 2.462-4.846c0-3.308-2.692-6-6-6m2.616 12.77v.615h-5.23v-.615zm-4.77 2.307a.46.46 0 0 1-.46-.461v-.308h5.23v.308a.46.46 0 0 1-.461.461zm4.77-4.471v1.24h-5.23v-1.24a.46.46 0 0 0-.205-.384 5.07 5.07 0 0 1-2.257-4.222c0-2.8 2.277-5.077 5.077-5.077s5.077 2.278 5.077 5.077a5.07 5.07 0 0 1-2.257 4.222.46.46 0 0 0-.205.384m-2.396-2.616a.56.56 0 0 0 .107-.348v-.068q.004-.237.076-.402a1 1 0 0 1 .235-.317q.165-.153.454-.35.462-.316.757-.724.294-.41.295-.97 0-.591-.283-.993a1.8 1.8 0 0 0-.76-.61 2.6 2.6 0 0 0-1.05-.208q-.629 0-1.151.279-.525.277-.78.825a1.2 1.2 0 0 0-.12.522.44.44 0 0 0 .105.303q.105.118.3.118.162 0 .271-.091a.5.5 0 0 0 .157-.247q.162-.518.471-.704.309-.187.718-.187.343 0 .62.119.28.118.443.339.164.22.164.53 0 .27-.104.467-.106.195-.28.35a5 5 0 0 1-.391.305q-.281.195-.516.419a1.9 1.9 0 0 0-.378.498 1.3 1.3 0 0 0-.143.613v.193q0 .213.114.346.114.134.338.133.224 0 .33-.14m.088 2.081a.6.6 0 0 0 .17-.426.6.6 0 0 0-.17-.428.57.57 0 0 0-.424-.177q-.242 0-.416.177a.59.59 0 0 0-.174.428.6.6 0 0 0 .174.426q.174.18.416.18.252 0 .424-.18"})})}function Ze(e){return t.jsx("svg",{...e,children:t.jsx("path",{d:"M18.06 4c.519 0 .94.479.94 1.075v13.85c0 .594-.419 1.075-.94 1.075H5.94c-.519 0-.94-.479-.94-1.075V5.075C5 4.48 5.419 4 5.94 4zM9.256 5H5.882v.184l-.001.1v.418l-.001.175-.001 1.113v1.429l-.001.314v2.024l-.001.352-.001 3.162v.335l-.001 4.386h.105l.08.001h.36l.157.001h.571l.221.001h.741l.27.001h1.174l.313.001h1.63l.332.001 2.61.001h.305l3.362.001h.012v-.184l.001-.1v-.418l.001-.175.001-1.113v-1.429l.001-.314v-2.024l.001-.352.001-3.162v-.335l.001-4.374v-.012h-.105l-.08-.001h-.36l-.157-.001h-.571l-.221-.001h-.741l-.27-.001h-1.174l-.313-.001h-1.63l-.332-.001-2.61-.001zm1.438 8c.238 0 .431.224.431.5s-.193.5-.431.5H8.056c-.238 0-.431-.224-.431-.5s.193-.5.431-.5zm5.198-3c.267 0 .483.224.483.5s-.216.5-.483.5H8.108a.49.49 0 0 1-.483-.5c0-.276.216-.5.483-.5zm0-3c.267 0 .483.224.483.5s-.216.5-.483.5H8.108a.49.49 0 0 1-.483-.5c0-.276.216-.5.483-.5z",fill:"currentColor"})})}const cn="_topLeftContainer_z6mhb_1",ln="_draft_z6mhb_7",rn="_badge_z6mhb_10",dn="_svg_z6mhb_20",un="_text_z6mhb_29",mn="_sm_z6mhb_33",B={topLeftContainer:cn,draft:ln,badge:rn,svg:dn,text:un,sm:mn},vn="shared.typeBadge",ie=$.encloseNamespace(vn);function hn(e){switch(e){case _.Clip:return ie("clip");case _.Interactive:return ie("interactive");case _.Resource:return ie("resource");default:return""}}function gn(e){switch(e){case _.Clip:return on;case _.Interactive:return Qe;case _.Resource:return Ze;default:return null}}function xn(e,n){switch(e){case _.Clip:return"bg-ultramarine";case _.Interactive:return n===ut.Draft?B.draft:"bg-green";case _.Resource:return"bg-indigo";default:return""}}ce.default={size:"md"};function ce(e){const n=`${B.badge} rounded-pill text-white ps-0 ${e.size==="sm"?B.sm:""}`;return t.jsx("div",{className:e.inContainer?"":B.topLeftContainer,children:t.jsxs("div",{className:`${n} ${xn(e.typeId,e.status)}`,children:[t.jsx(k,{className:`svg-container d-block ${B.svg}`,size:e.size==="sm"?D.Small:D.Standard,svg:gn(e.typeId)}),t.jsx("span",{className:B.text,children:hn(e.typeId)})]})})}ae.default={size:"md"};function ae(e){return c.isClip(e.video)?t.jsx(ce,{typeId:_.Clip,size:e.size,inContainer:!0}):c.isInteractive(e.video)?t.jsx(ce,{typeId:_.Interactive,status:e.video.status,size:e.size,inContainer:!0}):t.jsx(t.Fragment,{})}const fn="_hoverContainer_c9508_1",yn="_hovering_c9508_12",jn="_theatreModeOn_c9508_16",se={hoverContainer:fn,hovering:yn,theatreModeOn:jn};function ke(e){var l;const n=kt();if((l=n.useInitialize)==null||l.call(n,e),!n.hasProvider)return t.jsx(t.Fragment,{});if(n.mode==="picture-in-picture")return t.jsx(t.Fragment,{});if(e.mode==="hover"&&n.isOnPlayPage)return t.jsx(t.Fragment,{});if(e.location==="play-page"){const s=n.mode==="theatre"&&e.objectTypeId!==_.Interactive;return t.jsx("div",{className:s?`w-100 h-100 ${se.theatreModeOn}`:"",children:t.jsx(Se,{node:n.portalNode})})}const a=n.started;let o="rounded-3";e.location==="popout-video"&&(o="rounded-top-3");const i=`${se.hoverContainer} ${a?se.hovering:""} ${o} overflow-hidden`;return t.jsx("div",{className:i,children:t.jsx(Se,{node:n.portalNode})})}function pe(e){return t.jsx("svg",{...e,children:t.jsx("path",{fillRule:"evenodd",d:"M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m23 0c0-6.075-4.925-11-11-11S1 5.925 1 12s4.925 11 11 11 11-4.925 11-11M9 7.498c0-.551.387-.756.847-.469l7.306 4.567c.468.292.46.77 0 1.058l-7.306 4.567c-.468.292-.847.074-.847-.47z",fill:"currentColor"})})}const _n="_overlayContainer_d3jn7_1",Cn="_topLeftContainer_d3jn7_9",kn="_topRightContainer_d3jn7_15",bn="_overlay_d3jn7_1",Nn="_downScale_d3jn7_39",wn="_title_d3jn7_45",$n="_gradient_d3jn7_49",Pn="_playIcon_d3jn7_58",w={overlayContainer:_n,topLeftContainer:Cn,topRightContainer:kn,overlay:bn,downScale:Nn,title:wn,gradient:$n,playIcon:Pn};function Tn(e){let n="mb-1";return e&&(n+=w.downScale),n}function Ln(e){var N,y,j;const{canNavigate:n,canConsume:a}=c.getCanBeConsumed(e.video),o=re.isObject((N=e.appLink)==null?void 0:N.params)?(y=e.appLink)==null?void 0:y.params:{},i={...e.analyticsOptions,entity:c.getAnalyticsEntity(e.video)},l=K.showFavouriteButton(e.video,e.hovering),s=c.isVideo(e.video),r=c.getRating(e.video),[d,u]=he({delay:100}),m=u&&a&&e.hoverToPlay,g={...e.analyticsData,id:e.video.id,name:e.video.name},v={...i,actionType:b.Click,descriptor:Y.Thumbnail};return t.jsx(T,{title:c.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:"",children:t.jsxs("div",{className:"position-relative rounded-3 overflow-hidden",ref:d,children:[t.jsx(ye,{isPlugin:e.commonVideoProps.isPlugin,isPluginPopup:e.commonVideoProps.isPluginPopup,className:"rounded-3",appLink:n?e.appLink:null,analyticsData:g,analyticsOptions:v}),l&&t.jsx("div",{className:w.topRightContainer,children:t.jsx(ge,{setFavourite:e.commonVideoProps.setFavourite,canFavourite:e.commonVideoProps.canFavourite,video:e.video,analyticsData:e.analyticsData,analyticsOptions:i})}),!n&&t.jsx("div",{className:w.topRightContainer,children:t.jsx(je,{})}),t.jsxs("div",{className:`${w.topLeftContainer} d-flex flex-no-wrap`,children:[e.showOwner&&t.jsx(fe,{video:e.video,imageCdnUrl:e.commonVideoProps.imageCdnUrl}),t.jsx(ae,{video:e.video}),t.jsx(ne,{video:e.video,companyLogoFallbackUrl:e.commonVideoProps.companyLogoFallbackUrl})]}),t.jsxs(ue,{data:c.getThumbnail(e.video),appLink:n?e.appLink:null,imageType:de.Thumbnails,imageOptions:e.imageOptions,preload:e.preload,className:w.gradient,alt:("series"in e.video&&((j=e.video.series)!=null&&j.name)?`${e.video.series.name}: `:"")+e.video.name,analyticsData:g,analyticsOptions:v,preventFocus:!0,children:[!!(e.hovering&&n)&&t.jsx(k,{className:w.playIcon,svg:pe}),t.jsx(me,{type:ve.Video}),t.jsx("div",{className:w.overlayContainer,children:t.jsxs("div",{className:w.overlay,children:[t.jsxs("div",{className:`${Tn(e.hovering)} ${w.title}`,children:[s&&t.jsx(Ce,{type:e.commonVideoProps.subTextType,className:"text-shadow clamp-1",video:e.video,appLink:null,analyticsOptions:null}),t.jsx("span",{className:"h6 text-reset text-shadow clamp-1",children:c.getTitle(e.video)})]}),t.jsx(xe,{video:e.video}),e.hovering&&t.jsx(Ye,{className:"mt-1",children:c.isVideo(e.video)&&t.jsxs(t.Fragment,{children:[t.jsx(M,{type:A.Rating,data:r}),e.video.hasSubtitle&&t.jsx("span",{className:"badge p-0",children:t.jsx(k,{svg:xt})}),t.jsx(M,{type:A.Interactive,data:e.video.hasInteractives}),t.jsx(M,{type:A.DurationExact,data:c.getDuration(e.video)})]})})]})})]}),m&&t.jsx(ke,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:o.context,contextId:o.contextId,moviesAndTv:o.mtv},e.video.id)]})})}const Sn=f.createContext({});function Fn(e,n,a){const[o,i]=f.useState(e),l=f.useRef(e?new Date:null);f.useEffect(()=>{if(!(!n||!a)&&!(!a.entity||!n.location))if(e)o||i(!0),l.current=new Date,Te.logUserAction(n,{...a,actionType:b.Hover});else{if(!o)return;const s=new Date().getTime()-l.current.getTime();l.current=null,Te.logUserAction({...n,timeHoveredInMilliseconds:s,timeHoveredInSeconds:s/1e3},{...a,actionType:b.Unhover})}},[e])}const Q=8,In=1.2,Vn=(e,n,a,o=In)=>{const{x:i,y:l,width:s,height:r}=e,d=document.getElementById("content-width-reference");if(!d)return{};let u,m=n||s*o,g=n?n*(r/s):r*o,v=n?m/s:o;u=i-(m-s)/2,m<a&&(u=u-(a-m)/2,m=a,v=m/s,g=r*v);const N=l-(g-r)/2+window.scrollY;let y=u,j="center";return u-d.offsetLeft<Q&&(y=i-Q/2,j="8px"),d.offsetWidth+d.offsetLeft-(u+m)<Q&&(y=n?i+s-n:i-s*(v-1)+Q,j="calc(100% - 8px)"),{left:y,top:N,height:g,width:m,transformOrigin:j,position:"absolute",originalWidth:s,originalHeight:r}},On="_positionWrapper_gkmg7_1",Dn="_animationWrapper_gkmg7_4",Ve={positionWrapper:On,animationWrapper:Dn};function et(e){var V,U;const{hoverableComponent:n,componentProps:a,minHoverWidth:o,fixedHoverWidth:i,hoverScale:l}=e,{setPreviewContentNode:s}=f.useContext(Sn);s===void 0&&mt.throw(new vt("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));const r=f.useMemo(()=>_t(),[]),[d,u]=he({delay:100}),[m,g]=Ke(),[v,N]=f.useState(!1),y=f.useRef(null),j=f.useRef(!1),C=u||g;Fn(C,e.analyticsData,e.analyticsOptions),f.useEffect(()=>{j.current!==C&&(s(C||v?r:null),j.current=C)},[C]);const{x:L,y:S,width:h,height:F}=((U=(V=y.current)==null?void 0:V.getBoundingClientRect)==null?void 0:U.call(V))||{},I=f.useMemo(()=>Vn({x:L,y:S,width:h,height:F},i,o,l),[L,S,h,F,l]),X=I?I.originalWidth/I.width:1,E=n;return t.jsxs("div",{ref:y,children:[t.jsx("div",{ref:d,children:t.jsx(E,{isHovering:!1,...a})}),(C||v)&&t.jsx(Ct,{node:r,children:t.jsx("div",{className:`${Ve.positionWrapper} ${Ve.animationWrapper}`,style:{"--scale":X,...I},ref:m,children:t.jsx(E,{isHovering:!0,hoverPositionConfig:I,cleanPortalNode:()=>s(null),...a})})})]})}et.ReferenceContainer=e=>t.jsx("div",{id:"content-width-reference",className:"flex-grow-1",children:e.children});function Hn(e){return e.audience?t.jsx("div",{className:`audience-label border rounded-pill d-inline-block px-2 text-nowrap 
+      ${"border-"+e.border} ${e.className?e.className:""}`,children:e.audience.name}):t.jsx(t.Fragment,{})}const zn="_badgeContainer_1jc1x_1",Bn="_sm_1jc1x_24",Oe={badgeContainer:zn,sm:Bn};be.defaultProps={newDurationStyle:!0,size:"md"};function be(e){const n=c.getRating(e.video),a=!!e.audience&&e.size!=="sm",o=!a&&!e.hideRating&&!!n&&e.size!=="sm";return e.hideDuration&&!a&&!o?t.jsx(t.Fragment,{}):t.jsxs(Ye,{className:`${Oe.badgeContainer} ${e.size==="sm"?Oe.sm:""}`,children:[a&&t.jsx(Hn,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),o&&t.jsx(M,{type:A.Rating,data:n}),!e.hideDuration&&t.jsx(M,{type:e.newDurationStyle?A.DurationApproximate:A.DurationExact,data:e.duration||c.getDuration(e.video)})]})}function Rn(e){if(!e.yearGroups)return t.jsx(t.Fragment,{});const n=ht.mapRestrictionToText(e.video._restrictions,e.yearGroups),{canConsume:a}=c.getCanBeConsumed(e.video);return!a||!n?t.jsx(t.Fragment,{}):t.jsx(T,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:n,placement:e.tooltipPlacement||"top",children:t.jsx(k,{svg:Ge,size:e.size==="sm"?D.Small:D.Standard})})}const An="_dot_dlckk_1",En="_smallText_dlckk_6",Un="_title_dlckk_9",oe={dot:An,smallText:En,title:Un},Gn="shared.videoTitle",Mn=$.encloseNamespace(Gn),De=new Date;function Wn(e){return Le.isSame(e,De,"year")&&Le.isSame(e,De,"month")}te.defaultProps={titleSize:"h6",className:""};function te(e){var i;const n=e.video.dateReleased,a=n&&Wn(n),o=e.showNewVideoIndicator&&a&&((i=e.video._isClickViewCurated)==null?void 0:i.value);return t.jsxs(t.Fragment,{children:[t.jsx(T,{title:`${o?Mn("newVideo"):""}`,spanHack:!0,spanHackClassName:"d-inline-block",children:o&&t.jsx("span",{className:`rounded-circle bg-green d-inline-block me-1 ${oe.dot} ${e.titleSize==="h6"?oe.smallText:""}`})}),t.jsx("h2",{className:`${e.titleSize} ${oe.title} ${e.className} d-inline`,children:e.title||e.video.name}),e.showPadlock&&t.jsx(Rn,{video:e.video,yearGroups:e.yearGroups,size:e.lockSize})]})}const qn="_container_kefcx_1",Yn="_titleContainer_kefcx_4",He={container:qn,titleContainer:Yn};function ze(e){var i,l;const{video:n,appLink:a}=e,{canNavigate:o}=c.getCanBeConsumed(n);return t.jsx("div",{className:`mt-2 ${He.container}`,children:t.jsxs("div",{className:`d-flex flex-column ${He.titleContainer}`,children:[c.isVideo(n)&&t.jsx(Ce,{type:e.commonVideoProps.subTextType,className:"text-truncate",video:n,appLink:(l=(i=e.commonVideoProps).getSubTextAppLink)==null?void 0:l.call(i,e.video),analyticsOptions:{location:qe.VideoThumbnail}}),t.jsx(q,{className:"text-reset clamp-2 align-middle",appLink:o?a:null,children:t.jsx(te,{video:e.video,yearGroups:e.commonVideoProps.yearGroups,lockSize:"sm",showNewVideoIndicator:e.commonVideoProps.showNewVideoIndicator,showPadlock:!e.commonVideoProps.hasStudentExperience&&!e.commonVideoProps.hasGuestExperience})})]})})}const Kn="_tag_1p8e8_1",Xn="_icon_1p8e8_5",Jn="_disabled_1p8e8_15",Qn="_active_1p8e8_18",G={tag:Kn,icon:Xn,disabled:Jn,active:Qn};function Ne(e){var n,a;return e.appLink?t.jsx(q,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:`
+          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer
+          text-decoration-none ${(n=e.theme)==null?void 0:n.container} ${G.tag} ${e.active?G.active:""}
+        `,children:t.jsx(Be,{...e})}):t.jsx("div",{className:`p-1 pe-2 rounded-pill d-inline-flex align-items-center ${(a=e.theme)==null?void 0:a.container} ${G.tag} ${G.disabled}`,children:t.jsx(Be,{...e})})}function Be(e){var n;return t.jsxs(t.Fragment,{children:[t.jsx(k,{className:`${G.icon} rounded-circle bg-${e.iconVariant} text-white`,svg:e.svg}),t.jsx("span",{className:`ps-1 text-nowrap user-select-none ${(n=e.theme)==null?void 0:n.tabLabel}`,children:e.text})]})}function Zn(e){return t.jsx("svg",{...e,children:t.jsx("path",{fill:"currentColor",d:"M16.863 20c-.662 0-1.21-.567-1.21-1.252s.548-1.252 1.21-1.252c.663 0 1.21.567 1.21 1.252S17.527 20 16.864 20m0-1.441a.183.183 0 0 0-.182.189c0 .118.068.189.182.189.115 0 .183-.071.183-.19a.183.183 0 0 0-.183-.188m0-.118a.516.516 0 0 1-.502-.52v-6.19L11.75 9.158a.53.53 0 0 1-.205-.71c.137-.26.456-.354.685-.212l4.886 2.717a.57.57 0 0 1 .274.473v6.496a.52.52 0 0 1-.526.52m-4.908-4.205a.8.8 0 0 1-.229-.048L2.296 9.51A.55.55 0 0 1 2 9.014c0-.212.114-.401.297-.472l9.52-4.489a.47.47 0 0 1 .434 0l9.452 4.489a.55.55 0 0 1 .297.472.49.49 0 0 1-.297.473l-9.52 4.701a.8.8 0 0 1-.228.048m-8.22-5.198 8.22 4.087 8.288-4.087-8.22-3.898zm8.151 8.41c-4.749 0-6.644-2.905-6.712-3.047a.7.7 0 0 1-.092-.284V10.81c0-.283.229-.52.503-.52s.502.237.502.52v3.142c.388.496 2.077 2.434 5.776 2.434 3.653 0 5.548-1.938 6.005-2.457v-2.93c0-.284.228-.52.502-.52s.502.236.502.52v3.118a.6.6 0 0 1-.091.307c-.046.142-2.192 3.024-6.895 3.024"})})}const pn="shared.classroomGuideTag";function ea(e){var n;return!e.video||c.isInteractive(e.video)||c.isClip(e.video)?t.jsx(t.Fragment,{}):(n=e.video._hasCurriculumLinks)!=null&&n.value?t.jsx(Ne,{theme:{container:"classroom-guide-tag",tabLabel:"classroom-guide-tag-label"},svg:Zn,iconVariant:"navy",text:$.getPhrase(pn,"curriculum"),appLink:e.appLink,appLinkAnalyticsData:{videoGuidanceType:"curriculum",...c.getAnalyticsData(e.video),...e.analyticsData},appLinkAnalyticsOptions:{actionType:b.Click,entity:c.getAnalyticsEntity(e.video),...e.analyticsOptions}}):t.jsx(t.Fragment,{})}const ta="shared.interactivesTag";function na(e){var a;if(!c.showInteractivesGuidance(e.video))return t.jsx(t.Fragment,{});const n=!c.isInteractive(e.video)&&(((a=e.video.interactives)==null?void 0:a.data.length)||0);return t.jsx(Ne,{svg:Qe,iconVariant:"green",text:$.getPhrase(ta,"interactives",{smartCount:n}),appLink:e.appLink,appLinkAnalyticsData:{videoGuidanceType:"interactive",videoGuidanceTotalItems:n,...c.getAnalyticsData(e.video),...e.analyticsData},appLinkAnalyticsOptions:{actionType:b.Click,entity:c.getAnalyticsEntity(e.video),...e.analyticsOptions}})}const aa="shared.resourcesTag";function ia(e){var n,a;return c.isInteractive(e)?0:(((n=e.resources)==null?void 0:n.data.length)||0)+(((a=e.links)==null?void 0:a.data.length)||0)}function sa(e){if(!c.showResourcesGuidance(e.video))return t.jsx(t.Fragment,{});const n=ia(e.video);return t.jsx(Ne,{svg:Ze,iconVariant:"indigo",text:$.getPhrase(aa,"resources",{smartCount:n}),appLink:e.appLink,appLinkAnalyticsData:{videoGuidanceType:"resource",videoGuidanceTotalItems:n,...c.getAnalyticsData(e.video),...e.analyticsData},appLinkAnalyticsOptions:{actionType:b.Click,entity:c.getAnalyticsEntity(e.video),...e.analyticsOptions}})}function oa(e){var a,o,i,l,s,r;const n=c.showInteractivesGuidance(e.video)&&c.showResourcesGuidance(e.video);return t.jsxs("div",{className:`${e.containerClassName} ${n?e.responsiveClassName:""}`,children:[t.jsx(ea,{appLink:(o=(a=e.commonVideoProps).getClassroomGuideAppLink)==null?void 0:o.call(a,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),t.jsx(sa,{appLink:(l=(i=e.commonVideoProps).getResourceGuidanceAppLink)==null?void 0:l.call(i,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),t.jsx(na,{appLink:(r=(s=e.commonVideoProps).getInteractiveGuidanceAppLink)==null?void 0:r.call(s,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})]})}const ca="_button_tlbos_1",Re={button:ca},la="shared.removeVideoButton";function ra(e){const n=e.removeButtonTooltip||$.getPhrase(la,"removeFromRow");return t.jsx("div",{className:"me-2",children:t.jsx(T,{title:n,spanHack:!0,children:t.jsx(le,{onClick:e.onClickRemove,className:`d-flex align-items-center justify-content-center ${Re.button}`,tabIndex:e.preventFocus?-1:void 0,children:t.jsx(k,{svg:gt,className:`svg-container ${Re.heart}`})})})})}const da="_topLeftContainer_1t9d5_1",ua="_details_1t9d5_7",ma="_isHovering_1t9d5_11",va="_videoGuidanceTags_1t9d5_14",ha="_responsiveGuidance_1t9d5_21",ga="_topRightContainer_1t9d5_35",z={topLeftContainer:da,details:ua,isHovering:ma,videoGuidanceTags:va,responsiveGuidance:ha,topRightContainer:ga},xa=e=>{var S;const{video:n,appLink:a,imageOptions:o,preload:i,isHovering:l,hoverToPlay:s}=e,r=re.isObject(a==null?void 0:a.params)?a==null?void 0:a.params:{},{canNavigate:d,canConsume:u}=c.getCanBeConsumed(n);f.useEffect(()=>()=>{var h;(h=e.cleanPortalNode)==null||h.call(e)},[]);function m(h){var F;h.preventDefault(),(F=e.onClickRemove)==null||F.call(e)}let g="position-relative bg-white";e.extraClasses&&(g+=` ${e.extraClasses}`),l&&(g+=" rounded-3 shadow-lg");const v={...e.analyticsOptions,entity:c.getAnalyticsEntity(n)},N=e.isHovering&&u&&s,y=K.showFavouriteButton(e.video,l);function j(){return P.isFunction(e.onClickRemove)?Ue.isTabletOrMobile()?!0:l:!1}const C={...e.analyticsData,id:n.id,name:n.name},L={...v,actionType:b.Click,descriptor:Y.Thumbnail};return t.jsxs("div",{className:g,children:[t.jsxs("div",{className:z.topRightContainer,children:[j()&&t.jsx(ra,{onClickRemove:m,removeButtonTooltip:e.removeButtonTooltip,preventFocus:!0}),y&&t.jsx(ge,{setFavourite:e.commonVideoProps.setFavourite,canFavourite:e.commonVideoProps.canFavourite,video:n,analyticsData:e.analyticsData,analyticsOptions:v,preventFocus:!0}),!d&&t.jsx(T,{title:c.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:"",children:t.jsx(je,{})})]}),t.jsxs("div",{className:"position-relative",children:[t.jsx(ye,{isPlugin:e.commonVideoProps.isPlugin,isPluginPopup:e.commonVideoProps.isPluginPopup,className:l?"rounded-top-3":"rounded-3",onClick:()=>{var h;return(h=e.cleanPortalNode)==null?void 0:h.call(e)},appLink:d?a:null,analyticsData:C,analyticsOptions:L}),t.jsxs(ue,{onClick:()=>{var h;return(h=e.cleanPortalNode)==null?void 0:h.call(e)},data:c.getThumbnail(n),appLink:d?a:null,imageType:de.Thumbnails,imageOptions:o,preload:i,alt:("series"in n&&((S=n.series)!=null&&S.name)?`${n.series.name}: `:"")+n.name,analyticsData:C,analyticsOptions:L,preventFocus:!e.hideTitle,appLinkClassName:`position-absolute top-0 start-0 h-100 w-100 overflow-hidden ${l?"rounded-top-3":"rounded-3"}`,imageClassName:l?"rounded-top-3":"rounded-3",children:[t.jsx(me,{type:ve.Video}),t.jsxs("div",{className:"p-absolute w-100 h-100 text-white",children:[t.jsxs("div",{className:`${z.topLeftContainer} d-flex flex-no-wrap`,children:[e.showOwner&&t.jsx(fe,{video:n,imageCdnUrl:e.commonVideoProps.imageCdnUrl}),t.jsx(ae,{video:n}),t.jsx(ne,{video:n,companyLogoFallbackUrl:e.commonVideoProps.companyLogoFallbackUrl})]}),t.jsx(be,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),t.jsx(xe,{video:e.video})]})]}),N&&t.jsx(ke,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:r.context,contextId:r.contextId,moviesAndTv:r.mtv,location:"popout-video"},e.video.id)]}),!l&&!e.hideTitle&&t.jsx(ze,{...e}),t.jsx("div",{className:`${z.details} ${l?`${z.isHovering} box-shadow`:""}`,children:l&&t.jsx(t.Fragment,{children:t.jsxs("div",{className:`${l?z.videoGuidanceTags:""}`,children:[t.jsx(ze,{...e}),e.showVideoGuidance&&l&&t.jsx(oa,{commonVideoProps:e.commonVideoProps,video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,responsiveClassName:z.responsiveGuidance,containerClassName:"d-flex justify-content-start align-items-center pt-2"})]})})})]})};function fa(e){return t.jsx(t.Fragment,{children:t.jsx(et,{hoverableComponent:xa,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:{...e.analyticsData,id:e.video.id,name:e.video.name},analyticsOptions:{...e.analyticsOptions,entity:c.getAnalyticsEntity(e.video)}})})}const ya="_mask_1jupb_1",ja="_small_1jupb_10",_a="_video_1jupb_10",Ca="_playlist_1jupb_18",ka="_maskContainer_1jupb_28",W={mask:ya,small:ja,video:_a,playlist:Ca,maskContainer:ka};var tt=(e=>(e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e))(tt||{});function ba(e){return e===0?W.video:e===1?W.playlist:""}function Na(e){return e===0?pe:null}nt.defaults={size:"md"};function nt(e){const{type:n,size:a}=e,o=ba(n),i=Na(n);return t.jsxs("div",{className:`${W.maskContainer} ${a==="sm"?W.small:""}`,children:[t.jsx("div",{className:W.mask}),t.jsx(k,{svg:i,className:o})]})}const wa="_unchecked_vv53a_1",$a="_outline_vv53a_5",Pa="_checked_vv53a_20",Ta="_checkMark_vv53a_27",Z={unchecked:wa,outline:$a,checked:Pa,checkMark:Ta};var La=(e=>(e.None="None",e.Complete="Complete",e.Incomplete="Incomplete",e))(La||{});at.defaultProps={style:"filled"};function at(e){const[n,a]=f.useState(e.status==="Complete");f.useEffect(()=>{a(e.status==="Complete")},[e.status]);let o=`cursor-pointer rounded-circle ${n?Z.checked:Z.unchecked}`;e.className&&(o+=` ${e.className}`),e.style==="outline"&&(o+=` ${Z.outline}`);function i(){return!!e.status&&e.status!=="None"&&P.isFunction(e.setStatus)}function l(){const s=!n;a(s);const r=s?"Complete":"Incomplete";e.setStatus(r).catch(()=>{a(!s)})}return i()?t.jsx(le,{className:o,onClick:l,disabled:e.disabled,children:t.jsx(k,{svg:bt,className:`svg-container ${Z.checkMark}`})}):t.jsx(t.Fragment,{})}const Sa="_container_mn7d4_1",Fa="_action_mn7d4_10",p={container:Sa,action:Fa};function Ia(e){var n;return!!(!((n=c.getCanBeConsumed(e.video))!=null&&n.canConsume)||P.isFunction(e.setFavourite)&&P.isFunction(e.canFavourite)||P.isFunction(e.setCheckMarkStatus))}function Va(e){const{canNavigate:n}=c.getCanBeConsumed(e.video);return n?Ia(e)?t.jsxs("div",{className:`${p.container} d-flex align-items-center`,children:[t.jsx(ge,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:p.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,preventFocus:!0}),t.jsx(at,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:p.action})]}):t.jsx(t.Fragment,{}):t.jsx("div",{className:p.container,children:t.jsx(je,{size:e.size})})}var R=(e=>(e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent",e))(R||{});const Oa="_titleOverlay_f9p1o_1",Da="_clip_f9p1o_11",Ha="_interactive_f9p1o_18",za="_titleBelow_f9p1o_25",Ba="_overlayContainer_f9p1o_29",Ra="_topLeftContainer_f9p1o_36",Aa="_gradient_f9p1o_42",O={titleOverlay:Oa,clip:Da,interactive:Ha,titleBelow:za,overlayContainer:Ba,topLeftContainer:Ra,gradient:Aa},Ea="shared.staticVideoThumbnail";function Ae(e){var d,u;const{type:n,video:a,textPosition:o}=e,i=n==="static",l=o===R.Overlay,{canNavigate:s}=c.getCanBeConsumed(e.video);let r="";return l?(r=O.titleOverlay,s&&(c.isClip(a)&&(r+=" "+O.clip),c.isInteractive(a)&&(r+=" "+O.interactive))):r=O.titleBelow,t.jsxs("div",{className:r,children:[c.isVideo(a)&&t.jsx(Ce,{type:i?e.commonVideoProps.subTextType:"series",className:l?"text-shadow clamp-1":"clamp-2",video:a,appLink:i&&!l?(u=(d=e.commonVideoProps).getSubTextAppLink)==null?void 0:u.call(d,e.video):null,analyticsOptions:{location:qe.VideoThumbnail}}),l||!s||!i?t.jsx("span",{className:"h6 text-reset clamp-1",children:t.jsx(te,{video:a,title:a.name??$.getPhrase(Ea,"videoUnavailable"),showNewVideoIndicator:i&&e.commonVideoProps.showNewVideoIndicator,showPadlock:i&&!e.commonVideoProps.hasStudentExperience&&!e.commonVideoProps.hasGuestExperience})}):t.jsx(q,{className:"h6 text-reset clamp-2",appLink:e.appLink,children:t.jsx(te,{video:a,showNewVideoIndicator:e.commonVideoProps.showNewVideoIndicator,showPadlock:!e.commonVideoProps.hasStudentExperience&&!e.commonVideoProps.hasGuestExperience})})]})}function Ee(e){var V,U,we;const{type:n,video:a,textPosition:o,imageOptions:i,preload:l}=e,s=n==="static",r=s&&re.isObject((V=e.appLink)==null?void 0:V.params)?(U=e.appLink)==null?void 0:U.params:{},[d,u]=Ke(),[m,g]=he({delay:100}),{canNavigate:v,canConsume:N}=c.getCanBeConsumed(a);function y(x){d.current=x,m.current=x}const j=s&&g&&N&&e.hoverToPlay;function C(){var x,$e;if(s)return!e.disableFavourite&&(($e=(x=e.commonVideoProps).canFavourite)==null?void 0:$e.call(x,e.video))&&K.showFavouriteButton(a,u)}function L(){let x="position-relative";return x+=s&&e.appLink&&v?" cursor-pointer":"",e.extraClasses&&(x+=` ${e.extraClasses}`),o===R.Overlay&&(x+=" rounded overflow-hidden"),x}function S(){let x=`overflow-hidden ${e.size==="sm"?"rounded":"rounded-3"}`;return e.imageClassName&&(x+=` ${e.imageClassName}`),o===R.Overlay&&(x+=` ${O.gradient}`),x}const h=s?{...e.analyticsOptions,entity:c.getAnalyticsEntity(a)}:{},F=s&&!!e.appLink&&!e.hideMask&&v,I=s?c.getPrivacyReasoning(e.video,e.showSignIn):"",X=s?{...e.analyticsData,id:a.id,name:a.name}:{},E={...h,actionType:b.Click,descriptor:Y.Thumbnail};return t.jsx(T,{title:I,spanHack:!0,spanHackClassName:"",children:t.jsxs("div",{className:L(),ref:y,children:[s&&t.jsx(ye,{isPlugin:e.commonVideoProps.isPlugin,isPluginPopup:e.commonVideoProps.isPluginPopup,className:e.size==="sm"?"rounded":"rounded-3",appLink:v?e.appLink:null,analyticsData:X,analyticsOptions:E}),t.jsx(Va,{video:a,checkMarkStatus:!s&&e.checkMarkStatus,setCheckMarkStatus:!s&&e.setCheckMarkStatus,setFavourite:s&&e.commonVideoProps.setFavourite,canFavourite:C,analyticsData:s&&e.analyticsData,analyticsOptions:s&&h,size:e.size}),t.jsxs(ue,{data:c.getThumbnail(a),appLink:s&&v?e.appLink:null,onClick:s&&v?e.onClick:void 0,imageType:de.Thumbnails,imageOptions:i,preload:l,className:S(),alt:("series"in a&&((we=a.series)!=null&&we.name)?`${a.series.name}: `:"")+a.name,analyticsData:X,analyticsOptions:E,preventFocus:!0,children:[F&&t.jsx(nt,{type:tt.Video,size:e.size}),t.jsx(me,{type:ve.Video}),t.jsxs("div",{className:O.overlayContainer,children:[o===R.Overlay&&t.jsx(Ae,{...e}),t.jsxs("div",{className:`${O.topLeftContainer} d-flex flex-no-wrap`,children:[s&&e.showOwner&&t.jsx(fe,{video:a,imageCdnUrl:e.commonVideoProps.imageCdnUrl}),!e.hideVideoTypeBadge&&t.jsx(ae,{video:a,size:e.size}),s&&t.jsx(ne,{video:a,companyLogoFallbackUrl:e.commonVideoProps.companyLogoFallbackUrl,size:e.size})]}),!e.hideBottomBar&&t.jsx(xe,{video:a}),t.jsx(be,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size})]})]}),j&&t.jsx(ke,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:r.context,contextId:r.contextId,moviesAndTv:r.mtv},e.video.id),o===R.Below&&t.jsx(Ae,{...e})]})})}Ua.defaultProps={hideRating:!0,size:"md",hoverToPlay:!1,showOwner:!0};function Ua(e){switch(e.type){case"static":return t.jsx(Ee,{...e});case"cosmetic":return t.jsx(Ee,{...e});case"expandable":return t.jsx(Ln,{...e});case"popout":return t.jsx(fa,{...e});default:return}}export{La as C,R as T,Ua as V,Ce as a,Xe as b};
+//# sourceMappingURL=CSdY8TC0.chunk.js.map