@clickview/lite 0.49.0 → 0.49.2

package/dist/scripts/2182-adfcf40199-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2182],{53364:(e,t,n)=>{n.d(t,{b:()=>d});var a=n(32735),r=n(72688),i=n(99504),l=n(86664);const o={idpButton:"FDoJA",idpImage:"bjN_j",divider:"FfyN0"};var c=[{name:"ClassLink",logoUrl:"https://img.clickviewapp.com/v2/logos/ZA2ew5",url:"/login?idp=classlink"},{name:"Clever",logoUrl:"https://img.clickviewapp.com/v2/logos/LqlKgd",url:"/login?idp=clever"},{name:"Google",logoUrl:"https://img.clickviewapp.com/v2/logos/l5x0jL",url:"/login?idp=google"},{name:"Microsoft",logoUrl:"https://img.clickviewapp.com/v2/logos/xAxGPP",url:"/login?idp=microsoft"}],s=[];function u(e){var t=e.idp,n=e.last;return a.createElement("button",{className:"btn btn-lg btn-outline-dark w-100 ".concat(n?"":"mb-3"," ").concat(o.idpButton),onClick:function(){if(e.onClick)e.onClick(t);else{var n=window.location.pathname+window.location.search,a=JSON.stringify(function(){var e={},t=r.N.getEncodedAttributionData();t&&(e.r=t);var n=i.F.getUtmParameters();return n&&(e.utms=n),e}());window.location.href=t.url+"&redirectUrl="+encodeURIComponent(n)+"&attribution="+encodeURIComponent(a)}}},t.logoUrl&&a.createElement("img",{src:t.logoUrl,className:o.idpImage}),"Continue with ",t.name)}function d(e){var t,n,r="idps"in e?e.idps:null;return!(null==r?void 0:r.length)&&"geoLocation"in e&&(r=[].concat(s),l.I.isCountryCodeUS(null===(t=e.geoLocation)||void 0===t?void 0:t.countryCode)&&(n=r).unshift.apply(n,c)),r.length?a.createElement("div",{className:"".concat(e.className?e.className:"")},a.createElement("div",{className:"my-3 border-bottom position-relative ".concat(o.divider)}),r.map((function(t,n){return a.createElement(u,{idp:t,key:n,onClick:"onClick"in e?e.onClick:null})}))):a.createElement(a.Fragment,null)}},48015:(e,t,n)=>{n.d(t,{M:()=>o});var a=n(39202),r=n(20354),i=n(39151),l={countryCode:"us",isFallback:!0};function o(){var e,t,n=r.a.useBasicFetch(i.L.geoLocation()),o=null===(t=null===(e=a.Ab.GetQuery())||void 0===e?void 0:e.countryCode)||void 0===t?void 0:t.toLowerCase();return o?{countryCode:o}:n.hasCompleted&&!n.data?l:n.data}},19623:(e,t,n)=>{n.d(t,{P:()=>p});var a=n(32735),r=n(81886),i=n(23481),l=n(53364),o=n(36848),c=n(83345),s=n(14070),u=n(97291),d="launchpad.signInButtons",m=i.T.encloseNamespace(d);function p(e){a.useEffect((function(){e.skipPrompt&&r.Q.Ab.PageLoad(r.Q.C$.getHref(t))}),[]);var t=function(){var t=r.Q.Ab.GetQuery(),n={};if(e.customerId&&(n.customerId=e.customerId,delete t.customerId),e.skipPrompt&&delete t.skipPrompt,e.redirectUrl)n.redirectUrl=e.redirectUrl;else{var a=r.Q.Ab.SerializeQueryParams(t);n.redirectUrl=r.Q.Ab.GetCurrentPath()+(a?"?"+a:"")}return e.showSignUp&&(n.showSignUp=!0),{application:u.O.DEFAULT,action:s.e.Default.LOG_IN,params:n}}();return a.createElement(a.Fragment,null,a.createElement(o.F,{className:"btn btn-lg btn-dark w-100 mt-4",appLink:t},a.createElement(c.x,{namespace:d,phrase:e.pageAppLinkString?"signInToWatch":"signIn"})),e.showJoinCode?a.createElement(o.F,{className:"btn btn-link info-link btn-lg w-100 mt-2",appLink:{application:u.O.LAUNCHPAD,action:s.e.Launchpad.JOIN_CLASSROOM_PROMPT}},m("enterCode")):a.createElement(a.Fragment,null,a.createElement(o.F,{className:"btn btn-lg btn-outline-dark w-100 mt-3",appLink:{application:u.O.LAUNCHPAD,action:s.e.SignUp.SIGN_UP,params:{pageAppLinkString:e.pageAppLinkString}}},m("signUp")),a.createElement(l.b,{geoLocation:e.geoLocation})))}},92182:(e,t,n)=>{n.r(t),n.d(t,{ShareLinkSignInView:()=>h});var a=n(32735),r=n(23481),i=n(65858),l=n(64249),o=n(2786),c=n(11882),s=n(4594),u=n(48015),d=n(83421),m=n(7179),p=n(19623),g=n(75608),f=n(408);const v={logo:"Nbzoq",container:"hKyDn"};var b="launchpad.shareLinkSignIn";function h(e){var t=e.shareId,n=e.redirectUrl,h=e.customerId,y=(0,g.a)(t),k=(0,m.P)(function(e,t){return{id:null==t?void 0:t.id,app:(0,m.e)(null==t?void 0:t.typeId),shareId:e}}(t,y),i.LZ.Launchpad),E=k.deepLink,I=k.showDeepLink,C=k.onClickDeepLink,w=(0,f.B)().trialAppLinkString,U=(0,u.M)();return y?a.createElement(d.Z,{title:y.name,imageUrl:l.I.getImageUrl(y),objectType:y.typeId,links:[{text:r.T.getPhrase(b,"openInApp"),url:E,hide:!I,onClick:C}]},a.createElement("div",{className:"".concat(v.container," m-auto")},a.createElement("div",{className:"".concat(v.logo," mb-4 mx-auto")},a.createElement(o.$S,null)),!!y.name&&a.createElement("h1",{className:"h3"},y.typeId===s.E.Video&&a.createElement(c.$,{type:"series",video:y,analyticsOptions:{},size:"sm"}),y.name),"description"in y&&a.createElement("p",{className:"mb-0 clamp-3"},y.description),a.createElement(p.P,{geoLocation:U,customerId:h,redirectUrl:n,skipPrompt:!1,showJoinCode:!1,pageAppLinkString:w,showSignUp:!0}))):a.createElement(a.Fragment,null)}},75608:(e,t,n)=>{n.d(t,{a:()=>p});var a=n(20354),r=n(30439),i=n(4594),l=n(21750),o=n(43012),c=n(20768),s=n(5112),u=n(60011),d=n(31949),m=n(1575);function p(e){var t=a.a.useBasicFetch(d.N.currentUser()),n=a.a.useBasicFetch(r.o.getShareObject(e)),p=function(){if(!n.data||!t.data)return null;switch(n.data.objectTypeId){case i.E.Video:return m.R.publicVideo(n.data.objectId,e);case i.E.Clip:return o.e.publicClip(n.data.objectId,e);case i.E.Interactive:return c.b.publicInteractiveMetadata(n.data.objectId,e);case i.E.Playlist:return s.C.getSharedPlaylist(n.data.objectId,e);case i.E.Subject:return l.x.classification(n.data.objectId,t.data.id);case i.E.Series:return u.J.sharedSeries(n.data.objectId,e)}}();return a.a.useBasicFetch(p).data}},408:(e,t,n)=>{n.d(t,{B:()=>l});var a=n(2948),r=n(86702);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function l(){var e,t,n=(e=(0,a.D)(r.y.OPEN_IN_APP_DATA),t=1,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return{trialAppLinkString:function(){if(n&&["videos","clips","series","playlists","topics","interactives"].includes(n.app)){var e=n.id;switch(n.app){case"videos":return"video:".concat(e);case"playlists":return"playlist:".concat(e);case"series":return"series:".concat(e);case"topics":return"topic:".concat(e);case"interactives":return"interactive:".concat(e);case"clips":return"clip:".concat(e)}}}()}}},83421:(e,t,n)=>{n.d(t,{Z:()=>p});var a=n(32735),r=n(54610),i=n(4594),l=n(67453),o=n(99742);const c={left:"vIypY",leftTextImage:"YViNj",right:"MkD4u",blur:"X6mCh",imageContainer:"bc7kz",imagePosition:"JOhEj",image:"Ef2QR",thumbnail:"Gdurb",tallposter:"fjVNK",cover:"o3j31",linksContainer:"AT9Dk"};function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var d=[{bgUrl:o.W.LaunchPad.BG_1},{bgUrl:o.W.LaunchPad.BG_2},{bgUrl:o.W.LaunchPad.BG_3},{bgUrl:o.W.LaunchPad.BG_4},{bgUrl:o.W.LaunchPad.BG_5}];function m(e){switch(e){case i.E.Video:case i.E.Interactive:case i.E.Clip:return c.thumbnail;case i.E.Subject:case i.E.Playlist:return c.cover;case i.E.Series:return c.tallposter;default:return""}}function p(e){var t,n=s(a.useState(!1),2),i=n[0],o=n[1],u=s(a.useState(""),2),p=u[0],g=u[1],f=s(a.useState(""),2),v=f[0],b=f[1],h=l.j.createUrl(e.imageUrl,{size:r.h2.Large}),y=d;return a.useEffect((function(){if(!h&&y&&0!==y.length){var e,t=(e=y)[Math.floor(Math.random()*e.length)];t.bgUrl&&g(t.bgUrl),t.textUrl&&b(t.textUrl)}}),[]),a.useEffect((function(){if(h){var e=new Image;return e.onload=function(){return o(!0)},e.src=h,function(){return e.onload=null}}}),[]),a.createElement("div",{className:"d-flex"},e.leftComponent?e.leftComponent():a.createElement("div",{className:"".concat(c.left," bg-light"),style:{backgroundImage:"url('".concat(p,"')")}},v&&a.createElement("div",{className:c.leftTextImage,style:{backgroundImage:"url('".concat(v,"')")}}),i&&a.createElement(a.Fragment,null,a.createElement("div",{className:c.blur,style:{backgroundImage:"url('".concat(h,"')")}}),a.createElement("div",{className:"".concat(c.imageContainer," ").concat(m(e.objectType))},a.createElement("div",{className:c.imagePosition},a.createElement("img",{className:c.image,src:h,alt:e.title}))))),a.createElement("div",{className:"".concat(c.right," bg-white d-flex flex-column")},a.createElement("div",{className:"position-absolute d-flex align-items-center ".concat(c.linksContainer)},null===(t=e.links)||void 0===t?void 0:t.map((function(e,t){return e.hide?a.createElement(a.Fragment,{key:t}):a.createElement("a",{key:t,href:e.url,className:"info-link fw-semibold",onClick:e.onClick},e.text)}))),e.children))}}}]);
+//# sourceMappingURL=2182-adfcf40199-lite.chunk.js.map

