@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-star/ClassroomStar.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss?e5ff","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/tile-actions/TileActions.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/tile-actions/tile-actions.scss?72c1","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/views/classroom/ClassroomView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/video-info-button/VideoInfoButton.tsx"],"names":[],"mappings":"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","file":"scripts/29.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {\r\n  onClick: (...args: any) => any;\r\n}\r\n\r\n/**\r\n * This element lets us use `div` elements as buttons without losing the accessibility of\r\n * a regular HTML button element\r\n */\r\nexport function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element {\r\n  return (\r\n    <div\r\n      role='button'\r\n      tabIndex={0}\r\n      className={`${props.className ? props.className : ''} cursor-pointer`}\r\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && props.onClick(e)}\r\n      onClick={props.onClick}\r\n      style={props.style ? props.style : {}}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import React from 'react';\r\n\r\ninterface ClassroomActivitiesListProps {}\r\n\r\n// TODO: Wire this up to.. something\r\nexport function ClassroomActivitiesList(props: ClassroomActivitiesListProps): JSX.Element {\r\n  return (\r\n    <div className='d-flex justify-content-around py-3'>\r\n      <div className='text-center'>\r\n        {/* TODO: Work out colours for each of these blocks */}\r\n        <p className='h1'>4</p>\r\n        <p className='h6 font-weight-normal'>Activities in progress</p>\r\n      </div>\r\n\r\n      <div className='text-center'>\r\n        <p className='h1'>13</p>\r\n        <p className='h6 font-weight-normal'>Student reviews required</p>\r\n      </div>\r\n\r\n      <div className='text-center'>\r\n        <p className='h1'>5</p>\r\n        <p className='h6 font-weight-normal'>Class completed actitivies</p>\r\n      </div>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { VideoInfoButton } from 'shared/components/video-info-button/VideoInfoButton';\r\n\r\nconst namespace = 'classrooms.classroomActivitiesList';\r\n\r\ninterface ClassroomActivitiesListEmptyStateProps {}\r\n\r\nexport function ClassroomActivitiesListEmptyState(props: ClassroomActivitiesListEmptyStateProps): JSX.Element {\r\n  return (\r\n    <div className='text-center'>\r\n      <p><Text namespace={namespace} phrase='noActivities' /></p>\r\n      <VideoInfoButton>\r\n        <Text namespace={namespace} phrase='howToStart' />\r\n      </VideoInfoButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\ninterface ClassroomStarProps {\r\n  isActive: boolean;\r\n  onToggle: () => void;\r\n  invisible?: boolean;\r\n}\r\n\r\nexport function ClassroomStar({ isActive, onToggle, invisible }: ClassroomStarProps): JSX.Element {\r\n  const className = `${isActive ? 'text-yellow' : ''} ${invisible ? 'invisible' : ''}`;\r\n\r\n  return (\r\n    <DivButton onClick={onToggle} className={className}>\r\n      <SvgContainer\r\n        svgName={isActive ? cvSvgLibrary.Star : cvSvgLibrary.StarOutline}\r\n        size={SvgContainerSize.Large}\r\n      />\r\n    </DivButton>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, EntityType, WorkflowPhase, LocationContext, AssocDescriptor } from 'libs/analytics/interfaces';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\n\r\nimport { MockStudent, MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { TileActions, TileAction } from 'apps/classrooms/components/tile-actions/TileActions';\r\n\r\nimport styles from './classroom-students-list.scss';\r\n\r\nconst namespace = 'classrooms.classroomStudentsList';\r\n\r\nconst getEditStudentAppLink = (id: string) => ({\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.EDIT_STUDENT,\r\n  args: [id]\r\n});\r\n\r\nconst getRemoveFromClassroomAppLink = (classroomId: string, studentId: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.REMOVE_STUDENTS,\r\n  args: [classroomId],\r\n  params: {\r\n    studentIds: [studentId]\r\n  }\r\n});\r\n\r\ninterface ClassroomStudentItemProps {\r\n  student: MockStudent;\r\n  classroom: MockClassroom;\r\n}\r\n\r\nexport function ClassroomStudentItem(props: ClassroomStudentItemProps): JSX.Element {\r\n  const [ showOptions, setShowOptions ] = React.useState(false);\r\n\r\n  const studentOptions: TileAction[] = [\r\n    {\r\n      text: LanguageService.getPhrase(namespace, 'editStudentDetails'),\r\n      appLink: getEditStudentAppLink(props.student.id),\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: props.student.id }, {\r\n          actionType: UserAction.Edit,\r\n          entity: EntityType.User,\r\n          workflowPhase: WorkflowPhase.Start,\r\n          location: LocationContext.ClassroomOverviewStudentListItem\r\n        });\r\n      }\r\n    },\r\n    {\r\n      text: LanguageService.getPhrase(namespace, 'removeFromClassroom'),\r\n      appLink: getRemoveFromClassroomAppLink(props.classroom.id, props.student.id),\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: props.student.id }, {\r\n          actionType: UserAction.Dissociate,\r\n          entity: EntityType.Classroom,\r\n          descriptor: AssocDescriptor.User,\r\n          workflowPhase: WorkflowPhase.Start,\r\n          location: LocationContext.ClassroomOverviewStudentListItem\r\n        });\r\n      }\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <li className={`${styles.studentCard} m-2 bg-white shadow position-relative rounded-lg`}>\r\n      {!showOptions\r\n        ? <>\r\n            <DivButton className={styles.toggleAction} onClick={() => setShowOptions(true)}>\r\n              <SvgContainer svgName={cvSvgLibrary.Edit} size={SvgContainerSize.Large} />\r\n            </DivButton>\r\n\r\n            <div className={`${styles.studentCardContent} w-100 px-1`}>\r\n              {/* <img\r\n                className='mb-1'\r\n                src={props.student.avatar}\r\n                alt={LanguageService.getPhrase(namespace, 'avatarAlt', { name: props.student.name })}\r\n              /> */}\r\n              <img\r\n                className='mb-1'\r\n                src={'/images/student-avatar-placeholder.png'}\r\n                alt={LanguageService.getPhrase(namespace, 'avatarAlt', { name: props.student.name })}\r\n              />\r\n              <h3 className='h6 text-center text-truncate pb-1 w-100'>{props.student.name} {props.student.surname}</h3>\r\n            </div>\r\n          </>\r\n        : <>\r\n            <DivButton className={styles.toggleAction} onClick={() => setShowOptions(false)}>\r\n              <SvgContainer svgName={cvSvgLibrary.Close} size={SvgContainerSize.Large} />\r\n            </DivButton>\r\n            <div className={styles.actionsContainer}>\r\n              <TileActions actions={studentOptions} />\r\n            </div>\r\n          </>\r\n      }\r\n    </li>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { MockStudent, MockClassroom } from 'apps/user-manager/interfaces';\r\n\r\nimport { ClassroomStudentItem } from './ClassroomStudentItem';\r\n\r\ninterface ClassroomStudentsListProps {\r\n  students: MockStudent[];\r\n  classroom: MockClassroom;\r\n}\r\n\r\nexport function ClassroomStudentsList(props: ClassroomStudentsListProps): JSX.Element {\r\n  return (\r\n    <>\r\n      <ul className='list-unstyled d-flex flex-wrap mx-n2'>\r\n        {props.students.map(student => (\r\n          <ClassroomStudentItem key={student.id} student={student} classroom={props.classroom} />\r\n        ))}\r\n      </ul>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"studentCard\":\"cv--studentCard--wZAHT\",\"studentCardContent\":\"cv--studentCardContent--G006q\",\"actionsContainer\":\"cv--actionsContainer--3boP_\",\"toggleAction\":\"cv--toggleAction--28bC8\"};","import React from 'react';\r\n\r\ninterface ClassroomStudentsListEmptyStateProps {}\r\n\r\nexport function ClassroomStudentsListEmptyState(props: ClassroomStudentsListEmptyStateProps): JSX.Element {\r\n  return (\r\n    <>Students empty state</>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport styles from './tile-actions.scss';\r\n\r\nexport interface TileAction {\r\n  appLink: Core.AppLink;\r\n  text: string;\r\n  onClick?: () => void;\r\n}\r\n\r\ninterface TileActionsProps {\r\n  actions: TileAction[];\r\n}\r\n\r\nexport function TileActions(props: TileActionsProps): JSX.Element {\r\n  return (\r\n    <div className='w-100 d-flex flex-column'>\r\n      {props.actions.map(action => (\r\n        <AppLink\r\n          key={action.text}\r\n          className={`${styles.option} py-1`}\r\n          appLink={action.appLink}\r\n          onClick={action.onClick || (() => {})}\r\n        >\r\n          <span className='pl-2'>\r\n            {action.text}\r\n          </span>\r\n        </AppLink>\r\n      ))}\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"option\":\"cv--option--2LGMe\"};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\n\r\nimport { ClassroomActivitiesList } from 'apps/classrooms/components/classroom-activities-list/ClassroomActivitiesList';\r\nimport { ClassroomActivitiesListEmptyState } from 'apps/classrooms/components/classroom-activities-list/empty-state/ClassroomActivitiesListEmptyState';\r\nimport { ClassroomStudentsList } from 'apps/classrooms/components/classroom-students-list/ClassroomStudentsList';\r\nimport { ClassroomStudentsListEmptyState } from 'apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState';\r\nimport { ClassroomStar } from 'apps/classrooms/components/classroom-star/ClassroomStar';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, UserAction, EntityType, WorkflowPhase, ToggleDescriptor } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'classrooms.classroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst learningPathsAppLink = {\r\n  application: AppChannels.DASHBOARD,\r\n  action: Actions.Dashboard.HOME\r\n};\r\n\r\nconst getManageClassroomAppLink = (id: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.MANAGE_CLASSROOM,\r\n  args: [id]\r\n});\r\n\r\ninterface ClassroomViewProps {\r\n  id: string;\r\n}\r\n\r\nexport function ClassroomView(props: ClassroomViewProps): JSX.Element {\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.id));\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  function onToggleStar(): void {\r\n    if (!classroom.data.isFavourited) {\r\n      Flight.fetch(dispatch, ClassroomRequests.starClassroom(classroom.data, () => {\r\n        AnalyticsHelper.logUserAction({ id: classroom.data.id }, {\r\n          location: LocationContext.ClassroomOverview,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: ToggleDescriptor.On,\r\n          entity: EntityType.Classroom,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(getPhrase('starSuccess', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }, () => {\r\n        alerts.error(getPhrase('starError', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }));\r\n    } else {\r\n      Flight.fetch(dispatch, ClassroomRequests.unstarClassroom(classroom.data, () => {\r\n        AnalyticsHelper.logUserAction({ id: classroom.data.id }, {\r\n          location: LocationContext.ClassroomOverview,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: ToggleDescriptor.Off,\r\n          entity: EntityType.Classroom,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(getPhrase('unstarSuccess', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }, () => {\r\n        alerts.error(getPhrase('unstarError', {\r\n          classroomName: classroom.data.name\r\n        }));\r\n      }));\r\n    }\r\n  }\r\n\r\n  if (!classroom.data)\r\n    return <>Partial Loading</>;\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='d-flex justify-content-between pb-3'>\r\n        <div className='d-flex'>\r\n          <div className='mt-1 mr-1'>\r\n            <ClassroomStar isActive={classroom.data.isFavourited} onToggle={onToggleStar} />\r\n          </div>\r\n          <div>\r\n            <h1 className='mb-0'>{classroom.data.name}</h1>\r\n            <p className='h6'><Text phrase='overview' /></p>\r\n          </div>\r\n        </div>\r\n\r\n        <AppLink className='d-flex align-items-center' appLink={getManageClassroomAppLink(classroom.data.id)}>\r\n          <SvgContainer className='mr-1 svg-container' svgName={cvSvgLibrary.Cog} />\r\n          <Text phrase='manageClassroom' />\r\n        </AppLink>\r\n      </div>\r\n\r\n      <div className='pb-3'>\r\n        <h2 className='h5'>\r\n          <span className='mr-2'>\r\n            <Text phrase='learningPaths' />\r\n          </span>\r\n          <AppLink appLink={learningPathsAppLink} className='font-weight-normal font-size-normal info-link'>\r\n            <Text phrase='seeAll' />\r\n          </AppLink>\r\n        </h2>\r\n\r\n        {!classroom.data.activities.length\r\n          ? <ClassroomActivitiesList />\r\n          : <ClassroomActivitiesListEmptyState />\r\n        }\r\n      </div>\r\n\r\n      <div>\r\n        <h2 className='h5'><Text phrase='students' /></h2>\r\n\r\n        {classroom.data.students.length\r\n          ? <ClassroomStudentsList students={classroom.data.students} classroom={classroom.data} />\r\n          : <ClassroomStudentsListEmptyState />\r\n        }\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nexport function VideoInfoButton(props: React.PropsWithChildren<{}>): JSX.Element {\r\n  return (\r\n    <IconButton\r\n      className='btn btn-outline-info d-block mx-auto mb-3'\r\n      svgName={cvSvgLibrary.Video}\r\n    >\r\n      {props.children}\r\n    </IconButton>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/3-233f573a92.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[3],{412:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(78),i=n(29),r=n(37);const o=()=>{const e=Object(a.a)(r.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:i.a.Warning,heading:i.c.Warning,message:t})}}}},416:function(e,t,n){"use strict";n.d(t,"b",(function(){return a})),n.d(t,"a",(function(){return m}));var a,i,r=n(0),o=n(78),c=n(33),s=n(10),l=n(9),u=n(458),d=n.n(u);function m(e){const{type:t,mediaType:n,extraClasses:u}=e,m=(Object(o.a)(l.b.ImageUrl).getImageUrls(),function(e){return e===a.Video?d.a.videoFallback:e===a.Playlist?d.a.playlistFallback:e===a.Series||e===a.TallSubject?d.a.posterFallback:e===a.Subject?d.a.subjectFallback:""}(t)),f=function(e,t){return e===a.Video?s.b.Play:e===a.Playlist?s.b.Playlist:e===a.Series?s.b.Series:e===a.Subject||e===a.TallSubject?s.b.Subject:""}(t);let p=""+function(e,t){return t===a.Subject?d.a.subjectFallbackContainer:e===i.Svg?d.a.svgFallbackContainer:d.a.baseFallbackContainer}(n,t);return u&&(p+=" "+e.extraClasses),r.createElement("div",{className:p},n===i.Svg?r.createElement(c.a,{svgName:f,className:m,tagName:"div"}):r.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:`url('${f}')`}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(a||(a={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(i||(i={})),m.defaultProps={mediaType:i.Svg}},426:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(a||(a={}))},429:function(e,t,n){"use strict";var a=n(0),i=n(36),r=n(406),o=n(456),c=n.n(o),s=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};const l=a.memo((function(e){var{forceLoad:t}=e,n=s(e,["forceLoad"]);const[i,o]=r.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver)return a.createElement("img",Object.assign({alt:""},n));const{src:l}=n,u=s(n,["src"]),d=Object.assign(Object.assign({alt:""},u),o||t?{src:l}:{});return t||(d.ref=i),a.createElement("img",Object.assign({className:c.a.image},d))}));var u,d=n(34),m=n(426),f=n(457),p=n.n(f);function v(e){let t="thumbnail "+p.a.thumbnail,n="";return e.aspectRatio===u.SixteenByNine&&(n=p.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(n=p.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(n=p.a.oneByOne),e.aspectRatio===u.TwoByThree&&(n=p.a.twoByThree),n&&(t+=" "+n),e.className&&(t+=" "+e.className),t}function g(e){const{data:t,size:n,appLink:r,preload:o}=e;let c="";"string"==typeof t?c=t:i.a.isObject(t)&&(c=t.url);const s=c&&function(e,t=m.a.Small){return`${e}?size=${t}`}(c,n);return a.createElement("div",{className:v(e)},a.createElement(d.a,{appLink:r},e.children,s&&a.createElement(l,{src:s,forceLoad:o})))}n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return g})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},431:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag"}(a||(a={}))},434:function(e,t,n){"use strict";var a=n(0),i=n(28);const r={mapRatingToClass(e){if(!e)return"";return(e=>{switch(!0){case e<32:return"bg-purple";case e<48:return"bg-success";case e<80:return"bg-info";case e<96:return"bg-danger";case e<128:return"bg-pink";case e>=128:return"bg-warning";default:return""}})(e)}};var o,c=n(132),s=n(460),l=n.n(s);function u(e){const{type:t,data:n}=e;if(!function(e,t){return e===o.Rating?t&&!!t.value:!!t}(t,n))return a.createElement(a.Fragment,null);const s=function(e,t){let n="";return e===o.Duration&&(n=l.a.duration),e===o.Interactive&&(n=l.a.interactive),e===o.Rating&&(n=`${l.a.rating} ${r.mapRatingToClass(t.value)}`),e===o.ProductionYear&&(n=l.a.productionYear),"badge "+n}(t,n),u=function(e,t){return e===o.Interactive?"Interactive":e===o.Duration?c.a.ToDisplayDuration(t):e===o.Rating?t.code:e===o.ProductionYear?t:void 0}(t,n),d=function(e,t){return e===o.Rating?{title:t.name,placement:"top"}:null}(t,n);return d?a.createElement(i.OverlayTrigger,{placement:d.placement,overlay:a.createElement(i.Tooltip,{id:d.title},d.title)},a.createElement("span",{className:s},u)):a.createElement("span",{className:s},u)}n.d(t,"b",(function(){return o})),n.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(o||(o={}))},451:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(79),i=n(81);function r(){const e=Object(i.a)(a.a.XS),t=Object(i.a)(a.a.SM),n=Object(i.a)(a.a.MD),r=Object(i.a)(a.a.LG),o=Object(i.a)(a.a.XL),c=Object(i.a)(a.a.XXL);let s=a.a.LG;return e&&(s=a.a.XS),t&&(s=a.a.SM),n&&(s=a.a.MD),r&&(s=a.a.LG),o&&(s=a.a.XL),c&&(s=a.a.XXL),s}},452:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return c}));var a=n(0),i=n(26);const r={className:"",delay:0};function o(e=r){const[t,n]=a.useState(!1),o=a.useRef(null),c=i.a.throttle(()=>{var t,a;e.className&&(null===(a=null===(t=o.current)||void 0===t?void 0:t.classList)||void 0===a||a.add(e.className)),n(!0)},e.delay,{leading:!1}),s=()=>{var t,a;i.a.isFunction(c.cancel)&&c.cancel(),e.className&&(null===(a=null===(t=o.current)||void 0===t?void 0:t.classList)||void 0===a||a.remove(e.className)),n(!1)};return a.useLayoutEffect(()=>{const e=o.current;if(e)return e.addEventListener("mouseenter",c),e.addEventListener("mouseleave",s),()=>{e.removeEventListener("mouseenter",c),e.removeEventListener("mouseleave",s)}},[o.current]),[o,t]}function c(e){return o({className:e,delay:275})}},456:function(e,t,n){e.exports={image:"_1YW-E"}},457:function(e,t,n){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},458:function(e,t,n){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},459:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(0),i=n(460),r=n.n(i);function o(e){let t="d-flex "+r.a.badgeList;return e.className&&(t+=" "+e.className),a.createElement("div",{className:t},e.children)}},460:function(e,t,n){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},461:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Percentage="%",e.Pixels="px"}(a||(a={}))},473:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Videos="videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.UserChannels="user channels"}(a||(a={}))},474:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),i=n(7),r=n(10),o=n(33),c=n(412);const s=i.a.encloseNamespace("shared.favouriteButton");function l(e){const t=Object(c.a)(),n="boolean"==typeof e.video.isFavourited,i=!!e.video.isFavourited,[l,u]=a.useState(i);a.useEffect(()=>{u(i)},[i]);let d="cursor-pointer text"+(l?"-danger":"-dark");return e.className&&(d+=" "+e.className),n?a.createElement("div",{className:d,onClick:function(){const n=!l;u(n),e.setFavourite(e.video.id,n,(function(){t.error(s(n?"favouriteError":"unfavouriteError")),u(!n)}))}},a.createElement(o.a,{svgName:l?r.b.Heart:r.b.HeartOutline,size:o.b.Small})):a.createElement(a.Fragment,null)}},475:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(a||(a={}))},482:function(e,t,n){"use strict";n.d(t,"a",(function(){return w}));var a=n(0),i=n(7),r=n(36),o=n(461),c=n(483),s=n(499),l=n(451),u=n(452),d=n(82),m=n(431),f=n(484),p=n(34),v=n(33),g=n(10),b=n(426),y=n(485),E=n(487),h=n(488),O=n(486),N=n.n(O);function S(e){var t,n;const[d,O]=a.useState(null),[S,w]=a.useState(null),[k,L]=a.useState(0),[j,x]=a.useReducer(h.a,h.b,h.c),C=a.useRef(null),[_,I]=Object(u.a)(),[B,P]=a.useState(!1),[R,A]=a.useState(!1),{ref:T,inView:D}=Object(f.a)(e.lazyLoad),F=Object(l.a)();a.useEffect(()=>{x({type:m.a.Resize,payload:{mediaQuery:F,type:e.type,contents:e.contents,collection:j.collection}})},[F]);const z=Object(E.g)(e,x,j,F,!e.lazyLoad||D);const X={type:j.type,size:j.currentSize,collectionSize:j.collection.length,contents:e.contents},M=Object(E.a)(e,(null===(t=z)||void 0===t?void 0:t.data)||e.collection);if(null===(n=z)||void 0===n?void 0:n.hasError)return a.createElement(a.Fragment,null);if(!M||r.a.isEmpty(M)&&!e.prefetched)return a.createElement("div",{ref:T},a.createElement(y.a,{type:e.type}));if(!j.collection.length)return a.createElement(a.Fragment,null);const V=e.childComponent;return a.createElement("div",{className:"pb-3"},a.createElement("div",{className:"mb-1"},a.createElement(p.a,{appLink:Object(E.b)(e.appLink,M)},a.createElement("h2",{className:"h4 mb-0 d-inline-block align-top pl-1 text-dark"},M.name,!!e.appLink&&a.createElement(v.a,{svgName:g.b.ChevronRight,size:v.b.Small})),e.settingsAppLink&&a.createElement(p.a,{appLink:e.settingsAppLink},a.createElement(v.a,{svgName:g.b.Cog,className:"d-inline-block svg-container cursor-pointer",title:i.a.getPhrase("shared.fixedWidget","preferencesTooltip"),tooltipPlacement:"right"}))),M.description&&a.createElement("p",{className:"text-truncate pl-1 mb-0 description"},M.description)),a.createElement("div",{ref:_,className:"position-relative"},!B&&a.createElement("div",{className:N.a.leftOverflowGradient}),a.createElement(c.a,{direction:c.b.Left,onClick:()=>x({type:m.a.Previous}),hide:B||j.offset<=j.collection.length&&!(I&&j.offset!==j.viewableItems),contents:e.contents}),a.createElement(s.a,{position:j.position,positionType:o.a.Percentage,onTouchMove:Object(E.e)(j,C,S,w,d,O,L),onTouchEnd:Object(E.d)(C,O,k,L,x),ref:C,percentageDragged:k},j.collection.map((t,n)=>a.createElement(V,{key:t.id,data:t,appLink:e.childAppLink,context:X,preloadImage:Object(E.f)(j)(t),thumbnailSize:b.a.Medium,onHover:e=>{window.setTimeout(()=>{!function(e,t){(t+1)/j.viewableItems%1==0?A(e):t/j.viewableItems%1==0&&P(e)}(e,n)},0)}}))),a.createElement(c.a,{direction:c.b.Right,onClick:()=>x({type:m.a.Next}),hide:R||(j.offset>j.viewableItems||j.offset===j.collection.length)&&!(I&&j.offset<j.collection.length),contents:e.contents}),!R&&a.createElement("div",{className:N.a.rightOverflowGradient})))}S.defaultProps={type:d.c.Row};const w=a.memo(S)},483:function(e,t,n){"use strict";n.d(t,"b",(function(){return a})),n.d(t,"a",(function(){return l}));var a,i=n(0),r=n(33),o=n(10),c=n(520),s=n.n(c);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(a||(a={}));const l=i.memo((function(e){const t=e.direction===a.Left,n=t?o.b.ChevronLeft:o.b.ChevronRight,c=function(e,t){let n=s.a.topPos;return n+=t?" "+s.a.left:" "+s.a.right,n}(e.contents,t);return e.hide?i.createElement(i.Fragment,null):i.createElement(i.Fragment,null,i.createElement("div",{role:"button",className:`${c} ${s.a.button}`,onClick:e.onClick},i.createElement(r.a,{svgName:n,size:r.b.Medium,className:"svg-container d-inline-block"})),e.useGradientBackdrop&&i.createElement("div",{className:t?s.a.gradientLeft:s.a.gradientRight}),i.createElement("div",{role:"button",onClick:e.onClick,className:t?s.a.extendedClickableAreaLeft:s.a.extendedClickableAreaRight}))}),(e,t)=>e.hide===t.hide)},484:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(406);function i(e){const t=e&&!(void 0===window.IntersectionObserver);let[n,i]=a.useInView({triggerOnce:!0});return t||(i=!0),{ref:n,inView:i}}},485:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),i=n(79),r=n(451),o=n(486),c=n.n(o);const s=({colSize:e})=>a.createElement("div",{className:"col-"+e},a.createElement("div",{className:c.a.partialItem+" mx-1 partial-loading-background"}));function l(e){const{itemCount:t,colSize:n}=function(){const e=Object(r.a)();return e===i.a.XS?{itemCount:1,colSize:12}:e===i.a.SM?{itemCount:2,colSize:6}:e===i.a.MD?{itemCount:3,colSize:4}:{itemCount:4,colSize:3}}();let o=[];for(let e=0;e<t;e++)o.push(a.createElement(s,{key:e,colSize:n}));return a.createElement("div",{className:"widget pb-3"},a.createElement("div",{className:c.a.partialHeading+" mx-1 mb-1 partial-loading-background"}),a.createElement("div",{className:c.a.partialDescription+" mx-1 my-1 partial-loading-background"}),a.createElement("div",{className:c.a.slidingContainer+" row"},o))}},486:function(e,t,n){e.exports={leftOverflowGradient:"u_MPi",rightOverflowGradient:"_38ooL",partialHeading:"OVsdA",partialDescription:"_1HtA2",partialItem:"_3G2hG",largePartialItem:"NnK8O"}},487:function(e,t,n){"use strict";n.d(t,"g",(function(){return d})),n.d(t,"f",(function(){return m})),n.d(t,"b",(function(){return f})),n.d(t,"a",(function(){return p})),n.d(t,"c",(function(){return v})),n.d(t,"e",(function(){return O})),n.d(t,"d",(function(){return N}));var a=n(0),i=n(36),r=n(26),o=n(35),c=n(79),s=n(431),l=n(473),u=n(82);function d(e,t,n,o,c){const{fetch:l,setData:u,type:d,collection:m,prefetched:f,contents:p}=e;let v,g=m;return(!g||i.a.isEmpty(g)&&!f)&&(v=l(c),g=v.data),a.useEffect(()=>{g&&!i.a.isEmpty(g)&&t({type:s.a.Init,payload:{collection:r.a.isFunction(u)?u(g):g,mediaQuery:o,type:d,contents:p}})},[g]),v}function m(e){const{offset:t,viewableItems:n,collection:a}=e,i=t,r=[];for(let e=0;e<i+n;e++)r.push(e);return function(e){const t=a.indexOf(e);return r.includes(t)}}function f(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,o.a.slugify(t.name)]})}function p(e,t){const{name:n,description:a}=e,i={};return Array.isArray(t)?{name:n,description:a}:(e.name&&(i.name=n),e.description&&(i.description=a),Object.assign(Object.assign({},t),i))}function v(e){switch(e){case l.a.Playlists:return g;case l.a.Videos:return b;case l.a.Subjects:return y;case l.a.UserChannels:return E;case l.a.Series:default:return h}}function g(e,t,n){let a=5;return e===c.a.XS?a=2:e===c.a.SM?a=3:e===c.a.MD&&(a=4),n<a&&(a=n),a}function b(e,t,n){let a=4;return e===c.a.XS?a=2:e===c.a.SM?a=3:e===c.a.MD?a=4:e!==c.a.LG&&e!==c.a.XL&&e!==c.a.XXL||(a=t===u.c.LargeRow||n<4?3:4),n<a&&(a=n),a}function y(e,t,n){let a=6;return e===c.a.SM||e===c.a.XS?a=3:e===c.a.MD?a=4:e===c.a.LG?a=5:e!==c.a.XL&&e!==c.a.XXL||(a=6),n<a&&(a=n),a}function E(e,t,n){let a=6;return e===c.a.SM||e===c.a.XS?a=3:e===c.a.MD?a=4:e===c.a.LG?a=5:e!==c.a.XL&&e!==c.a.XXL||(a=6),n<a&&(a=n),a}function h(e,t,n){let a=4;return e===c.a.XS?a=2:e===c.a.SM&&(a=3),n<a&&(a=n),a}function O(e,t,n,a,i,r,o){return function(c){const s=c.touches.item(0).clientX;i||(t.current.style.transition="",a(t.current.getBoundingClientRect().width),r(s));let l=(i-s)/n*100;(l<0&&e.offset===e.viewableItems||l>0&&e.offset===e.collection.length)&&(l=0),o(l)}}function N(e,t,n,a,i){return function(){if(e.current.style.transition="transform 500ms ease-in-out 100ms",t(null),Math.abs(n)>=7.5){const e=n>0?s.a.Next:s.a.Previous;i({type:e})}a(0)}}},488:function(e,t,n){"use strict";n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return s})),n.d(t,"c",(function(){return l}));var a=n(79),i=n(431),r=n(82),o=n(487);const c={offset:0,viewableItems:4,position:0,collection:[],currentSize:a.a.LG,type:r.c.Row};function s(e,t){var n,a;const{type:r,payload:c={}}=t;switch(r){case i.a.Next:return Object.assign(Object.assign({},e),(e=>{const{collection:t,viewableItems:n,offset:a,position:i}=e,r=t.length-a;return r%n==0||r>n?{position:i-100,offset:a+n}:r<n?{position:i-r/n*100,offset:a+r}:{position:i,offset:a}})(e));case i.a.Previous:return Object.assign(Object.assign({},e),(e=>{const{viewableItems:t,offset:n,position:a}=e,i=n-t;return i%t==0||i>t?{position:a+100,offset:n-t}:i<t?{position:a+i/t*100,offset:n-i}:{position:a,offset:n}})(e));case i.a.Resize:{const t=Object(o.c)(c.contents)(c.mediaQuery,c.type,null===(n=c.collection)||void 0===n?void 0:n.length);return Object.assign(Object.assign({},e),{currentSize:c.mediaQuery,position:0,offset:t,viewableItems:t,type:c.type})}case i.a.Init:{const t=Object(o.c)(c.contents)(c.mediaQuery,c.type,null===(a=c.collection)||void 0===a?void 0:a.length);return l(Object.assign(Object.assign({},e),{collection:c.collection,currentSize:c.mediaQuery,offset:t,viewableItems:t,type:c.type}))}default:return e}}function l(e){return Object.assign(Object.assign({},c),e)}},499:function(e,t,n){"use strict";var a=n(0),i=n(112),r=n(461);const o=new Image;o.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";const c={hideDragImage(e){e.dataTransfer.setDragImage(o,0,0)}};n.d(t,"a",(function(){return l}));const s=i.a.isTouchScreen();const l=a.forwardRef((e,t)=>{const{children:n,positionType:i,onDrag:o,onDragEnd:l,onTouchMove:u,onTouchEnd:d,percentageDragged:m,position:f=0}=e;return a.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(p=f,v=i,g=m,v===r.a.Percentage&&g&&(p-=g),{transform:`translate3d(${p}${v}, 0px, 0px)`,transition:"transform 500ms ease-in-out 100ms"}),ref:t},function(){const e={};return o&&l&&(e.draggable=!0,e.onDrag=o,e.onDragEnd=l,e.onDragStart=c.hideDragImage,e.onDragOver=e=>e.preventDefault()),u&&d&&s&&(e.onTouchMoveCapture=u,e.onTouchEndCapture=d),e}()),n);var p,v,g})},508:function(e,t,n){"use strict";var a=n(0),i=n.n(a),r=n(26),o=n(474),c=n(429),s=n(416),l=n(130),u=n(459),d=n(434),m=n(33),f=n(10),p=n(517),v=n.n(p);function g(e){var t;const{video:n,appLink:a,size:p,setFavourite:g,preload:b,hovering:y}=e;return i.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!r.a.isFunction(g)&&i.a.createElement("div",{className:v.a.favouriteContainer},i.a.createElement(o.a,{setFavourite:g,video:n,className:"rounded-circle p-1 "+v.a.favouriteButton})),i.a.createElement(c.b,{data:n.thumbnail,appLink:a,aspectRatio:c.a.SixteenByNine,size:p,preload:b,className:v.a.gradient},y&&i.a.createElement(m.a,{className:v.a.playIcon,svgName:f.b.PlayCircle}),i.a.createElement(s.a,{type:s.b.Video}),i.a.createElement("div",{className:v.a.overlayContainer},i.a.createElement("div",{className:`${v.a.title} ${y?v.a.downScale:""}`},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&i.a.createElement(l.a,{className:"text-shadow clamp-1",video:n,appLink:null}),i.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},n.name),y&&i.a.createElement(u.a,{className:"align-items-center mb-n1"},i.a.createElement(d.a,{type:d.b.Duration,data:n.duration}),i.a.createElement(d.a,{type:d.b.Rating,data:n.rating}),i.a.createElement("span",{className:"badge p-0"},i.a.createElement(m.a,{svgName:f.b.CloseCaptionBadge})))))))}var b,y=n(475),E=n(518),h=n.n(E);function O(e){const{type:t}=e,n=function(e){return e===b.Video?h.a.video:e===b.Playlist?h.a.playlist:""}(t),i=function(e){return e===b.Video?f.b.PlayCircle:e===b.Playlist?f.b.AddToPlaylists:""}(t);return a.createElement("div",{className:h.a.maskContainer},a.createElement("div",{className:h.a.mask}),a.createElement(m.a,{svgName:i,className:n}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(b||(b={}));var N=n(34),S=n(519),w=n.n(S);function k(e){var t;const{video:n,seriesAppLink:a,textPosition:r,appLink:o}=e,c=r===y.a.Overlay,s=c?w.a.titleOverlay:w.a.titleBelow;return i.a.createElement("div",{className:s},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&i.a.createElement(l.a,{className:c?"text-shadow clamp-1":"clamp-2",video:n,appLink:c?null:a}),c?i.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},n.name):i.a.createElement(N.a,{className:"h6 text-reset clamp-2 mb-0",appLink:o},n.name))}function L(e){const{video:t,appLink:n,textPosition:a,size:l,setFavourite:m,preload:f}=e;let p="position-relative";return a===y.a.Overlay&&(p+=" rounded overflow-hidden"),i.a.createElement("div",{className:p},!!r.a.isFunction(m)&&i.a.createElement("div",{className:w.a.favouriteContainer},i.a.createElement(o.a,{setFavourite:m,video:t,className:"rounded-circle p-1 "+w.a.favouriteButton})),i.a.createElement(c.b,{data:t.thumbnail,appLink:n,aspectRatio:c.a.SixteenByNine,size:l,preload:f,className:a===y.a.Overlay?w.a.gradient:""},i.a.createElement(O,{type:b.Video}),i.a.createElement(s.a,{type:s.b.Video}),i.a.createElement("div",{className:w.a.overlayContainer},a===y.a.Overlay&&i.a.createElement(k,Object.assign({},e)),i.a.createElement(u.a,{className:w.a.badgeContainer},i.a.createElement(d.a,{type:d.b.Duration,data:t.duration})))),a===y.a.Below&&i.a.createElement(k,Object.assign({},e)))}function j(e){return"expandable"===e.type?a.createElement(g,Object.assign({},e)):a.createElement(L,Object.assign({},e))}n.d(t,"a",(function(){return j}))},517:function(e,t,n){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},518:function(e,t,n){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},519:function(e,t,n){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",gradient:"_1o4aT"}},520:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},550:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var a=n(0),i=n(35),r=n(82),o=n(475),c=n(508),s=n(452),l=n(584),u=n.n(l);const d=a.memo((function(e){const{data:t,appLink:n,seriesAppLink:l,context:d,thumbnailSize:m,preloadImage:f}=e,[p,v]=Object(s.b)(u.a.hovering);a.useEffect(()=>{e.onHover(v)},[v]);const g=Object.assign(Object.assign({},n),{args:[t.id,i.a.slugify(t.name)]});let b=u.a.rowWidth;return d.type!==r.c.LargeRow&&3!==d.collectionSize||(b=u.a.largeRowWidth),a.createElement("div",{ref:p,className:"p-1 flex-shrink-0 position-relative "+b},a.createElement(c.a,{video:t,type:"expandable",appLink:g,seriesAppLink:l,textPosition:o.a.Overlay,size:m,preload:f,hovering:v}))}),(e,t)=>{var n,a,i,r,o,c;return e.preloadImage===t.preloadImage&&(null===(n=e.data)||void 0===n?void 0:n.name)===(null===(a=t.data)||void 0===a?void 0:a.name)&&(null===(r=null===(i=e.data)||void 0===i?void 0:i.series)||void 0===r?void 0:r.id)===(null===(c=null===(o=t.data)||void 0===o?void 0:o.series)||void 0===c?void 0:c.id)})},584:function(e,t,n){e.exports={rowWidth:"_8IgrO",largeRowWidth:"q46rm",hovering:"IeeJA"}}}]);