@clickview/lite 0.53.4 → 0.53.6-rc.0

package/dist/scripts/{4591-379f0fe588-lite.chunk.js.map → 4591-21c0094f28-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/4591-379f0fe588-lite.chunk.js","mappings":"mJAcM,SAAUA,EAAcC,GAC5B,OAAKA,EAAMC,SAKT,uBACEC,UAAS,qFACP,UAAYF,EAAMG,OAAM,YAAIH,EAAME,UAAYF,EAAME,UAAY,KAEjEF,EAAMC,SAASG,MARX,gCAWX,C,4DCnBM,SAAUC,EAAmBL,GACjC,IAAIE,EAAY,wCAAH,OAA2C,eAKxD,OAHIF,EAAME,YACRA,GAAa,IAAJ,OAAQF,EAAME,YAGvB,uBAAKA,UAAWA,GACbF,EAAMM,SAGb,C,sGClBA,SAAgB,UAAY,QAAQ,QAAU,QAAQ,QAAU,QAAQ,UAAY,S,sGCUpF,IAAYC,EAoBN,SAAUC,EAAgBR,GAE9B,I,IAA+F,G,EAAzD,WAAeA,EAAMS,SAAWF,EAAgBG,U,EAAS,E,o4BAAvFC,EAAU,KAAEC,EAAa,KAEjC,aAAgB,WACdA,EAAcZ,EAAMS,SAAWF,EAAgBG,SACjD,GAAG,CAACV,EAAMS,SAEV,IAAIP,EAAY,iCAAH,OAAoCS,EAAa,UAAiB,aA4B/E,OA1BIX,EAAME,YACRA,GAAa,IAAJ,OAAQF,EAAME,YAEL,YAAhBF,EAAMa,QACRX,GAAa,IAAJ,OAAQ,YAIbF,EAAMS,QACRT,EAAMS,SAAWF,EAAgBO,MACjCC,EAAA,aAA0Bf,EAAMgB,WAoBlC,gBAACC,EAAA,EAAS,CAACf,UAAWA,EAAWgB,QAhBnC,WACE,IAAMC,GAAkBR,EAExBC,EAAcO,GAEd,IAAMC,EAAYD,EAAiBZ,EAAgBG,SAAWH,EAAgBc,WAE9ErB,EAAMgB,UAAUI,GAAU,OAAO,WAC/BR,GAAeO,EACjB,GACF,EAMqDG,SAAUtB,EAAMsB,UACjE,gBAACC,EAAA,EAAY,CACXC,QAAS,UACTtB,UAAS,wBAAmB,gBANzB,gCAUX,EAnEA,SAAYK,GACV,cACA,sBACA,yBACD,CAJD,CAAYA,IAAAA,EAAe,KAgB3BC,EAAgBiB,aAAe,CAC7BZ,MAAO,S,gFC3BT,SAAgB,KAAO,QAAQ,MAAQ,QAAQ,MAAQ,QAAQ,SAAW,QAAQ,cAAgB,SCMlG,IAAYa,EAkCN,SAAUC,EAAK3B,GACnB,IAAQ4B,EAAe5B,EAAf4B,KAAMC,EAAS7B,EAAT6B,KAERC,EA/BR,SAAwBF,GACtB,OAAIA,IAASF,EAASK,MACb,QAELH,IAASF,EAASM,SACb,WAEF,EACT,CAuBoBC,CAAeL,GAC3BM,EAtBR,SAAoBN,GAClB,OAAIA,IAASF,EAASK,MACb,gBAEF,EACT,CAiBkBI,CAAWP,GAE3B,OACE,uBAAK1B,UAAS,UAAK,gBAAoB,YAAa,OAAT2B,EAAgB,QAAe,KACxE,uBAAK3B,UAAY,SACjB,gBAACqB,EAAA,EAAY,CAACC,QAASU,EAAShC,UAAY4B,IAGlD,EA9CA,SAAYJ,GACV,qBACA,2BACA,sBACD,CAJD,CAAYA,IAAAA,EAAQ,KA8BpBC,EAAKS,SAAW,CACdP,KAAM,K,yGCrCR,SAAgB,UAAY,QAAQ,eAAiB,QAAQ,eAAiB,QAAQ,eAAiB,QAAQ,cAAgB,SCazH,SAAUQ,EAAcrC,GAC5B,IAAQsC,EAAmCtC,EAAnCsC,MAAOC,EAA4BvC,EAA5BuC,QAASC,EAAmBxC,EAAnBwC,eAChBC,EAAgBC,EAAA,mBAA6BJ,GAA7CG,YAER,OACE,uBAAKvC,UAAS,eAAU,cACtB,uBAAKA,UAAS,6BAAwB,mBACnCwC,EAAA,UAAoBJ,IACnB,gBAACK,EAAA,EAAY,CACXf,KAAM5B,EAAM4C,YACZ1C,UAAS,wBAAmB,kBAC5BoC,MAAOA,EACPC,QAASC,EACTK,iBAAkB,CAAEC,SAAU,uBAIlC,sBAAI5C,UAAU,MACZ,gBAAC6C,EAAA,EAAO,CAAC7C,UAAU,kCAAkCqC,QAASE,EAAcF,EAAU,MACnFD,EAAMlC,KACP,gBAAC4C,EAAA,EAAkB,CACjBV,MAAOtC,EAAMsC,MACbW,WAAYjD,EAAMiD,WAClBpB,KAAK,UAOnB,C,qLC3CA,SAAgB,WAAa,QAAQ,gBAAkB,QAAQ,MAAQ,QAAQ,aAAe,S,sGCiB9F,IACMqB,EAAYC,EAAA,mBADA,0BAaZ,SAAUC,EAAgBpD,GAC9B,I,IAAMqD,GAAS,SAETC,EAAe,8BAA0CtD,EAAMsC,OAGD,G,EAA5B,WAAegB,G,EAAa,E,o4BAA5DC,EAAW,KAAEC,EAAc,KAEnC,aAAgB,WACdA,EAAeF,EACjB,GAAG,CAACA,IAEJ,IACIpD,EAAY,GAAH,OADO,mDACU,2BAAmB,kBAAsB,YAAIqD,EAAc,aAAoB,IA2B7G,OAzBIvD,EAAME,YACRA,GAAa,IAAJ,OAAQF,EAAME,YAwBpBa,EAAA,aAA0Bf,EAAMyD,eAAkB1C,EAAA,aAA0Bf,EAAM0D,eAIlF1D,EAAM0D,aAAa1D,EAAMsC,OAI5B,gBAACrB,EAAA,EAAS,CAACf,UAAWA,EAAWgB,QA9BnC,WACE,IAAMyC,GAAmBJ,EAiBzBC,EAAeG,GACf3D,EAAMyD,aAAazD,EAAMsC,MAAOqB,EAAiB,MAhBjD,WAWEN,EAAOO,MAAMV,EATPR,EAAA,SAAmB1C,EAAMsC,OACpBqB,EAAkB,qBAAuB,uBAE9CjB,EAAA,gBAA0B1C,EAAMsC,OAC3BqB,EAAkB,4BAA8B,8BAElDA,EAAkB,sBAAwB,0BAInDH,GAAgBG,EAClB,GAGgE3D,EAAM6D,cAAe7D,EAAM6C,iBAC7F,EAUqDiB,SAAU9D,EAAM+D,cAAgB,OAAIC,GAErF,gBAACzC,EAAA,EAAY,CACXC,QAAS,WACTtB,UAAS,wBAAmB,WAE9B,gBAACqB,EAAA,EAAY,CACXC,QAAS,kBACTtB,UAAS,wBAAmB,mBAfzB,gCAmBX,C,yBClFM,SAAU+D,EAAsBjE,GACpC,IAAMkE,EAAWxB,EAAA,mBAA6B1C,EAAMsC,OAE9C6B,EAAkBD,GAAYlE,EAAMsC,MAAM8B,UAC3CF,EAAWlE,EAAMsC,MAAM8B,SAAW,IAEvC,OAAKD,EAGE,uBAAKjE,UAAU,mBAAmBW,MAAO,CAAEwD,MAAO,GAAF,OAAKF,EAAe,QAFlE,gCAGX,CClBA,SAAgB,UAAY,SCYtB,SAAUG,EAAwBtE,GACtC,OAAK0C,EAAA,UAAoB1C,EAAMsC,OAK7B,uBAAKpC,UAAW,aACd,gBAAC+D,EAAqB,CAAC3B,MAAOtC,EAAMsC,SAL/B,gCAQX,C,+CCtBA,SAAgB,IAAM,QAAQ,GAAK,QAAQ,QAAU,QAAQ,OAAS,SCiBhE,SAAUiC,EAAgBvE,G,UAC9B,OAAK0C,EAAA,gBAA0B1C,EAAMsC,QAAWI,EAAA,SAAmB1C,EAAMsC,UAGpEtC,EAAMsC,MAAMkC,aAA8C,QAA/B,EAAAxE,EAAMsC,MAAMmC,2BAAmB,eAAEC,SAG9B,QAA/B,EAAA1E,EAAMsC,MAAMmC,2BAAmB,eAAEC,OAEjC,uBAAKxE,UAAS,UAAoB,OAAfF,EAAM6B,KAAgB,KAAY,MAAU,oDAC7D,gBAAC8C,EAAA,EAAa,CAACzE,UAAS,eAAyB,OAAfF,EAAM6B,KAAgB,SAAgB,YACtE,gBAAC,KAAiB,QAOxB,uBAAK3B,UAAS,UAAoB,OAAfF,EAAM6B,KAAgB,KAAY,MAAU,UAC7D,gBAAC+C,EAAA,EAAM,CACLC,YAAa7E,EAAM6E,YACnBC,SAAUC,EAAA,cAAuB/E,EAAMsC,MAAMkC,WAAWpE,KAAMJ,EAAMsC,MAAMkC,WAAWQ,SACrFC,SAAuC,QAA7B,EAAAjF,EAAMsC,MAAMkC,WAAWU,cAAM,eAAEC,OApBtC,gCAwBX,C,0BC3CA,SAAgB,YAAc,SCU9B,IAAM,EAAY,qBAWZ,SAAUC,EAAYpF,GAC1B,OAAKA,EAAMqF,SAIT,gBAACtC,EAAA,EAAO,CACNR,QAASvC,EAAMuC,QACfsB,cAAe7D,EAAM6D,cACrBhB,iBAAkB7C,EAAM6C,iBACxB3B,QAASlB,EAAMkB,QACfhB,UAAS,qGAEL,cAAkB,qBAClBF,EAAME,UAAYF,EAAME,UAAY,GAAE,aAG1C,wBAAMA,UAAU,gFACd,gBAACoF,EAAA,EAAI,CAACC,UAAW,EAAWC,OAAO,YAfhC,gCAmBX,CC1CA,SAAgB,QAAU,QAAQ,GAAK,SCWjC,SAAUC,EAAiBzF,GAC/B,IAAM0F,EAAyB,OAAf1F,EAAM6B,KAAgBN,EAAAoE,EAAA,MAAyBpE,EAAAoE,EAAA,SAE/D,OACE,uBAAKzF,UAAS,UAAK,UAAc,YAAmB,OAAfF,EAAM6B,KAAgB,KAAY,GAAE,8EACvE,gBAACN,EAAA,EAAY,CAACC,QAAS,UAAmBK,KAAM6D,IAGtD,C,qCCnBA,SAAgB,KAAO,QAAQ,GAAK,SCqB9B,SAAUE,EAAqB5F,G,YACnC,IAAK0C,EAAA,UAAoB1C,EAAMsC,SAAWtC,EAAM6F,uBAC9C,OAAO,iCAET,IAAMC,EAA+C,QAArC,EAA+B,QAA/B,EAAA9F,EAAMsC,MAAMyD,2BAAmB,eAAEC,YAAI,eAAG,GAClDb,EAAMc,EAAA,YAAwC,QAAlB,EAAa,QAAb,EAAAH,aAAO,EAAPA,EAASI,YAAI,eAAEf,WAAG,QAAInF,EAAM6F,uBAAwB,CAAEhE,KAAM,aAE9F,OAAKsD,EAIH,2BACE,gBAACgB,EAAA,EAAO,CACNC,MAAON,aAAO,EAAPA,EAAS1F,KAChBiG,UAAQ,GAER,uBACEnG,UAAS,UAAK,OAAW,YAAmB,OAAfF,EAAM6B,KAAgB,KAAY,IAC/DhB,MAAO,CACLyF,gBAAiB,OAAF,OAASnB,EAAG,UAX5B,gCAiBX,CA7BAS,EAAqBnE,aAAe,CAClCI,KAAM,M,oCCDF,SAAU0E,EAAevG,GAC7B,OAAI0C,EAAA,SAAmB1C,EAAMsC,OACpB,gBAACkE,EAAA,EAAS,CAACC,OAAQC,EAAA,OAAiB7E,KAAM7B,EAAM6B,KAAM8E,aAAW,IAEtEjE,EAAA,gBAA0B1C,EAAMsC,OAEhC,gBAACkE,EAAA,EAAS,CACRC,OAAQC,EAAA,cACRjG,OAAQT,EAAMsC,MAAM7B,OACpBoB,KAAM7B,EAAM6B,KACZ8E,aAAW,IAIV,gCACT,CAnBAJ,EAAc,QAAW,CACvB1E,KAAM,M,0BCdR,SAAgB,iBAAmB,QAAQ,iBAAmB,QAAQ,kBAAoB,QAAQ,QAAU,QAAQ,UAAY,QAAQ,MAAQ,SAAS,SAAW,QAAQ,SAAW,QAAQ,cAAgB,QAAQ,eAAiB,QAAQ,aAAe,QAAQ,oBAAsB,S,sGC8B7R,SAAS+E,EAAcC,GACrB,IAAI3G,EAAY,OAMhB,OAJI2G,IACF3G,GAAa,aAGRA,CACT,CAEM,SAAU4G,EAAyB9G,G,UAErCsC,EAEEtC,EAFFsC,MAAOC,EAELvC,EAFKuC,QAASwE,EAEd/G,EAFc+G,aAActD,EAE5BzD,EAF4ByD,aAAcC,EAE1C1D,EAF0C0D,aAC5CsD,EACEhH,EADFgH,QAASH,EACP7G,EADO6G,SAAUI,EACjBjH,EADiBiH,YAAapB,EAC9B7F,EAD8B6F,uBAElC,EAAoCnD,EAAA,mBAA6B1C,EAAMsC,OAA/DG,EAAW,EAAXA,YAAayE,EAAU,EAAVA,WAEfC,EAAgBC,EAAA,WAAsB7E,aAAO,EAAPA,EAAS8E,QAAU9E,aAAO,EAAPA,EAAS8E,OAAuB,CAAC,EAE1FC,EAAwB,OAAH,wBACtBtH,EAAM6C,kBAAgB,CACzB0E,OAAQ7E,EAAA,qBAA+BJ,KAGnCkF,EAAsB,wBAAoCxH,EAAMsC,MAAOuE,GACvEY,EAAU/E,EAAA,UAAoBJ,GAE9BoF,EAAShF,EAAA,YAAsB1C,EAAMsC,OAEsD,G,GAA9C,OAA+B,CAAEqF,MAAO,M,EAAM,E,o4BAAzFC,EAAiB,KAEnBC,EAFwC,MAEWX,GAAcD,EAEjEpD,EAAgB,OAAH,wBACd7D,EAAM6D,eAAa,CACtBiE,GAAIxF,EAAMwF,GACV1H,KAAMkC,EAAMlC,OAERyC,EAAmB,OAAH,wBACjByE,GAAqB,CACxBS,WAAY,WACZC,WAAY,iBAGd,OACE,gBAAC7B,EAAA,EAAO,CAACC,MAAO1D,EAAA,sBAAgC1C,EAAMsC,OAAQ+D,UAAQ,EAAC4B,kBAAkB,IACvF,uBAAK/H,UAAU,8CAA8CgI,IAAKN,GAChE,gBAACxC,EAAW,CACVC,SAAUrF,EAAMqF,SAChBnF,UAAU,YACVqC,QAASE,EAAcF,EAAU,KACjCsB,cAAeA,EACfhB,iBAAkBA,IAGnB2E,GACC,uBAAKtH,UAAW,qBACd,gBAACkD,EAAe,CACdK,aAAcA,EACdC,aAAcA,EACdpB,MAAOA,EACPuB,cAAe7D,EAAM6D,cACrBhB,iBAAkByE,MAKtB7E,GACA,uBAAKvC,UAAW,qBACd,gBAACuF,EAAgB,OAIrB,uBAAKvF,UAAS,UAAK,mBAAuB,yBACvCF,EAAMmI,WAAa,gBAAC5D,EAAe,CAACjC,MAAOA,EAAOuC,YAAa7E,EAAM6E,cAEtE,gBAAC0B,EAAc,CAACjE,MAAOA,IAEvB,gBAACsD,EAAoB,CAACtD,MAAOA,EAAOuD,uBAAwBA,KAG9D,gBAACuC,EAAA,EAAS,CACRpC,KAAMtD,EAAA,eAAyBJ,GAC/BC,QAASE,EAAcF,EAAU,KACjC8F,UAAW,gBACXtB,aAAcA,EACdC,QAASA,EACT9G,UAAW,WACXoI,KAAM,WAAYhG,IAAqB,QAAZ,EAAAA,EAAMiG,cAAM,eAAEnI,MAAI,UAAMkC,EAAMiG,OAAOnI,KAAI,MAAO,IAAMkC,EAAMlC,KACvFyD,cAAeA,EACfhB,iBAAkBA,EAClBkB,cAAY,MAER8C,IAAYpE,IACd,gBAAClB,EAAA,EAAY,CAACrB,UAAW,WAAiBsB,QAAS,kBAGrD,gBAACgH,EAAA,GAAa,CAAC5G,KAAM4G,EAAA,WACrB,uBAAKtI,UAAW,oBACd,uBAAKA,UAAW,WACd,uBAAKA,UAAS,UAAK0G,EAAcC,GAAS,YAAI,UAC3CY,GACC,gBAAC9E,EAAA,EAAY,CACXf,KAAM5B,EAAM4C,YACZ1C,UAAU,sBACVoC,MAAOA,EACPC,QAAS,KACTM,iBAAkB,OAItB,wBAAM3C,UAAU,qCACbwC,EAAA,WAAqBJ,KAI1B,gBAACgC,EAAuB,CAAChC,MAAOA,IAE/BuE,GACC,gBAACxG,EAAA,EAAkB,CAACH,UAAU,QAC3BwC,EAAA,UAAoBJ,IACnB,gCACE,gBAACmG,EAAA,EAAK,CACJ7G,KAAM6G,EAAA,SACNzC,KAAM0B,IAEPpF,EAAMoG,aACL,wBAAMxI,UAAU,aACd,gBAACqB,EAAA,EAAY,CAACC,QAAS,0BAG3B,gBAACiH,EAAA,EAAK,CACJ7G,KAAM6G,EAAA,cACNzC,KAAM1D,EAAMqG,kBAEd,gBAACF,EAAA,EAAK,CACJ7G,KAAM6G,EAAA,gBACNzC,KAAMtD,EAAA,cAAwB1C,EAAMsC,cASnDuF,GACC,gBAACe,EAAA,EAAoB,CACnBC,IAAK7I,EAAMsC,MAAMwF,GACjBgB,SAAU9I,EAAMsC,MAAMwF,GACtBiB,aAAc/I,EAAMsC,MAAMmE,OAC1BuC,KAAK,QACLC,QAAS9B,EAAc8B,QACvBC,UAAW/B,EAAc+B,UACzBC,YAAahC,EAAciC,OAMvC,C,2BC9LA,UAAgB,eAAiB,QAAQ,GAAK,SCyBxC,SAAUC,GAAqBrJ,GACnC,IAAM0H,EAAShF,EAAA,YAAsB1C,EAAMsC,OAErCgH,IAAiBtJ,EAAMC,UAA2B,OAAfD,EAAM6B,KACzC0H,GAAcD,IAAiBtJ,EAAMwJ,cAAgB9B,GAAyB,OAAf1H,EAAM6B,KAE3E,OAAI7B,EAAMyJ,cAAiBH,GAAiBC,EAI1C,gBAAClJ,EAAA,EAAkB,CAACH,UAAS,UAAK,kBAAqB,YAAmB,OAAfF,EAAM6B,KAAgB,MAAY,KAC1FyH,GACC,gBAACvJ,GAAA,EAAa,CACZE,SAAUD,EAAMC,SAChBC,UAAU,qBACVC,OAAO,SAGVoJ,GACC,gBAACd,EAAA,EAAK,CACJ7G,KAAM6G,EAAA,SACNzC,KAAM0B,KAGR1H,EAAMyJ,cACN,gBAAChB,EAAA,EAAK,CACJ7G,KAAM5B,EAAM0J,iBAAmBjB,EAAA,sBAAgCA,EAAA,gBAC/DzC,KAAMhG,EAAMoE,UAAY1B,EAAA,cAAwB1C,EAAMsC,UApBrD,gCAyBX,CArCA+G,GAAqB5H,aAAe,CAClCiI,kBAAkB,EAClB7H,KAAM,M,4BCtBR,SAAiM,QC+BjM,IAAM8H,GAAc,SAAC3J,G,MAEjBsC,EAEEtC,EAFFsC,MAAOC,EAELvC,EAFKuC,QAASwE,EAEd/G,EAFc+G,aAAcC,EAE5BhH,EAF4BgH,QAASvD,EAErCzD,EAFqCyD,aAAcC,EAEnD1D,EAFmD0D,aACrDkG,EACE5J,EADF4J,WAAY3C,EACVjH,EADUiH,YAAapB,EACvB7F,EADuB6F,uBAErBsB,EAAgBC,EAAA,WAAsB7E,aAAO,EAAPA,EAAS8E,QAAU9E,aAAO,EAAPA,EAAS8E,OAAuB,CAAC,EAChG,EAAoC3E,EAAA,mBAA6BJ,GAAzDG,EAAW,EAAXA,YAAayE,EAAU,EAAVA,WAErB,aAAgB,WACd,OAAO,W,MACgB,QAArB,EAAAlH,EAAM6J,uBAAe,gBACvB,CACF,GAAG,IAEH,IAAI3J,EAAY,6BAEZF,EAAM8J,eACR5J,GAAa,IAAJ,OAAQF,EAAM8J,eACrBF,IACF1J,GAAa,wBAEf,IAAMoH,EAAwB,OAAH,wBACtBtH,EAAM6C,kBAAgB,CACzB0E,OAAQ7E,EAAA,qBAA+BJ,KAGnCuF,EAA4B7H,EAAM4J,YAAc1C,GAAcD,EAC9DO,EAAsB,wBAAoCxH,EAAMsC,MAAOsH,GAEvE/F,EAAgB,OAAH,wBACd7D,EAAM6D,eAAa,CACtBiE,GAAIxF,EAAMwF,GACV1H,KAAMkC,EAAMlC,OAERyC,EAAmB,OAAH,wBACjByE,GAAqB,CACxBS,WAAY,WACZC,WAAY,iBAGd,OACE,uBAAK9H,UAAWA,GACbsH,GACC,uBAAKtH,UAAW,IACd,gBAACkD,EAAe,CACdK,aAAcA,EACdC,aAAcA,EACdpB,MAAOA,EACPuB,cAAe7D,EAAM6D,cACrBhB,iBAAkByE,EAClBvD,cAAY,MAKhBtB,GACA,uBAAKvC,UAAW,IACd,gBAACiG,EAAA,EAAO,CAACC,MAAO1D,EAAA,sBAAgC1C,EAAMsC,OAAQ+D,UAAQ,EAAC4B,kBAAkB,IACvF,gBAACxC,EAAgB,QAKvB,uBAAKvF,UAAU,qBACb,gBAACkF,EAAW,CACVC,SAAUrF,EAAMqF,SAChBnF,UAAW0J,EAAa,gBAAkB,YAC1C1I,QAAS,WAAK,MAAC,OAAqB,QAArB,EAAAlB,EAAM6J,uBAAe,sBAAI,EACxCtH,QAASE,EAAcF,EAAU,KACjCsB,cAAeA,EACfhB,iBAAkBA,IAEpB,gBAACuF,EAAA,EAAS,CACRlH,QAAS,WAAK,MAAC,OAAqB,QAArB,EAAAlB,EAAM6J,uBAAe,sBAAI,EACxC7D,KAAMtD,EAAA,eAAyBJ,GAC/BC,QAASE,EAAcF,EAAU,KACjC8F,UAAW,gBACXtB,aAAcA,EACdC,QAASA,EACTsB,KAAM,WAAYhG,IAAqB,QAAZ,EAAAA,EAAMiG,cAAM,eAAEnI,MAAI,UAAMkC,EAAMiG,OAAOnI,KAAI,MAAO,IAAMkC,EAAMlC,KACvFyD,cAAeA,EACfhB,iBAAkBA,EAClBkB,cAAe/D,EAAM+J,UACrBC,iBAAiB,8CACjBC,eAAgBL,EAAa,gBAAkB,aAE/C,gBAACpB,EAAA,GAAa,CAAC5G,KAAM4G,EAAA,WACrB,uBAAKtI,UAAU,qCAGb,uBAAKA,UAAS,UDzHS,QCyHmB,yBACvCF,EAAMmI,WAAa,gBAAC5D,EAAe,CAACjC,MAAOA,EAAOuC,YAAa7E,EAAM6E,cAEtE,gBAAC0B,EAAc,CAACjE,MAAOA,IAEvB,gBAACsD,EAAoB,CAACtD,MAAOA,EAAOuD,uBAAwBA,KAI9D,gBAACwD,GAAoB,CACnB/G,MAAOtC,EAAMsC,MACbrC,SAAUD,EAAMC,SAChBuJ,WAAYxJ,EAAMwJ,WAClBC,aAAczJ,EAAMyJ,eAItB,gBAACnF,EAAuB,CAAChC,MAAOA,MAGnCuF,GACC,gBAACe,EAAA,EAAoB,CACnBC,IAAK7I,EAAMsC,MAAMwF,GACjBgB,SAAU9I,EAAMsC,MAAMwF,GACtBiB,aAAc/I,EAAMsC,MAAMmE,OAC1BuC,KAAK,QACLC,QAAS9B,EAAc8B,QACvBC,UAAW/B,EAAc+B,UACzBC,YAAahC,EAAciC,IAC3BtG,SAAS,mBAKb8G,IAAe5J,EAAM+J,WACrB,gBAAC1H,GAAA,EAAa,iBAAKrC,IAGrB,uBAAKE,UAAS,UD/JiC,QC+Jd,YAAI0J,EAAa,GAAH,OD/JqB,QC+JE,eAAgB,KACnFA,GACC,gCACE,uBAAK1J,UAAS,UAAK0J,EDlKuE,QCkK/B,KACzD,gBAACvH,GAAA,EAAa,iBAAKrC,IAEjBA,EAAMkK,mBAAqBN,GAC3B,gBAACO,GAAA,EAAiB,CAChBC,yBAA0BpK,EAAMoK,yBAChCC,2BAA4BrK,EAAMqK,2BAClCC,8BAA+BtK,EAAMsK,8BACrChI,MAAOtC,EAAMsC,MACbuB,cAAe7D,EAAM6D,cACrBhB,iBAAkB7C,EAAM6C,iBACxB0H,oBD7KiH,QC8KjHC,mBAAkB,4DASpC,EAGM,SAAUC,GAAqBzK,GACnC,OACE,gCACE,gBAAC0K,EAAA,EAAsB,CACrBC,mBAAoBhB,GACpBiB,eAAgB5K,EAChB6K,gBAAiB,IACjBC,cAAe,IACfjH,cAAa,+BACR7D,EAAM6D,eAAa,CACtBiE,GAAI9H,EAAMsC,MAAMwF,GAChB1H,KAAMJ,EAAMsC,MAAMlC,OAEpByC,iBAAgB,+BACX7C,EAAM6C,kBAAgB,CACzB0E,OAAQ7E,EAAA,qBAA+B1C,EAAMsC,WAKvD,C,4BC9MA,UAAgB,UAAY,QAAQ,OAAS,QAAQ,OAAS,SCwCxD,SAAUyI,GAAsB/K,GAGpC,OAFwB0C,EAAA,mBAA6B1C,EAAMsC,OAAnDG,YAzBV,SAAoBzC,G,MAClB,QAA8C,QAAzC,EAAA0C,EAAA,mBAA6B1C,EAAMsC,cAAM,eAAE4E,gBAG5CnG,EAAA,aAA0Bf,EAAMyD,gBAAiB1C,EAAA,aAA0Bf,EAAM0D,kBAGjF3C,EAAA,aAA0Bf,EAAMgL,mBAItC,CAwBOC,CAAWjL,GAId,uBAAKE,UAAS,UAAK,aAAgB,+BACjC,gBAACkD,EAAe,CACdK,aAAczD,EAAMyD,aACpBC,aAAc1D,EAAM0D,aACpBpB,MAAOtC,EAAMsC,MACbpC,UAAW,UACX2D,cAAe7D,EAAM6D,cACrBhB,iBAAkB7C,EAAM6C,iBACxBkB,cAAY,IAGd,gBAACvD,GAAA,EAAe,CACdC,OAAQT,EAAMkL,gBACdlK,UAAWhB,EAAMgL,mBACjB9K,UAAW,aAjBR,iCAPL,uBAAKA,UAAW,cACd,gBAACuF,EAAgB,CAAC5D,KAAM7B,EAAM6B,OA2BtC,C,gBCzEA,UAAgB,aAAe,QAAQ,KAAO,QAAQ,MAAQ,QAAQ,YAAc,QAAQ,WAAa,QAAQ,iBAAmB,QAAQ,iBAAmB,QAAQ,SAAW,S,ogCC8BlL,IAAM,GAAY,8BAElB,SAAS,GAAc7B,G,MACbsC,EAAiDtC,EAAjDsC,MAAOE,EAA0CxC,EAA1CwC,eAAgB2I,EAA0BnL,EAA1BmL,aAAc5I,EAAYvC,EAAZuC,QAEvC6I,EAAkBD,IAAiBE,GAAA,UACjC5I,EAAgBC,EAAA,mBAA6B1C,EAAMsC,OAAnDG,YAEJvC,EAAY,GAehB,OAbIkL,GACFlL,EAAY,gBAERuC,IACEC,EAAA,SAAmBJ,KACrBpC,GAAa,IAAM,SACjBwC,EAAA,gBAA0BJ,KAC5BpC,GAAa,IAAM,kBAGvBA,EAAY,cAIZ,uBAAKA,UAAWA,GACbwC,EAAA,UAAoBJ,IACnB,gBAACK,EAAA,EAAY,CACXf,KAAM5B,EAAM4C,YACZ1C,UAAWkL,EAAkB,sBAAwB,UACrD9I,MAAOA,EACPC,QAAU6I,EAAmC,KAAjB5I,EAC5BK,iBAAkB,CAAEC,SAAU,uBAIhCsI,IAAoB3I,EAElB,wBAAMvC,UAAS,yBACF,QAAV,EAAAoC,EAAMlC,YAAI,QAAI+C,EAAA,YAA0B,GAAW,qBAGtD,gBAACJ,EAAA,EAAO,CAAC7C,UAAU,wBAAwBqC,QAASA,GACjDD,EAAMlC,MAMnB,CAEM,SAAUkL,GAAqBtL,G,MAqB7BE,EApBEoC,EAAmFtC,EAAnFsC,MAAOC,EAA4EvC,EAA5EuC,QAAS4I,EAAmEnL,EAAnEmL,aAAcpE,EAAqD/G,EAArD+G,aAActD,EAAuCzD,EAAvCyD,aAAcuD,EAAyBhH,EAAzBgH,QAASC,EAAgBjH,EAAhBiH,YAErEE,EAAgBC,EAAA,WAAsB7E,aAAO,EAAPA,EAAS8E,QAAU9E,aAAO,EAAPA,EAAS8E,OAAuB,CAAC,EAErC,MAA1B,SAA0B,GAAnDkE,EAAQ,KAAE3B,EAAU,KACsE,MAA9C,OAA+B,CAAEjC,MAAO,MAAM,GAA1F6D,EAAc,KAAEC,EAAuB,KAC/C,EAAoC/I,EAAA,mBAA6BJ,GAAzDG,EAAW,EAAXA,YAAayE,EAAU,EAAVA,WAOfW,EAA4B4D,GAA2BvE,GAAcD,EAgCrEK,EAAwB,OAAH,wBACtBtH,EAAM6C,kBAAgB,CACzB0E,OAAQ7E,EAAA,qBAA+BJ,KAGnCoJ,IAAanJ,IAAYvC,EAAM2L,UAAYlJ,EAC3CmJ,EAAUlJ,EAAA,sBAAgC1C,EAAMsC,MAAOtC,EAAM6L,YAE7DhI,EAAgB,OAAH,wBACd7D,EAAM6D,eAAa,CACtBiE,GAAIxF,EAAMwF,GACV1H,KAAMkC,EAAMlC,OAERyC,EAAmB,OAAH,wBACjByE,GAAqB,CACxBS,WAAY,WACZC,WAAY,iBAGd,OACE,gBAAC7B,EAAA,EAAO,CAACC,MAAOwF,EAASvF,UAAQ,EAAC4B,kBAAkB,IAClD,uBAAK/H,WA9CHA,EAAY,oBAEhBA,GAAcqC,GAAWE,EAAe,kBAAoB,GAExDzC,EAAM8J,eACR5J,GAAa,IAAJ,OAAQF,EAAM8J,eAErBqB,IAAiBE,GAAA,YACnBnL,GAAa,4BAERA,GAoCgCgI,IA1DzC,SAAsB4D,GACpBP,EAASQ,QAAUD,EACnBN,EAAeO,QAAUD,CAC3B,GAwDM,gBAAC1G,EAAW,CACVC,SAAUrF,EAAMqF,SAChBnF,UAA0B,OAAfF,EAAM6B,KAAgB,UAAY,YAC7CU,QAASE,EAAcF,EAAU,KACjCsB,cAAeA,EACfhB,iBAAkBA,IAGpB,gBAACkI,GAAqB,CACpBzI,MAAOA,EACP4I,gBAAiBlL,EAAMkL,gBACvBF,mBAAoBhL,EAAMgL,mBAC1BvH,aAAcA,EACdC,aAjER,W,MACE,OAAyB,QAAlB,EAAA1D,EAAM0D,oBAAY,sBAAG1D,EAAMsC,SAAU,wBAAoCA,EAAOsH,EACzF,EAgEQ/F,cAAe7D,EAAM6D,cACrBhB,iBAAkByE,EAClBzF,KAAM7B,EAAM6B,OAGd,gBAACuG,EAAA,EAAS,CACRpC,KAAMtD,EAAA,eAAyBJ,GAC/BC,QAASE,EAAcF,EAAU,KACjCrB,QAASuB,EAAczC,EAAMkB,aAAU8C,EACvCqE,UAAW,gBACXtB,aAAcA,EACdC,QAASA,EACT9G,UA5DR,WACE,IAAIA,EAAY,mBAAH,OAAqC,OAAfF,EAAM6B,KAAgB,UAAY,aAQrE,OANI7B,EAAMiK,iBACR/J,GAAa,IAAJ,OAAQF,EAAMiK,iBAErBkB,IAAiBE,GAAA,YACnBnL,GAAa,IAAJ,OAAQ,cAEZA,CACT,CAkDmB8L,GACX1D,KAAM,WAAYhG,IAAqB,QAAZ,EAAAA,EAAMiG,cAAM,eAAEnI,MAAI,UAAMkC,EAAMiG,OAAOnI,KAAI,MAAO,IAAMkC,EAAMlC,KACvFyD,cAAeA,EACfhB,iBAAkBA,EAClBkB,cAAY,GAEX2H,GACC,gBAAC/J,GAAA,EAAI,CAACC,KAAMD,GAAA,QAAgBE,KAAM7B,EAAM6B,OAE1C,gBAAC2G,EAAA,GAAa,CAAC5G,KAAM4G,EAAA,WACrB,uBAAKtI,UAAW,qBAEbiL,IAAiBE,GAAA,WAAiC,gBAAC,GAAa,iBAAKrL,IAGtE,uBAAKE,UAAS,UAAK,oBAAuB,yBACvCF,EAAMmI,WAAa,gBAAC5D,EAAe,CAACjC,MAAOA,EAAOuC,YAAa7E,EAAM6E,cAEtE,gBAAC0B,EAAc,CAACjE,MAAOA,EAAOT,KAAM7B,EAAM6B,OAE1C,gBAAC+D,EAAoB,CACnBtD,MAAOA,EACPuD,uBAAwB7F,EAAM6F,uBAC9BhE,KAAM7B,EAAM6B,QAKhB,gBAACyC,EAAuB,CAAChC,MAAOA,IAGhC,gBAAC+G,GAAoB,CACnB/G,MAAOtC,EAAMsC,MACbrC,SAAUD,EAAMC,SAChBuJ,WAAYxJ,EAAMwJ,WAClBC,aAAczJ,EAAMyJ,aACpBC,iBAAkB1J,EAAM0J,iBACxB7H,KAAM7B,EAAM6B,SAIjBgG,GACC,gBAACe,EAAA,EAAoB,CACnBC,IAAK7I,EAAMsC,MAAMwF,GACjBgB,SAAU9I,EAAMsC,MAAMwF,GACtBiB,aAAc/I,EAAMsC,MAAMmE,OAC1BuC,KAAK,QACLC,QAAS9B,EAAc8B,QACvBC,UAAW/B,EAAc+B,UACzBC,YAAahC,EAAciC,MAI9B+B,IAAiBE,GAAA,SAA+B,gBAAC,GAAa,iBAAKrL,KAI5E,CCjIM,SAAUiM,GAAejM,GAC7B,OAAQA,EAAM4B,MACZ,IAAK,SACH,OAAO,gBAAC0J,GAAoB,iBAAKtL,IACnC,IAAK,WAEH,OAAO,gBAACsL,GAAoB,iBAAKtL,EAAK,CAAEiH,aAAa,KACvD,IAAK,aAEH,OAAO,gBAACH,EAAwB,iBAAK9G,IACvC,IAAK,SACH,OAAO,gBAACyK,GAAoB,iBAAKzK,IACnC,QACE,OAEN,CArBAiM,GAAexK,aAAe,CAC5B+H,YAAY,EACZ3H,KAAM,KACNoF,aAAa,E,uGCnGf,SAAgB,iBAAmB,QAAQ,MAAQ,QAAQ,MAAQ,QAAQ,IAAM,QAAQ,KAAO,QAAQ,GAAK,SCU7G,IACM/D,EAAYC,EAAA,mBADA,oBAgBlB,SAAS+I,EAAQzF,GACf,OAAQA,GACN,KAAKC,EAAA,OACH,OAAO,UACT,KAAKA,EAAA,cACH,OAAO,iBACT,KAAKA,EAAA,WACH,OAAO,eACT,QACE,MAAO,GAEb,CAEA,SAASyF,EAAe1F,EAAoBhG,GAC1C,OAAQgG,GACN,KAAKC,EAAA,OACH,MAAO,eACT,KAAKA,EAAA,cACH,OAAOjG,IAAW2L,EAAA,QAAuB,QAAe,WAC1D,KAAK1F,EAAA,WACH,MAAO,YACT,QACE,MAAO,GAEb,CAaM,SAAUF,EAAUxG,GACxB,IAAMqM,EAAc,GAAH,OAAM,QAAY,yCAAgD,OAAfrM,EAAM6B,KAAgB,KAAY,IAEtG,OACE,uBAAK3B,UAAWF,EAAM2G,YAAc,GAAK,oBACvC,uBAAKzG,UAAS,UAAKmM,EAAW,YAAIF,EAAenM,EAAMyG,OAAQzG,EAAMS,UACnE,gBAACc,EAAA,EAAY,CACXrB,UAAS,gCAA2B,OACpC2B,KAAqB,OAAf7B,EAAM6B,KAAgBN,EAAAoE,EAAA,MAAyBpE,EAAAoE,EAAA,SACrDnE,QAAS0K,EAAQlM,EAAMyG,UAEzB,wBAAMvG,UAAW,QA7DzB,SAAiBuG,GACf,OAAQA,GACN,KAAKC,EAAA,OACH,OAAOxD,EAAU,QACnB,KAAKwD,EAAA,cACH,OAAOxD,EAAU,eACnB,KAAKwD,EAAA,WACH,OAAOxD,EAAU,YACnB,QACE,MAAO,GAEb,CAmDWoJ,CAAQtM,EAAMyG,UAKzB,CArBAD,EAAS,QAAW,CAClB3E,KAAM,K,yGCzCF,SAAUmB,EAAmBhD,GACjC,IAAKA,EAAMiD,WACT,OAAO,iCAET,IAAMmD,EAAQ,yBAAuCpG,EAAMsC,MAAMiK,cAAevM,EAAMiD,YAGtF,OAFuB,qBAA6BjD,EAAMsC,OAAlD4E,YAEYd,EAIlB,gBAAC,IAAO,CACNC,UAAQ,EACR4B,kBAAmBjI,EAAME,WAAa,sBACtCkG,MAAOA,EACPoG,UAAWxM,EAAMyM,kBAAoB,OAErC,gBAAC,IAAY,CACXjL,QAAS,UACTK,KAAqB,OAAf7B,EAAM6B,KAAgB,EAAA8D,EAAA,MAAyB,EAAAA,EAAA,YAXlD,gCAeX,C,8FC1CA,SAAgB,IAAM,QAAQ,KAAO,QAAQ,SAAW,QAAQ,OAAS,SC0BzE,SAAS+G,EAAiB1M,G,QACxB,OAAIA,EAAMuC,QAEN,gBAACQ,EAAA,EAAO,CACNR,QAASvC,EAAMuC,QACfsB,cAAe7D,EAAM2M,qBACrB9J,iBAAkB7C,EAAM4M,wBACxB1M,UAAS,4HAE2B,QAAX,EAAAF,EAAM6M,aAAK,eAAEC,UAAS,YAAI,MAAU,YAAI9M,EAAM+M,OAAS,SAAgB,GAAE,eAGlG,gBAACC,EAAgB,iBAAKhN,KAM1B,uBACEE,UAAS,iEAAuE,QAAX,EAAAF,EAAM6M,aAAK,eAAEC,UAAS,YAAI,MAAU,YAAI,aAE7G,gBAACE,EAAgB,iBAAKhN,IAG5B,CAEA,SAASgN,EAAiBhN,G,MACxB,OACE,gCACE,gBAACuB,EAAA,EAAY,CACXrB,UAAS,UAAK,OAAW,8BAAsBF,EAAMiN,YAAW,eAChEzL,QAASxB,EAAMwB,UAGjB,wBAAMtB,UAAS,4CAAkD,QAAX,EAAAF,EAAM6M,aAAK,eAAEK,WAChElN,EAAMmN,MAIf,C,0BCrDM5H,EAAY,2BASZ,SAAU6H,EAAkBpN,G,UAChC,OAAKA,EAAMsC,OAASI,EAAA,gBAA0B1C,EAAMsC,OAC3C,iCAEJtC,EAAMsC,MAAM+K,OAIf,gBAAC,EAAgB,CACfR,MAAO,CACLC,UAAW,sBACXI,SAAU,6BAEZ1L,QAAS,mBACTyL,YAAY,OACZE,KAAMhK,EAAA,YAA0BoC,EAAW,kBAC3ChD,QAASvC,EAAMuC,QACfoK,qBAAoB,eAClBW,SAA4B,QAAlB,EAAAtN,EAAMsC,MAAM+K,cAAM,eAAEvF,GAC9ByF,sBAAyD,QAAlC,EAA4B,QAA5B,EAAAvN,EAAMsC,MAAMkL,wBAAgB,eAAExH,YAAI,eAAEyH,OAC3DC,kBAAmB,mBAChB1N,EAAM6D,eAEX+I,wBAAuB,eACrB7E,WAAY,WACZR,OAAQ7E,EAAA,qBAA+B1C,EAAMsC,QAC1CtC,EAAM6C,oBArBN,gCAyBX,CCvCA,IAAM,EAAY,yBASZ,SAAU8K,EAAgB3N,G,MAC9B,IAAK0C,EAAA,2BAAqC1C,EAAMsC,OAC9C,OAAO,iCAET,IAAMsL,GAAoBlL,EAAA,gBAA0B1C,EAAMsC,UAAmC,QAAxB,EAAAtC,EAAMsC,MAAMuL,oBAAY,eAAE7H,KAAKyH,SAAU,GAE9G,OACE,gBAAC,EAAgB,CACfjM,QAAS,iBACTyL,YAAY,QACZE,KAAMhK,EAAA,YAA0B,EAAW,eAAgB,CAAE2K,WAAYF,IACzErL,QAASvC,EAAMuC,QACfoK,qBAAoB,eAClBe,kBAAmB,cACnBK,wBAAyBH,GACtB5N,EAAM6D,eAEX+I,wBAAuB,eACrB7E,WAAY,WACZR,OAAQ7E,EAAA,qBAA+B1C,EAAMsC,QAC1CtC,EAAM6C,mBAIjB,CCjCA,IAAM,EAAY,sBAmBZ,SAAUmL,EAAahO,GAC3B,IAAK0C,EAAA,wBAAkC1C,EAAMsC,OAC3C,OAAO,iCAET,IArBwBA,E,IAqBlB2L,GArBkB3L,EAqBetC,EAAMsC,MApBzCI,EAAA,gBAA0BJ,GACrB,IAGS,QAAf,EAAAA,EAAM4L,iBAAS,eAAElI,KAAKyH,SAAU,KACrB,QAAX,EAAAnL,EAAM6L,aAAK,eAAEnI,KAAKyH,SAAU,IAiB/B,OACE,gBAAC,EAAgB,CACfjM,QAAS,eACTyL,YAAY,SACZE,KAAMhK,EAAA,YAA0B,EAAW,YAAa,CAAE2K,WAAYG,IACtE1L,QAASvC,EAAMuC,QACfoK,qBAAoB,eAClBe,kBAAmB,WACnBK,wBAAyBE,GACtBjO,EAAM6D,eAEX+I,wBAAuB,eACrB7E,WAAY,WACZR,OAAQ7E,EAAA,qBAA+B1C,EAAMsC,QAC1CtC,EAAM6C,mBAIjB,CC7BM,SAAUsH,EAAkBnK,G,UAC1BoO,EACJ1L,EAAA,2BAAqC1C,EAAMsC,QAC3CI,EAAA,wBAAkC1C,EAAMsC,OAG1C,OACE,uBAAKpC,UAAS,UAAKF,EAAMwK,mBAAkB,YAAI4D,EAAkCpO,EAAMuK,oBAAsB,KAC3G,gBAAC6C,EAAiB,CAChB7K,QAAuC,QAA9B,EAAAvC,EAAMoK,gCAAwB,sBAAGpK,EAAMsC,MAAMwF,GAAI9H,EAAMsC,MAAMmE,QACtEnE,MAAOtC,EAAMsC,MACbuB,cAAe7D,EAAM6D,cACrBhB,iBAAkB7C,EAAM6C,mBAE1B,gBAACmL,EAAY,CACXzL,QAAyC,QAAhC,EAAAvC,EAAMqK,kCAA0B,sBAAGrK,EAAMsC,MAAMwF,GAAI9H,EAAMsC,MAAMmE,QACxEnE,MAAOtC,EAAMsC,MACbuB,cAAe7D,EAAM6D,cACrBhB,iBAAkB7C,EAAM6C,mBAE1B,gBAAC8K,EAAe,CACdpL,QAA4C,QAAnC,EAAAvC,EAAMsK,qCAA6B,sBAAGtK,EAAMsC,MAAMwF,GAAI9H,EAAMsC,MAAMmE,QAC3EnE,MAAOtC,EAAMsC,MACbuB,cAAe7D,EAAM6D,cACrBhB,iBAAkB7C,EAAM6C,mBAIhC,C,wECtDA,SAAgB,eAAiB,QAAQ,SAAW,SCW9C,SAAU+F,EAAqB5I,G,MAC7BqO,GAAgB,SAItB,GAF2B,QAA3B,EAAAA,EAAcC,qBAAa,gBAAGtO,IAEzBqO,EAAcE,YACjB,OAAO,iCAET,GAA2B,uBAAvBF,EAAcrF,KAChB,OAAO,iCAET,GAAmB,UAAfhJ,EAAMgJ,MAAoBqF,EAAcG,aAC1C,OAAO,iCAET,GAA2B,YAAvBH,EAAcrF,MAAyC,cAAnBhJ,EAAM8C,SAC5C,OAAO,gBAAC,KAAS,CAAC2L,KAAMJ,EAAcK,aAKxC,IAAMC,EAAaN,EAAcO,QAE7BC,EAAW,YACQ,iBAAnB7O,EAAM8C,WACR+L,EAAW,iBAEb,IAAM3O,EAAY,GAAH,OAAM,iBAAqB,YAAIyO,EAAa,WAAkB,GAAE,YAAIE,EAAQ,oBAE3F,OACE,uBAAK3O,UAAWA,GACd,gBAAC,KAAS,CAACuO,KAAMJ,EAAcK,aAGrC,C,kBC7CA,IAAYrD,E,iBAAZ,SAAYA,GACV,qBACA,yBACA,gCACD,CAJD,CAAYA,IAAAA,EAAqB,I","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/plugin-hover/plugin-hover.scss","file:///app/packages/libs/shared/src/components/thumbnails/plugin-hover/PluginHover.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-list/components/restriction-padlock/RestrictionPadlock.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-guidance/classroom-guide/ClassroomGuideTag.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-list/components/video-guidance/VideoItemGuidance.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"],"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.Tick}\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        <h2 className='h6'>\n          <AppLink className='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        </h2>\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  preventFocus?: boolean;\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} tabIndex={props.preventFocus ? -1 : undefined}>\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 {\"pluginHover\":\"h4RQa\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport styles from './plugin-hover.scss';\n\nconst namespace = 'shared.pluginHover';\n\ninterface PluginHoverProps {\n  isPlugin: boolean;\n  className?: string;\n  onClick?: () => void;\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n}\n\nexport function PluginHover(props: PluginHoverProps): JSX.Element {\n  if (!props.isPlugin)\n    return <></>;\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n      onClick={props.onClick}\n      className={`\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ${styles.pluginHover}\n        ${props.className ? props.className : ''}\n      `}\n    >\n      <span className='position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white'>\n        <Text namespace={namespace} phrase='embed' />\n      </span>\n    </AppLink>\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 { ImageSize } from 'libs/shared/enums/Images';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\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 = ImageHelper.createUrl(company?.logo?.url ?? props.companyLogoFallbackUrl, { size: ImageSize.Small });\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 { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\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  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\n\n  return (\n    <Tooltip title={VideoHelper.getPrivacyReasoning(props.video)} spanHack spanHackClassName=''>\n      <div className='position-relative rounded-3 overflow-hidden' ref={thumbnailHoverRef}>\n        <PluginHover\n          isPlugin={props.isPlugin}\n          className='rounded-3'\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\n\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          {props.showOwner && <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={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus\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 {\"topLeftContainer\":\"wHY80\",\"details\":\"vMaXP\",\"isHovering\":\"tR1jA\",\"videoGuidanceTags\":\"KJrT1\",\"responsiveGuidance\":\"OixHb\",\"dropdown\":\"oZXV7\",\"show\":\"EiQ04\",\"topRightContainer\":\"FAuzc\"};","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 { 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 { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\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 { VideoItemGuidance } from 'libs/shared/components/video-list/components/video-guidance/VideoItemGuidance';\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 { 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  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  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\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            preventFocus\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        <PluginHover\n          isPlugin={props.isPlugin}\n          className={isHovering ? 'rounded-top-3' : 'rounded-3'}\n          onClick={() => props.cleanPortalNode?.()}\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\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          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus={!props.hideTitle}\n          appLinkClassName='position-absolute top-0 start-0 h-100 w-100'\n          imageClassName={isHovering ? 'rounded-top-3' : 'rounded-3'}\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              {props.showOwner && <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                <VideoItemGuidance\n                  getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n                  getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n                  getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n                  video={props.video}\n                  analyticsData={props.analyticsData}\n                  analyticsOptions={props.analyticsOptions}\n                  responsiveClassName={styles.responsiveGuidance}\n                  containerClassName={`d-flex justify-content-start align-items-center pt-2`}\n                />\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        preventFocus\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 { LiteOwnerAvatar } from 'libs/shared/components/thumbnails/lite-owner-avatar/LiteOwnerAvatar';\nimport { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\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 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  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\n\n  return (\n    <Tooltip title={tooltip} spanHack spanHackClassName=''>\n      <div className={getContainerClass()} ref={setHoverRefs}>\n        <PluginHover\n          isPlugin={props.isPlugin}\n          className={props.size === 'sm' ? 'rounded' : 'rounded-3'}\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\n\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          onClick={canNavigate ? props.onClick : undefined}\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={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus\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              {props.showOwner && <LiteOwnerAvatar video={video} 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 { MasterType } from 'libs/shared/enums/MasterType';\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  onClick?: () => void;\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  isPlugin: boolean;\n  showOwner?: boolean;\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  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\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';\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 {\"tag\":\"OjHQZ\",\"icon\":\"SS2zL\",\"disabled\":\"eGiNR\",\"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  theme?: {\n    tabLabel?: string;\n    container?: string;\n  }\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 ${props.theme?.container} ${styles.tag} ${props.active ? styles.active : ''}\n        `}\n      >\n        <VideoGuidanceTag {...props} />\n      </AppLink>\n    );\n  }\n\n  return (\n    <div\n      className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center ${props.theme?.container} ${styles.tag} ${styles.disabled}`}\n    >\n      <VideoGuidanceTag {...props} />\n    </div>\n  );\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 ${props.theme?.tabLabel}`}>\n        {props.text}\n      </span>\n    </>\n  );\n}\n\nexport { ContainerWrapper as VideoGuidanceTag };","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.classroomGuideTag';\n\ninterface ClassroomGuideTagProps {\n  video: VideoTypes;\n  appLink: Core.AppLink;\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function ClassroomGuideTag(props: ClassroomGuideTagProps): JSX.Element {\n  if (!props.video || VideoHelper.isInteractive(props.video))\n    return <></>;\n\n  if (!props.video.glance)\n    return <></>;\n\n  return (\n    <VideoGuidanceTag\n      theme={{\n        container: 'classroom-guide-tag',\n        tabLabel: 'classroom-guide-tag-label'\n      }}\n      svgName={cvSvgLibrary.GraduationCap}\n      iconVariant='navy'\n      text={LanguageService.getPhrase(namespace, 'classroomGuide')}\n      appLink={props.appLink}\n      appLinkAnalyticsData={{\n        glanceId: props.video.glance?.id,\n        totalPointsOfInterest: props.video.pointsOfInterest?.data?.length,\n        videoGuidanceType: 'classroom-guide',\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.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 (!VideoHelper.showInteractivesGuidance(props.video))\n    return <></>;\n  \n  const interactiveCount = !VideoHelper.isInteractive(props.video) && (props.video.interactives?.data.length || 0);\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\nfunction getResourceCount(video: VideoTypes): number {\n  if (VideoHelper.isInteractive(video))\n    return 0;\n\n  return (\n    (video.resources?.data.length || 0) +\n    (video.links?.data.length || 0)\n  );\n}\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 (!VideoHelper.showResourcesGuidance(props.video))\n    return <></>;\n\n  const resourceCount = getResourceCount(props.video);\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}","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 { ClassroomGuideTag } from 'libs/shared/components/video-guidance/classroom-guide/ClassroomGuideTag';\nimport { InteractivesTag } from 'libs/shared/components/video-guidance/interactives/InteractivesTag';\nimport { ResourcesTag } from 'libs/shared/components/video-guidance/resources/ResourcesTag';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ninterface VideoItemGuidanceProps {\n  video: VideoTypes;\n  getVideoAppLink?: (video: VideoTypes, opts: GetVideoAppLinkOptions) => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n  containerClassName: string;\n  responsiveClassName?: string;\n}\n\nexport function VideoItemGuidance(props: VideoItemGuidanceProps): JSX.Element {\n  const showingResourcesAndInteractives = (\n    VideoHelper.showInteractivesGuidance(props.video) &&\n    VideoHelper.showResourcesGuidance(props.video)\n  );\n\n  return (\n    <div className={`${props.containerClassName} ${showingResourcesAndInteractives ? props.responsiveClassName : ''}`}>\n      <ClassroomGuideTag\n        appLink={props.getClassroomGuideAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n      <ResourcesTag\n        appLink={props.getResourceGuidanceAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n      <InteractivesTag\n        appLink={props.getInteractiveGuidanceAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n    </div>\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}"],"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","tabIndex","preventFocus","undefined","VideoWatchProgressBar","progress","watchPercentage","duration","width","VideoThumbnailBottomBar","LiteOwnerAvatar","_liteOwner","_isClickViewCurated","value","SvgContainer2","Avatar","imageCdnUrl","initials","UserHelper","surname","imageUrl","avatar","url","PluginHover","isPlugin","Text","namespace","phrase","ThumbnailPadlock","svgSize","S","ThumbnailCompanyLogo","companyLogoFallbackUrl","company","productionCompanies","data","ImageHelper","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","id","actionType","descriptor","spanHackClassName","ref","showOwner","BaseImage","imageType","alt","series","ImageFallback","Badge","hasSubtitle","hasInteractives","GlobalPlayerConsumer","key","objectId","objectTypeId","mode","context","contextId","moviesAndTv","mtv","VideoThumbnailBadges","showAudience","showRating","hideRating","hideDuration","newDurationStyle","PopoutVideo","isHovering","cleanPortalNode","extraClasses","hideTitle","appLinkClassName","imageClassName","showVideoGuidance","VideoItemGuidance","getClassroomGuideAppLink","getResourceGuidanceAppLink","getInteractiveGuidanceAppLink","responsiveClassName","containerClassName","PopoutVideoThumbnail","HoverToPortalContainer","hoverableComponent","componentProps","fixedHoverWidth","minHoverWidth","VideoThumbnailActions","setCheckMarkStatus","hasActions","checkMarkStatus","textPosition","textIsOverlayed","ThumbnailTextPosition","StaticVideoThumbnail","hoverRef","hoverIntentRef","isHoveringIntentionally","showMask","hideMask","tooltip","showSignIn","r","current","getThumbnailClass","VideoThumbnail","getIcon","getColourClass","CurationStatus","baseClasses","getText","_restrictions","placement","tooltipPlacement","ContainerWrapper","appLinkAnalyticsData","appLinkAnalyticsOptions","theme","container","active","VideoGuidanceTag","iconVariant","tabLabel","text","ClassroomGuideTag","glance","glanceId","totalPointsOfInterest","pointsOfInterest","length","videoGuidanceType","InteractivesTag","interactiveCount","interactives","smartCount","videoGuidanceTotalItems","ResourcesTag","resourceCount","resources","links","showingResourcesAndInteractives","playerContext","useInitialize","hasProvider","isOnPlayPage","node","portalNode","shouldShow","started","rounding"],"sourceRoot":""}
+{"version":3,"file":"scripts/4591-21c0094f28-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/plugin-hover/plugin-hover.scss","file:///app/packages/libs/shared/src/components/thumbnails/plugin-hover/PluginHover.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-list/components/restriction-padlock/RestrictionPadlock.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-guidance/classroom-guide/ClassroomGuideTag.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-list/components/video-guidance/VideoItemGuidance.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"],"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.Tick}\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        <h2 className='h6'>\n          <AppLink className='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        </h2>\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  preventFocus?: boolean;\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} tabIndex={props.preventFocus ? -1 : undefined}>\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 {\"pluginHover\":\"h4RQa\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport styles from './plugin-hover.scss';\n\nconst namespace = 'shared.pluginHover';\n\ninterface PluginHoverProps {\n  isPlugin: boolean;\n  className?: string;\n  onClick?: () => void;\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n}\n\nexport function PluginHover(props: PluginHoverProps): JSX.Element {\n  if (!props.isPlugin)\n    return <></>;\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n      onClick={props.onClick}\n      className={`\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ${styles.pluginHover}\n        ${props.className ? props.className : ''}\n      `}\n    >\n      <span className='position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white'>\n        <Text namespace={namespace} phrase='embed' />\n      </span>\n    </AppLink>\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 { ImageSize } from 'libs/shared/enums/Images';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\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 = ImageHelper.createUrl(company?.logo?.url ?? props.companyLogoFallbackUrl, { size: ImageSize.Small });\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 { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\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  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\n\n  return (\n    <Tooltip title={VideoHelper.getPrivacyReasoning(props.video)} spanHack spanHackClassName=''>\n      <div className='position-relative rounded-3 overflow-hidden' ref={thumbnailHoverRef}>\n        <PluginHover\n          isPlugin={props.isPlugin}\n          className='rounded-3'\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\n\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          {props.showOwner && <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={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus\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 {\"topLeftContainer\":\"wHY80\",\"details\":\"vMaXP\",\"isHovering\":\"tR1jA\",\"videoGuidanceTags\":\"KJrT1\",\"responsiveGuidance\":\"OixHb\",\"dropdown\":\"oZXV7\",\"show\":\"EiQ04\",\"topRightContainer\":\"FAuzc\"};","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 { 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 { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\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 { VideoItemGuidance } from 'libs/shared/components/video-list/components/video-guidance/VideoItemGuidance';\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 { 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  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  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\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            preventFocus\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        <PluginHover\n          isPlugin={props.isPlugin}\n          className={isHovering ? 'rounded-top-3' : 'rounded-3'}\n          onClick={() => props.cleanPortalNode?.()}\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\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          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus={!props.hideTitle}\n          appLinkClassName='position-absolute top-0 start-0 h-100 w-100'\n          imageClassName={isHovering ? 'rounded-top-3' : 'rounded-3'}\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              {props.showOwner && <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                <VideoItemGuidance\n                  getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n                  getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n                  getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n                  video={props.video}\n                  analyticsData={props.analyticsData}\n                  analyticsOptions={props.analyticsOptions}\n                  responsiveClassName={styles.responsiveGuidance}\n                  containerClassName={`d-flex justify-content-start align-items-center pt-2`}\n                />\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        preventFocus\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 { LiteOwnerAvatar } from 'libs/shared/components/thumbnails/lite-owner-avatar/LiteOwnerAvatar';\nimport { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\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 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  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\n\n  return (\n    <Tooltip title={tooltip} spanHack spanHackClassName=''>\n      <div className={getContainerClass()} ref={setHoverRefs}>\n        <PluginHover\n          isPlugin={props.isPlugin}\n          className={props.size === 'sm' ? 'rounded' : 'rounded-3'}\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\n\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          onClick={canNavigate ? props.onClick : undefined}\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={analyticsData}\n          analyticsOptions={analyticsOptions}\n          preventFocus\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              {props.showOwner && <LiteOwnerAvatar video={video} 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 { MasterType } from 'libs/shared/enums/MasterType';\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  onClick?: () => void;\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  isPlugin: boolean;\n  showOwner?: boolean;\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  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\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';\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 {\"tag\":\"OjHQZ\",\"icon\":\"SS2zL\",\"disabled\":\"eGiNR\",\"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  theme?: {\n    tabLabel?: string;\n    container?: string;\n  }\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 ${props.theme?.container} ${styles.tag} ${props.active ? styles.active : ''}\n        `}\n      >\n        <VideoGuidanceTag {...props} />\n      </AppLink>\n    );\n  }\n\n  return (\n    <div\n      className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center ${props.theme?.container} ${styles.tag} ${styles.disabled}`}\n    >\n      <VideoGuidanceTag {...props} />\n    </div>\n  );\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 ${props.theme?.tabLabel}`}>\n        {props.text}\n      </span>\n    </>\n  );\n}\n\nexport { ContainerWrapper as VideoGuidanceTag };","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.classroomGuideTag';\n\ninterface ClassroomGuideTagProps {\n  video: VideoTypes;\n  appLink: Core.AppLink;\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function ClassroomGuideTag(props: ClassroomGuideTagProps): JSX.Element {\n  if (!props.video || VideoHelper.isInteractive(props.video))\n    return <></>;\n\n  if (!props.video.glance)\n    return <></>;\n\n  return (\n    <VideoGuidanceTag\n      theme={{\n        container: 'classroom-guide-tag',\n        tabLabel: 'classroom-guide-tag-label'\n      }}\n      svgName={cvSvgLibrary.GraduationCap}\n      iconVariant='navy'\n      text={LanguageService.getPhrase(namespace, 'classroomGuide')}\n      appLink={props.appLink}\n      appLinkAnalyticsData={{\n        glanceId: props.video.glance?.id,\n        totalPointsOfInterest: props.video.pointsOfInterest?.data?.length,\n        videoGuidanceType: 'classroom-guide',\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.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 (!VideoHelper.showInteractivesGuidance(props.video))\n    return <></>;\n  \n  const interactiveCount = !VideoHelper.isInteractive(props.video) && (props.video.interactives?.data.length || 0);\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\nfunction getResourceCount(video: VideoTypes): number {\n  if (VideoHelper.isInteractive(video))\n    return 0;\n\n  return (\n    (video.resources?.data.length || 0) +\n    (video.links?.data.length || 0)\n  );\n}\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 (!VideoHelper.showResourcesGuidance(props.video))\n    return <></>;\n\n  const resourceCount = getResourceCount(props.video);\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}","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 { ClassroomGuideTag } from 'libs/shared/components/video-guidance/classroom-guide/ClassroomGuideTag';\nimport { InteractivesTag } from 'libs/shared/components/video-guidance/interactives/InteractivesTag';\nimport { ResourcesTag } from 'libs/shared/components/video-guidance/resources/ResourcesTag';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ninterface VideoItemGuidanceProps {\n  video: VideoTypes;\n  getVideoAppLink?: (video: VideoTypes, opts: GetVideoAppLinkOptions) => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n  containerClassName: string;\n  responsiveClassName?: string;\n}\n\nexport function VideoItemGuidance(props: VideoItemGuidanceProps): JSX.Element {\n  const showingResourcesAndInteractives = (\n    VideoHelper.showInteractivesGuidance(props.video) &&\n    VideoHelper.showResourcesGuidance(props.video)\n  );\n\n  return (\n    <div className={`${props.containerClassName} ${showingResourcesAndInteractives ? props.responsiveClassName : ''}`}>\n      <ClassroomGuideTag\n        appLink={props.getClassroomGuideAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n      <ResourcesTag\n        appLink={props.getResourceGuidanceAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n      <InteractivesTag\n        appLink={props.getInteractiveGuidanceAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n    </div>\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}"],"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","tabIndex","preventFocus","undefined","VideoWatchProgressBar","progress","watchPercentage","duration","width","VideoThumbnailBottomBar","LiteOwnerAvatar","_liteOwner","_isClickViewCurated","value","SvgContainer2","Avatar","imageCdnUrl","initials","UserHelper","surname","imageUrl","avatar","url","PluginHover","isPlugin","Text","namespace","phrase","ThumbnailPadlock","svgSize","S","ThumbnailCompanyLogo","companyLogoFallbackUrl","company","productionCompanies","data","ImageHelper","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","id","actionType","descriptor","spanHackClassName","ref","showOwner","BaseImage","imageType","alt","series","ImageFallback","Badge","hasSubtitle","hasInteractives","GlobalPlayerConsumer","key","objectId","objectTypeId","mode","context","contextId","moviesAndTv","mtv","VideoThumbnailBadges","showAudience","showRating","hideRating","hideDuration","newDurationStyle","PopoutVideo","isHovering","cleanPortalNode","extraClasses","hideTitle","appLinkClassName","imageClassName","showVideoGuidance","VideoItemGuidance","getClassroomGuideAppLink","getResourceGuidanceAppLink","getInteractiveGuidanceAppLink","responsiveClassName","containerClassName","PopoutVideoThumbnail","HoverToPortalContainer","hoverableComponent","componentProps","fixedHoverWidth","minHoverWidth","VideoThumbnailActions","setCheckMarkStatus","hasActions","checkMarkStatus","textPosition","textIsOverlayed","ThumbnailTextPosition","StaticVideoThumbnail","hoverRef","hoverIntentRef","isHoveringIntentionally","showMask","hideMask","tooltip","showSignIn","r","current","getThumbnailClass","VideoThumbnail","getIcon","getColourClass","CurationStatus","baseClasses","getText","_restrictions","placement","tooltipPlacement","ContainerWrapper","appLinkAnalyticsData","appLinkAnalyticsOptions","theme","container","active","VideoGuidanceTag","iconVariant","tabLabel","text","ClassroomGuideTag","glance","glanceId","totalPointsOfInterest","pointsOfInterest","length","videoGuidanceType","InteractivesTag","interactiveCount","interactives","smartCount","videoGuidanceTotalItems","ResourcesTag","resourceCount","resources","links","showingResourcesAndInteractives","playerContext","useInitialize","hasProvider","isOnPlayPage","node","portalNode","shouldShow","started","rounding"],"sourceRoot":""}