package/dist/scripts/{2182-a051ac8573-lite.chunk.js.map → 2182-adfcf40199-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/2182-a051ac8573-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/sign-up/components/general/global-idps/global-idps.scss","file:///app/packages/libs/shared/src/apps/sign-up/components/general/global-idps/GlobalIdps.tsx","file:///app/packages/libs/shared/src/hooks/useGeoLocation.ts","file:///app/packages/projects/lite/src/apps/launchpad/components/sign-in-buttons/SignInButtons.tsx","file:///app/packages/projects/lite/src/apps/launchpad/views/share-link-sign-in/share-link-sign-in.scss","file:///app/packages/projects/lite/src/apps/launchpad/views/share-link-sign-in/ShareLinkSignInView.tsx","file:///app/packages/projects/lite/src/apps/share/hooks/useFetchSharedResource.ts","file:///app/packages/projects/lite/src/apps/sign-up/hooks/useTrialAppLink.tsx","file:///app/packages/projects/lite/src/shared/components/launchpad/launchpad.scss","file:///app/packages/projects/lite/src/shared/components/launchpad/Launchpad.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"idpButton\":\"FDoJA\",\"idpImage\":\"bjN_j\",\"divider\":\"FfyN0\"};","import React from 'react';\n\nimport { HashObject } from 'libs/analytics/interfaces';\nimport { AttributionHelper } from 'libs/analytics/utils/AttributionHelper';\nimport { UtmHelper } from 'libs/analytics/utils/UtmHelper';\n\nimport { LocalityHelper } from 'libs/shared/apps/sign-up/helpers/LocalityHelper';\nimport { IdentityProvider } from 'libs/shared/apps/sign-up/interfaces/IdentityProvider';\nimport { GeoLocation } from 'libs/shared/interfaces/responses/GeoLocation';\n\nimport styles from './global-idps.scss';\n\nconst US_ONLY_IDPS: IdentityProvider[] = [\n  {\n    name: 'ClassLink',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/ZA2ew5',\n    url: '/login?idp=classlink'\n  },\n  {\n    name: 'Clever',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/LqlKgd',\n    url: '/login?idp=clever'\n  }\n];\n\nconst GLOBAL_IDPS: IdentityProvider[] = [\n  {\n    name: 'Google',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/l5x0jL',\n    url: '/login?idp=google'\n  },\n  {\n    name: 'Microsoft',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/xAxGPP',\n    url: '/login?idp=microsoft'\n  }\n];\n\ninterface GlobalIdpButtonProps {\n  idp: IdentityProvider;\n  /**\n   * Because rendering globalIdps is conditional. We have a \"Don't have an account\" link at the bottom\n   * which uses margin top. So the last item in this view must not have a margin bottom. - Sha\n   */\n  last?: boolean;\n  onClick?: (idp: IdentityProvider) => void;\n}\n\nfunction getAttributionParams() {\n  const params: HashObject = {};\n    \n  const encodedReferrer = AttributionHelper.getEncodedAttributionData();\n  if (encodedReferrer)\n    params.r = encodedReferrer;\n\n  const utms = UtmHelper.getUtmParameters();\n  if (utms)\n    params.utms = utms;\n\n  return params;\n}\n\nexport function GlobalIdpButton(props: GlobalIdpButtonProps): React.ReactElement {\n  const {\n    idp,\n    last\n  } = props;\n\n  function onClick(): void {\n    if (props.onClick) {\n      props.onClick(idp);\n      return;\n    }\n\n    const currentPathAndQuery = window.location.pathname + window.location.search;\n    const attributionData = JSON.stringify(getAttributionParams());\n\n    /**\n     * Intentionally not using LocationUtils as to not bring a large number of dependencies into Auth - Sha\n     */\n    window.location.href = idp.url\n      + '&redirectUrl=' + encodeURIComponent(currentPathAndQuery)\n      + '&attribution=' + encodeURIComponent(attributionData);\n  }\n\n  return (\n    <button\n      className={`btn btn-lg btn-outline-dark w-100 ${last ? '' : 'mb-3'} ${styles.idpButton}`}\n      onClick={onClick}\n    >\n      {idp.logoUrl && <img src={idp.logoUrl} className={styles.idpImage} />}\n      Continue with {idp.name}\n    </button>\n  );\n}\n\ninterface AuthIdpProps {\n  idps: IdentityProvider[];\n  onClick: (idp: IdentityProvider) => void;\n  className?: string;\n}\n\ninterface LiteIdpProps {\n  geoLocation: GeoLocation;\n  className?: string;\n}\n\ntype GlobalIdpsProps = AuthIdpProps | LiteIdpProps\n\nexport function GlobalIdps(props: GlobalIdpsProps): JSX.Element {\n  let idps = 'idps' in props ? props.idps : null;\n\n  if (!idps?.length && 'geoLocation' in props) {\n    idps = [...GLOBAL_IDPS];\n\n    if (LocalityHelper.isCountryCodeUS(props.geoLocation?.countryCode))\n      idps.unshift(...US_ONLY_IDPS);\n  }\n\n  return (\n    <div className={`${props.className ? props.className : ''}`}>\n      <div className={`my-3 border-bottom position-relative ${styles.divider}`}></div>\n      {idps.map((p, i) => (\n        <GlobalIdpButton idp={p} key={i} onClick={'onClick' in props ? props.onClick : null} />\n      ))}\n    </div>\n  );\n}","import { LocationUtils } from 'libs/common/backbone/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { GeoLocation } from 'libs/shared/interfaces/responses/GeoLocation';\n\nconst FALLBACK_COUNTRY: GeoLocation = {\n  countryCode: 'us',\n  isFallback: true\n};\n\nexport function useGeoLocation(): GeoLocation {\n  const geoLocation = Flight.useBasicFetch<GeoLocation>(ConfigRequests.geoLocation());\n\n  const countryCode = LocationUtils.GetQuery()?.countryCode?.toLowerCase();\n  \n  if (countryCode)\n    return { countryCode };\n\n  if (geoLocation.hasCompleted && !geoLocation.data)\n    return FALLBACK_COUNTRY;\n\n  return geoLocation.data;\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { HashObject } from 'libs/analytics/interfaces';\n\nimport { GlobalIdps } from 'libs/shared/apps/sign-up/components/general/global-idps/GlobalIdps';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { GeoLocation } from 'libs/shared/interfaces/responses/GeoLocation';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'launchpad.signInButtons';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SignInButtonsProps {\n  geoLocation: GeoLocation;\n  customerId: string;\n  skipPrompt: boolean;\n  showJoinCode: boolean;\n  redirectUrl: string;\n  pageAppLinkString: string;\n  showSignUp: boolean;\n}\n\nexport function SignInButtons(props: SignInButtonsProps): JSX.Element {\n  React.useEffect(() => {\n    if (!props.skipPrompt)\n      return;\n\n    Core.LocationUtils.PageLoad(Core.AppLinkHelper.getHref(appLink));\n  }, []);\n\n  function getAppLink(): Core.AppLink {\n    const currentQuery = Core.LocationUtils.GetQuery();\n    const params: HashObject = {};\n\n    /**\n     * Add customerId to the login url and remove it from the redirect url\n     */\n    if (props.customerId) {\n      params.customerId = props.customerId;\n      delete currentQuery.customerId;\n    }\n\n    /**\n     * Remove skip prompt from the return url\n     */\n    if (props.skipPrompt)\n      delete currentQuery.skipPrompt;\n\n    if (props.redirectUrl) {\n      params.redirectUrl = props.redirectUrl;\n    } else {\n      const serializedQuery = Core.LocationUtils.SerializeQueryParams(currentQuery);\n      params.redirectUrl = Core.LocationUtils.GetCurrentPath() + (serializedQuery ? ('?' + serializedQuery) : '');\n    }\n\n    if (props.showSignUp)\n      params.showSignUp = true;\n\n    return {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.LOG_IN,\n      params\n    };\n  }\n\n  const appLink = getAppLink();\n\n  return (\n    <>\n      <AppLink\n        className='btn btn-lg btn-dark w-100 mt-4'\n        appLink={appLink}\n      >\n        <Text namespace={namespace} phrase={props.pageAppLinkString ? 'signInToWatch' : 'signIn'} />\n      </AppLink>\n      {props.showJoinCode ?\n        <AppLink\n          className='btn btn-link info-link btn-lg w-100 mt-2'\n          appLink={{\n            application: AppChannels.LAUNCHPAD,\n            action: Actions.Launchpad.JOIN_CLASSROOM_PROMPT\n          }}\n        >\n          {getPhrase('enterCode')}\n        </AppLink> :\n        <>\n          <AppLink\n            className='btn btn-lg btn-outline-dark w-100 mt-3'\n            appLink={{\n              application: AppChannels.LAUNCHPAD,\n              action: Actions.SignUp.SIGN_UP,\n              params: { pageAppLinkString: props.pageAppLinkString }\n            }}\n          >\n            {getPhrase('signUp')}\n          </AppLink>\n          <GlobalIdps geoLocation={props.geoLocation} />\n        </>\n      }\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"logo\":\"Nbzoq\",\"container\":\"hKyDn\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { SharableEntity, ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { useGeoLocation } from 'libs/shared/hooks/useGeoLocation';\nimport { Video } from 'libs/shared/interfaces';\n\nimport { Launchpad } from 'shared/components/launchpad/Launchpad';\nimport { DeepLinkViewModel, mapMasterTypeToDeepLinkApp, useDeepLinks } from 'shared/hooks/useDeepLinks';\n\nimport { SignInButtons } from 'apps/launchpad/components/sign-in-buttons/SignInButtons';\nimport { useFetchSharedResource } from 'apps/share/hooks/useFetchSharedResource';\nimport { useTrialAppLink } from 'apps/sign-up/hooks/useTrialAppLink';\n\nimport styles from './share-link-sign-in.scss';\n\nconst namespace = 'launchpad.shareLinkSignIn';\n\ninterface ShareLinkSignInProps {\n  shareId: string;\n  redirectUrl: string;\n  customerId?: string;\n}\n\nfunction getInitialDeepLink(shareId: string, sharedResource?: SharableEntity): DeepLinkViewModel {\n  return {\n    id: sharedResource?.id,\n    app: mapMasterTypeToDeepLinkApp(sharedResource?.typeId),\n    shareId\n  };\n}\n\nexport function ShareLinkSignInView(props: ShareLinkSignInProps): React.ReactElement {\n  const { shareId, redirectUrl, customerId } = props;\n  const sharedResource = useFetchSharedResource<SharableEntity>(shareId);\n  const {\n    deepLink,\n    showDeepLink,\n    onClickDeepLink\n  } = useDeepLinks(getInitialDeepLink(shareId, sharedResource), LocationContext.Launchpad);\n  const { trialAppLinkString } = useTrialAppLink();\n\n  const geoLocation = useGeoLocation();\n\n  if (!sharedResource)\n    return <></>;\n\n  return (\n    <Launchpad\n      title={sharedResource.name}\n      imageUrl={ShareViewHelper.getImageUrl(sharedResource)}\n      objectType={sharedResource.typeId}\n      links={[{\n        text: LanguageService.getPhrase(namespace, 'openInApp'),\n        url: deepLink,\n        hide: !showDeepLink,\n        onClick: onClickDeepLink\n      }]}\n    >\n      <div className={`${styles.container} m-auto`}>\n        <div className={`${styles.logo} mb-4 mx-auto`}>\n          <ClickViewLogo />\n        </div>\n        {!!sharedResource.name &&\n          <h1 className='h3'>\n            {sharedResource.typeId === MasterType.Video &&\n              <VideoSubText type='series' video={sharedResource as Video} analyticsOptions={{}} size='sm' />}\n            {sharedResource.name}\n          </h1>\n        }\n        {'description' in sharedResource &&\n          <p className='mb-0 clamp-3'>{sharedResource.description}</p>\n        }\n        <SignInButtons\n          geoLocation={geoLocation}\n          customerId={customerId}\n          redirectUrl={redirectUrl}\n          skipPrompt={false}\n          showJoinCode={false}\n          pageAppLinkString={trialAppLinkString}\n          showSignUp={true}\n        />\n      </div>\n    </Launchpad>\n  );\n}","import { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { SeriesRequests } from 'libs/shared/flight-requests/SeriesRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, ShareLink } from 'libs/shared/interfaces';\n\nexport function useFetchSharedResource<T>(shareId: string): T {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const shareLink = Flight.useBasicFetch<ShareLink>(ShareRequests.getShareObject(shareId));\n\n  function getResourceRequest(): Flight.Request {\n    if (!shareLink.data || !currentUser.data)\n      return null;\n\n    switch (shareLink.data.objectTypeId) {\n      case MasterType.Video:\n        return VideoRequests.publicVideo(shareLink.data.objectId, shareId);\n      case MasterType.Clip:\n        return ClipRequests.publicClip(shareLink.data.objectId, shareId);\n      case MasterType.Interactive:\n        return InteractiveRequests.publicInteractiveMetadata(shareLink.data.objectId, shareId);\n      case MasterType.Playlist:\n        return PlaylistRequests.getSharedPlaylist(shareLink.data.objectId, shareId);\n      case MasterType.Subject:\n        return ClassificationRequests.classification(shareLink.data.objectId, currentUser.data.id);\n      case MasterType.Series:\n        return SeriesRequests.sharedSeries(shareLink.data.objectId, shareId);\n    }\n  }\n\n  const resourceRequest = getResourceRequest();\n  const resource = Flight.useBasicFetch<T>(resourceRequest);\n\n  return resource.data;\n}","import { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { DeepLinkViewModel } from 'shared/hooks/useDeepLinks';\n\nexport function useTrialAppLink() {\n  const [viewModel] = useViewModel<DeepLinkViewModel>(ViewModelKeys.OPEN_IN_APP_DATA);\n\n  function getTrialAppLinkString() {\n    if (!viewModel) {\n      return;\n    }\n    const validApps = [ 'videos', 'clips', 'series', 'playlists', 'topics', 'interactives' ];\n    if (!validApps.includes(viewModel.app)) {\n      return;\n    }\n\n    const id = viewModel.id;\n    switch (viewModel.app) {\n      case 'videos':\n        return `video:${id}`;\n      case 'playlists':\n        return `playlist:${id}`;\n      case 'series':\n        return `series:${id}`;\n      case 'topics':\n        return `topic:${id}`;\n      case 'interactives':\n        return `interactive:${id}`;\n      case 'clips':\n        return `clip:${id}`;\n    }\n  }\n\n  return {\n    trialAppLinkString: getTrialAppLinkString()\n  };\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"vIypY\",\"leftTextImage\":\"YViNj\",\"right\":\"MkD4u\",\"blur\":\"X6mCh\",\"imageContainer\":\"bc7kz\",\"imagePosition\":\"JOhEj\",\"image\":\"Ef2QR\",\"thumbnail\":\"Gdurb\",\"tallposter\":\"fjVNK\",\"cover\":\"o3j31\",\"linksContainer\":\"AT9Dk\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './launchpad.scss';\n\nconst FALLBACK_IMAGES = [\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_1\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_2\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_3\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_4\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_5\n  }\n];\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst XMAS_URLS: LaunchImage[] = [\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo1-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo2-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo3-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo4-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo5-bg.png'\n  }\n];\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadLink {\n  url: string;\n  text: string;\n  onClick?: () => void;\n  hide?: boolean;\n}\n\ninterface LaunchpadProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  links?: LaunchpadLink[];\n  leftComponent?: () => JSX.Element;\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n  textUrl?: string;\n}\n\nfunction getRandomImage(urlLists: LaunchImage[]): LaunchImage {\n  return urlLists[Math.floor(Math.random() * urlLists.length)];\n}\n\nexport function Launchpad(props: React.PropsWithChildren<LaunchpadProps>): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n  const [ textImage, setTextImage ] = React.useState<string>('');\n\n  const imageUrl = ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Large });\n  const IMAGE_URLS = FALLBACK_IMAGES;\n\n  React.useEffect(() => {\n    if (imageUrl || !IMAGE_URLS || IMAGE_URLS.length === 0)\n      return;\n\n    const image = getRandomImage(IMAGE_URLS);\n\n    if (image.bgUrl) {\n      setImage(image.bgUrl);\n    }\n\n    if (image.textUrl) {\n      setTextImage(image.textUrl);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = imageUrl;\n    return () => img.onload = null;\n  }, []);\n\n  return (\n    <div className='d-flex'>\n      { props.leftComponent ?\n        props.leftComponent()\n        :\n        <div className={`${styles.left} bg-light`} style={{ backgroundImage: `url('${image}')` }}>\n          { textImage && (\n            <div className={styles.leftTextImage} style={{ backgroundImage: `url('${textImage}')` }} />\n          )}\n          \n          {showImage &&\n            <>\n              <div className={styles.blur} style={{ backgroundImage: `url('${imageUrl}')` }} />\n              <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n                <div className={styles.imagePosition}>\n                  <img className={styles.image} src={imageUrl} alt={props.title} />\n                </div>\n              </div>\n            </>\n          }\n        </div>\n      }\n      <div className={`${styles.right} bg-white d-flex flex-column`}>\n        <div className={`position-absolute d-flex align-items-center ${styles.linksContainer}`}>\n          {props.links?.map((link, key) => {\n            if (link.hide)\n              return <React.Fragment key={key}></React.Fragment>;\n\n            return (\n              <a key={key} href={link.url} className='info-link fw-semibold' onClick={link.onClick}>\n                {link.text}\n              </a>\n            );\n          })}\n        </div>\n\n        {props.children}\n      </div>\n    </div>\n  );\n}"],"names":["US_ONLY_IDPS","name","logoUrl","url","GLOBAL_IDPS","GlobalIdpButton","props","idp","last","className","onClick","currentPathAndQuery","window","location","pathname","search","attributionData","JSON","stringify","params","encodedReferrer","AttributionHelper","r","utms","UtmHelper","getAttributionParams","href","encodeURIComponent","src","GlobalIdps","idps","length","LocalityHelper","geoLocation","countryCode","unshift","map","p","i","key","FALLBACK_COUNTRY","isFallback","useGeoLocation","toLowerCase","hasCompleted","data","namespace","getPhrase","SignInButtons","skipPrompt","appLink","currentQuery","customerId","redirectUrl","serializedQuery","showSignUp","application","action","getAppLink","phrase","pageAppLinkString","showJoinCode","ShareLinkSignInView","shareId","sharedResource","useFetchSharedResource","useDeepLinks","id","app","typeId","getInitialDeepLink","deepLink","showDeepLink","onClickDeepLink","trialAppLinkString","useTrialAppLink","Launchpad","title","imageUrl","ShareViewHelper","objectType","links","text","LanguageService","hide","ClickViewLogo","MasterType","VideoSubText","type","video","analyticsOptions","size","description","currentUser","shareLink","resourceRequest","objectTypeId","objectId","getResourceRequest","viewModel","includes","getTrialAppLinkString","FALLBACK_IMAGES","bgUrl","ImageUrls","mapObjectTypeToImageClass","showImage","setShowImage","image","setImage","textImage","setTextImage","ImageHelper","IMAGE_URLS","urlLists","Math","floor","random","textUrl","img","Image","onload","leftComponent","style","backgroundImage","alt","link","children"],"sourceRoot":""}
+{"version":3,"file":"scripts/2182-adfcf40199-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/sign-up/components/general/global-idps/global-idps.scss","file:///app/packages/libs/shared/src/apps/sign-up/components/general/global-idps/GlobalIdps.tsx","file:///app/packages/libs/shared/src/hooks/useGeoLocation.ts","file:///app/packages/projects/lite/src/apps/launchpad/components/sign-in-buttons/SignInButtons.tsx","file:///app/packages/projects/lite/src/apps/launchpad/views/share-link-sign-in/share-link-sign-in.scss","file:///app/packages/projects/lite/src/apps/launchpad/views/share-link-sign-in/ShareLinkSignInView.tsx","file:///app/packages/projects/lite/src/apps/share/hooks/useFetchSharedResource.ts","file:///app/packages/projects/lite/src/apps/sign-up/hooks/useTrialAppLink.tsx","file:///app/packages/projects/lite/src/shared/components/launchpad/launchpad.scss","file:///app/packages/projects/lite/src/shared/components/launchpad/Launchpad.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"idpButton\":\"FDoJA\",\"idpImage\":\"bjN_j\",\"divider\":\"FfyN0\"};","import React from 'react';\n\nimport { HashObject } from 'libs/analytics/interfaces';\nimport { AttributionHelper } from 'libs/analytics/utils/AttributionHelper';\nimport { UtmHelper } from 'libs/analytics/utils/UtmHelper';\n\nimport { LocalityHelper } from 'libs/shared/apps/sign-up/helpers/LocalityHelper';\nimport { IdentityProvider } from 'libs/shared/apps/sign-up/interfaces/IdentityProvider';\nimport { GeoLocation } from 'libs/shared/interfaces/responses/GeoLocation';\n\nimport styles from './global-idps.scss';\n\nconst US_ONLY_IDPS: IdentityProvider[] = [\n  {\n    name: 'ClassLink',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/ZA2ew5',\n    url: '/login?idp=classlink'\n  },\n  {\n    name: 'Clever',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/LqlKgd',\n    url: '/login?idp=clever'\n  },\n  {\n    name: 'Google',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/l5x0jL',\n    url: '/login?idp=google'\n  },\n  {\n    name: 'Microsoft',\n    logoUrl: 'https://img.clickviewapp.com/v2/logos/xAxGPP',\n    url: '/login?idp=microsoft'\n  }\n];\n\nconst GLOBAL_IDPS: IdentityProvider[] = [\n\n];\n\ninterface GlobalIdpButtonProps {\n  idp: IdentityProvider;\n  /**\n   * Because rendering globalIdps is conditional. We have a \"Don't have an account\" link at the bottom\n   * which uses margin top. So the last item in this view must not have a margin bottom. - Sha\n   */\n  last?: boolean;\n  onClick?: (idp: IdentityProvider) => void;\n}\n\nfunction getAttributionParams() {\n  const params: HashObject = {};\n    \n  const encodedReferrer = AttributionHelper.getEncodedAttributionData();\n  if (encodedReferrer)\n    params.r = encodedReferrer;\n\n  const utms = UtmHelper.getUtmParameters();\n  if (utms)\n    params.utms = utms;\n\n  return params;\n}\n\nexport function GlobalIdpButton(props: GlobalIdpButtonProps): React.ReactElement {\n  const {\n    idp,\n    last\n  } = props;\n\n  function onClick(): void {\n    if (props.onClick) {\n      props.onClick(idp);\n      return;\n    }\n\n    const currentPathAndQuery = window.location.pathname + window.location.search;\n    const attributionData = JSON.stringify(getAttributionParams());\n\n    /**\n     * Intentionally not using LocationUtils as to not bring a large number of dependencies into Auth - Sha\n     */\n    window.location.href = idp.url\n      + '&redirectUrl=' + encodeURIComponent(currentPathAndQuery)\n      + '&attribution=' + encodeURIComponent(attributionData);\n  }\n\n  return (\n    <button\n      className={`btn btn-lg btn-outline-dark w-100 ${last ? '' : 'mb-3'} ${styles.idpButton}`}\n      onClick={onClick}\n    >\n      {idp.logoUrl && <img src={idp.logoUrl} className={styles.idpImage} />}\n      Continue with {idp.name}\n    </button>\n  );\n}\n\ninterface AuthIdpProps {\n  idps: IdentityProvider[];\n  onClick: (idp: IdentityProvider) => void;\n  className?: string;\n}\n\ninterface LiteIdpProps {\n  geoLocation: GeoLocation;\n  className?: string;\n}\n\ntype GlobalIdpsProps = AuthIdpProps | LiteIdpProps\n\nexport function GlobalIdps(props: GlobalIdpsProps): JSX.Element {\n  let idps = 'idps' in props ? props.idps : null;\n\n  if (!idps?.length && 'geoLocation' in props) {\n    idps = [...GLOBAL_IDPS];\n\n    if (LocalityHelper.isCountryCodeUS(props.geoLocation?.countryCode))\n      idps.unshift(...US_ONLY_IDPS);\n  }\n\n  if (!idps.length)\n    return <></>;\n\n  return (\n    <div className={`${props.className ? props.className : ''}`}>\n      <div className={`my-3 border-bottom position-relative ${styles.divider}`}></div>\n      {idps.map((p, i) => (\n        <GlobalIdpButton idp={p} key={i} onClick={'onClick' in props ? props.onClick : null} />\n      ))}\n    </div>\n  );\n}","import { LocationUtils } from 'libs/common/backbone/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { GeoLocation } from 'libs/shared/interfaces/responses/GeoLocation';\n\nconst FALLBACK_COUNTRY: GeoLocation = {\n  countryCode: 'us',\n  isFallback: true\n};\n\nexport function useGeoLocation(): GeoLocation {\n  const geoLocation = Flight.useBasicFetch<GeoLocation>(ConfigRequests.geoLocation());\n\n  const countryCode = LocationUtils.GetQuery()?.countryCode?.toLowerCase();\n  \n  if (countryCode)\n    return { countryCode };\n\n  if (geoLocation.hasCompleted && !geoLocation.data)\n    return FALLBACK_COUNTRY;\n\n  return geoLocation.data;\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { HashObject } from 'libs/analytics/interfaces';\n\nimport { GlobalIdps } from 'libs/shared/apps/sign-up/components/general/global-idps/GlobalIdps';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { GeoLocation } from 'libs/shared/interfaces/responses/GeoLocation';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'launchpad.signInButtons';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SignInButtonsProps {\n  geoLocation: GeoLocation;\n  customerId: string;\n  skipPrompt: boolean;\n  showJoinCode: boolean;\n  redirectUrl: string;\n  pageAppLinkString: string;\n  showSignUp: boolean;\n}\n\nexport function SignInButtons(props: SignInButtonsProps): JSX.Element {\n  React.useEffect(() => {\n    if (!props.skipPrompt)\n      return;\n\n    Core.LocationUtils.PageLoad(Core.AppLinkHelper.getHref(appLink));\n  }, []);\n\n  function getAppLink(): Core.AppLink {\n    const currentQuery = Core.LocationUtils.GetQuery();\n    const params: HashObject = {};\n\n    /**\n     * Add customerId to the login url and remove it from the redirect url\n     */\n    if (props.customerId) {\n      params.customerId = props.customerId;\n      delete currentQuery.customerId;\n    }\n\n    /**\n     * Remove skip prompt from the return url\n     */\n    if (props.skipPrompt)\n      delete currentQuery.skipPrompt;\n\n    if (props.redirectUrl) {\n      params.redirectUrl = props.redirectUrl;\n    } else {\n      const serializedQuery = Core.LocationUtils.SerializeQueryParams(currentQuery);\n      params.redirectUrl = Core.LocationUtils.GetCurrentPath() + (serializedQuery ? ('?' + serializedQuery) : '');\n    }\n\n    if (props.showSignUp)\n      params.showSignUp = true;\n\n    return {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.LOG_IN,\n      params\n    };\n  }\n\n  const appLink = getAppLink();\n\n  return (\n    <>\n      <AppLink\n        className='btn btn-lg btn-dark w-100 mt-4'\n        appLink={appLink}\n      >\n        <Text namespace={namespace} phrase={props.pageAppLinkString ? 'signInToWatch' : 'signIn'} />\n      </AppLink>\n      {props.showJoinCode ?\n        <AppLink\n          className='btn btn-link info-link btn-lg w-100 mt-2'\n          appLink={{\n            application: AppChannels.LAUNCHPAD,\n            action: Actions.Launchpad.JOIN_CLASSROOM_PROMPT\n          }}\n        >\n          {getPhrase('enterCode')}\n        </AppLink> :\n        <>\n          <AppLink\n            className='btn btn-lg btn-outline-dark w-100 mt-3'\n            appLink={{\n              application: AppChannels.LAUNCHPAD,\n              action: Actions.SignUp.SIGN_UP,\n              params: { pageAppLinkString: props.pageAppLinkString }\n            }}\n          >\n            {getPhrase('signUp')}\n          </AppLink>\n          <GlobalIdps geoLocation={props.geoLocation} />\n        </>\n      }\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"logo\":\"Nbzoq\",\"container\":\"hKyDn\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { SharableEntity, ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { useGeoLocation } from 'libs/shared/hooks/useGeoLocation';\nimport { Video } from 'libs/shared/interfaces';\n\nimport { Launchpad } from 'shared/components/launchpad/Launchpad';\nimport { DeepLinkViewModel, mapMasterTypeToDeepLinkApp, useDeepLinks } from 'shared/hooks/useDeepLinks';\n\nimport { SignInButtons } from 'apps/launchpad/components/sign-in-buttons/SignInButtons';\nimport { useFetchSharedResource } from 'apps/share/hooks/useFetchSharedResource';\nimport { useTrialAppLink } from 'apps/sign-up/hooks/useTrialAppLink';\n\nimport styles from './share-link-sign-in.scss';\n\nconst namespace = 'launchpad.shareLinkSignIn';\n\ninterface ShareLinkSignInProps {\n  shareId: string;\n  redirectUrl: string;\n  customerId?: string;\n}\n\nfunction getInitialDeepLink(shareId: string, sharedResource?: SharableEntity): DeepLinkViewModel {\n  return {\n    id: sharedResource?.id,\n    app: mapMasterTypeToDeepLinkApp(sharedResource?.typeId),\n    shareId\n  };\n}\n\nexport function ShareLinkSignInView(props: ShareLinkSignInProps): React.ReactElement {\n  const { shareId, redirectUrl, customerId } = props;\n  const sharedResource = useFetchSharedResource<SharableEntity>(shareId);\n  const {\n    deepLink,\n    showDeepLink,\n    onClickDeepLink\n  } = useDeepLinks(getInitialDeepLink(shareId, sharedResource), LocationContext.Launchpad);\n  const { trialAppLinkString } = useTrialAppLink();\n\n  const geoLocation = useGeoLocation();\n\n  if (!sharedResource)\n    return <></>;\n\n  return (\n    <Launchpad\n      title={sharedResource.name}\n      imageUrl={ShareViewHelper.getImageUrl(sharedResource)}\n      objectType={sharedResource.typeId}\n      links={[{\n        text: LanguageService.getPhrase(namespace, 'openInApp'),\n        url: deepLink,\n        hide: !showDeepLink,\n        onClick: onClickDeepLink\n      }]}\n    >\n      <div className={`${styles.container} m-auto`}>\n        <div className={`${styles.logo} mb-4 mx-auto`}>\n          <ClickViewLogo />\n        </div>\n        {!!sharedResource.name &&\n          <h1 className='h3'>\n            {sharedResource.typeId === MasterType.Video &&\n              <VideoSubText type='series' video={sharedResource as Video} analyticsOptions={{}} size='sm' />}\n            {sharedResource.name}\n          </h1>\n        }\n        {'description' in sharedResource &&\n          <p className='mb-0 clamp-3'>{sharedResource.description}</p>\n        }\n        <SignInButtons\n          geoLocation={geoLocation}\n          customerId={customerId}\n          redirectUrl={redirectUrl}\n          skipPrompt={false}\n          showJoinCode={false}\n          pageAppLinkString={trialAppLinkString}\n          showSignUp={true}\n        />\n      </div>\n    </Launchpad>\n  );\n}","import { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { SeriesRequests } from 'libs/shared/flight-requests/SeriesRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, ShareLink } from 'libs/shared/interfaces';\n\nexport function useFetchSharedResource<T>(shareId: string): T {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const shareLink = Flight.useBasicFetch<ShareLink>(ShareRequests.getShareObject(shareId));\n\n  function getResourceRequest(): Flight.Request {\n    if (!shareLink.data || !currentUser.data)\n      return null;\n\n    switch (shareLink.data.objectTypeId) {\n      case MasterType.Video:\n        return VideoRequests.publicVideo(shareLink.data.objectId, shareId);\n      case MasterType.Clip:\n        return ClipRequests.publicClip(shareLink.data.objectId, shareId);\n      case MasterType.Interactive:\n        return InteractiveRequests.publicInteractiveMetadata(shareLink.data.objectId, shareId);\n      case MasterType.Playlist:\n        return PlaylistRequests.getSharedPlaylist(shareLink.data.objectId, shareId);\n      case MasterType.Subject:\n        return ClassificationRequests.classification(shareLink.data.objectId, currentUser.data.id);\n      case MasterType.Series:\n        return SeriesRequests.sharedSeries(shareLink.data.objectId, shareId);\n    }\n  }\n\n  const resourceRequest = getResourceRequest();\n  const resource = Flight.useBasicFetch<T>(resourceRequest);\n\n  return resource.data;\n}","import { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { DeepLinkViewModel } from 'shared/hooks/useDeepLinks';\n\nexport function useTrialAppLink() {\n  const [viewModel] = useViewModel<DeepLinkViewModel>(ViewModelKeys.OPEN_IN_APP_DATA);\n\n  function getTrialAppLinkString() {\n    if (!viewModel) {\n      return;\n    }\n    const validApps = [ 'videos', 'clips', 'series', 'playlists', 'topics', 'interactives' ];\n    if (!validApps.includes(viewModel.app)) {\n      return;\n    }\n\n    const id = viewModel.id;\n    switch (viewModel.app) {\n      case 'videos':\n        return `video:${id}`;\n      case 'playlists':\n        return `playlist:${id}`;\n      case 'series':\n        return `series:${id}`;\n      case 'topics':\n        return `topic:${id}`;\n      case 'interactives':\n        return `interactive:${id}`;\n      case 'clips':\n        return `clip:${id}`;\n    }\n  }\n\n  return {\n    trialAppLinkString: getTrialAppLinkString()\n  };\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"vIypY\",\"leftTextImage\":\"YViNj\",\"right\":\"MkD4u\",\"blur\":\"X6mCh\",\"imageContainer\":\"bc7kz\",\"imagePosition\":\"JOhEj\",\"image\":\"Ef2QR\",\"thumbnail\":\"Gdurb\",\"tallposter\":\"fjVNK\",\"cover\":\"o3j31\",\"linksContainer\":\"AT9Dk\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './launchpad.scss';\n\nconst FALLBACK_IMAGES = [\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_1\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_2\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_3\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_4\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_5\n  }\n];\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst XMAS_URLS: LaunchImage[] = [\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo1-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo2-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo3-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo4-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo5-bg.png'\n  }\n];\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadLink {\n  url: string;\n  text: string;\n  onClick?: () => void;\n  hide?: boolean;\n}\n\ninterface LaunchpadProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  links?: LaunchpadLink[];\n  leftComponent?: () => JSX.Element;\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n  textUrl?: string;\n}\n\nfunction getRandomImage(urlLists: LaunchImage[]): LaunchImage {\n  return urlLists[Math.floor(Math.random() * urlLists.length)];\n}\n\nexport function Launchpad(props: React.PropsWithChildren<LaunchpadProps>): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n  const [ textImage, setTextImage ] = React.useState<string>('');\n\n  const imageUrl = ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Large });\n  const IMAGE_URLS = FALLBACK_IMAGES;\n\n  React.useEffect(() => {\n    if (imageUrl || !IMAGE_URLS || IMAGE_URLS.length === 0)\n      return;\n\n    const image = getRandomImage(IMAGE_URLS);\n\n    if (image.bgUrl) {\n      setImage(image.bgUrl);\n    }\n\n    if (image.textUrl) {\n      setTextImage(image.textUrl);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = imageUrl;\n    return () => img.onload = null;\n  }, []);\n\n  return (\n    <div className='d-flex'>\n      { props.leftComponent ?\n        props.leftComponent()\n        :\n        <div className={`${styles.left} bg-light`} style={{ backgroundImage: `url('${image}')` }}>\n          { textImage && (\n            <div className={styles.leftTextImage} style={{ backgroundImage: `url('${textImage}')` }} />\n          )}\n          \n          {showImage &&\n            <>\n              <div className={styles.blur} style={{ backgroundImage: `url('${imageUrl}')` }} />\n              <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n                <div className={styles.imagePosition}>\n                  <img className={styles.image} src={imageUrl} alt={props.title} />\n                </div>\n              </div>\n            </>\n          }\n        </div>\n      }\n      <div className={`${styles.right} bg-white d-flex flex-column`}>\n        <div className={`position-absolute d-flex align-items-center ${styles.linksContainer}`}>\n          {props.links?.map((link, key) => {\n            if (link.hide)\n              return <React.Fragment key={key}></React.Fragment>;\n\n            return (\n              <a key={key} href={link.url} className='info-link fw-semibold' onClick={link.onClick}>\n                {link.text}\n              </a>\n            );\n          })}\n        </div>\n\n        {props.children}\n      </div>\n    </div>\n  );\n}"],"names":["US_ONLY_IDPS","name","logoUrl","url","GLOBAL_IDPS","GlobalIdpButton","props","idp","last","className","onClick","currentPathAndQuery","window","location","pathname","search","attributionData","JSON","stringify","params","encodedReferrer","AttributionHelper","r","utms","UtmHelper","getAttributionParams","href","encodeURIComponent","src","GlobalIdps","idps","length","LocalityHelper","geoLocation","countryCode","unshift","map","p","i","key","FALLBACK_COUNTRY","isFallback","useGeoLocation","toLowerCase","hasCompleted","data","namespace","getPhrase","SignInButtons","skipPrompt","appLink","currentQuery","customerId","redirectUrl","serializedQuery","showSignUp","application","action","getAppLink","phrase","pageAppLinkString","showJoinCode","ShareLinkSignInView","shareId","sharedResource","useFetchSharedResource","useDeepLinks","id","app","typeId","getInitialDeepLink","deepLink","showDeepLink","onClickDeepLink","trialAppLinkString","useTrialAppLink","Launchpad","title","imageUrl","ShareViewHelper","objectType","links","text","LanguageService","hide","ClickViewLogo","MasterType","VideoSubText","type","video","analyticsOptions","size","description","currentUser","shareLink","resourceRequest","objectTypeId","objectId","getResourceRequest","viewModel","includes","getTrialAppLinkString","FALLBACK_IMAGES","bgUrl","ImageUrls","mapObjectTypeToImageClass","showImage","setShowImage","image","setImage","textImage","setTextImage","ImageHelper","IMAGE_URLS","urlLists","Math","floor","random","textUrl","img","Image","onload","leftComponent","style","backgroundImage","alt","link","children"],"sourceRoot":""}

package/dist/scripts/{3332-5dcf265f42-lite.chunk.js → 3332-f366cd8f24-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[3332],{40955:(e,t,a)=>{a.d(t,{P:()=>i});var n=a(32735);function i(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>r});var n=a(32735),i=a(7121);function r(e){var t="d-flex align-items-center badge-list ".concat(i.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},89682:(e,t,a)=>{a.d(t,{I:()=>u,h:()=>d});var n=a(32735),i=a(91967),r=a(83914),o=a(35223),c=a(11607);const l={unchecked:"bup9I",outline:"ealw_",checked:"A1Ov0",checkMark:"c14lI"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var d;function u(e){var t,a,u=(t=n.useState(e.status===d.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?s(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];n.useEffect((function(){v(e.status===d.Complete)}),[e.status]);var p="cursor-pointer rounded-circle ".concat(m?l.checked:l.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(l.outline)),e.status&&e.status!==d.None&&i.q.isFunction(e.setStatus)?n.createElement(c.L,{className:p,onClick:function(){var t=!m;v(t);var a=t?d.Complete:d.Incomplete;e.setStatus(a).catch((function(){v(!t)}))},disabled:e.disabled},n.createElement(r.x,{svgName:o.vn.Check,className:"svg-container ".concat(l.checkMark)})):n.createElement(n.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(d||(d={})),u.defaultProps={style:"filled"}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(32735),i=a(83914),r=a(35223);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},22843:(e,t,a)=>{a.d(t,{h:()=>d});var n=a(32735),i=a(65858),r=a(36848),o=a(38647),c=a(11882),l=a(31908);const s={container:"r70GR",titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function d(e){var t=e.video,a=e.appLink,d=e.subTextAppLink,u=l.M.getCanBeConsumed(t).canNavigate;return n.createElement("div",{className:"mt-2 ".concat(s.container)},n.createElement("div",{className:"d-flex flex-column ".concat(s.titleContainer)},l.M.isVideo(t)&&n.createElement(c.$,{type:e.subTextType,className:"text-truncate ".concat(s.seriesTitleBox),video:t,appLink:d,analyticsOptions:{location:i.LZ.VideoThumbnail}}),n.createElement(r.F,{className:"h6 text-reset clamp-2 align-middle",appLink:u?a:null},t.name,n.createElement(o.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},3332:(e,t,a)=>{a.d(t,{u:()=>ye});var n=a(32735),i=a(1048),r=a(65858),o=a(18559),c=a(17464),l=a(23481),s=a(91967),d=a(11607),u=a(83914),m=a(69883),v=a(1643),p=a(35223),g=a(31908);const y={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var E=l.T.encloseNamespace("shared.favouriteButton");function h(e){var t,a,i=(0,m.Z)(),r=v.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(r),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],l=o[1];n.useEffect((function(){l(r)}),[r]);var h="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(y.favouriteButton," ").concat(c?y.favourited:"");return e.className&&(h+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(d.L,{className:h,onClick:function(){var t=!c;l(t),e.setFavourite(e.video,t,null,(function(){i.error(E(g.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":g.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),l(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(u.x,{svgName:p.vn.Heart,className:"svg-container ".concat(y.heart)}),n.createElement(u.x,{svgName:p.vn.HeartOutline,className:"svg-container ".concat(y.heartOutline)})):n.createElement(n.Fragment,null)}var b=a(75163),C=a(5465);function O(e){var t=g.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const N={bottomBar:"YnXtZ"};function k(e){return g.M.isVideo(e.video)?n.createElement("div",{className:N.bottomBar},n.createElement(O,{video:e.video})):n.createElement(n.Fragment,null)}var w=a(20789),x=a(86794),j=a(2786),I=a(64818);const F={std:"ct8Ht",sm:"dvCes",stdIcon:"iy0pu",smIcon:"Z_mZf"};function T(e){var t,a,i;return(g.M.isInteractive(e.video)||g.M.isClip(e.video))&&(e.video._liteOwner||(null===(t=e.video._isClickViewCurated)||void 0===t?void 0:t.value))?(null===(a=e.video._isClickViewCurated)||void 0===a?void 0:a.value)?n.createElement("div",{className:"".concat("sm"===e.size?F.sm:F.std," me-1 rounded-circle position-relative bg-white")},n.createElement(x.b,{className:"me-1 ".concat("sm"===e.size?F.smIcon:F.stdIcon)},n.createElement(j.Sd,null))):n.createElement("div",{className:"".concat("sm"===e.size?F.sm:F.std," me-1")},n.createElement(w.q,{imageCdnUrl:e.imageCdnUrl,initials:I.l.getInitials(e.video._liteOwner.name,e.video._liteOwner.surname),imageUrl:null===(i=e.video._liteOwner.avatar)||void 0===i?void 0:i.url})):n.createElement(n.Fragment,null)}const S={padlock:"w4cg8",sm:"JpIYd"};function M(e){var t="sm"===e.size?u.S.Small:u.S.Standard;return n.createElement("div",{className:"".concat(S.padlock," ").concat("sm"===e.size?S.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},n.createElement(u.x,{svgName:p.vn.Lock,size:t}))}var L=a(76177);const z={logo:"OA9ft",sm:"fyo2J"};function A(e){var t,a,i,r;if(!g.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return n.createElement(n.Fragment,null);var o=null===(a=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===a?void 0:a[0],c=null!==(r=null===(i=null==o?void 0:o.logo)||void 0===i?void 0:i.url)&&void 0!==r?r:e.companyLogoFallbackUrl;return c?n.createElement("div",null,n.createElement(L.u,{title:null==o?void 0:o.name,spanHack:!0},n.createElement("div",{className:"".concat(z.logo," ").concat("sm"===e.size?z.sm:""),style:{backgroundImage:"url(".concat(c,")")}}))):n.createElement(n.Fragment,null)}A.defaultProps={size:"md"};var D=a(11882),P=a(4594),R=a(61150);function V(e){return g.M.isClip(e.video)?n.createElement(R.y,{typeId:P.E.Clip,size:e.size,inContainer:!0}):g.M.isInteractive(e.video)?n.createElement(R.y,{typeId:P.E.Interactive,status:e.video.status,size:e.size,inContainer:!0}):n.createElement(n.Fragment,null)}V.default={size:"md"};var B=a(10439),U=a(54610),_=a(49439);const H={overlayContainer:"qu3A3",topLeftContainer:"gjhMe",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function G(e){var t="mb-1";return e&&(t+=H.downScale),t}function W(e){var t,a,l,s=e.video,d=e.appLink,m=e.imageOptions,y=e.setFavourite,f=e.canFavourite,E=e.preload,O=e.hovering,N=e.hoverToPlay,w=e.companyLogoFallbackUrl,x=g.M.getCanBeConsumed(e.video),j=x.canNavigate,I=x.canConsume,F=i.t.isObject(null==d?void 0:d.params)?null==d?void 0:d.params:{},S=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(s)}),z=v.h.showFavouriteButton(e.video,O),P=g.M.isVideo(s),R=g.M.getRating(e.video),W=(a=(0,_.L)({delay:100}),l=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(a,l)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?Z(e,t):void 0}}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),X=W[0],q=W[1]&&I&&N;return n.createElement(L.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:X},z&&n.createElement("div",{className:H.topRightContainer},n.createElement(h,{setFavourite:y,canFavourite:f,video:s,analyticsData:e.analyticsData,analyticsOptions:S})),!j&&n.createElement("div",{className:H.topRightContainer},n.createElement(M,null)),n.createElement("div",{className:"".concat(H.topLeftContainer," d-flex flex-no-wrap")},n.createElement(T,{video:s,imageCdnUrl:e.imageCdnUrl}),n.createElement(V,{video:s}),n.createElement(A,{video:s,companyLogoFallbackUrl:w})),n.createElement(b.Z,{data:g.M.getThumbnail(s),appLink:j?d:null,imageType:U.__.Thumbnails,imageOptions:m,preload:E,className:H.gradient,alt:("series"in s&&(null===(t=s.series)||void 0===t?void 0:t.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}),analyticsOptions:Object.assign(Object.assign({},S),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail})},!(!O||!j)&&n.createElement(u.x,{className:H.playIcon,svgName:p.vn.PlayCircle}),n.createElement(C.oy,{type:C.mS.Video}),n.createElement("div",{className:H.overlayContainer},n.createElement("div",{className:H.overlay},n.createElement("div",{className:"".concat(G(O)," ").concat(H.title)},P&&n.createElement(D.$,{type:e.subTextType,className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},g.M.getTitle(s))),n.createElement(k,{video:s}),O&&n.createElement(c.c,{className:"mt-1"},g.M.isVideo(s)&&n.createElement(n.Fragment,null,n.createElement(o.C,{type:o.g.Rating,data:R}),s.hasSubtitle&&n.createElement("span",{className:"badge p-0"},n.createElement(u.x,{svgName:p.vn.CloseCaptionBadge})),n.createElement(o.C,{type:o.g.Interactive,data:s.hasInteractives}),n.createElement(o.C,{type:o.g.DurationExact,data:g.M.getDuration(e.video)})))))),q&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:F.context,contextId:F.contextId,moviesAndTv:F.mtv})))}var X=a(64446),q=a(40955);const Q={badgeContainer:"fy9Un",sm:"Rb0TL"};function K(e){var t=g.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,i=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||i?n.createElement(c.c,{className:"".concat(Q.badgeContainer," ").concat("sm"===e.size?Q.sm:"")},a&&n.createElement(q.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),i&&n.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&n.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||g.M.getDuration(e.video)})):n.createElement(n.Fragment,null)}K.defaultProps={newDurationStyle:!0,size:"md"};var $=a(22843),J=a(66190),Y=a(77590),ee=a(59598);const te={preview:"whbhf",topLeftContainer:"wHY80",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};var ae=function(e){var t,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,d=e.canFavourite,u=e.isHovering,m=e.hoverToPlay,p=e.companyLogoFallbackUrl,y=i.t.isObject(null==o?void 0:o.params)?null==o?void 0:o.params:{},f=g.M.getCanBeConsumed(a),E=f.canNavigate,O=f.canConsume;function N(e){return Object.assign(Object.assign({},o),{params:Object.assign(Object.assign({},y),{scrollTo:e})})}n.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var w="position-relative bg-white";e.extraClasses&&(w+=" ".concat(e.extraClasses)),u&&(w+=" rounded-3 shadow-lg");var x=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(a)}),j=e.isHovering&&O&&m,I=v.h.showFavouriteButton(e.video,u);return n.createElement("div",{className:w},I&&n.createElement("div",{className:te.topRightContainer},n.createElement(h,{setFavourite:s,canFavourite:d,video:a,analyticsData:e.analyticsData,analyticsOptions:x})),!E&&n.createElement("div",{className:te.topRightContainer},n.createElement(L.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement(M,null))),n.createElement("div",{className:"position-relative"},n.createElement(b.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:g.M.getThumbnail(a),appLink:E?o:null,imageType:U.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(u?te.preview:"rounded-3 ".concat(te.original)),alt:("series"in a&&(null===(t=a.series)||void 0===t?void 0:t.name)?"".concat(a.series.name,": "):"")+a.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},x),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail})},n.createElement(C.oy,{type:C.mS.Video}),n.createElement("div",{className:"p-absolute w-100 h-100 text-white"},n.createElement("div",{className:"".concat(te.topLeftContainer," d-flex flex-no-wrap")},n.createElement(T,{video:a,imageCdnUrl:e.imageCdnUrl}),n.createElement(V,{video:a}),n.createElement(A,{video:a,companyLogoFallbackUrl:p})),n.createElement(K,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),n.createElement(k,{video:a}))),j&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:y.context,contextId:y.contextId,moviesAndTv:y.mtv,location:"popout-video"})),!u&&!e.hideTitle&&n.createElement($.h,Object.assign({},e)),n.createElement("div",{className:"".concat(te.details," ").concat(u?"".concat(te.isHovering," box-shadow"):"")},u&&n.createElement(n.Fragment,null,n.createElement("div",{className:"".concat(u?te.videoGuidanceTags:"")},n.createElement($.h,Object.assign({},e)),e.showVideoGuidance&&u&&n.createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},n.createElement(Y.x,{video:e.video,appLink:N(ee.K.Resources),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(J.Y,{video:e.video,appLink:N(ee.K.Interactives),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))))))};function ne(e){return n.createElement(n.Fragment,null,n.createElement(X.K,{hoverableComponent:ae,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(e.video)})}))}var ie=a(36848),re=a(24900),oe=a(89682);const ce={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function le(e){return g.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=g.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!s.q.isFunction(e.setFavourite)||!s.q.isFunction(e.canFavourite))||!!s.q.isFunction(e.setCheckMarkStatus)}(e)?n.createElement("div",{className:"".concat(ce.container," d-flex align-items-center")},n.createElement(h,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:ce.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(oe.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:ce.action})):n.createElement(n.Fragment,null):n.createElement("div",{className:ce.container},n.createElement(M,{size:e.size}))}var se=a(68626);const de={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",topLeftContainer:"hrw3I",gradient:"LS_EH"};function ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?me(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var ve="shared.staticVideoThumbnail";function pe(e){var t,a=e.video,i=e.subTextAppLink,o=e.textPosition,c=e.appLink,s=o===se.z.Overlay,d=g.M.getCanBeConsumed(e.video).canNavigate,u="";return s?(u=de.titleOverlay,d&&(g.M.isClip(a)&&(u+=" "+de.clip),g.M.isInteractive(a)&&(u+=" "+de.interactive))):u=de.titleBelow,n.createElement("div",{className:u},g.M.isVideo(a)&&n.createElement(D.$,{type:e.subTextType,className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:i,analyticsOptions:{location:r.LZ.VideoThumbnail}}),s||!d?n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=a.name)&&void 0!==t?t:l.T.getPhrase(ve,"videoUnavailable")):n.createElement(ie.F,{className:"h6 text-reset clamp-2",appLink:c},a.name))}function ge(e){var t,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,d=e.setFavourite,u=e.preload,m=e.hoverToPlay,p=i.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},y=ue((0,_.X)(),2),f=y[0],E=y[1],h=ue((0,_.L)({delay:100}),2),O=h[0],N=h[1],w=g.M.getCanBeConsumed(o),x=w.canNavigate,j=w.canConsume,I=N&&j&&m,F=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(o)}),S=!!c&&!e.hideMask&&x,M=g.M.getPrivacyReasoning(e.video,e.showSignIn);return n.createElement(L.u,{title:M,spanHack:!0,spanHackClassName:""},n.createElement("div",{className:(a="position-relative",a+=c&&x?" cursor-pointer":"",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===se.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:function(e){f.current=e,O.current=e}},n.createElement(le,{video:o,checkMarkStatus:e.checkMarkStatus,setCheckMarkStatus:e.setCheckMarkStatus,setFavourite:d,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&v.h.showFavouriteButton(o,E)},analyticsData:e.analyticsData,analyticsOptions:F,size:e.size}),n.createElement(b.Z,{data:g.M.getThumbnail(o),appLink:x?c:null,imageType:U.__.Thumbnails,imageOptions:s,preload:u,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),l===se.z.Overlay&&(t+=" ".concat(de.gradient)),t}(),alt:("series"in o&&(null===(t=o.series)||void 0===t?void 0:t.name)?"".concat(o.series.name,": "):"")+o.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},F),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail})},S&&n.createElement(re.z,{type:re.O.Video,size:e.size}),n.createElement(C.oy,{type:C.mS.Video}),n.createElement("div",{className:de.overlayContainer},l===se.z.Overlay&&n.createElement(pe,Object.assign({},e)),n.createElement("div",{className:"".concat(de.topLeftContainer," d-flex flex-no-wrap")},n.createElement(T,{video:o,size:e.size,imageCdnUrl:e.imageCdnUrl}),n.createElement(V,{video:o,size:e.size}),n.createElement(A,{video:o,companyLogoFallbackUrl:e.companyLogoFallbackUrl,size:e.size})),n.createElement(k,{video:o}),n.createElement(K,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),I&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:p.context,contextId:p.contextId,moviesAndTv:p.mtv}),l===se.z.Below&&n.createElement(pe,Object.assign({},e))))}function ye(e){switch(e.type){case"static":return n.createElement(ge,Object.assign({},e));case"cosmetic":return n.createElement(ge,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return n.createElement(W,Object.assign({},e));case"popout":return n.createElement(ne,Object.assign({},e));default:return}}ye.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},61150:(e,t,a)=>{a.d(t,{y:()=>v});var n=a(32735),i=a(23481),r=a(83914),o=a(5960),c=a(4594),l=a(35223);const s={topLeftContainer:"iwBld",draft:"QBpxh",badge:"KcvGx",svg:"gW733",text:"QiH5Q",sm:"tn2BH"};var d=i.T.encloseNamespace("shared.typeBadge");function u(e){switch(e){case c.E.Clip:return l.vn.Clip;case c.E.Interactive:return l.vn.Interactive;case c.E.Resource:return l.vn.Resources;default:return""}}function m(e,t){switch(e){case c.E.Clip:return"bg-dark-blue";case c.E.Interactive:return t===o.X.Draft?s.draft:"bg-green";case c.E.Resource:return"bg-indigo";default:return""}}function v(e){var t="".concat(s.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?s.sm:"");return n.createElement("div",{className:e.inContainer?"":s.topLeftContainer},n.createElement("div",{className:"".concat(t," ").concat(m(e.typeId,e.status))},n.createElement(r.x,{className:"svg-container d-block ".concat(s.svg),size:"sm"===e.size?r.S.Small:r.S.Standard,svgName:u(e.typeId)}),n.createElement("span",{className:s.text},function(e){switch(e){case c.E.Clip:return d("clip");case c.E.Interactive:return d("interactive");case c.E.Resource:return d("resource");default:return""}}(e.typeId))))}v.default={size:"md"}},66190:(e,t,a)=>{a.d(t,{Y:()=>d});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.interactivesTag";function d(e){var t,a;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var d=(null===(a=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0;return d?n.createElement(o.m,{svgName:c.vn.Interactive,iconVariant:"green",text:i.T.getPhrase(s,"interactives",{smartCount:d}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"interactive",videoGuidanceTotalItems:d},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},77590:(e,t,a)=>{a.d(t,{x:()=>d});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.resourcesTag";function d(e){var t,a,d,u;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var m=((null===(a=null===(t=e.video.resources)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0)+((null===(u=null===(d=e.video.links)||void 0===d?void 0:d.data)||void 0===u?void 0:u.length)||0);return m?n.createElement(o.m,{svgName:c.vn.Resources,iconVariant:"indigo",text:i.T.getPhrase(s,"resources",{smartCount:m}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"resource",videoGuidanceTotalItems:m},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},65720:(e,t,a)=>{a.d(t,{m:()=>c});var n=a(32735),i=a(83914),r=a(36848);const o={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function c(e){return e.appLink?n.createElement(r.F,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:"\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ".concat(o.tag," ").concat(e.active?o.active:"","\n        ")},n.createElement(l,Object.assign({},e))):n.createElement(l,Object.assign({},e))}function l(e){return n.createElement(n.Fragment,null,n.createElement(i.x,{className:"".concat(o.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),n.createElement("span",{className:"ps-1 text-nowrap user-select-none"},e.text))}},38647:(e,t,a)=>{a.d(t,{m:()=>s});var n=a(32735),i=a(83914),r=a(76177),o=a(26361),c=a(35223),l=a(31908);function s(e){if(!e.yearGroups)return n.createElement(n.Fragment,null);var t=o.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?n.createElement(r.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},n.createElement(i.x,{svgName:c.vn.Lock,size:"sm"===e.size?i.S.Small:i.S.Standard})):n.createElement(n.Fragment,null)}},10439:(e,t,a)=>{a.d(t,{r:()=>c});var n=a(32735),i=a(17082),r=a(35429);const o={hoverContainer:"TzWQw",hovering:"gdTcW"};function c(e){var t,a=(0,r.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return n.createElement(n.Fragment,null);if("picture-in-picture"===a.mode)return n.createElement(n.Fragment,null);if("hover"===e.mode&&a.isOnPlayPage)return n.createElement(n.Fragment,null);if("default"===a.mode||"play-page"===e.location)return n.createElement(i.t0,{node:a.portalNode});var c=a.started,l="rounded-3";"popout-video"===e.location&&(l="rounded-top-3");var s="".concat(o.hoverContainer," ").concat(c?o.hovering:""," ").concat(l," overflow-hidden");return n.createElement("div",{className:s},n.createElement(i.t0,{node:a.portalNode}))}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},59598:(e,t,a)=>{var n;a.d(t,{K:()=>n}),function(e){e.Resources="resources",e.Interactives="interactives"}(n||(n={}))}}]);
-//# sourceMappingURL=3332-5dcf265f42-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[3332],{40955:(e,t,a)=>{a.d(t,{P:()=>i});var n=a(32735);function i(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>r});var n=a(32735),i=a(7121);function r(e){var t="d-flex align-items-center badge-list ".concat(i.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},89682:(e,t,a)=>{a.d(t,{I:()=>u,h:()=>d});var n=a(32735),i=a(91967),r=a(83914),o=a(35223),c=a(11607);const l={unchecked:"bup9I",outline:"ealw_",checked:"A1Ov0",checkMark:"c14lI"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var d;function u(e){var t,a,u=(t=n.useState(e.status===d.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?s(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];n.useEffect((function(){v(e.status===d.Complete)}),[e.status]);var p="cursor-pointer rounded-circle ".concat(m?l.checked:l.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(l.outline)),e.status&&e.status!==d.None&&i.q.isFunction(e.setStatus)?n.createElement(c.L,{className:p,onClick:function(){var t=!m;v(t);var a=t?d.Complete:d.Incomplete;e.setStatus(a).catch((function(){v(!t)}))},disabled:e.disabled},n.createElement(r.x,{svgName:o.vn.Check,className:"svg-container ".concat(l.checkMark)})):n.createElement(n.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(d||(d={})),u.defaultProps={style:"filled"}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(32735),i=a(83914),r=a(35223);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},22843:(e,t,a)=>{a.d(t,{h:()=>d});var n=a(32735),i=a(65858),r=a(36848),o=a(38647),c=a(11882),l=a(31908);const s={container:"r70GR",titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function d(e){var t=e.video,a=e.appLink,d=e.subTextAppLink,u=l.M.getCanBeConsumed(t).canNavigate;return n.createElement("div",{className:"mt-2 ".concat(s.container)},n.createElement("div",{className:"d-flex flex-column ".concat(s.titleContainer)},l.M.isVideo(t)&&n.createElement(c.$,{type:e.subTextType,className:"text-truncate ".concat(s.seriesTitleBox),video:t,appLink:d,analyticsOptions:{location:i.LZ.VideoThumbnail}}),n.createElement(r.F,{className:"h6 text-reset clamp-2 align-middle",appLink:u?a:null},t.name,n.createElement(o.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},3332:(e,t,a)=>{a.d(t,{u:()=>ye});var n=a(32735),i=a(1048),r=a(65858),o=a(18559),c=a(17464),l=a(23481),s=a(91967),d=a(11607),u=a(83914),m=a(69883),v=a(1643),p=a(35223),g=a(31908);const y={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var E=l.T.encloseNamespace("shared.favouriteButton");function h(e){var t,a,i=(0,m.Z)(),r=v.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(r),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],l=o[1];n.useEffect((function(){l(r)}),[r]);var h="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(y.favouriteButton," ").concat(c?y.favourited:"");return e.className&&(h+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(d.L,{className:h,onClick:function(){var t=!c;l(t),e.setFavourite(e.video,t,null,(function(){i.error(E(g.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":g.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),l(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(u.x,{svgName:p.vn.Heart,className:"svg-container ".concat(y.heart)}),n.createElement(u.x,{svgName:p.vn.HeartOutline,className:"svg-container ".concat(y.heartOutline)})):n.createElement(n.Fragment,null)}var b=a(75163),C=a(5465);function O(e){var t=g.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const N={bottomBar:"YnXtZ"};function k(e){return g.M.isVideo(e.video)?n.createElement("div",{className:N.bottomBar},n.createElement(O,{video:e.video})):n.createElement(n.Fragment,null)}var w=a(20789),x=a(86794),j=a(2786),I=a(64818);const F={std:"ct8Ht",sm:"dvCes",stdIcon:"iy0pu",smIcon:"Z_mZf"};function T(e){var t,a,i;return(g.M.isInteractive(e.video)||g.M.isClip(e.video))&&(e.video._liteOwner||(null===(t=e.video._isClickViewCurated)||void 0===t?void 0:t.value))?(null===(a=e.video._isClickViewCurated)||void 0===a?void 0:a.value)?n.createElement("div",{className:"".concat("sm"===e.size?F.sm:F.std," me-1 rounded-circle position-relative bg-white")},n.createElement(x.b,{className:"me-1 ".concat("sm"===e.size?F.smIcon:F.stdIcon)},n.createElement(j.Sd,null))):n.createElement("div",{className:"".concat("sm"===e.size?F.sm:F.std," me-1")},n.createElement(w.q,{imageCdnUrl:e.imageCdnUrl,initials:I.l.getInitials(e.video._liteOwner.name,e.video._liteOwner.surname),imageUrl:null===(i=e.video._liteOwner.avatar)||void 0===i?void 0:i.url})):n.createElement(n.Fragment,null)}const S={padlock:"w4cg8",sm:"JpIYd"};function M(e){var t="sm"===e.size?u.S.Small:u.S.Standard;return n.createElement("div",{className:"".concat(S.padlock," ").concat("sm"===e.size?S.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},n.createElement(u.x,{svgName:p.vn.Lock,size:t}))}var L=a(76177);const z={logo:"OA9ft",sm:"fyo2J"};function A(e){var t,a,i,r;if(!g.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return n.createElement(n.Fragment,null);var o=null===(a=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===a?void 0:a[0],c=null!==(r=null===(i=null==o?void 0:o.logo)||void 0===i?void 0:i.url)&&void 0!==r?r:e.companyLogoFallbackUrl;return c?n.createElement("div",null,n.createElement(L.u,{title:null==o?void 0:o.name,spanHack:!0},n.createElement("div",{className:"".concat(z.logo," ").concat("sm"===e.size?z.sm:""),style:{backgroundImage:"url(".concat(c,")")}}))):n.createElement(n.Fragment,null)}A.defaultProps={size:"md"};var D=a(11882),P=a(4594),R=a(61150);function V(e){return g.M.isClip(e.video)?n.createElement(R.y,{typeId:P.E.Clip,size:e.size,inContainer:!0}):g.M.isInteractive(e.video)?n.createElement(R.y,{typeId:P.E.Interactive,status:e.video.status,size:e.size,inContainer:!0}):n.createElement(n.Fragment,null)}V.default={size:"md"};var B=a(10439),_=a(54610),H=a(49439);const U={overlayContainer:"qu3A3",topLeftContainer:"gjhMe",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function G(e){var t="mb-1";return e&&(t+=U.downScale),t}function W(e){var t,a,l,s=e.video,d=e.appLink,m=e.imageOptions,y=e.setFavourite,f=e.canFavourite,E=e.preload,O=e.hovering,N=e.hoverToPlay,w=e.companyLogoFallbackUrl,x=g.M.getCanBeConsumed(e.video),j=x.canNavigate,I=x.canConsume,F=i.t.isObject(null==d?void 0:d.params)?null==d?void 0:d.params:{},S=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(s)}),z=v.h.showFavouriteButton(e.video,O),P=g.M.isVideo(s),R=g.M.getRating(e.video),W=(a=(0,H.L)({delay:100}),l=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(a,l)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?Z(e,t):void 0}}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),X=W[0],q=W[1]&&I&&N;return n.createElement(L.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:X},z&&n.createElement("div",{className:U.topRightContainer},n.createElement(h,{setFavourite:y,canFavourite:f,video:s,analyticsData:e.analyticsData,analyticsOptions:S})),!j&&n.createElement("div",{className:U.topRightContainer},n.createElement(M,null)),n.createElement("div",{className:"".concat(U.topLeftContainer," d-flex flex-no-wrap")},n.createElement(T,{video:s,imageCdnUrl:e.imageCdnUrl}),n.createElement(V,{video:s}),n.createElement(A,{video:s,companyLogoFallbackUrl:w})),n.createElement(b.Z,{data:g.M.getThumbnail(s),appLink:j?d:null,imageType:_.__.Thumbnails,imageOptions:m,preload:E,className:U.gradient,alt:("series"in s&&(null===(t=s.series)||void 0===t?void 0:t.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}),analyticsOptions:Object.assign(Object.assign({},S),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail})},!(!O||!j)&&n.createElement(u.x,{className:U.playIcon,svgName:p.vn.PlayCircle}),n.createElement(C.oy,{type:C.mS.Video}),n.createElement("div",{className:U.overlayContainer},n.createElement("div",{className:U.overlay},n.createElement("div",{className:"".concat(G(O)," ").concat(U.title)},P&&n.createElement(D.$,{type:e.subTextType,className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},g.M.getTitle(s))),n.createElement(k,{video:s}),O&&n.createElement(c.c,{className:"mt-1"},g.M.isVideo(s)&&n.createElement(n.Fragment,null,n.createElement(o.C,{type:o.g.Rating,data:R}),s.hasSubtitle&&n.createElement("span",{className:"badge p-0"},n.createElement(u.x,{svgName:p.vn.CloseCaptionBadge})),n.createElement(o.C,{type:o.g.Interactive,data:s.hasInteractives}),n.createElement(o.C,{type:o.g.DurationExact,data:g.M.getDuration(e.video)})))))),q&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:F.context,contextId:F.contextId,moviesAndTv:F.mtv})))}var X=a(64446),q=a(40955);const Q={badgeContainer:"fy9Un",sm:"Rb0TL"};function K(e){var t=g.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,i=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||i?n.createElement(c.c,{className:"".concat(Q.badgeContainer," ").concat("sm"===e.size?Q.sm:"")},a&&n.createElement(q.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),i&&n.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&n.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||g.M.getDuration(e.video)})):n.createElement(n.Fragment,null)}K.defaultProps={newDurationStyle:!0,size:"md"};var $=a(22843),J=a(66190),Y=a(77590),ee=a(59598);const te={preview:"whbhf",topLeftContainer:"wHY80",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};var ae=function(e){var t,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,d=e.canFavourite,u=e.isHovering,m=e.hoverToPlay,p=e.companyLogoFallbackUrl,y=i.t.isObject(null==o?void 0:o.params)?null==o?void 0:o.params:{},f=g.M.getCanBeConsumed(a),E=f.canNavigate,O=f.canConsume;function N(e){return Object.assign(Object.assign({},o),{params:Object.assign(Object.assign({},y),{scrollTo:e})})}n.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var w="position-relative bg-white";e.extraClasses&&(w+=" ".concat(e.extraClasses)),u&&(w+=" rounded-3 shadow-lg");var x=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(a)}),j=e.isHovering&&O&&m,I=v.h.showFavouriteButton(e.video,u);return n.createElement("div",{className:w},I&&n.createElement("div",{className:te.topRightContainer},n.createElement(h,{setFavourite:s,canFavourite:d,video:a,analyticsData:e.analyticsData,analyticsOptions:x})),!E&&n.createElement("div",{className:te.topRightContainer},n.createElement(L.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement(M,null))),n.createElement("div",{className:"position-relative"},n.createElement(b.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:g.M.getThumbnail(a),appLink:E?o:null,imageType:_.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(u?te.preview:"rounded-3 ".concat(te.original)),alt:("series"in a&&(null===(t=a.series)||void 0===t?void 0:t.name)?"".concat(a.series.name,": "):"")+a.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},x),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail})},n.createElement(C.oy,{type:C.mS.Video}),n.createElement("div",{className:"p-absolute w-100 h-100 text-white"},n.createElement("div",{className:"".concat(te.topLeftContainer," d-flex flex-no-wrap")},n.createElement(T,{video:a,imageCdnUrl:e.imageCdnUrl}),n.createElement(V,{video:a}),n.createElement(A,{video:a,companyLogoFallbackUrl:p})),n.createElement(K,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),n.createElement(k,{video:a}))),j&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:y.context,contextId:y.contextId,moviesAndTv:y.mtv,location:"popout-video"})),!u&&!e.hideTitle&&n.createElement($.h,Object.assign({},e)),n.createElement("div",{className:"".concat(te.details," ").concat(u?"".concat(te.isHovering," box-shadow"):"")},u&&n.createElement(n.Fragment,null,n.createElement("div",{className:"".concat(u?te.videoGuidanceTags:"")},n.createElement($.h,Object.assign({},e)),e.showVideoGuidance&&u&&n.createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},n.createElement(Y.x,{video:e.video,appLink:N(ee.K.Resources),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(J.Y,{video:e.video,appLink:N(ee.K.Interactives),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))))))};function ne(e){return n.createElement(n.Fragment,null,n.createElement(X.K,{hoverableComponent:ae,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(e.video)})}))}var ie=a(36848),re=a(24900),oe=a(89682);const ce={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function le(e){return g.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=g.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!s.q.isFunction(e.setFavourite)||!s.q.isFunction(e.canFavourite))||!!s.q.isFunction(e.setCheckMarkStatus)}(e)?n.createElement("div",{className:"".concat(ce.container," d-flex align-items-center")},n.createElement(h,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:ce.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(oe.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:ce.action})):n.createElement(n.Fragment,null):n.createElement("div",{className:ce.container},n.createElement(M,{size:e.size}))}var se=a(68626);const de={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",topLeftContainer:"hrw3I",gradient:"LS_EH"};function ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?me(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var ve="shared.staticVideoThumbnail";function pe(e){var t,a=e.video,i=e.subTextAppLink,o=e.textPosition,c=e.appLink,s=o===se.z.Overlay,d=g.M.getCanBeConsumed(e.video).canNavigate,u="";return s?(u=de.titleOverlay,d&&(g.M.isClip(a)&&(u+=" "+de.clip),g.M.isInteractive(a)&&(u+=" "+de.interactive))):u=de.titleBelow,n.createElement("div",{className:u},g.M.isVideo(a)&&n.createElement(D.$,{type:e.subTextType,className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:i,analyticsOptions:{location:r.LZ.VideoThumbnail}}),s||!d?n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=a.name)&&void 0!==t?t:l.T.getPhrase(ve,"videoUnavailable")):n.createElement(ie.F,{className:"h6 text-reset clamp-2",appLink:c},a.name))}function ge(e){var t,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,d=e.setFavourite,u=e.preload,m=e.hoverToPlay,p=i.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},y=ue((0,H.X)(),2),f=y[0],E=y[1],h=ue((0,H.L)({delay:100}),2),O=h[0],N=h[1],w=g.M.getCanBeConsumed(o),x=w.canNavigate,j=w.canConsume,I=N&&j&&m,F=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(o)}),T=!!c&&!e.hideMask&&x,S=g.M.getPrivacyReasoning(e.video,e.showSignIn);return n.createElement(L.u,{title:S,spanHack:!0,spanHackClassName:""},n.createElement("div",{className:(a="position-relative",a+=c&&x?" cursor-pointer":"",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===se.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:function(e){f.current=e,O.current=e}},n.createElement(le,{video:o,checkMarkStatus:e.checkMarkStatus,setCheckMarkStatus:e.setCheckMarkStatus,setFavourite:d,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&v.h.showFavouriteButton(o,E)},analyticsData:e.analyticsData,analyticsOptions:F,size:e.size}),n.createElement(b.Z,{data:g.M.getThumbnail(o),appLink:x?c:null,imageType:_.__.Thumbnails,imageOptions:s,preload:u,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),l===se.z.Overlay&&(t+=" ".concat(de.gradient)),t}(),alt:("series"in o&&(null===(t=o.series)||void 0===t?void 0:t.name)?"".concat(o.series.name,": "):"")+o.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},F),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail})},T&&n.createElement(re.z,{type:re.O.Video,size:e.size}),n.createElement(C.oy,{type:C.mS.Video}),n.createElement("div",{className:de.overlayContainer},l===se.z.Overlay&&n.createElement(pe,Object.assign({},e)),n.createElement("div",{className:"".concat(de.topLeftContainer," d-flex flex-no-wrap")},n.createElement(V,{video:o,size:e.size}),n.createElement(A,{video:o,companyLogoFallbackUrl:e.companyLogoFallbackUrl,size:e.size})),n.createElement(k,{video:o}),n.createElement(K,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),I&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:p.context,contextId:p.contextId,moviesAndTv:p.mtv}),l===se.z.Below&&n.createElement(pe,Object.assign({},e))))}function ye(e){switch(e.type){case"static":return n.createElement(ge,Object.assign({},e));case"cosmetic":return n.createElement(ge,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return n.createElement(W,Object.assign({},e));case"popout":return n.createElement(ne,Object.assign({},e));default:return}}ye.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},61150:(e,t,a)=>{a.d(t,{y:()=>v});var n=a(32735),i=a(23481),r=a(83914),o=a(5960),c=a(4594),l=a(35223);const s={topLeftContainer:"iwBld",draft:"QBpxh",badge:"KcvGx",svg:"gW733",text:"QiH5Q",sm:"tn2BH"};var d=i.T.encloseNamespace("shared.typeBadge");function u(e){switch(e){case c.E.Clip:return l.vn.Clip;case c.E.Interactive:return l.vn.Interactive;case c.E.Resource:return l.vn.Resources;default:return""}}function m(e,t){switch(e){case c.E.Clip:return"bg-dark-blue";case c.E.Interactive:return t===o.X.Draft?s.draft:"bg-green";case c.E.Resource:return"bg-indigo";default:return""}}function v(e){var t="".concat(s.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?s.sm:"");return n.createElement("div",{className:e.inContainer?"":s.topLeftContainer},n.createElement("div",{className:"".concat(t," ").concat(m(e.typeId,e.status))},n.createElement(r.x,{className:"svg-container d-block ".concat(s.svg),size:"sm"===e.size?r.S.Small:r.S.Standard,svgName:u(e.typeId)}),n.createElement("span",{className:s.text},function(e){switch(e){case c.E.Clip:return d("clip");case c.E.Interactive:return d("interactive");case c.E.Resource:return d("resource");default:return""}}(e.typeId))))}v.default={size:"md"}},66190:(e,t,a)=>{a.d(t,{Y:()=>d});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.interactivesTag";function d(e){var t,a;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var d=(null===(a=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0;return d?n.createElement(o.m,{svgName:c.vn.Interactive,iconVariant:"green",text:i.T.getPhrase(s,"interactives",{smartCount:d}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"interactive",videoGuidanceTotalItems:d},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},77590:(e,t,a)=>{a.d(t,{x:()=>d});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.resourcesTag";function d(e){var t,a,d,u;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var m=((null===(a=null===(t=e.video.resources)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0)+((null===(u=null===(d=e.video.links)||void 0===d?void 0:d.data)||void 0===u?void 0:u.length)||0);return m?n.createElement(o.m,{svgName:c.vn.Resources,iconVariant:"indigo",text:i.T.getPhrase(s,"resources",{smartCount:m}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"resource",videoGuidanceTotalItems:m},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},65720:(e,t,a)=>{a.d(t,{m:()=>c});var n=a(32735),i=a(83914),r=a(36848);const o={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function c(e){return e.appLink?n.createElement(r.F,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:"\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ".concat(o.tag," ").concat(e.active?o.active:"","\n        ")},n.createElement(l,Object.assign({},e))):n.createElement(l,Object.assign({},e))}function l(e){return n.createElement(n.Fragment,null,n.createElement(i.x,{className:"".concat(o.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),n.createElement("span",{className:"ps-1 text-nowrap user-select-none"},e.text))}},38647:(e,t,a)=>{a.d(t,{m:()=>s});var n=a(32735),i=a(83914),r=a(76177),o=a(26361),c=a(35223),l=a(31908);function s(e){if(!e.yearGroups)return n.createElement(n.Fragment,null);var t=o.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?n.createElement(r.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},n.createElement(i.x,{svgName:c.vn.Lock,size:"sm"===e.size?i.S.Small:i.S.Standard})):n.createElement(n.Fragment,null)}},10439:(e,t,a)=>{a.d(t,{r:()=>c});var n=a(32735),i=a(17082),r=a(35429);const o={hoverContainer:"TzWQw",hovering:"gdTcW"};function c(e){var t,a=(0,r.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return n.createElement(n.Fragment,null);if("picture-in-picture"===a.mode)return n.createElement(n.Fragment,null);if("hover"===e.mode&&a.isOnPlayPage)return n.createElement(n.Fragment,null);if("default"===a.mode||"play-page"===e.location)return n.createElement(i.t0,{node:a.portalNode});var c=a.started,l="rounded-3";"popout-video"===e.location&&(l="rounded-top-3");var s="".concat(o.hoverContainer," ").concat(c?o.hovering:""," ").concat(l," overflow-hidden");return n.createElement("div",{className:s},n.createElement(i.t0,{node:a.portalNode}))}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},59598:(e,t,a)=>{var n;a.d(t,{K:()=>n}),function(e){e.Resources="resources",e.Interactives="interactives"}(n||(n={}))}}]);
+//# sourceMappingURL=3332-f366cd8f24-lite.chunk.js.map

package/dist/scripts/3332-f366cd8f24-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/3332-f366cd8f24-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx","file:///app/packages/libs/shared/src/components/badges/BadgeListContainer.tsx","file:///app/packages/libs/shared/src/components/check-mark-button/check-mark-button.scss","file:///app/packages/libs/shared/src/components/check-mark-button/CheckMarkButton.tsx","file:///app/packages/libs/shared/src/components/mask/mask.scss","file:///app/packages/libs/shared/src/components/mask/Mask.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-text/thumbnail-text.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-text/ThumbnailText.tsx","file:///app/packages/libs/shared/src/components/favourite-button/favourite-button.scss","file:///app/packages/libs/shared/src/components/favourite-button/FavouriteButton.tsx","file:///app/packages/libs/shared/src/components/thumbnails/bottom-bar/videos/VideoWatchProgressBar.tsx","file:///app/packages/libs/shared/src/components/thumbnails/bottom-bar/video-thumbnail-bottom-bar.scss","file:///app/packages/libs/shared/src/components/thumbnails/bottom-bar/VideoThumbnailBottomBar.tsx","file:///app/packages/libs/shared/src/components/thumbnails/lite-owner-avatar/lite-owner-avatar.scss","file:///app/packages/libs/shared/src/components/thumbnails/lite-owner-avatar/LiteOwnerAvatar.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/padlock/thumbnail-padlock.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/padlock/ThumbnailPadlock.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-company/thumbnail-company-logo.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-company/ThumbnailCompanyLogo.tsx","file:///app/packages/libs/shared/src/components/video-type-badge/VideoTypeBadge.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/expandable/expandable-video-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/video/expandable/ExpandableVideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-badges/video-thumbnail-badges.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-badges/VideoThumbnailBadges.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/popout/popout-video-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/video/popout/PopoutVideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/video-thumbnail-actions.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/VideoThumbnailActions.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/static/static-video-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/type-badge/type-badge.scss","file:///app/packages/libs/shared/src/components/type-badge/TypeBadge.tsx","file:///app/packages/libs/shared/src/components/video-guidance/interactives/InteractivesTag.tsx","file:///app/packages/libs/shared/src/components/video-guidance/resources/ResourcesTag.tsx","file:///app/packages/libs/shared/src/components/video-guidance/tag/video-guidance-tag.scss","file:///app/packages/libs/shared/src/components/video-guidance/tag/VideoGuidanceTag.tsx","file:///app/packages/libs/shared/src/components/video-list/components/restriction-padlock/RestrictionPadlock.tsx","file:///app/packages/libs/shared/src/context/player-context/components/global-player-consumer.scss","file:///app/packages/libs/shared/src/context/player-context/components/GlobalPlayerConsumer.tsx","file:///app/packages/libs/shared/src/enums/ThumbnailTextPosition.ts","file:///app/packages/libs/shared/src/interfaces/PlayPageAnchor.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Audience } from 'libs/shared/interfaces';\n\nimport styles from './audience-label.scss';\n\ntype AudienceBorderColour = 'dark' | 'white';\n\ninterface AudienceLabelProps {\n  audience: Audience;\n  border: AudienceBorderColour;\n  className?: string;\n}\n\nexport function AudienceLabel(props: AudienceLabelProps): JSX.Element {\n  if (!props.audience)\n    return <></>;\n\n  // Note: the audience-label class is applied so that parent components can override styling, and Online can style this component\n  return (\n    <div\n      className={`audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ${'border-' + props.border} ${props.className ? props.className : ''}`}\n    >\n      {props.audience.name}\n    </div>\n  );\n}\n\ninterface AudienceLabelListProps {\n  audiences: Audience[];\n  border: AudienceBorderColour;\n}\n\nexport function AudienceLabelList(props: AudienceLabelListProps): JSX.Element {\n  if (!props.audiences || !props.audiences.length)\n    return <></>;\n\n  return (\n    <>\n      {props.audiences.map((a, idx) => (\n        <span key={idx} className={styles.audienceLabelListItem}>\n          <AudienceLabel audience={a} border={props.border} />\n        </span>\n      ))}\n    </>\n  );\n}","import * as React from 'react';\n\nimport styles from './badge.scss';\n\ninterface BadgeListContainerProps {\n  className?: string;\n}\n\nexport function BadgeListContainer(props: React.PropsWithChildren<BadgeListContainerProps>): JSX.Element {\n  let className = `d-flex align-items-center badge-list ${styles.minHeight}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return (\n    <div className={className}>\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"unchecked\":\"bup9I\",\"outline\":\"ealw_\",\"checked\":\"A1Ov0\",\"checkMark\":\"c14lI\"};","import React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { DivButton } from '../div-button/DivButton';\n\nimport styles from './check-mark-button.scss';\n\nexport enum CheckMarkStatus {\n  None = 'None',\n  Complete = 'Complete',\n  Incomplete = 'Incomplete'\n}\n\nexport type SetCheckMarkStatusFunc = (status: CheckMarkStatus) => Promise<void>;\n\ninterface CheckMarkButtonProps {\n  setStatus: SetCheckMarkStatusFunc;\n  status: CheckMarkStatus;\n  style?: 'outline' | 'filled';\n  className?: string;\n  disabled?: boolean;\n}\n\nCheckMarkButton.defaultProps = {\n  style: 'filled'\n};\n\nexport function CheckMarkButton(props: CheckMarkButtonProps): JSX.Element {\n  // Use local state so that changes are reflected immediately.\n  const [ isComplete, setIsComplete ] = React.useState(props.status === CheckMarkStatus.Complete);\n\n  React.useEffect(() => {\n    setIsComplete(props.status === CheckMarkStatus.Complete);\n  }, [props.status]);\n\n  let className = `cursor-pointer rounded-circle ${isComplete ? styles.checked : styles.unchecked}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (props.style === 'outline')\n    className += ` ${styles.outline}`;\n\n  function shouldRender(): boolean {\n    return (\n      !!props.status &&\n      props.status !== CheckMarkStatus.None &&\n      FunctionHelper.isFunction(props.setStatus)\n    );\n  }\n\n  function onClick(): void {\n    const shouldComplete = !isComplete;\n\n    setIsComplete(shouldComplete);\n\n    const newStatus = shouldComplete ? CheckMarkStatus.Complete : CheckMarkStatus.Incomplete;\n\n    props.setStatus(newStatus).catch(() => {\n      setIsComplete(!shouldComplete);\n    });\n  }\n\n  if (!shouldRender())\n    return <></>;\n\n  return (\n    <DivButton className={className} onClick={onClick} disabled={props.disabled}>\n      <SvgContainer\n        svgName={cvSvgLibrary.Check}\n        className={`svg-container ${styles.checkMark}`}\n      />\n    </DivButton>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"mask\":\"qpc7L\",\"small\":\"L8Oxs\",\"video\":\"b8kJW\",\"playlist\":\"eo2p2\",\"maskContainer\":\"lpwag\"};","import * as React from 'react';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './mask.scss';\n\nexport enum MaskType {\n  Video,\n  Playlist,\n  Series\n}\n\nfunction getClassByType(type: MaskType): string {\n  if (type === MaskType.Video)\n    return styles.video;\n\n  if (type === MaskType.Playlist)\n    return styles.playlist;\n\n  return '';\n}\n\nfunction getSvgType(type: MaskType): string {\n  if (type === MaskType.Video)\n    return cvSvgLibrary.PlayCircle;\n\n  return '';\n}\n\ntype MaskSize = 'sm' | 'md';\n\ninterface MaskProps {\n  type: MaskType;\n  size?: MaskSize;\n}\n\nMask.defaults = {\n  size: 'md'\n};\n\nexport function Mask(props: MaskProps): JSX.Element {\n  const { type, size } = props;\n\n  const typeClass = getClassByType(type);\n  const svgType = getSvgType(type);\n\n  return (\n    <div className={`${styles.maskContainer} ${size === 'sm' ? styles.small : ''}`}>\n      <div className={ styles.mask }></div>\n      <SvgContainer svgName={svgType} className={ typeClass } />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"r70GR\",\"titleContainer\":\"rULXI\",\"seriesTitleBox\":\"h9k1p\",\"badgeContainer\":\"QaDDX\",\"audienceBadge\":\"hvsne\"};","import React from 'react';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { PopoutVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './thumbnail-text.scss';\n\ntype VideoThumbnailTextProps = Pick<PopoutVideoThumbnailProps, 'video'|'appLink'|'subTextAppLink'|'yearGroups'|'subTextType'>\n\nexport function ThumbnailText(props: VideoThumbnailTextProps): JSX.Element {\n  const { video, appLink, subTextAppLink } = props;\n  const { canNavigate } = VideoHelper.getCanBeConsumed(video);\n\n  return (\n    <div className={`mt-2 ${styles.container}`}>\n      <div className={`d-flex flex-column ${styles.titleContainer}`}>\n        {VideoHelper.isVideo(video) && (\n          <VideoSubText\n            type={props.subTextType}\n            className={`text-truncate ${styles.seriesTitleBox}`}\n            video={video}\n            appLink={subTextAppLink}\n            analyticsOptions={{ location: LocationContext.VideoThumbnail }}\n          />\n        )}\n \n        <AppLink className='h6 text-reset clamp-2 align-middle' appLink={canNavigate ? appLink : null}>\n          {video.name}\n          <RestrictionPadlock\n            video={props.video}\n            yearGroups={props.yearGroups}\n            size='sm'\n          />\n        </AppLink>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"favourited\":\"t0svX\",\"favouriteButton\":\"CFRo3\",\"heart\":\"ZMMQu\",\"heartOutline\":\"truFo\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces/AnalyticsTypes';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CanFavouriteFunc, FavouriteFunc, VideoTypes } from 'libs/shared/interfaces';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './favourite-button.scss';\n\nconst namespace = 'shared.favouriteButton';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface FavouriteButtonProps {\n  video: VideoTypes;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  className?: string;\n  analyticsData?: HashObject,\n  analyticsOptions?: AnalyticsOptions\n}\n\nexport function FavouriteButton(props: FavouriteButtonProps): JSX.Element {\n  const alerts = useAlerts();\n\n  const initialState = FavouriteHelper.isFavouritedByCurrentUser(props.video);\n\n  // Use local state so that changes are reflected immediately.\n  const [ isFavourite, setIsFavourite ] = React.useState(initialState);\n\n  React.useEffect(() => {\n    setIsFavourite(initialState);\n  }, [initialState]);\n\n  const flexClasses = 'd-flex align-items-center justify-content-center';\n  let className = `${flexClasses} cursor-pointer ${styles.favouriteButton} ${isFavourite ? styles.favourited : ''}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  function onClick(): void {\n    const shouldFavourite = !isFavourite;\n\n    function onError(): void {\n      function getErrorPhraseKey(): string {\n        if (VideoHelper.isClip(props.video))\n          return shouldFavourite ? 'favouriteClipError' : 'unfavouriteClipError';\n\n        if (VideoHelper.isInteractive(props.video))\n          return shouldFavourite ? 'favouriteInteractiveError' : 'unfavouriteInteractiveError';\n\n        return shouldFavourite ? 'favouriteVideoError' : 'unfavouriteVideoError';\n      }\n\n      alerts.error(getPhrase(getErrorPhraseKey()));\n      setIsFavourite(!shouldFavourite);\n    }\n\n    setIsFavourite(shouldFavourite);\n    props.setFavourite(props.video, shouldFavourite, null, onError, props.analyticsData, props.analyticsOptions);\n  }\n\n  if (!FunctionHelper.isFunction(props.setFavourite) || !FunctionHelper.isFunction(props.canFavourite))\n    return <></>;\n\n  // Don't render until we know the state of isFavourite\n  if (!props.canFavourite(props.video))\n    return <></>;\n\n  return (\n    <DivButton className={className} onClick={onClick}>\n      {/* We have the two svgs because they get swapped out on hover by the styles */}\n      <SvgContainer\n        svgName={cvSvgLibrary.Heart}\n        className={`svg-container ${styles.heart}`}\n      />\n      <SvgContainer\n        svgName={cvSvgLibrary.HeartOutline}\n        className={`svg-container ${styles.heartOutline}`}\n      />\n    </DivButton>\n  );\n}","import * as React from 'react';\n\nimport { Video } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ninterface VideoWatchProgressBarProps {\n  video: Video;\n}\n\nexport function VideoWatchProgressBar(props: VideoWatchProgressBarProps): JSX.Element {\n  const progress = VideoHelper.getVideoProgress(props.video);\n\n  const watchPercentage = progress && props.video.duration\n    && progress / props.video.duration * 100000;\n\n  if (!watchPercentage)\n    return <></>;\n\n  return <div className='bg-primary h-100' style={{ width: `${watchPercentage}%` }} />;\n}","// extracted by mini-css-extract-plugin\nexport default {\"bottomBar\":\"YnXtZ\"};","import React from 'react';\n\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { VideoWatchProgressBar } from './videos/VideoWatchProgressBar';\n\nimport styles from './video-thumbnail-bottom-bar.scss';\n\ninterface VideoThumbnailBottomBarProps {\n  video: VideoTypes;\n}\n\nexport function VideoThumbnailBottomBar(props: VideoThumbnailBottomBarProps): JSX.Element {\n  if (!VideoHelper.isVideo(props.video)) {\n    return <></>;\n  }\n\n  return (\n    <div className={styles.bottomBar}>\n      <VideoWatchProgressBar video={props.video} />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"std\":\"ct8Ht\",\"sm\":\"dvCes\",\"stdIcon\":\"iy0pu\",\"smIcon\":\"Z_mZf\"};","import React from 'react';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { SvgContainer2 } from 'libs/shared/components/svg-container/SvgContainer2';\nimport { ClickViewPlayLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './lite-owner-avatar.scss';\n\ninterface LiteOwnerAvatarProps {\n  video: VideoTypes;\n  imageCdnUrl: string;\n  size?: VideoItemSize;\n}\n\nexport function LiteOwnerAvatar(props: LiteOwnerAvatarProps): JSX.Element {\n  if (!VideoHelper.isInteractive(props.video) && !VideoHelper.isClip(props.video))\n    return <></>;\n\n  if (!props.video._liteOwner && !props.video._isClickViewCurated?.value)\n    return <></>;\n\n  if (props.video._isClickViewCurated?.value) {\n    return (\n      <div className={`${props.size === 'sm' ? styles.sm : styles.std} me-1 rounded-circle position-relative bg-white`}>\n        <SvgContainer2 className={`me-1 ${props.size === 'sm' ? styles.smIcon : styles.stdIcon}`}>\n          <ClickViewPlayLogo />\n        </SvgContainer2>\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${props.size === 'sm' ? styles.sm : styles.std} me-1`}>\n      <Avatar\n        imageCdnUrl={props.imageCdnUrl}\n        initials={UserHelper.getInitials(props.video._liteOwner.name, props.video._liteOwner.surname)}\n        imageUrl={props.video._liteOwner.avatar?.url}\n      />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"padlock\":\"w4cg8\",\"sm\":\"JpIYd\"};","import React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './thumbnail-padlock.scss';\n\ninterface ThumbnailPadlockProps {\n  size?: VideoItemSize;\n}\n\nexport function ThumbnailPadlock(props: ThumbnailPadlockProps): JSX.Element {\n  const svgSize = props.size === 'sm' ? SvgContainerSize.Small : SvgContainerSize.Standard;\n\n  return (\n    <div className={`${styles.padlock} ${props.size === 'sm' ? styles.sm : ''} bg-white cursor-default d-flex align-items-center justify-content-center`}>\n      <SvgContainer svgName={cvSvgLibrary.Lock} size={svgSize} />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"logo\":\"OA9ft\",\"sm\":\"fyo2J\"};","import React from 'react';\n\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Tooltip } from '../../tooltip/Tooltip';\n\nimport styles from './thumbnail-company-logo.scss';\n\ninterface ThumbnailCompanyLogoProps {\n  companyLogoFallbackUrl: string;\n  video: VideoTypes;\n  size?: VideoItemSize;\n}\n\nThumbnailCompanyLogo.defaultProps = {\n  size: 'md'\n};\n\nexport function ThumbnailCompanyLogo(props: ThumbnailCompanyLogoProps): JSX.Element {\n  if (!VideoHelper.isVideo(props.video) || !props.companyLogoFallbackUrl)\n    return <></>;\n\n  const company = props.video.productionCompanies?.data?.[0];\n  const url = company?.logo?.url ?? props.companyLogoFallbackUrl;\n\n  if (!url)\n    return <></>;\n\n  return (\n    <div>\n      <Tooltip\n        title={company?.name}\n        spanHack\n      >\n        <div\n          className={`${styles.logo} ${props.size === 'sm' ? styles.sm : ''}`}\n          style={{\n            backgroundImage: `url(${url})`\n          }}\n        />\n      </Tooltip>\n    </div>\n  );\n}","import React from 'react';\n\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { VideoTypes } from 'libs/shared/interfaces/VideoTypes';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { TypeBadge } from '../type-badge/TypeBadge';\n\ninterface VideoTypeBadgeProps {\n  video: VideoTypes;\n  size?: VideoItemSize;\n}\n\nVideoTypeBadge.default = {\n  size: 'md'\n};\n\nexport function VideoTypeBadge(props: VideoTypeBadgeProps): JSX.Element {\n  if (VideoHelper.isClip(props.video))\n    return <TypeBadge typeId={MasterType.Clip} size={props.size} inContainer />;\n\n  if (VideoHelper.isInteractive(props.video))\n    return (\n      <TypeBadge\n        typeId={MasterType.Interactive}\n        status={props.video.status}\n        size={props.size}\n        inContainer\n      />\n    );\n\n  return <></>;\n}","// extracted by mini-css-extract-plugin\nexport default {\"overlayContainer\":\"qu3A3\",\"topLeftContainer\":\"gjhMe\",\"topRightContainer\":\"XAfZW\",\"overlay\":\"NTrtm\",\"downScale\":\"puKcM\",\"title\":\"_6FukN\",\"gradient\":\"rXzR8\",\"playIcon\":\"dndOA\",\"videoProgress\":\"yhWf4\",\"badgeContainer\":\"AtgmC\",\"clipProgress\":\"E2egN\",\"interactiveProgress\":\"WycwR\"};","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ClickDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoThumbnailBottomBar } from 'libs/shared/components/thumbnails/bottom-bar/VideoThumbnailBottomBar';\nimport { LiteOwnerAvatar } from 'libs/shared/components/thumbnails/lite-owner-avatar/LiteOwnerAvatar';\nimport { ThumbnailPadlock } from 'libs/shared/components/thumbnails/thumbnail-actions/padlock/ThumbnailPadlock';\nimport { ThumbnailCompanyLogo } from 'libs/shared/components/thumbnails/thumbnail-company/ThumbnailCompanyLogo';\nimport { ExpandableVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { VideoTypeBadge } from 'libs/shared/components/video-type-badge/VideoTypeBadge';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { useHoverIntent } from 'libs/shared/hooks/UseHover';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './expandable-video-thumbnail.scss';\n\nfunction getTitleClass(hovering: boolean): string {\n  let className = 'mb-1';\n\n  if (hovering) {\n    className += styles.downScale;\n  }\n  \n  return className;\n}\n\nexport function ExpandableVideoThumbnail(props: ExpandableVideoThumbnailProps): JSX.Element {\n  const {\n    video, appLink, imageOptions, setFavourite, canFavourite,\n    preload, hovering, hoverToPlay, companyLogoFallbackUrl\n  } = props;\n  const { canNavigate, canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  const appLinkParams = ObjectHelper.isObject(appLink?.params) ? appLink?.params as HashObject : {};\n\n  const eventAnalyticsOptions = {\n    ...props.analyticsOptions,\n    entity: VideoHelper.getAnalyticsEntity(video)\n  };\n\n  const showFavouriteButton = FavouriteHelper.showFavouriteButton(props.video, hovering);\n  const isVideo = VideoHelper.isVideo(video);\n\n  const rating = VideoHelper.getRating(props.video);\n\n  const [ thumbnailHoverRef, isThumbnailHovering ] = useHoverIntent<HTMLDivElement>({ delay: 100 });\n\n  const showThumbnailPreviewVideo = isThumbnailHovering && canConsume && hoverToPlay;\n\n  return (\n    <Tooltip title={VideoHelper.getPrivacyReasoning(props.video)} spanHack spanHackClassName=''>\n      <div className='position-relative rounded-3 overflow-hidden' ref={thumbnailHoverRef}>\n        {showFavouriteButton &&\n          <div className={styles.topRightContainer}>\n            <FavouriteButton\n              setFavourite={setFavourite}\n              canFavourite={canFavourite}\n              video={video}\n              analyticsData={props.analyticsData}\n              analyticsOptions={eventAnalyticsOptions}\n            />\n          </div>\n        }\n        {/* top right */}\n        {!canNavigate && (\n          <div className={styles.topRightContainer}>\n            <ThumbnailPadlock />\n          </div>\n        )}\n        {/* top left */}\n        <div className={`${styles.topLeftContainer} d-flex flex-no-wrap`}>\n          <LiteOwnerAvatar video={video} imageCdnUrl={props.imageCdnUrl} />\n\n          <VideoTypeBadge video={video} />\n\n          <ThumbnailCompanyLogo video={video} companyLogoFallbackUrl={companyLogoFallbackUrl} />\n        </div>\n\n        <BaseImage\n          data={VideoHelper.getThumbnail(video)}\n          appLink={canNavigate ? appLink : null}\n          imageType={ImageType.Thumbnails}\n          imageOptions={imageOptions}\n          preload={preload}\n          className={styles.gradient}\n          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={{\n            ...props.analyticsData,\n            id: video.id,\n            name: video.name\n          }}\n          analyticsOptions={{\n            ...eventAnalyticsOptions,\n            actionType: UserAction.Click,\n            descriptor: ClickDescriptor.Thumbnail\n          }}\n        >\n          {!!(hovering && canNavigate) && (\n            <SvgContainer className={styles.playIcon} svgName={cvSvgLibrary.PlayCircle} />\n          )}\n\n          <ImageFallback type={ImageFallbackType.Video} />\n          <div className={styles.overlayContainer}>\n            <div className={styles.overlay}>\n              <div className={`${getTitleClass(hovering)} ${styles.title}`}>\n                {isVideo && (\n                  <VideoSubText\n                    type={props.subTextType}\n                    className='text-shadow clamp-1'\n                    video={video}\n                    appLink={null}\n                    analyticsOptions={null}\n                  />\n                )}\n\n                <span className='h6 text-reset text-shadow clamp-1'>\n                  {VideoHelper.getTitle(video)}\n                </span>\n              </div>\n\n              <VideoThumbnailBottomBar video={video} />\n\n              {hovering && (\n                <BadgeListContainer className='mt-1'>\n                  {VideoHelper.isVideo(video) && (\n                    <>\n                      <Badge\n                        type={BadgeType.Rating}\n                        data={rating}\n                      />\n                      {video.hasSubtitle && (\n                        <span className='badge p-0'>\n                          <SvgContainer svgName={cvSvgLibrary.CloseCaptionBadge} />\n                        </span>\n                      )}\n                      <Badge\n                        type={BadgeType.Interactive}\n                        data={video.hasInteractives}\n                      />\n                      <Badge\n                        type={BadgeType.DurationExact}\n                        data={VideoHelper.getDuration(props.video)}\n                      />\n                    </>\n                  )}\n                </BadgeListContainer>\n              )}\n            </div>\n          </div>\n        </BaseImage>\n        {showThumbnailPreviewVideo &&\n          <GlobalPlayerConsumer\n            key={props.video.id}\n            objectId={props.video.id}\n            objectTypeId={props.video.typeId}\n            mode='hover'\n            context={appLinkParams.context}\n            contextId={appLinkParams.contextId}\n            moviesAndTv={appLinkParams.mtv}\n          />\n        }\n      </div>\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"badgeContainer\":\"fy9Un\",\"sm\":\"Rb0TL\"};","import React from 'react';\n\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { Audience, Video } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './video-thumbnail-badges.scss';\n\ninterface VideoThumbnailBadgesProps {\n  video?: Video;\n  audience?: Audience;\n  hideRating?: boolean;\n  hideDuration?: boolean;\n  newDurationStyle?: boolean;\n  size?: VideoItemSize;\n  duration?: number;\n}\n\nVideoThumbnailBadges.defaultProps = {\n  newDurationStyle: true,\n  size: 'md'\n};\n\nexport function VideoThumbnailBadges(props: VideoThumbnailBadgesProps): JSX.Element {\n  const rating = VideoHelper.getRating(props.video);\n\n  const showAudience = !!props.audience && props.size !== 'sm';\n  const showRating = !showAudience && !props.hideRating && !!rating && props.size !== 'sm';\n\n  if (props.hideDuration && !showAudience && !showRating)\n    return <></>;\n\n  return (\n    <BadgeListContainer className={`${styles.badgeContainer} ${props.size === 'sm' ? styles.sm : ''}`}>\n      {showAudience && (\n        <AudienceLabel\n          audience={props.audience}\n          className='bg-white text-dark'\n          border='dark'\n        />\n      )}\n      {showRating && (\n        <Badge\n          type={BadgeType.Rating}\n          data={rating}\n        />\n      )}\n      {!props.hideDuration && (\n        <Badge\n          type={props.newDurationStyle ? BadgeType.DurationApproximate : BadgeType.DurationExact}\n          data={props.duration || VideoHelper.getDuration(props.video)}\n        />\n      )}\n    </BadgeListContainer>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"preview\":\"whbhf\",\"topLeftContainer\":\"wHY80\",\"details\":\"vMaXP\",\"isHovering\":\"tR1jA\",\"videoGuidanceTags\":\"KJrT1\",\"dropdown\":\"oZXV7\",\"show\":\"EiQ04\",\"topRightContainer\":\"FAuzc\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ClickDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\nimport { HoverableProps, HoverToPortalContainer } from 'libs/shared/components/hover-to-portal-container/HoverToPortalContainer';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { VideoThumbnailBottomBar } from 'libs/shared/components/thumbnails/bottom-bar/VideoThumbnailBottomBar';\nimport { LiteOwnerAvatar } from 'libs/shared/components/thumbnails/lite-owner-avatar/LiteOwnerAvatar';\nimport { ThumbnailPadlock } from 'libs/shared/components/thumbnails/thumbnail-actions/padlock/ThumbnailPadlock';\nimport { VideoThumbnailBadges } from 'libs/shared/components/thumbnails/thumbnail-badges/VideoThumbnailBadges';\nimport { ThumbnailText } from 'libs/shared/components/thumbnails/thumbnail-text/ThumbnailText';\nimport { PopoutVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { InteractivesTag } from 'libs/shared/components/video-guidance/interactives/InteractivesTag';\nimport { ResourcesTag } from 'libs/shared/components/video-guidance/resources/ResourcesTag';\nimport { VideoTypeBadge } from 'libs/shared/components/video-type-badge/VideoTypeBadge';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ThumbnailCompanyLogo } from '../../thumbnail-company/ThumbnailCompanyLogo';\n\nimport styles from './popout-video-thumbnail.scss';\n\ntype PopoutVideoProps = HoverableProps & PopoutVideoThumbnailProps;\n\nconst PopoutVideo = (props: PopoutVideoProps): JSX.Element => {\n  const {\n    video, appLink, imageOptions, preload, setFavourite, canFavourite,\n    isHovering, hoverToPlay, companyLogoFallbackUrl\n  } = props;\n  const appLinkParams = ObjectHelper.isObject(appLink?.params) ? appLink?.params as HashObject : {};\n  const { canNavigate, canConsume } = VideoHelper.getCanBeConsumed(video);\n\n  React.useEffect(() => {\n    return () => {\n      props.cleanPortalNode?.();\n    };\n  }, []);\n\n  function getGuidanceAppLink(scrollToPosition: PlayPageAnchor): Core.AppLink {\n    return {\n      ...appLink,\n      params: {\n        ...appLinkParams,\n        scrollTo: scrollToPosition\n      }\n    };\n  }\n\n  let className = 'position-relative bg-white';\n\n  if (props.extraClasses)\n    className += ` ${props.extraClasses}`;\n  if (isHovering)\n    className += ` rounded-3 shadow-lg`;\n  \n  const eventAnalyticsOptions = {\n    ...props.analyticsOptions,\n    entity: VideoHelper.getAnalyticsEntity(video)\n  };\n\n  const showThumbnailPreviewVideo = props.isHovering && canConsume && hoverToPlay;\n  const showFavouriteButton = FavouriteHelper.showFavouriteButton(props.video, isHovering);\n\n  return (\n    <div className={className}>\n      {showFavouriteButton && (\n        <div className={styles.topRightContainer}>\n          <FavouriteButton\n            setFavourite={setFavourite}\n            canFavourite={canFavourite}\n            video={video}\n            analyticsData={props.analyticsData}\n            analyticsOptions={eventAnalyticsOptions}\n          />\n        </div>\n      )}\n\n      {!canNavigate && (\n        <div className={styles.topRightContainer}>\n          <Tooltip title={VideoHelper.getPrivacyReasoning(props.video)} spanHack spanHackClassName=''>\n            <ThumbnailPadlock />\n          </Tooltip>\n        </div>\n      )}\n\n      <div className='position-relative'>\n        <BaseImage\n          onClick={() => props.cleanPortalNode?.()}\n          data={VideoHelper.getThumbnail(video)}\n          appLink={canNavigate ? appLink : null}\n          imageType={ImageType.Thumbnails}\n          imageOptions={imageOptions}\n          preload={preload}\n          className={`overflow-hidden ${isHovering ? styles.preview : `rounded-3 ${styles.original}`}`}\n          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={{\n            ...props.analyticsData,\n            id: video.id,\n            name: video.name\n          }}\n          analyticsOptions={{\n            ...eventAnalyticsOptions,\n            actionType: UserAction.Click,\n            descriptor: ClickDescriptor.Thumbnail\n          }}\n        >\n          <ImageFallback type={ImageFallbackType.Video} />\n          <div className='p-absolute w-100 h-100 text-white'>\n\n            {/* top left */}\n            <div className={`${styles.topLeftContainer} d-flex flex-no-wrap`}>\n              <LiteOwnerAvatar video={video} imageCdnUrl={props.imageCdnUrl} />\n          \n              <VideoTypeBadge video={video} />\n            \n              <ThumbnailCompanyLogo video={video} companyLogoFallbackUrl={companyLogoFallbackUrl} />\n            </div>\n\n            {/* bottom right */}\n            <VideoThumbnailBadges\n              video={props.video}\n              audience={props.audience}\n              hideRating={props.hideRating}\n              hideDuration={props.hideDuration}\n            />\n\n            {/* bottom */}\n            <VideoThumbnailBottomBar video={video} />\n          </div>\n        </BaseImage>\n        {showThumbnailPreviewVideo &&\n          <GlobalPlayerConsumer\n            key={props.video.id}\n            objectId={props.video.id}\n            objectTypeId={props.video.typeId}\n            mode='hover'\n            context={appLinkParams.context}\n            contextId={appLinkParams.contextId}\n            moviesAndTv={appLinkParams.mtv}\n            location='popout-video'\n          />\n        }\n      </div>\n\n      {!isHovering && !props.hideTitle && (\n        <ThumbnailText {...props}/>\n      )}\n  \n      <div className={`${styles.details} ${isHovering ? `${styles.isHovering} box-shadow` : ''}`}>\n        {isHovering && (\n          <>\n            <div className={`${isHovering ? styles.videoGuidanceTags : ''}`}>\n              <ThumbnailText {...props}/>\n\n              {(props.showVideoGuidance && isHovering) && (\n                <div className={`d-flex justify-content-start align-items-center pt-2`}>\n                  <ResourcesTag\n                    video={props.video}\n                    appLink={getGuidanceAppLink(PlayPageAnchor.Resources)}\n                    analyticsData={props.analyticsData}\n                    analyticsOptions={props.analyticsOptions}\n                  />\n                  <InteractivesTag\n                    video={props.video}\n                    appLink={getGuidanceAppLink(PlayPageAnchor.Interactives)}\n                    analyticsData={props.analyticsData}\n                    analyticsOptions={props.analyticsOptions}\n                  />\n                </div>\n              )}\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\n\nexport function PopoutVideoThumbnail(props: PopoutVideoThumbnailProps): JSX.Element {\n  return (\n    <>\n      <HoverToPortalContainer<PopoutVideoThumbnailProps>\n        hoverableComponent={PopoutVideo}\n        componentProps={props}\n        fixedHoverWidth={400}\n        minHoverWidth={400}\n        analyticsData={{\n          ...props.analyticsData,\n          id: props.video.id,\n          name: props.video.name\n        }}\n        analyticsOptions={{\n          ...props.analyticsOptions,\n          entity: VideoHelper.getAnalyticsEntity(props.video)\n        }}\n      />\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"efxnE\",\"cvIcon\":\"OJ_ZQ\",\"action\":\"vWvGn\"};","import React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces/AnalyticsTypes';\n\nimport { CheckMarkButton, CheckMarkStatus, SetCheckMarkStatusFunc } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { CanFavouriteFunc, FavouriteFunc, VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ThumbnailPadlock } from './padlock/ThumbnailPadlock';\n\nimport styles from './video-thumbnail-actions.scss';\n\nfunction hasActions(props: VideoThumbnailActionsProps): boolean {\n  if (!VideoHelper.getCanBeConsumed(props.video)?.canConsume)\n    return true;\n\n  if (FunctionHelper.isFunction(props.setFavourite) && FunctionHelper.isFunction(props.canFavourite))\n    return true;\n\n  if (FunctionHelper.isFunction(props.setCheckMarkStatus))\n    return true;\n\n  return false;\n}\n\ninterface VideoThumbnailActionsProps {\n  video: VideoTypes;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  checkMarkStatus?: CheckMarkStatus;\n  setCheckMarkStatus?: SetCheckMarkStatusFunc;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  size?: VideoItemSize;\n}\n\nexport function VideoThumbnailActions(props: VideoThumbnailActionsProps): JSX.Element {\n  const { canNavigate } = VideoHelper.getCanBeConsumed(props.video);\n\n  if (!canNavigate) {\n    return (\n      <div className={styles.container}>\n        <ThumbnailPadlock size={props.size} />\n      </div>\n    );\n  }\n  \n  if (!hasActions(props))\n    return <></>;\n\n  return (\n    <div className={`${styles.container} d-flex align-items-center`}>\n      <FavouriteButton\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        video={props.video}\n        className={styles.action}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n\n      <CheckMarkButton\n        status={props.checkMarkStatus}\n        setStatus={props.setCheckMarkStatus}\n        className={styles.action}\n      />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"titleOverlay\":\"krg9f\",\"clip\":\"MPRU6\",\"large\":\"g5_ww\",\"interactive\":\"Zzo3e\",\"titleBelow\":\"tZjPt\",\"overlayContainer\":\"EElm1\",\"topLeftContainer\":\"hrw3I\",\"gradient\":\"LS_EH\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ClickDescriptor, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { Mask, MaskType } from 'libs/shared/components/mask/Mask';\nimport { VideoThumbnailBottomBar } from 'libs/shared/components/thumbnails/bottom-bar/VideoThumbnailBottomBar';\nimport { VideoThumbnailActions } from 'libs/shared/components/thumbnails/thumbnail-actions/VideoThumbnailActions';\nimport { VideoThumbnailBadges } from 'libs/shared/components/thumbnails/thumbnail-badges/VideoThumbnailBadges';\nimport { ThumbnailCompanyLogo } from 'libs/shared/components/thumbnails/thumbnail-company/ThumbnailCompanyLogo';\nimport { StaticVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { VideoTypeBadge } from 'libs/shared/components/video-type-badge/VideoTypeBadge';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { useHover, useHoverIntent } from 'libs/shared/hooks/UseHover';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './static-video-thumbnail.scss';\n\nconst namespace = 'shared.staticVideoThumbnail';\n\nfunction ThumbnailText(props: StaticVideoThumbnailProps): JSX.Element {\n  const { video, subTextAppLink, textPosition, appLink } = props;\n\n  const textIsOverlayed = textPosition === ThumbnailTextPosition.Overlay;\n  const { canNavigate } = VideoHelper.getCanBeConsumed(props.video);\n\n  let className = '';\n\n  if (textIsOverlayed) {\n    className = styles.titleOverlay;\n\n    if (canNavigate) {\n      if (VideoHelper.isClip(video))\n        className += ' ' + styles.clip;\n      if (VideoHelper.isInteractive(video))\n        className += ' ' + styles.interactive;\n    }\n  } else {\n    className = styles.titleBelow;\n  }\n\n  return (\n    <div className={className}>\n      {VideoHelper.isVideo(video) &&\n        <VideoSubText\n          type={props.subTextType}\n          className={textIsOverlayed ? 'text-shadow clamp-1' : 'clamp-2'}\n          video={video}\n          appLink={!textIsOverlayed ? subTextAppLink : null}\n          analyticsOptions={{ location: LocationContext.VideoThumbnail }}\n        />\n      }\n\n      {(textIsOverlayed || !canNavigate)\n        ? (\n          <span className={`h6 text-reset text-shadow clamp-1`}>\n            {video.name ?? LanguageService.getPhrase(namespace, 'videoUnavailable')}\n          </span>\n        ) : (\n          <AppLink className='h6 text-reset clamp-2' appLink={appLink}>\n            {video.name}\n          </AppLink>\n        )\n      }\n    </div>\n  );\n}\n\nexport function StaticVideoThumbnail(props: StaticVideoThumbnailProps): JSX.Element {\n  const { video, appLink, textPosition, imageOptions, setFavourite, preload, hoverToPlay } = props;\n\n  const appLinkParams = ObjectHelper.isObject(appLink?.params) ? appLink?.params as HashObject : {};\n\n  const [ hoverRef, isHovering ] = useHover<HTMLDivElement>();\n  const [ hoverIntentRef, isHoveringIntentionally ] = useHoverIntent<HTMLDivElement>({ delay: 100 });\n  const { canNavigate, canConsume } = VideoHelper.getCanBeConsumed(video);\n\n  function setHoverRefs(r: HTMLDivElement) {\n    hoverRef.current = r;\n    hoverIntentRef.current = r;\n  }\n\n  const showThumbnailPreviewVideo = isHoveringIntentionally && canConsume && hoverToPlay;\n\n  function canFavourite(): boolean {\n    return props.canFavourite?.(props.video) && FavouriteHelper.showFavouriteButton(video, isHovering);\n  }\n\n  function getContainerClass(): string {\n    let className = 'position-relative';\n\n    className += (appLink && canNavigate) ? ' cursor-pointer' : '';\n\n    if (props.extraClasses)\n      className += ` ${props.extraClasses}`;\n\n    if (textPosition === ThumbnailTextPosition.Overlay)\n      className += ` rounded overflow-hidden`;\n\n    return className;\n  }\n\n  function getThumbnailClass(): string {\n    let className = `overflow-hidden ${props.size === 'sm' ? 'rounded' : 'rounded-3'}`;\n\n    if (props.imageClassName)\n      className += ` ${props.imageClassName}`;\n\n    if (textPosition === ThumbnailTextPosition.Overlay)\n      className += ` ${styles.gradient}`;\n      \n    return className;\n  }\n\n  const eventAnalyticsOptions = {\n    ...props.analyticsOptions,\n    entity: VideoHelper.getAnalyticsEntity(video)\n  };\n\n  const showMask = !!appLink && !props.hideMask && canNavigate;\n  const tooltip = VideoHelper.getPrivacyReasoning(props.video, props.showSignIn);\n\n  return (\n    <Tooltip title={tooltip} spanHack spanHackClassName=''>\n      <div className={getContainerClass()} ref={setHoverRefs}>\n        <VideoThumbnailActions\n          video={video}\n          checkMarkStatus={props.checkMarkStatus}\n          setCheckMarkStatus={props.setCheckMarkStatus}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          analyticsData={props.analyticsData}\n          analyticsOptions={eventAnalyticsOptions}\n          size={props.size}\n        />\n\n        <BaseImage\n          data={VideoHelper.getThumbnail(video)}\n          appLink={canNavigate ? appLink : null}\n          imageType={ImageType.Thumbnails}\n          imageOptions={imageOptions}\n          preload={preload}\n          className={getThumbnailClass()}\n          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={{\n            ...props.analyticsData,\n            id: video.id,\n            name: video.name\n          }}\n          analyticsOptions={{\n            ...eventAnalyticsOptions,\n            actionType: UserAction.Click,\n            descriptor: ClickDescriptor.Thumbnail\n          }}\n        >\n          {showMask && (\n            <Mask type={MaskType.Video} size={props.size} />\n          )}\n          <ImageFallback type={ImageFallbackType.Video} />\n          <div className={styles.overlayContainer}>\n            {/* overlay */}\n            {textPosition === ThumbnailTextPosition.Overlay && <ThumbnailText {...props} />}\n            \n            {/* top left */}\n            <div className={`${styles.topLeftContainer} d-flex flex-no-wrap`}>\n              {/* <LiteOwnerAvatar video={video} size={props.size} imageCdnUrl={props.imageCdnUrl} /> */}\n            \n              <VideoTypeBadge video={video} size={props.size} />\n\n              <ThumbnailCompanyLogo\n                video={video}\n                companyLogoFallbackUrl={props.companyLogoFallbackUrl}\n                size={props.size}\n              />\n            </div>\n\n            {/* bottom */}\n            <VideoThumbnailBottomBar video={video} />\n            \n            {/* bottom right */}\n            <VideoThumbnailBadges\n              video={props.video}\n              audience={props.audience}\n              hideRating={props.hideRating}\n              hideDuration={props.hideDuration}\n              newDurationStyle={props.newDurationStyle}\n              size={props.size}\n            />\n          </div>\n        </BaseImage>\n        {showThumbnailPreviewVideo &&\n          <GlobalPlayerConsumer\n            key={props.video.id}\n            objectId={props.video.id}\n            objectTypeId={props.video.typeId}\n            mode='hover'\n            context={appLinkParams.context}\n            contextId={appLinkParams.contextId}\n            moviesAndTv={appLinkParams.mtv}\n          />\n        }\n\n        {textPosition === ThumbnailTextPosition.Below && <ThumbnailText {...props} />}\n      </div>\n    </Tooltip>\n  );\n}\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { CheckMarkStatus, SetCheckMarkStatusFunc } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { VideoSubTextType } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { Audience, CanFavouriteFunc, FavouriteFunc, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport { ExpandableVideoThumbnail } from './expandable/ExpandableVideoThumbnail';\nimport { PopoutVideoThumbnail } from './popout/PopoutVideoThumbnail';\nimport { StaticVideoThumbnail } from './static/StaticVideoThumbnail';\n\ninterface BaseVideoThumbnailProps {\n  video: VideoTypes;\n  imageOptions: ImageOptions;\n  appLink: Core.AppLink;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  preload?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions: AnalyticsOptions; // Location context required\n  hoverToPlay?: boolean;\n  companyLogoFallbackUrl?: string;\n  imageCdnUrl?: string;\n  \n  /**\n   * TODO: Fix whatever this used to do in playlists\n   */\n  canRemovePrivateVideos?: boolean;\n  subTextType?: VideoSubTextType;\n  subTextAppLink?: Core.AppLink;\n}\n\nexport interface ExpandableVideoThumbnailProps extends BaseVideoThumbnailProps {\n  type: 'expandable';\n  newDurationStyle?: boolean;\n  hovering: boolean;\n}\n\nexport interface PopoutVideoThumbnailProps extends BaseVideoThumbnailProps {\n  type: 'popout';\n  hideDuration: boolean;\n  extraClasses?: string;\n  audience: Audience;\n  imageCdnUrl: string;\n  hideRating?: boolean;\n  yearGroups: YearGroup[];\n  hideTitle?: boolean;\n  showVideoGuidance: boolean;\n}\n\ninterface BaseStaticVideoThumbnailProps extends BaseVideoThumbnailProps {\n  textPosition: ThumbnailTextPosition;\n  extraClasses?: string;\n  imageClassName?: string;\n  size: 'sm' | 'md';\n  hideMask?: boolean;\n  showSignIn?: boolean;\n  setCheckMarkStatus?: SetCheckMarkStatusFunc;\n  checkMarkStatus?: CheckMarkStatus;\n  videoTypeBadgeSize?: 'sm' | 'std';\n  hideDuration?: boolean;\n  audience?: Audience;\n  newDurationStyle?: boolean;\n  hideRating?: boolean;\n}\n\ninterface PureStaticVideoThumbnailProps extends BaseStaticVideoThumbnailProps {\n  type: 'static';\n}\n\n/**\n * Allows us to have loose types when we only want to display a thumbnail\n * without any of the functionality - Sha\n */\ninterface CosmeticVideoThumbnailProps extends Partial<BaseStaticVideoThumbnailProps> {\n  type: 'cosmetic';\n}\n\nexport type StaticVideoThumbnailProps = PureStaticVideoThumbnailProps | CosmeticVideoThumbnailProps;\n\nexport type VideoThumbnailProps = ExpandableVideoThumbnailProps |\n  StaticVideoThumbnailProps |\n  PopoutVideoThumbnailProps |\n  CosmeticVideoThumbnailProps;\n\nVideoThumbnail.defaultProps = {\n  hideRating: true,\n  size: 'md',\n  hoverToPlay: true\n};\n\nexport function VideoThumbnail(props: VideoThumbnailProps): JSX.Element {\n  switch (props.type) {\n    case 'static':\n      return <StaticVideoThumbnail {...props} />;\n    case 'cosmetic':\n      // No hover to play for cosmetic use of VideoThumbnail\n      return <StaticVideoThumbnail {...props} hoverToPlay={false} />;\n    case 'expandable':\n      // Expandable thumbnails show metadata on hover. Static display the duration and don't expand on hover\n      return <ExpandableVideoThumbnail {...props} />;\n    case 'popout':\n      return <PopoutVideoThumbnail {...props} />;\n    default:\n      return;\n  }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"topLeftContainer\":\"iwBld\",\"draft\":\"QBpxh\",\"badge\":\"KcvGx\",\"svg\":\"gW733\",\"text\":\"QiH5Q\",\"sm\":\"tn2BH\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './type-badge.scss';\n\nconst namespace = 'shared.typeBadge';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getText(typeId: MasterType): string {\n  switch (typeId) {\n    case MasterType.Clip:\n      return getPhrase('clip');\n    case MasterType.Interactive:\n      return getPhrase('interactive');\n    case MasterType.Resource:\n      return getPhrase('resource');\n    default:\n      return '';\n  }\n}\n\nfunction getIcon(typeId: MasterType): string {\n  switch (typeId) {\n    case MasterType.Clip:\n      return cvSvgLibrary.Clip;\n    case MasterType.Interactive:\n      return cvSvgLibrary.Interactive;\n    case MasterType.Resource:\n      return cvSvgLibrary.Resources;\n    default:\n      return '';\n  }\n}\n\nfunction getColourClass(typeId: MasterType, status: CurationStatus): string {\n  switch (typeId) {\n    case MasterType.Clip:\n      return 'bg-dark-blue';\n    case MasterType.Interactive:\n      return status === CurationStatus.Draft ? styles.draft : 'bg-green';\n    case MasterType.Resource:\n      return 'bg-indigo';\n    default:\n      return '';\n  }\n}\n\ninterface TypeBadgeProps {\n  typeId: MasterType;\n  status?: CurationStatus;\n  size?: 'sm' | 'md';\n  inContainer?: boolean;\n}\n\nTypeBadge.default = {\n  size: 'md'\n};\n\nexport function TypeBadge(props: TypeBadgeProps): JSX.Element {\n  const baseClasses = `${styles.badge} rounded-pill text-white ps-0 ${props.size === 'sm' ? styles.sm : ''}`;\n\n  return (\n    <div className={props.inContainer ? '' : styles.topLeftContainer}>\n      <div className={`${baseClasses} ${getColourClass(props.typeId, props.status)}`}>\n        <SvgContainer\n          className={`svg-container d-block ${styles.svg}`}\n          size={props.size === 'sm' ? SvgContainerSize.Small : SvgContainerSize.Standard}\n          svgName={getIcon(props.typeId)}\n        />\n        <span className={styles.text}>\n          {getText(props.typeId)}\n        </span>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, UserAction } from 'libs/analytics/interfaces';\n\nimport { VideoGuidanceTag } from 'libs/shared/components/video-guidance/tag/VideoGuidanceTag';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst namespace = 'shared.interactivesTag';\n\ninterface InteractivesTagProps {\n  video: VideoTypes;\n  appLink: Core.AppLink;\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function InteractivesTag(props: InteractivesTagProps): JSX.Element {\n  if (!props.video || VideoHelper.isInteractive(props.video))\n    return <></>;\n\n  const interactiveCount = props.video.interactives?.data?.length || 0;\n\n  if (!interactiveCount)\n    return <></>;\n\n  return (\n    <VideoGuidanceTag\n      svgName={cvSvgLibrary.Interactive}\n      iconVariant='green'\n      text={LanguageService.getPhrase(namespace, 'interactives', { smartCount: interactiveCount })}\n      appLink={props.appLink}\n      appLinkAnalyticsData={{\n        videoGuidanceType: 'interactive',\n        videoGuidanceTotalItems: interactiveCount,\n        ...props.analyticsData\n      }}\n      appLinkAnalyticsOptions={{\n        actionType: UserAction.Click,\n        entity: VideoHelper.getAnalyticsEntity(props.video),\n        ...props.analyticsOptions\n      }}\n    />\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, UserAction } from 'libs/analytics/interfaces';\n\nimport { VideoGuidanceTag } from 'libs/shared/components/video-guidance/tag/VideoGuidanceTag';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst namespace = 'shared.resourcesTag';\n\ninterface ResourcesTagProps {\n  video: VideoTypes;\n  appLink: Core.AppLink;\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function ResourcesTag(props: ResourcesTagProps): JSX.Element {\n  if (!props.video || VideoHelper.isInteractive(props.video))\n    return <></>;\n\n  const resourceCount = (\n    (props.video.resources?.data?.length || 0) +\n    (props.video.links?.data?.length || 0)\n  );\n\n  if (!resourceCount)\n    return <></>;\n\n  return (\n    <VideoGuidanceTag\n      svgName={cvSvgLibrary.Resources}\n      iconVariant='indigo'\n      text={LanguageService.getPhrase(namespace, 'resources', { smartCount: resourceCount })}\n      appLink={props.appLink}\n      appLinkAnalyticsData={{\n        videoGuidanceType: 'resource',\n        videoGuidanceTotalItems: resourceCount,\n        ...props.analyticsData\n      }}\n      appLinkAnalyticsOptions={{\n        actionType: UserAction.Click,\n        entity: VideoHelper.getAnalyticsEntity(props.video),\n        ...props.analyticsOptions\n      }}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"OjHQZ\",\"icon\":\"SS2zL\",\"active\":\"kD1xM\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\n\nimport { AppLink } from '../../app-link/AppLink';\n\nimport styles from './video-guidance-tag.scss';\n\ninterface VideoGuidanceTagProps {\n  text: string;\n  svgName: string;\n  iconVariant: string;\n  active?: boolean;\n  appLink?: Core.AppLink;\n  appLinkAnalyticsData?: HashObject;\n  appLinkAnalyticsOptions?: AnalyticsOptions;\n}\n\nfunction ContainerWrapper(props: VideoGuidanceTagProps): JSX.Element {\n  if (props.appLink) {\n    return (\n      <AppLink\n        appLink={props.appLink}\n        analyticsData={props.appLinkAnalyticsData}\n        analyticsOptions={props.appLinkAnalyticsOptions}\n        className={`\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ${styles.tag} ${props.active ? styles.active : ''}\n        `}\n      >\n        <VideoGuidanceTag {...props} />\n      </AppLink>\n    );\n  }\n\n  return <VideoGuidanceTag {...props} />;\n}\n\nfunction VideoGuidanceTag(props: VideoGuidanceTagProps): JSX.Element {\n  return (\n    <>\n      <SvgContainer\n        className={`${styles.icon} rounded-circle bg-${props.iconVariant} text-white`}\n        svgName={props.svgName}\n      />\n\n      <span className='ps-1 text-nowrap user-select-none'>\n        {props.text}\n      </span>\n    </>\n  );\n}\n\nexport { ContainerWrapper as VideoGuidanceTag };","import React from 'react';\nimport { Placement } from 'react-bootstrap/esm/types';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ninterface RestrictionPadlockProps {\n  tooltip?: string;\n  className?: string;\n  tooltipPlacement?: Placement\n  size?: VideoItemSize;\n  video: VideoTypes;\n  yearGroups: YearGroup[];\n}\n\nexport function RestrictionPadlock(props: RestrictionPadlockProps): JSX.Element {\n  if (!props.yearGroups)\n    return <></>;\n\n  const title = RestrictionHelper.mapRestrictionToText(props.video._restrictions, props.yearGroups);\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  if (!canConsume || !title)\n    return <></>;\n\n  return (\n    <Tooltip\n      spanHack\n      spanHackClassName={props.className || 'd-inline-block ps-1'}\n      title={title}\n      placement={props.tooltipPlacement || 'top'}\n    >\n      <SvgContainer\n        svgName={cvSvgLibrary.Lock}\n        size={props.size === 'sm' ? SvgContainerSize.Small : SvgContainerSize.Standard}\n      />\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"hoverContainer\":\"TzWQw\",\"hovering\":\"gdTcW\"};","import React from 'react';\nimport { OutPortal } from 'react-reverse-portal';\n\nimport { PlayerInitializationData } from 'libs/shared/context/player-context/interfaces/PlayerContextAction';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\n\nimport styles from './global-player-consumer.scss';\n\ninterface GlobalPlayerConsumerOptions extends PlayerInitializationData {\n  location?: 'popout-video' | 'play-page';\n}\n\nexport function GlobalPlayerConsumer(props: GlobalPlayerConsumerOptions): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  playerContext.useInitialize?.(props);\n\n  if (!playerContext.hasProvider)\n    return <></>;\n\n  if (playerContext.mode === 'picture-in-picture')\n    return <></>;\n\n  if (props.mode === 'hover' && playerContext.isOnPlayPage)\n    return <></>;\n\n  if (playerContext.mode === 'default' || props.location === 'play-page')\n    return <OutPortal node={playerContext.portalNode} />;\n\n  /**\n   * When hovering, we don't want to show the player until the video has started playing.\n   */\n  const shouldShow = playerContext.started;\n\n  let rounding = 'rounded-3';\n  if (props.location === 'popout-video')\n    rounding = 'rounded-top-3';\n\n  const className = `${styles.hoverContainer} ${shouldShow ? styles.hovering : ''} ${rounding} overflow-hidden`;\n\n  return (\n    <div className={className}>\n      <OutPortal node={playerContext.portalNode} />\n    </div>\n  );\n}","export enum ThumbnailTextPosition {\n  Below = 1,\n  Overlay = 2,\n  Independent = 3\n}","export enum PlayPageAnchor {\n  Resources = 'resources',\n  Interactives = 'interactives'\n}"],"names":["AudienceLabel","props","audience","className","border","name","BadgeListContainer","children","CheckMarkStatus","CheckMarkButton","status","Complete","isComplete","setIsComplete","style","None","FunctionHelper","setStatus","DivButton","onClick","shouldComplete","newStatus","Incomplete","disabled","SvgContainer","svgName","defaultProps","MaskType","Mask","type","size","typeClass","Video","Playlist","getClassByType","svgType","getSvgType","defaults","ThumbnailText","video","appLink","subTextAppLink","canNavigate","VideoHelper","VideoSubText","subTextType","analyticsOptions","location","AppLink","RestrictionPadlock","yearGroups","getPhrase","LanguageService","FavouriteButton","alerts","initialState","isFavourite","setIsFavourite","setFavourite","canFavourite","shouldFavourite","error","analyticsData","VideoWatchProgressBar","progress","watchPercentage","duration","width","VideoThumbnailBottomBar","LiteOwnerAvatar","_liteOwner","_isClickViewCurated","value","SvgContainer2","Avatar","imageCdnUrl","initials","UserHelper","surname","imageUrl","avatar","url","ThumbnailPadlock","svgSize","S","ThumbnailCompanyLogo","companyLogoFallbackUrl","company","productionCompanies","data","logo","Tooltip","title","spanHack","backgroundImage","VideoTypeBadge","TypeBadge","typeId","MasterType","inContainer","getTitleClass","hovering","ExpandableVideoThumbnail","imageOptions","preload","hoverToPlay","canConsume","appLinkParams","ObjectHelper","params","eventAnalyticsOptions","entity","showFavouriteButton","isVideo","rating","delay","thumbnailHoverRef","showThumbnailPreviewVideo","spanHackClassName","ref","BaseImage","imageType","alt","series","id","actionType","descriptor","ImageFallback","Badge","hasSubtitle","hasInteractives","GlobalPlayerConsumer","key","objectId","objectTypeId","mode","context","contextId","moviesAndTv","mtv","VideoThumbnailBadges","showAudience","showRating","hideRating","hideDuration","newDurationStyle","PopoutVideo","isHovering","getGuidanceAppLink","scrollToPosition","scrollTo","cleanPortalNode","extraClasses","hideTitle","showVideoGuidance","ResourcesTag","PlayPageAnchor","InteractivesTag","PopoutVideoThumbnail","HoverToPortalContainer","hoverableComponent","componentProps","fixedHoverWidth","minHoverWidth","VideoThumbnailActions","setCheckMarkStatus","hasActions","checkMarkStatus","textPosition","textIsOverlayed","ThumbnailTextPosition","StaticVideoThumbnail","hoverRef","hoverIntentRef","isHoveringIntentionally","showMask","hideMask","tooltip","showSignIn","r","current","imageClassName","getThumbnailClass","VideoThumbnail","getIcon","getColourClass","CurationStatus","baseClasses","getText","namespace","interactiveCount","interactives","length","iconVariant","text","smartCount","appLinkAnalyticsData","videoGuidanceType","videoGuidanceTotalItems","appLinkAnalyticsOptions","resourceCount","resources","links","ContainerWrapper","active","VideoGuidanceTag","_restrictions","placement","tooltipPlacement","playerContext","useInitialize","hasProvider","isOnPlayPage","node","portalNode","shouldShow","started","rounding"],"sourceRoot":""}